:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#091117;color:#d9e7e3}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:0 auto;padding:32px 22px 60px}nav,footer{display:flex;gap:22px;flex-wrap:wrap;font-size:.95rem}a{color:#75d4b4;text-underline-offset:3px}h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.08;letter-spacing:-.04em;max-width:760px}h2{font-size:1.3rem}.eyebrow{margin-top:48px;font-size:.8rem;letter-spacing:.16em;color:#75d4b4}.lead{font-size:1.15rem;line-height:1.75}p{line-height:1.65}section{margin-top:32px;padding:24px;border:1px solid #264039;border-radius:14px;background:#101d22}label{display:block;margin:16px 0 8px;font-weight:600}textarea{display:block;resize:vertical;width:100%;font:14px/1.5 ui-monospace,monospace;padding:14px;border:1px solid #426556;border-radius:9px;background:#071015;color:#e4eee9}input{max-width:100%;padding:6px 0}button{font:inherit;margin:8px 10px 8px 0;padding:11px 17px;background:#75d4b4;border:0;border-radius:8px;color:#07170f;cursor:pointer;font-weight:650}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #e3cb81;outline-offset:3px}.note{font-size:.92rem;color:#a6bbb2}code{font-size:.85em;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere}footer{margin-top:40px;color:#9eb2aa}[hidden]{display:none!important}