:root{--paper:#fff;--paper-deep:#f7f9fc;--card:#fff;--ink:#0b1220;--ink-soft:#5f6b7a;--ink-faint:#93a0b0;--line:#e9eef5;--line-soft:#f0f3f8;--teal:#1d2bff;--teal-deep:#1420cc;--teal-wash:#e9ebff;--in:#f1f5fb;--sienna:#b45309;--sienna-wash:#fff4e5;--gold:#c8a23c;--ok:#0e9f6e;--ok-wash:#e6f6ef;--danger:#d6222a;--danger-wash:#fdecec;--note:#fff8dd;--note-ink:#6b5200;--font-display:"Bricolage Grotesque", "DM Sans", "Helvetica Neue", Arial, sans-serif;--font-body:"DM Sans", "Helvetica Neue", Arial, sans-serif;--font-mono:"DM Mono", ui-monospace, Menlo, monospace;--radius:12px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--paper);color:var(--ink);font:14px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--teal)}button,input,textarea,select{font:inherit;color:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.86em}.btn{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:filter .15s,opacity .15s;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:var(--teal-wash);color:var(--teal)}.btn.quiet{color:var(--ink-soft);background:0 0}.btn.quiet:hover{background:var(--paper-deep);color:var(--ink)}.btn.ink{background:var(--ink);color:#fff}.btn.sm{padding:6px 12px;font-size:13px}.btn.danger{background:var(--danger)}.field{gap:5px;display:grid}.field label{color:var(--ink-soft);font-size:12px;font-weight:600}.input{border:1.5px solid var(--line);background:var(--card);border-radius:10px;outline:none;width:100%;padding:9px 12px;transition:border-color .15s}.input:focus{border-color:var(--teal)}.pill{border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12.5px;font-weight:500;display:inline-flex}.pill:hover{border-color:var(--ink-faint)}.pill.on{background:var(--ink);color:#fff;border-color:var(--ink)}.pill .n{font-family:var(--font-mono);opacity:.7;font-size:11px}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.muted{color:var(--ink-faint)}.error{color:var(--danger);font-size:13px}.empty{text-align:center;color:var(--ink-faint);padding:60px 20px}.empty h3{color:var(--ink);letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}