:root{--bg:#0b0b0b;--surface:#161616;--line:#2e2e2e;--text:#fff;--muted:#a3a3a3;--done:#8a8a8a;--red:#e10600;--red-text:#ff4d4d;--radius:14px;--tap:48px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}html{scroll-padding-top:calc(80px + env(safe-area-inset-top))}body{-webkit-tap-highlight-color:transparent;min-height:100dvh;font:17px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:640px;padding:0 16px calc(112px + env(safe-area-inset-bottom));margin:0 auto}:focus-visible{outline:3px solid var(--red-text);outline-offset:2px}[tabindex="-1"]:focus{outline:none}.top{z-index:10;background:var(--bg);padding:max(16px, env(safe-area-inset-top)) 0 14px;border-bottom:3px solid var(--red);margin-bottom:16px;position:sticky;top:0}.top h1.brand{border-left:6px solid var(--red);color:var(--text);letter-spacing:-.02em;overflow-wrap:break-word;margin:0;padding-left:14px;font-size:clamp(1.75rem,7.5vw,2.25rem);font-weight:800;line-height:1.1}.muted{color:var(--muted)}.group{margin:20px 0 8px}.group h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:.85rem;font-weight:700}.group-started h2{color:var(--red-text)}.count{font-weight:400}.tasks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.task{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:8px;padding:4px 8px 4px 4px;display:flex}.group-started .task{border-left:4px solid var(--red)}.task-open{min-width:0;min-height:var(--tap);color:inherit;border-radius:10px;flex-direction:column;flex:1;justify-content:center;padding:10px 12px;text-decoration:none;display:flex}.task-title{overflow-wrap:anywhere;font-weight:600}.task-notes{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.task.done .task-title{color:var(--done);font-weight:400;text-decoration:line-through}.task.done .task-notes{color:var(--done)}.chip{min-height:40px;font:inherit;white-space:nowrap;border:1.5px solid var(--line);color:var(--text);background:0 0;border-radius:999px;flex:none;align-items:center;padding:0 14px;font-size:.85rem;font-weight:600;display:inline-flex}button.chip{cursor:pointer;min-height:var(--tap)}button.chip:active{transform:scale(.97)}.chip-started{border-color:var(--red);color:var(--red-text)}.chip-complete{color:var(--done);border-color:#0000}.empty{text-align:center;padding:48px 16px}.empty-title{margin:0 0 4px;font-size:1.25rem;font-weight:600}.hint{text-align:center;margin-top:32px;font-size:.85rem}.btn{border-radius:var(--radius);min-height:52px;font:inherit;cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;padding:0 22px;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--red);color:#fff}.btn-ghost{color:var(--text);border-color:var(--line);background:0 0}.btn-danger{color:var(--red-text);border-color:var(--line);background:0 0;width:100%;margin-top:32px}.fab{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));width:min(100% - 32px,608px);min-height:56px;font-size:1.05rem;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0009}.fab:active{transform:translate(-50%)scale(.98)}.view-title{margin:0 0 16px;font-size:1.25rem}.field{margin-bottom:16px}.field label,.stages legend{margin-bottom:6px;font-weight:600;display:block}input[type=text],textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--line);min-height:var(--tap);border-radius:12px;padding:12px 14px}input[type=text]:focus,textarea:focus{border-color:var(--red);outline:none}input[aria-invalid=true]{border-color:var(--red-text)}textarea{resize:vertical}.stages{border:0;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 8px;padding:0;display:grid}.stages legend{grid-column:1/-1;padding:0}.stage-opt{position:relative}.stage-opt input{opacity:0;margin:0;position:absolute;inset:0}.stage-opt label{text-align:center;min-height:var(--tap);cursor:pointer;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;justify-content:center;align-items:center;padding:6px;font-size:.9rem;font-weight:600;display:flex}.stage-opt input:checked+label{background:var(--red);border-color:var(--red);color:#fff}.stage-opt input:focus-visible+label{outline:3px solid var(--red-text);outline-offset:2px}.error{color:var(--red-text);min-height:1.45em;margin:8px 0;font-weight:600}.error:empty{margin:0}.actions{grid-template-columns:2fr 1fr;gap:8px;display:grid}@media (prefers-reduced-motion:reduce){*{transition:none!important}.btn:active,button.chip:active{transform:none}.fab:active{transform:translate(-50%)}}