:root{--paper:#faf7f2;--ink:#1c1a17;--accent:#a64024;--line:#d5cdc2;--muted:#615a52;--font-display:Georgia,'Times New Roman',serif;--font-body:'Source Sans 3','Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 var(--font-body)}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}a{color:var(--accent);text-underline-offset:4px}h1,h2,.brand{font-family:var(--font-display);line-height:1.15;text-wrap:balance}h1{font-size:clamp(36px,5vw,60px);font-weight:400;margin:12px 0 24px}h2{font-size:28px;font-weight:400;margin:0 0 24px}.brand{font-size:24px}.badge{display:inline-block;font:700 14px var(--font-body);border:1px solid var(--ink);border-radius:6px;padding:5px 9px;margin-left:12px;vertical-align:middle}.eyebrow{font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.intro{max-width:60ch;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:48px}.panel{border:1px solid var(--line);border-radius:16px;padding:32px;min-width:0}.field{display:block;margin:18px 0}input:not([type=checkbox]){display:block;width:100%;font:inherit;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--muted);padding:12px 0;border-radius:0}button{font:600 16px/1.4 var(--font-body);cursor:pointer;border:1px solid var(--ink);border-radius:10px;padding:13px 20px;background:transparent;color:var(--ink);min-height:48px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--paper)}button:hover{filter:brightness(.92)}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.note{font-size:16px;color:var(--muted)}.notice{border:1px solid var(--line);padding:14px 18px;border-radius:8px;margin:24px 0}.error{color:var(--accent);font-weight:600}.list{list-style:none;padding:0;margin:20px 0}.task{border-bottom:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:14px;overflow-wrap:anywhere}.task form{flex:1}.checklabel{display:flex;align-items:center;gap:14px;cursor:pointer;min-height:48px}.checklabel input{width:24px;height:24px;flex-shrink:0;accent-color:var(--accent)}.done{text-decoration:line-through;color:var(--muted)}.taskbar{display:flex;gap:16px;align-items:end}.taskbar label{flex:1;min-width:0}footer{margin-top:56px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}[hidden]{display:none!important}p{max-width:65ch}.counter{font-family:var(--font-display);font-size:26px} @media(max-width:700px){header,main,footer{padding:20px}.grid{grid-template-columns:1fr;gap:28px;padding-top:24px}.panel{padding:24px}.taskbar{align-items:stretch;flex-direction:column}header{flex-wrap:wrap}.brand{font-size:21px}h1{font-size:38px}}