:root{--bg: #f6f6f9;--surface: #ffffff;--surface-raised: #efeff5;--border: #e2e2ea;--text: #17171c;--text-muted: #6e6e7a;--accent: #5b61e6;--accent-soft: #eceeff;--accent-ink: #ffffff;--alert: #c0563c;--alert-soft: #fbebe6;--accent-strong: #343a9e;--accent-mid: #a3a7f3;color-scheme:light;--radius: 14px;--font-display: "Oswald", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}:root[data-theme=dark]{--bg: #1c1c1c;--surface: #000000;--surface-raised: #222224;--border: #2c2c2e;--text: #ffffff;--text-muted: #a1a1a6;--accent: #6169ef;--accent-soft: #1f2152;--accent-ink: #ffffff;--accent-strong: #c3c6ff;--accent-mid: #474dbf;--alert: #f2786b;--alert-soft: #3b1d1a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{padding-bottom:env(safe-area-inset-bottom)}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.screen{flex:1;padding:20px 16px 96px;overflow-y:auto}.eyebrow{font-family:var(--font-mono);font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 1px 3px #2e2e260a}.card+.card{margin-top:12px}.stat{font-family:var(--font-mono);font-weight:600}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;border:none;border-radius:10px;padding:13px 18px;font-size:15px;cursor:pointer;width:100%;transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-secondary{background:var(--surface-raised);color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.4;cursor:not-allowed}input,textarea{width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:10px;padding:12px;color:var(--text);font-family:var(--font-body);font-size:15px}input::placeholder,textarea::placeholder{color:var(--text-muted)}.tag{display:inline-block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:var(--surface-raised);color:var(--text-muted);border:1px solid var(--border)}.tag-locked{color:var(--alert);border-color:#b8674a4d;background:var(--alert-soft)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:var(--surface);border-top:1px solid var(--border);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;color:var(--text-muted);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;text-decoration:none;border:none;background:none}.nav-item.active{color:var(--accent)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rest-over-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.rest-over{animation:rest-over-pulse .8s ease-in-out 5}@media (prefers-reduced-motion: reduce){.rest-over{animation:none}}