:root{--paper: #ffffff;--paper-2: #f7f6f2;--paper-3: #efede7;--ink: #0b0d10;--ink-soft: #4b525b;--ink-mute: #8a8f96;--ink-disabled: #b9bdc2;--rule: #e3e1dc;--rule-soft: #ecebe6;--rule-strong: #cfccc4;--accent: #1f3a8a;--accent-2: #2845a6;--accent-soft: rgba(31, 58, 138, .08);--accent-tint: rgba(31, 58, 138, .13);--amber: #c2410c;--amber-soft: rgba(194, 65, 12, .08);--meadow: #117a45;--rose: #be1d4a;--ok: #117a45;--warn: #c2410c;--err: #be1d4a;--live: #be1d4a;--serif: "Newsreader", "Fraunces", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--shadow-1: 0 1px 2px rgba(15,15,15,.04);--shadow-2: 0 4px 14px rgba(15,15,15,.08);--shadow-3: 0 24px 48px -8px rgba(15,15,15,.18);--shadow-4: 0 16px 48px -8px rgba(15,15,15,.2);--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-pill: 9999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px}.dark{--paper: #0d0e10;--paper-2: #15171a;--paper-3: #1d2024;--ink: #f2efe8;--ink-soft: #b1b4bc;--ink-mute: #7d8189;--ink-disabled: #4e5258;--rule: #262a30;--rule-soft: #1a1d22;--rule-strong: #353a42;--accent: #8bb0ff;--accent-2: #a6c2ff;--accent-soft: rgba(139, 176, 255, .1);--accent-tint: rgba(139, 176, 255, .2);--amber: #e88858;--rose: #ee5c84;--live: #ee5c84}.light{--paper: #ffffff;--paper-2: #f7f6f2;--paper-3: #efede7;--ink: #0b0d10;--ink-soft: #4b525b;--ink-mute: #8a8f96;--ink-disabled: #b9bdc2;--rule: #e3e1dc;--rule-soft: #ecebe6;--rule-strong: #cfccc4;--accent: #1f3a8a;--accent-2: #2845a6;--accent-soft: rgba(31, 58, 138, .08);--accent-tint: rgba(31, 58, 138, .13);--amber: #c2410c;--rose: #be1d4a;--live: #be1d4a}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.t-display{font-family:var(--serif);font-weight:400;font-size:80px;line-height:1.04;letter-spacing:-.025em}.t-display em{font-style:italic;font-weight:300}.t-h1{font-family:var(--serif);font-weight:400;font-size:56px;line-height:1.06;letter-spacing:-.025em}.t-h1 em{font-style:italic;font-weight:300}.t-h2{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.15;letter-spacing:-.02em}.t-h2 em{font-style:italic;font-weight:300}.t-h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.25;letter-spacing:-.015em}.t-h4{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.3}.t-lede{font-family:var(--serif);font-weight:300;font-size:20px;line-height:1.55;color:var(--ink-soft)}.t-body{font-family:var(--serif);font-weight:400;font-size:18px;line-height:1.7}.t-body-sans{font-family:var(--sans);font-weight:400;font-size:14px;line-height:1.55}.t-kicker{font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);line-height:1.6;display:block}.t-meta{font-family:var(--sans);font-weight:400;font-size:12px;color:var(--ink-soft)}.t-mono{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--ink-soft)}.t-mono-up{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.t-btn{font-family:var(--sans);font-weight:600;font-size:13px}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-md);border:1px solid var(--rule-strong);background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:500;font-size:13px;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .08s ease}.btn:hover{background:var(--paper-2)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-primary:hover{background:var(--ink-soft);color:var(--paper);border-color:var(--ink-soft)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-accent:hover{background:var(--accent-2)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn-ghost:hover{background:var(--paper-2);color:var(--ink)}.btn-sm{padding:6px 10px;font-size:12px}.btn-lg{padding:12px 18px;font-size:14px}.btn[disabled]{opacity:.5;cursor:not-allowed}.input{background:var(--paper);color:var(--ink);border:1px solid var(--rule-strong);border-radius:var(--r-md);padding:10px 12px;font-family:var(--sans);font-size:14px;width:100%;transition:border-color .12s ease,box-shadow .12s ease}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-label{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;display:block}.card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-lg);padding:var(--s-5)}.card-flat{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-md)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--r-pill);font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.04em;background:var(--paper-3);color:var(--ink-soft);border:1px solid var(--rule)}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-tint)}.badge-live{background:var(--live);color:#fff;border-color:var(--live)}.badge-amber{background:var(--amber-soft);color:var(--amber);border-color:#c2410c2e}.rule{height:1px;background:var(--ink);width:48px}.rule-soft{height:1px;background:var(--rule);width:100%}.kbd{font-family:var(--mono);font-size:10px;padding:2px 6px;border-radius:4px;border:1px solid var(--rule);color:var(--ink-soft);background:var(--paper)}.fade-in{animation:fade .25s ease both}.slide-up{animation:slideUp .3s cubic-bezier(.2,.7,.2,1) both}.slide-in-right{animation:slideRight .3s cubic-bezier(.2,.7,.2,1) both}.scale-in{animation:scaleIn .2s cubic-bezier(.2,.7,.2,1) both}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse 1.6s ease-in-out infinite}::selection{background:var(--accent-tint);color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--rule-strong);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--ink-mute);background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-track{background:transparent}html,body,#app{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}button,input,textarea{font-family:inherit}