:root{--color-bg:#f8f7fa;--color-surface:#fff;--color-surface-variant:#f4f3f7;--color-border:#2f2b3d1f;--color-text:#2f2b3d;--color-text-muted:#2f2b3d99;--color-brand:#6c63ff;--color-accent:#6c63ff;--color-secondary:#808390;--color-success:#28c76f;--color-warning:#ff9f43;--color-danger:#ff4c51;--color-info:#00bad1;--on-brand:#fff;--on-accent:#fff;--on-success:#fff;--on-warning:#fff;--shadow-card:0 2px 10px #2f2b3d1a;--shadow-dialog:0 8px 30px #2f2b3d2e;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-pill:999px;--font-display:"Public Sans", system-ui, sans-serif;--font-body:"Public Sans", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#25293c;--color-surface:#2f3349;--color-surface-variant:#3a3f58;--color-border:#e1def51f;--color-text:#e1def5;--color-text-muted:#e1def599;--shadow-card:0 2px 10px #00000059;--shadow-dialog:0 8px 30px #00000073}}:root[data-theme=dark]{--color-bg:#25293c;--color-surface:#2f3349;--color-surface-variant:#3a3f58;--color-border:#e1def51f;--color-text:#e1def5;--color-text-muted:#e1def599;--shadow-card:0 2px 10px #00000059;--shadow-dialog:0 8px 30px #00000073}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;transition:background-color .2s,color .2s}button{font-family:inherit}.btn{appearance:none;border-radius:var(--radius-lg);cursor:pointer;border:none;padding:.8rem 1.4rem;font-size:.95rem;font-weight:600;transition:opacity .15s,transform 50ms}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary,.btn--brand{background:var(--color-brand);color:var(--on-brand)}.btn--outline{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn--text{color:var(--color-text-muted);background:0 0;padding:.8rem 1rem}.btn--danger-text{color:var(--color-danger);background:0 0}.screen{flex-direction:column;min-height:100%;display:flex}.screen--centered{text-align:center;justify-content:center;align-items:center;padding:2rem}.brand-mark{font-family:var(--font-display);color:var(--color-brand);letter-spacing:.02em;font-weight:700}.theme-toggle{top:calc(env(safe-area-inset-top,0px) + .75rem);z-index:40;border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);box-shadow:var(--shadow-card);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:fixed;right:1rem}