:root{font-family:system-ui,sans-serif;color:#e9efee;background:#102124;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:3rem 1.3rem}.eyebrow{color:#88d1b6;letter-spacing:.12em;font-size:.75rem}h1{font-size:clamp(2.6rem,7vw,5rem);letter-spacing:-.05em;margin:.5rem 0}h2{font-size:1.3rem}.intro{font-size:1.2rem;max-width:700px;line-height:1.7}section{background:#193034;border:1px solid #355053;border-radius:16px;padding:1.5rem;margin:1.5rem 0}p{line-height:1.65;color:#c3d4d4}label{display:block;margin:1rem 0;line-height:1.6}button,input,a,summary{font:inherit}button{padding:.7rem 1rem;border:1px solid #81b7a5;border-radius:7px;background:#b6ead7;color:#102124;cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:#99ddca}input{padding:.5rem}input[type=checkbox]{width:1.1rem;height:1.1rem;vertical-align:middle}.actions{display:flex;gap:.7rem;flex-wrap:wrap}#fixture{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding:1.2rem;border:2px dashed #5c8882}#fixture label{flex-basis:100%}:focus-visible{outline:3px solid #ffb469;outline-offset:4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#102124;padding:1rem;max-height:430px;overflow:auto;border-radius:8px;font-size:.83rem}footer{font-size:.85rem;color:#a5bdbb;margin-top:2rem}#status{color:#b6ead7}