@import "https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@700;800&family=Hanken+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@600&display=swap";:root{--color-bg:#0e0f13;--color-surface-1:#1a1b20;--color-surface-2:#26272e;--color-surface-input:#202127;--color-border:#ffffff14;--color-border-strong:#ffffff24;--color-divider:#ffffff0f;--color-accent:#c6f332;--color-accent-dim:#abd600;--color-on-accent:#161e00;--color-accent-glow:#c6f33259;--color-text:#f4f5f0;--color-text-body:#e3e2e7;--color-text-muted:#9a9c94;--color-error:#ffb4ab;--radius-sm:4px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--touch-min:48px;--list-item-min:56px;--shadow-1:0 4px 12px #00000073;--shadow-2:0 8px 24px #0006;--font-display:"Archivo Narrow", sans-serif;--font-body:"Hanken Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text-body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);color:var(--color-text);margin:0;line-height:1.2}.screen-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:32px;font-weight:700}.label-caps{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-size:12px;font-weight:600}.stat-num{font-family:var(--font-display);font-size:24px;font-weight:700}.app-shell{max-width:480px;padding:var(--space-md) var(--space-md) 88px;min-height:100vh;margin:0 auto}.card{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-md)}.btn{min-height:var(--touch-min);border-radius:var(--radius-lg);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;border:none;font-size:18px;font-weight:700;transition:transform 60ms}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:var(--color-on-accent);box-shadow:0 0 0 0 var(--color-accent-glow)}.btn-primary:focus-visible{box-shadow:0 0 16px 2px var(--color-accent-glow);outline:none}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border-strong);background:0 0}.tabbar{background:var(--color-surface-1);border-top:1px solid var(--color-border);justify-content:space-around;align-items:center;height:72px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;min-width:var(--touch-min);min-height:var(--touch-min);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:flex}.tabbar a.active{color:var(--color-accent)}.sync-indicator{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);border:1px solid var(--color-border-strong);padding:4px 10px;font-size:12px;font-weight:600}.sync-indicator[data-state=synced]{color:var(--color-accent)}.sync-indicator[data-state=pending],.sync-indicator[data-state=offline]{color:var(--color-text-muted)}