:root{--ink:#17201d;--muted:#66706b;--paper:#f2f0e8;--card:#fffffcd1;--line:#17201d21;--lime:#c9f269;--green:#164f3c;--orange:#ff6b35;--font-body:"Aptos", "Segoe UI", Arial, sans-serif;--font-display:"Arial Narrow", "Aptos Display", "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);font-family:var(--font-body);background:linear-gradient(#17201d09 1px, transparent 1px), linear-gradient(90deg, #17201d09 1px, transparent 1px), var(--paper);background-size:36px 36px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}main{min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(2px);pointer-events:none;border-radius:999px;position:absolute}.ambientOne{background:#c9f26999;width:440px;height:440px;top:-190px;right:-170px}.ambientTwo{background:#ff6b3526;width:260px;height:260px;bottom:5%;left:-160px}.shell{width:min(1120px,100% - 40px);margin:0 auto;padding:64px 0 36px;position:relative}.hero{grid-template-columns:1fr 280px;align-items:end;gap:72px;margin-bottom:56px;display:grid}.eyebrow,.sectionLabel{letter-spacing:.17em;margin:0 0 18px;font-size:12px;font-weight:800}.eyebrow span{background:var(--orange);width:34px;height:2px;margin:0 10px 3px 0;display:inline-block}h1,h2{font-family:var(--font-display);letter-spacing:-.055em;margin:0}h1{max-width:800px;font-size:clamp(44px,7vw,78px);font-weight:650;line-height:.98}h2{font-size:clamp(28px,4vw,42px);line-height:1}.intro{max-width:650px;color:var(--muted);margin:25px 0 0;font-size:17px;line-height:1.7}.statusCard{background:var(--green);color:#fff;box-shadow:14px 14px 0 var(--lime);border-radius:4px 28px 4px 4px;padding:24px;transform:rotate(1deg)}.statusTop{text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:12px;display:flex}.statusTop i{color:var(--lime);font-style:normal;font-weight:800}.statusTop i:before{content:"";background:var(--lime);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.statusCard strong{font-family:var(--font-display);margin-top:29px;font-size:54px;line-height:1;display:block}.statusCard strong small{color:#ffffff80;font-size:24px}.statusCard p{color:#ffffffad;margin:6px 0 20px;font-size:13px}.progress{background:#ffffff2e;height:5px;overflow:hidden}.progress span{background:var(--lime);height:100%;transition:width .24s;display:block}.board{background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #fffc;padding:34px;box-shadow:0 28px 70px #17201d14}.boardHeading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.sectionLabel{color:var(--orange);margin-bottom:9px}.boardHeading a{color:var(--ink);border-bottom:1px solid;padding-bottom:3px;font-size:13px;font-weight:800;text-decoration:none}.boardHeading a span{color:var(--orange)}.taskForm{border:1px solid var(--ink);background:#fff;grid-template-columns:1fr auto;margin-bottom:22px;display:grid}.taskForm input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:18px 20px}.taskForm input::placeholder{color:#929a96}.taskForm button{background:var(--ink);color:#fff;cursor:pointer;border:0;padding:0 26px;font-weight:800}.taskForm button:not(:disabled):hover{background:var(--green)}.taskForm button:disabled{cursor:not-allowed;opacity:.55}.error{border-left:3px solid var(--orange);color:#8d2d0b;background:#fff2eb;padding:12px 16px;font-size:14px}.taskList{border-top:1px solid var(--line)}.task{border-bottom:1px solid var(--line);grid-template-columns:38px 26px 1fr auto 30px;align-items:center;gap:16px;min-height:72px;transition:opacity .16s;display:grid}.taskNumber{color:#a0a7a3;font-family:var(--font-display);font-size:12px}.task p{margin:0;font-weight:700}.task.done p{color:#8a928e;text-decoration:line-through}.task.done{opacity:.65}.check{border:1.5px solid var(--ink);cursor:pointer;width:23px;height:23px;color:var(--ink);background:0 0;padding:0;line-height:1}.check[aria-pressed=true]{background:var(--lime)}.state{letter-spacing:.13em;color:#7a837e;font-size:10px;font-weight:900}.done .state{color:var(--green)}.delete{color:#929a96;cursor:pointer;background:0 0;border:0;font-size:22px}.delete:hover{color:var(--orange)}.empty{color:var(--muted);justify-content:center;align-items:center;gap:15px;padding:42px 12px;display:flex}.empty span{font-family:var(--font-display);color:var(--orange);font-weight:700}.empty p{margin:0}footer{color:var(--muted);align-items:center;gap:10px;padding-top:28px;font-size:12px;display:flex}footer span{color:var(--ink);font-weight:800}footer i{background:var(--orange);border-radius:50%;width:4px;height:4px}footer p{margin:0 0 0 auto}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){.shell{width:min(100% - 24px,620px);padding-top:36px}.hero{grid-template-columns:1fr;gap:32px;margin-bottom:42px}.statusCard{max-width:290px}.board{padding:23px 18px}.boardHeading{flex-direction:column;align-items:flex-start}.task{grid-template-columns:24px 24px 1fr 24px;gap:10px;padding:10px 0}.state{display:none}footer{flex-wrap:wrap}footer p{width:100%;margin:6px 0 0}}@media (max-width:460px){.taskForm{grid-template-columns:1fr}.taskForm button{padding:14px}.ambientOne{opacity:.6}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}