:root{color-scheme:dark;--bg:#090a0c;--line:#30343b;--text:#f5f1eb;--muted:#aaa7a2;--accent:#ff3049;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#5d0d1b66,transparent 32%),var(--bg);color:var(--text);line-height:1.6}a{color:inherit}header,main,footer{max-width:1050px;margin:auto;padding:25px}.eyebrow{margin-top:68px;color:#ff8796;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem}h1{font-size:clamp(3rem,8vw,7rem);line-height:.92;letter-spacing:-.055em;overflow-wrap:anywhere;margin:24px 0 50px}.meter{border:1px solid var(--line);padding:20px;display:grid;grid-template-columns:1fr auto;gap:12px}.meter i{grid-column:1/-1;height:5px;background:#292b31}.meter b[data-bar]{display:block;width:0;height:100%;background:var(--accent);transition:width .2s}form{margin:20px 0 40px}form label{display:block;border-top:1px solid var(--line);padding:20px 4px;cursor:pointer}input{position:absolute;opacity:0}form span{display:grid;grid-template-columns:50px 1fr;gap:15px}form span b{color:var(--accent);font:600 .72rem monospace}input:checked+span{text-decoration:line-through;color:var(--muted)}button{margin-top:25px;background:transparent;border:1px solid var(--line);color:var(--text);padding:11px 16px;cursor:pointer}ol{list-style:none;padding:0;margin-top:45px}li{display:grid;grid-template-columns:45px 1fr auto;gap:18px;border-top:1px solid var(--line);padding:16px}li span{color:var(--accent);font:600 .7rem monospace}li a{text-decoration:none}li small{color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:70px;color:var(--muted);font-size:.8rem}@media(max-width:700px){header,main,footer{padding:20px}h1{font-size:clamp(2.7rem,14vw,4.4rem)}li{grid-template-columns:35px 1fr}li small{grid-column:2}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}