@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap";
:root{--paper:#f5f2ea;--paper-raised:#fffdf8;--paper-sunk:#ebe6da;--ink:#1c1d1a;--ink-2:#45463f;--muted:#66655c;--line:#dcd5c6;--line-strong:#827b6b;--accent:#25466b;--on-accent:#fff;--accent-tint:#e4eaf1;--kraft:#a0682f;--success:#2d6a3e;--danger:#a3261b;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:2px;--radius-md:4px;--font-sans:"IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0;font-size:15px;line-height:1.6}button,input{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:480px;padding:var(--space-5) var(--space-4);margin:0 auto}.brand{margin:0 0 var(--space-5);font-size:22px;font-weight:700;line-height:32px}.panel{padding:var(--space-4);background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-md);gap:var(--space-3);flex-direction:column;display:flex}.field{gap:var(--space-1);color:var(--ink-2);flex-direction:column;font-size:13px;font-weight:600;display:flex}.field input{min-height:44px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper-raised);color:var(--ink);font-size:16px;font-weight:400}.btn{min-height:44px;padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--paper-raised);color:var(--ink);cursor:pointer;font-weight:600}.btn.primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.btn:disabled{opacity:.6;cursor:default}.error{color:var(--danger);margin:0;font-size:13px}.muted{color:var(--muted);margin:0}