@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-display:swap}@font-face{font-family:Space;src:url('assets/space.ttf') format('truetype');font-display:swap}@font-face{font-family:Space;src:url('assets/space-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:light;--yellow:#ffe234;--blue:#2235dc;--red:#ed402c;--ink:#171719;--paper:#fffef5}*{box-sizing:border-box}body{margin:0;background:var(--yellow);color:var(--ink);font:17px/1.5 Space,Arial,sans-serif}main{max-width:1260px;margin:auto;padding:26px 5vw 24px}header{display:flex;justify-content:space-between;align-items:center;font-size:13px;border-bottom:2px solid var(--ink);padding-bottom:18px}.brand{font-weight:600;font-size:21px;text-decoration:none;letter-spacing:-1px}a{color:inherit;text-underline-offset:4px}.layout{display:grid;grid-template-columns:1.08fr 1fr;gap:7%;padding:48px 0 36px}.hero{position:relative}h1{font:clamp(100px,13vw,174px)/.94 Anton,Impact,sans-serif;letter-spacing:-.025em;color:var(--blue);margin:0 0 28px}.intro{font-weight:600;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.045em;margin:0 0 12px}p{margin:0 0 18px}.sticker{position:absolute;left:61%;top:30%;transform:rotate(12deg);background:var(--red);color:var(--paper);font:clamp(18px,2.5vw,30px)/1.1 Anton,Impact,sans-serif;padding:17px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);white-space:nowrap}.steps{align-self:center}.progress{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:18px}.progress output{background:var(--blue);color:var(--yellow);padding:5px 14px;font-size:22px;transform:rotate(-4deg)}.checklist{list-style:none;padding:0;margin:0 0 22px;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--blue);background:var(--paper)}li{display:flex;align-items:center;gap:14px;padding:0 18px;min-height:72px;position:relative}li+li{border-top:2px solid var(--ink)}input[type=checkbox]{appearance:none;width:28px;height:28px;border:2px solid var(--ink);background:transparent;margin:0;flex-shrink:0;cursor:pointer;border-radius:0;display:grid;place-content:center}input:checked{background:var(--blue);border-color:var(--blue)}input:checked:after{content:'✓';color:white;font:700 25px/1 Arial}label{flex:1;padding:15px 0;font-size:28px;line-height:1.2;font-family:Anton,Impact,sans-serif;cursor:pointer}li>a{font-size:14px;font-weight:600;padding:18px 0;white-space:nowrap}li:has(input:checked){background:#e5e7fa}input:checked+label{text-decoration:line-through;text-decoration-thickness:3px;color:var(--blue)}small{display:block;font:13px/1.5 Space,Arial,sans-serif;margin-top:6px;max-width:32ch}.operator{align-items:flex-start}.operator input{margin-top:20px}.operator label{font-size:25px}.note{font-size:13px;margin-top:25px}footer{border-top:2px solid var(--ink);padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:12px}:focus-visible{outline:3px solid var(--red);outline-offset:5px}::selection{background:var(--blue);color:var(--yellow)}@media(hover:hover){li>a:hover{color:var(--blue)}input:hover{box-shadow:3px 3px 0 var(--red)}}@media(max-width:700px){main{padding:20px 23px}.layout{grid-template-columns:1fr;gap:30px;padding:32px 0}h1{font-size:clamp(90px,24vw,145px);line-height:.91;margin-bottom:22px}.sticker{left:auto;right:6%;top:28%;font-size:24px}.hero>p{font-size:15px}.hero>.intro{font-size:22px}.steps{max-width:520px;width:100%}header{font-size:11px}.brand{font-size:18px}footer{font-size:11px;gap:12px}li{min-height:66px;padding:0 14px}label{font-size:25px}}@media(prefers-reduced-motion:no-preference){input:checked{animation:stamp .16s ease-out}@keyframes stamp{from{transform:scale(1.35) rotate(-12deg)}to{transform:scale(1) rotate(0)}}