:root{--bg:#f7f8fa;--fg:#14171f;--muted:#61697a;--card:#fff;--border:#e3e6ec;--accent:#2563eb;--accent-fg:#fff;--ok:#16a34a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d1017;--fg:#eef1f6;--muted:#9aa3b2;--card:#151a23;--border:#262d3a;--accent:#4f8cff;--accent-fg:#0d1017;--ok:#34d399}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}button,input{font:inherit}a{color:var(--accent)}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--card) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:.5rem;font-weight:650;display:inline-flex}.dot{background:var(--ok);width:.6rem;height:.6rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 25%, transparent);border-radius:50%}.env{color:var(--muted);font-size:.8rem}.wrap{flex:1;width:100%;max-width:46rem;margin:0 auto;padding:3rem 1.25rem 4rem}.hero{margin-bottom:2.5rem}.kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 .6rem;font-size:.78rem;font-weight:600}h1{letter-spacing:-.025em;margin:0 0 .9rem;font-size:clamp(1.8rem,4.5vw,2.6rem);line-height:1.15}.lede{color:var(--muted);max-width:38rem;margin:0}code{border:1px solid var(--border);background:color-mix(in srgb, var(--fg) 6%, transparent);border-radius:5px;padding:.12em .38em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.87em}.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.25rem}.panel h2{justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:1.05rem;display:flex}.badge{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:500}.row{gap:.5rem;display:flex}.row input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--fg);border-radius:9px;flex:1;padding:.6rem .75rem}.row input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{cursor:pointer;border:1px solid #0000;border-radius:9px;transition:filter .15s,background .15s}.primary{background:var(--accent);color:var(--accent-fg);padding:.6rem 1rem;font-weight:600}.primary:hover{filter:brightness(1.08)}.ghost{color:var(--muted);background:0 0;border:none;padding:.25rem .5rem;font-size:1.15rem;line-height:1}.ghost:hover{color:var(--fg)}.list{gap:.4rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.list li{border:1px solid var(--border);background:var(--bg);border-radius:9px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .65rem;display:flex}.list label{cursor:pointer;align-items:center;gap:.6rem;min-width:0;display:flex}.list span{overflow-wrap:anywhere}.list li.done span{color:var(--muted);text-decoration:line-through}.empty{color:var(--muted);margin:1rem 0 0;font-size:.92rem}.cards{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;margin-top:2rem;display:grid}.cards article{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem}.cards h3{margin:0 0 .4rem;font-size:.9rem}.cards p{color:var(--muted);margin:0;font-size:.87rem}.foot{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:1.25rem;font-size:.8rem}