:root{--ink:#172126;--muted:#66717a;--paper:#f5f4ee;--panel:#fffefa;--line:#d9d8cf;--accent:#165c65;--warm:#eeb75b;--red:#d77b69;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:0 auto;padding:62px 28px 80px}header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;border-bottom:1px solid var(--ink);padding-bottom:28px}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:800;margin:0 0 9px;color:var(--accent)}h1{font:700 clamp(3rem,9vw,6.5rem)/.8 Georgia,serif;letter-spacing:-.065em;margin:0}.subtitle{margin:18px 0 0;color:var(--muted);font-size:1.05rem}.header-actions,.form-actions{display:flex;gap:10px;flex-wrap:wrap}button{border:0;background:var(--accent);color:white;padding:11px 15px;border-radius:4px;font:inherit;font-weight:700;cursor:pointer}button:hover{filter:brightness(.9)}button.quiet,.edit{background:transparent;border:1px solid var(--line);color:var(--ink)}.controls{padding:22px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.controls label,label{font-weight:700;font-size:.85rem;color:var(--muted);display:grid;gap:6px}select,input,textarea{border:1px solid var(--line);border-radius:4px;padding:10px;background:white;font:inherit;color:var(--ink)}#count{margin-left:auto;color:var(--muted);font-size:.86rem}#message{min-height:26px;color:var(--muted);padding-bottom:8px}#message.error{color:#9f3024}#message.success{color:#155a39}.tasks{display:grid;gap:11px}.task{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--accent);padding:18px;display:grid;grid-template-columns:35px 1fr auto;gap:14px;align-items:start}.priority-0-1{border-left-color:#aab4bb}.priority-1-5{border-left-color:var(--warm)}.priority-2{border-left-color:var(--red)}.done{width:29px;height:29px;border-radius:50%;padding:0;background:transparent;border:1px solid var(--line);color:var(--muted)}.done:hover{background:#d6eee2;color:#155a39}.task-topline{display:flex;gap:7px;flex-wrap:wrap;font-size:.72rem;font-weight:700}.badge{padding:2px 6px;background:#e6f0ef;color:var(--accent);border-radius:12px}.domain,.project{color:var(--muted)}.task h2{font:700 1.15rem/1.25 Georgia,serif;margin:7px 0}.task p{white-space:pre-wrap;color:#46525a;margin:0 0 12px;line-height:1.4}.task-footer{font-size:.78rem;color:var(--muted)}.edit{font-size:.8rem;padding:6px 9px}.empty{border:1px dashed var(--line);padding:40px;text-align:center;color:var(--muted)}dialog{width:min(620px,calc(100% - 30px));border:0;border-radius:8px;padding:0;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#13212788}dialog form{padding:26px;display:grid;gap:18px}.form-heading{display:flex;justify-content:space-between;align-items:center}.form-heading h2{margin:0;font:700 1.8rem Georgia,serif}.icon{background:transparent;color:var(--ink);font-size:1.8rem;padding:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{justify-content:flex-end}@media(max-width:650px){main{padding:32px 16px}header{align-items:flex-start;flex-direction:column}.task{grid-template-columns:31px 1fr}.edit{grid-column:2;justify-self:start}.grid{grid-template-columns:1fr}#count{margin-left:0}}