:root{--bg: #f4f1e6;--bg-accent: #dfe8d8;--panel: #fffef9;--ink: #1b1f24;--muted: #4d5763;--line: #d8d4c7;--brand: #1f6f50;--brand-soft: #d9efe4;--danger: #b42318;--radius: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at 20% 20%,var(--bg-accent),var(--bg) 45%),linear-gradient(120deg,#f7f4e9,#ecefe3);font-family:Noto Sans KR,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:24px 16px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 20px}.brand{font-size:1.25rem;letter-spacing:.02em;font-weight:700}.nav{display:flex;align-items:center;gap:12px}.pill{border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:#fff;font-size:.9rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 6px 24px #1b1f240f}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.label{color:var(--muted);margin:0 0 8px;font-size:.9rem}.value{margin:0;font-size:1.1rem;font-weight:600}.form{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font-size:.9rem;color:var(--muted)}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;color:var(--ink);font-size:.95rem}.field textarea{min-height:110px;resize:vertical}.btn{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--brand);color:#fff}.btn.secondary{background:var(--brand-soft);color:#123f2e}.btn.ghost{border:1px solid var(--line);background:transparent}.error{color:var(--danger);font-size:.9rem}.list{display:grid;gap:10px}.list-item{border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px;display:grid;gap:8px}.meta{color:var(--muted);font-size:.85rem}.json-block{background:#f9f7f0;border:1px solid var(--line);border-radius:10px;padding:10px;overflow-x:auto;font-size:.85rem}@media (max-width: 780px){.grid.two{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}