:root{--paper:#e0b05a}
:root{font-family:"Helvetica Neue",system-ui,sans-serif;color:#15181b;background:#131619;font-synthesis:none;line-height:1.55}
*{box-sizing:border-box}body{margin:0;padding:32px 20px 56px}a{color:inherit;text-underline-offset:4px}
.shell{max-width:760px;margin:auto}.rail{display:flex;justify-content:space-between;gap:16px;color:#f4f3ef;font:13px ui-monospace,monospace;margin-bottom:28px;flex-wrap:wrap}
.surface{padding:clamp(22px,5vw,48px);background:var(--paper);border-radius:6px;border:1px solid #15181b}
.eyebrow{font:12px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
h1{font-size:clamp(36px,7vw,56px);line-height:1.05;letter-spacing:-.05em;margin:18px 0}p{margin:12px 0}
.intro{max-width:48ch}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
button,input,textarea{font:inherit}button{min-height:44px;padding:10px 16px;border:1px solid #15181b;border-radius:4px;background:#15181b;color:#faf9f6;cursor:pointer;font-weight:600}
button.secondary{color:#15181b;background:transparent}button:disabled{opacity:.65;cursor:not-allowed}
:focus-visible{outline:3px solid #087267;outline-offset:4px}input,textarea{color:#15181b;background:#fffdf9;border:1px solid #505456;border-radius:4px;padding:12px;width:100%;min-width:0;font-size:18px}
label{display:block;font-weight:650;margin-bottom:8px}.field{flex:1;min-width:0}.add-row{display:flex;gap:10px;align-items:end;margin-top:28px}.add-row button{min-height:54px}
.help,.status,.count{font-size:14px}.error{color:#871e12;font-weight:600}.warning{border:2px solid #713b00;background:#fff0ca;padding:14px;font-size:16px}
.task-list{padding:0;list-style:none;margin:28px 0}.task{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:20px 0;border-top:1px solid #777c7d}
.task-name{font-size:20px;overflow-wrap:anywhere;padding-top:8px}.complete .task-name{text-decoration:line-through;color:#4c5052}
details{grid-column:1/-1;font-size:14px}summary{cursor:pointer;min-height:44px;padding:10px 0}details ol{padding-left:24px}
textarea{resize:vertical;min-height:380px;line-height:1.7;background:transparent;border-color:#624311;font-size:20px}
footer{color:#c8c6be;font-size:14px;margin-top:24px}footer a{display:inline-block;min-height:44px;padding-top:10px}
noscript{display:block;border:2px solid #871e12;padding:16px;margin:20px 0}
@media(max-width:430px){body{padding:20px 12px 32px}.add-row{align-items:stretch;flex-direction:column}.task{grid-template-columns:1fr}.task button{justify-self:start}.toolbar button{flex:1}textarea{min-height:330px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}