:root{--ink:#183d35;--lime:#def18a;--line:#cbd2c7;color:var(--ink);background:#f6f6ee;font:16px/1.55 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(900px,calc(100% - 40px));margin:auto}header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}header b{font-size:32px;letter-spacing:-2px}header i{font-style:normal;background:var(--ink);color:var(--lime);padding:0 7px;border-radius:6px;font-size:25px}header span{color:#718822}small,.cap,.eyebrow,footer,time{font:600 11px/1.5 Consolas,monospace;letter-spacing:.12em}.eyebrow{margin:40px 0 10px}.cap{color:#50665a}h1,h2,p{margin:0}h1{font:normal clamp(42px,6vw,74px)/1.1 Georgia,serif;letter-spacing:-.055em}.lede{color:#52665d;margin:8px 0 25px}.panel,.result{padding:26px 30px;background:#fffef7;border:1px solid var(--line);border-radius:16px}.panel{position:relative;overflow:hidden}.tabs{display:inline-flex;background:#e9ede2;border-radius:9px;padding:4px;margin:15px 0}.tabs button{border:0;background:none}.tabs [aria-pressed=true]{background:var(--ink);color:white}button,input{font:inherit}button{min-height:44px;cursor:pointer;color:var(--ink);border:1px solid var(--line);border-radius:7px;background:#fafbf2;padding:8px 16px;font-weight:600}button:hover{filter:brightness(.96)}:focus-visible{outline:3px solid #528678;outline-offset:2px}label{display:block;font-weight:650;margin:1px 0 6px}.entry{display:flex;gap:9px}input{width:100%;min-width:0;padding:12px;border:1px solid #87998d;border-radius:8px;background:white;color:var(--ink)}.primary{background:var(--lime);border-color:#aebf70;white-space:nowrap}.primary span{margin-left:10px}#hint,#status{font-size:14px;color:#53685d;margin-top:10px}.rail{height:5px;margin:22px -30px -26px;background:repeating-linear-gradient(90deg,#afbfaa 0 1px,transparent 1px 12px)}.result{margin-top:16px;background:#eef1e6}h2{font:normal 32px/1.2 Georgia,serif;margin:7px 0}#actions{margin:16px 0}#actions button{font-size:14px}#lines p{display:grid;grid-template-columns:85px 1fr;gap:12px;border-top:1px solid var(--line);padding:13px 0;overflow-wrap:anywhere}time{padding-top:4px;letter-spacing:0}.error,#status.error,#hint.error{color:#952f24}article{margin:48px 0;max-width:720px}details{border-bottom:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:625}details p{margin-top:10px;color:#43584e}footer{border-top:1px solid var(--line);padding:18px 0 32px}button:disabled{opacity:.6;cursor:wait}@media(max-width:580px){header{height:60px}.eyebrow{margin-top:25px}.panel,.result{padding:18px}.rail{margin:18px -18px -18px}.entry{flex-direction:column}.primary{width:100%}#actions button{padding:7px;font-size:13px}.lede{margin-bottom:18px}#lines p{grid-template-columns:68px 1fr}header small{font-size:9px}}@media(prefers-reduced-motion:no-preference){button{transition:background .13s,filter .13s}#lines:not(:empty){animation:appear .18s ease-out}@keyframes appear{from{opacity:.3}to{opacity:1}}}
time{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}@media(max-width:580px){.eyebrow{margin-top:20px}.lede{margin-bottom:15px}}

footer nav{display:flex;gap:.7em;align-items:center;flex-wrap:wrap;margin-top:10px}a{color:inherit}article h2{margin-top:28px}article p{margin:12px 0}header b a{text-decoration:none}@media(max-width:580px){header b{font-size:24px}}