:root{--bg:#fbfbfa;--surface:#fff;--surface-2:#f8f9fb;--sidebar:#f3f4f7;--banner:#eef2ff;--border:#e7e8ec;--border-strong:#dadbe0;--hairline:#eef0f3;--ink:#0b0c0f;--ink-2:#3f4250;--ink-3:#6b7081;--ink-4:#9aa0ad;--ink-5:#c1c4cd;--blue:#2f6bf6;--blue-text:#1d4ed8;--blue-soft:#e8eefe;--blue-ring:#c8d6fb;--done:#10b981;--done-soft:#dcfaee;--done-text:#065f46;--warn:#f59e0b;--warn-soft:#fef3c7;--warn-text:#92400e;--danger:#e11d48;--danger-soft:#ffe4e6;--danger-text:#9f1239;--ui:"Inter", -apple-system, system-ui, sans-serif;--display:"Instrument Serif", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, monospace;--shadow-1:0 1px 2px #0f172a0a;--shadow-2:0 2px 6px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-3:0 12px 32px #0f172a1f, 0 4px 12px #0f172a0f}*{box-sizing:border-box;margin:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--ui);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}.btn{border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;font-size:13.5px;font-weight:500;font-family:var(--ui);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.accent{background:var(--blue);border-color:var(--blue);color:#fff}.btn.lg{border-radius:10px;padding:11px 20px;font-size:14.5px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-2);font-size:12.5px;font-weight:500}.field input{font-family:var(--ui);border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-ring)}.field .error{color:var(--danger);font-size:12px}