@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700&family=Instrument+Sans:wght@400;500;600&display=swap";:root{--paper:#e9edf1;--grid:#d9dfe6;--ink:#17202b;--muted:#5b6878;--surface:#fff;--todo:#5a6f8c;--doing:#d99a00;--done:#2f8a5b;--danger:#b4322e;--focus:#2f5bea;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#141a21;--grid:#1e2630;--ink:#e6ebf1;--muted:#9aa7b6;--surface:#1d252f;--todo:#8aa2c4;--doing:#f0b62b;--done:#4fbf85;--danger:#ef6b66;--focus:#7d9bff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:24px 24px;margin:0;font:400 16px/1.5 Instrument Sans,system-ui,sans-serif}#root{text-align:left;border:0;width:auto;max-width:none;margin:0}.app{max-width:1120px;margin:0 auto;padding:32px 20px 64px}.top{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px;display:flex}h1{letter-spacing:-.02em;margin:0;font:700 clamp(2rem,5vw,3rem)/1 Bricolage Grotesque,sans-serif}.add{flex:340px;gap:8px;max-width:480px;display:flex}.add input{font:inherit;border:2px solid var(--ink);background:var(--surface);color:var(--ink);border-radius:10px;flex:1;padding:10px 14px}button{font:inherit;cursor:pointer;color:inherit}.add button{border:2px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:10px;padding:10px 16px;font-weight:600}.add button:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.error{background:var(--surface);border-left:4px solid var(--danger);border-radius:6px;padding:10px 14px}.error button{background:0 0;border:0;text-decoration:underline}.board{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}@media (width<=760px){.board{grid-template-columns:1fr}}.column{--accent:var(--todo);background:color-mix(in srgb, var(--surface) 70%, transparent);border-top:6px solid var(--accent);border-radius:4px 4px 14px 14px;min-height:220px;padding:14px;transition:background .15s}.col-doing{--accent:var(--doing)}.col-done{--accent:var(--done)}.column.over{background:color-mix(in srgb, var(--accent) 18%, var(--surface))}h2{align-items:center;gap:8px;margin:0 0 12px;font:500 1.3rem/1.2 Bricolage Grotesque,sans-serif;display:flex}.count{color:var(--muted);font-family:Instrument Sans,sans-serif;font-size:.85rem}ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.empty{color:var(--muted);border:2px dashed var(--grid);text-align:center;border-radius:10px;margin:0;padding:24px}.card{background:var(--surface);border-left:4px solid var(--accent);cursor:grab;box-shadow:0 1px 0 var(--grid);border-radius:10px;padding:12px 14px}.card p{overflow-wrap:anywhere;margin:0 0 10px}.col-done .card p{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--done);text-decoration-color:var(--done)}.actions{flex-wrap:wrap;gap:6px;display:flex}.actions button{border:1px solid var(--grid);background:0 0;border-radius:999px;padding:4px 10px;font-size:.82rem}.actions button:hover{border-color:var(--ink)}.actions .delete{color:var(--danger);margin-left:auto}@media (prefers-reduced-motion:reduce){*{transition:none!important}}