:root{--ink: #131216;--ink-700: #1b1a20;--ink-600: #232228;--paper: #f6f2ec;--grey-500: #77726c;--grey-300: #a8a39b;--rule: #e3ddd2;--rule-dark: #2a2930;--violet: #9f5cff;--violet-press: #8a45f0;--violet-soft: rgba(159, 92, 255, .14);--violet-bright: #b488ff;--bg: var(--ink);--bg-raised: var(--ink-700);--surface-card: var(--ink-600);--fg: var(--paper);--fg-muted: var(--grey-300);--fg-faint: var(--grey-500);--accent: var(--violet);--accent-display:var(--violet-bright);--accent-soft: var(--violet-soft);--hairline: var(--rule-dark);--hairline-strong: rgba(246, 242, 236, .16);--hover-tint: rgba(246, 242, 236, .06);--press-tint: rgba(246, 242, 236, .1);--danger: #e3574a;--font-ui: Arial, system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--w-light: 300;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700;--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;--r-1: 2px;--r-2: 4px;--r-full: 9999px;--ease: cubic-bezier(.2, .6, .2, 1);--dur: .2s;--dur-fast: .12s;--content-max: 1200px}[data-mode=paper]{--bg: var(--paper);--bg-raised: #ffffff;--surface-card: #ffffff;--fg: var(--ink);--fg-muted: var(--grey-500);--fg-faint: rgba(19, 18, 22, .55);--hairline: var(--rule);--hairline-strong: rgba(19, 18, 22, .16);--hover-tint: rgba(19, 18, 22, .04);--press-tint: rgba(19, 18, 22, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-weight:var(--w-regular);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent-soft)}button{font-family:var(--font-ui)}.login{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--s-5)}.login-card{width:100%;max-width:400px;display:grid;row-gap:var(--s-6);text-align:center}.lockup{display:flex;align-items:center;justify-content:center;column-gap:var(--s-3)}.lockup-text{font-size:36px;font-weight:var(--w-light);letter-spacing:-.01em;line-height:1;color:var(--fg)}.login-h1{font-size:18px;font-weight:var(--w-medium);margin:0 0 var(--s-1)}.login-sub{font-size:14px;color:var(--fg-muted);margin:0}.login-form{display:grid;row-gap:var(--s-3)}.field{width:100%;background:var(--bg-raised);border:1px solid var(--hairline);border-radius:var(--r-1);padding:13px 14px;color:var(--fg);font-family:var(--font-ui);font-size:15px;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.field::placeholder{color:var(--fg-faint)}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field.error{border-color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border:1px solid transparent;border-radius:var(--r-1);font-weight:var(--w-semibold);font-size:14px;line-height:1;padding:14px 16px;cursor:pointer;transition:background var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn-accent{background:var(--accent);color:var(--paper)}.btn-accent:hover:not([disabled]){background:var(--violet-press)}.btn-ghost{background:transparent;color:var(--fg-muted);border-color:var(--hairline)}.btn-ghost:hover{color:var(--fg)}.btn[disabled]{opacity:.4;cursor:not-allowed}.login-err{min-height:20px;font-size:13px;color:var(--danger);margin:0}.topbar{display:flex;align-items:center;gap:var(--s-4);padding:0 var(--s-5);height:56px;border-bottom:1px solid var(--hairline);background:var(--bg);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:var(--w-medium);font-size:16px}.brand-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);border:1px solid var(--hairline);border-radius:var(--r-1);padding:3px 8px;margin-left:var(--s-2)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--s-4)}.user-email{font-size:13px;color:var(--fg-muted)}.nav{display:flex;gap:var(--s-2);padding:var(--s-4) var(--s-5) 0;border-bottom:1px solid var(--hairline)}.nav-tab{background:none;border:none;cursor:default;color:var(--fg-faint);font-size:14px;font-weight:var(--w-semibold);padding:var(--s-2) var(--s-3) var(--s-3);position:relative}.nav-tab.active{color:var(--fg);cursor:pointer}.nav-tab.active:after{content:"";position:absolute;left:var(--s-3);right:var(--s-3);bottom:-1px;height:2px;background:var(--accent)}.nav-tab .soon{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--fg-faint);margin-left:6px;text-transform:uppercase}.main{max-width:var(--content-max);margin:0 auto;padding:var(--s-7) var(--s-5) var(--s-8)}.empty-card{border:1px solid var(--hairline);border-radius:var(--r-2);background:var(--bg-raised);padding:var(--s-7);max-width:560px;margin:var(--s-8) auto 0;text-align:center}.empty-card h2{font-size:20px;font-weight:var(--w-medium);margin:0 0 var(--s-2)}.empty-card p{color:var(--fg-muted);font-size:14px;margin:0}.caption{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}