:root{--breakpoint-tablet:768px;--breakpoint-desktop:1280px;--bg:#f4f4f5;--surface:#fff;--surface-hover:#f4f4f5;--border:#000;--border-subtle:#d4d4d8;--text:#000;--text-muted:#52525b;--ink:#000;--scrim:rgba(0,0,0,.5);--status-none:#d4d4d8;--status-not-started:#fbbf24;--status-started:#60a5fa;--status-done:#4ade80;--danger:#b91c1c;--accent-start:#a78bfa;--on-status:#000;--radius:0;--border-w:3px;--shadow:8px 8px 0 var(--ink);--shadow-sm:4px 4px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#000;--surface:#18181b;--surface-hover:#27272a;--border:#fff;--border-subtle:#3f3f46;--text:#fff;--text-muted:#a1a1aa;--ink:#fff;--scrim:rgba(0,0,0,.7);--danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.tap-target{min-width:44px;min-height:44px}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width:768px){.container{padding:0 2rem}}.card{background:var(--surface);border:var(--border-w)solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.gradient-accent{background:var(--accent-start);color:var(--on-status)}.btn-primary{background:var(--accent-start);color:var(--on-status);border:var(--border-w)solid var(--border);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;box-shadow:var(--shadow-sm);padding:.6rem 1.2rem;font-weight:900;transition:transform .12s,box-shadow .12s}.btn-primary:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}.chip{border-radius:var(--radius);border:2px solid var(--border);text-transform:uppercase;letter-spacing:.02em;color:var(--on-status);padding:.35rem .6rem;font-size:.85rem;font-weight:800;display:inline-block}.chip-none{background:var(--status-none)}.chip-not-started{background:var(--status-not-started)}.chip-started{background:var(--status-started)}.chip-done{background:var(--status-done)}.modal-backdrop{background:var(--scrim);z-index:100;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-panel{width:100%;max-width:420px;max-height:90vh;padding:1.5rem;overflow-y:auto}.nav-badge-dot{border:2px solid var(--border);background:var(--status-not-started);width:10px;height:10px;position:absolute;top:2px;left:26px}.brutal-heading{text-transform:uppercase;letter-spacing:-.02em;border-bottom:var(--border-w)solid var(--border);margin:0 0 1rem;padding-bottom:.5rem;font-weight:900}.dot-texture{position:relative}.dot-texture:before{content:"";pointer-events:none;z-index:0;opacity:.05;background-image:radial-gradient(var(--ink)1px,transparent 1px);background-size:24px 24px;position:fixed;top:0;bottom:0;left:0;right:0}.press{transition:transform .12s,box-shadow .12s}.press:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)!important}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}