@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)}.add-divider{align-items:center;gap:var(--space-sm);cursor:pointer;width:100%;color:var(--color-text-muted);background:0 0;border:none;padding:6px 0;display:flex}.add-divider__line{border-top:1px dashed var(--color-border-strong);flex:1}.add-divider__plus{border-radius:var(--radius-full);border:1px dashed var(--color-border-strong);width:28px;height:28px;font-family:var(--font-display);color:var(--color-text-muted);justify-content:center;align-items:center;font-size:18px;line-height:1;transition:color .1s,border-color .1s;display:inline-flex}.add-divider:hover .add-divider__plus,.add-divider:focus-visible .add-divider__plus{color:var(--color-accent);border-color:var(--color-accent)}.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)}.wheel-field{background:var(--color-surface-input);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:56px;height:40px;color:var(--color-text);font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:3px;padding:0 10px;font-size:18px;line-height:1;display:inline-flex}.wheel-field:focus-visible,.wheel-field[aria-expanded=true]{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow);outline:none}.wheel-field__suffix{font-family:var(--font-mono);color:var(--color-text-muted);font-size:10px}.wheel-backdrop{z-index:60;background:0 0;position:fixed;inset:0}.wheel-pop{z-index:61;background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);width:96px;box-shadow:var(--shadow-1);position:fixed;overflow:hidden}.wheel-pop__input{border:none;border-bottom:1px solid var(--color-border);background:var(--color-surface-input);width:100%;height:36px;color:var(--color-text);font-family:var(--font-display);text-align:center;font-size:16px}.wheel-pop__viewport{position:relative}.wheel-pop__list{scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;height:160px;padding:60px 0;overflow-y:auto}.wheel-pop__list::-webkit-scrollbar{display:none}.wheel-pop__item{text-align:center;scroll-snap-align:center;height:40px;line-height:40px;font-family:var(--font-display);color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:20px}.wheel-pop__item--active{color:var(--color-accent);font-size:24px}.wheel-pop__band{pointer-events:none;border-top:1px solid var(--color-accent-glow);border-bottom:1px solid var(--color-accent-glow);height:40px;position:absolute;top:60px;left:0;right:0}@media (prefers-reduced-motion:reduce){.wheel-pop__list{scroll-behavior:auto}}