:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#e8edeb;background:#101512;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#173a2d 0,transparent 45%)}main{max-width:980px;margin:auto;padding:40px 30px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:76px}.brand{font-size:18px;font-weight:750;letter-spacing:2px}.tag{font-size:11px;letter-spacing:1.5px;color:#9db6aa;border:1px solid #365044;border-radius:30px;padding:8px 12px}.eyebrow{color:#6fddb0;font-size:14px;letter-spacing:2px}h1{font-size:clamp(32px,5.2vw,56px);line-height:1.28;font-weight:600;letter-spacing:-1.5px;margin:20px 0}h1 em{font-style:normal;color:#67daa8}.intro{max-width:670px;color:#aab9b0;line-height:1.85;font-size:15px}.card{margin:35px 0 24px;padding:28px;border:1px solid #33473d;background:#18231dcc;border-radius:18px;box-shadow:0 20px 80px #0002}.cardhead{display:flex;align-items:center;justify-content:space-between;gap:15px}h2{font-size:18px;margin:0}#status{font-size:12px;color:#7ee1b5;padding:6px 10px;background:#243e30;border-radius:20px}#status[data-state=error]{color:#ffb4aa;background:#452a26}dl{display:grid;grid-template-columns:1.8fr 1fr;gap:26px;margin:30px 0}dt{font-size:12px;color:#8aa394;margin-bottom:8px}dd{margin:0;font-size:16px;overflow-wrap:anywhere}#counter{font-size:28px;font-variant-numeric:tabular-nums}button{padding:14px 20px;border:0;border-radius:8px;background:#66dbab;color:#092417;font-weight:650;font-size:15px;cursor:pointer}button:hover{background:#8aeac4}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b3ffdc;outline-offset:4px}#message{font-size:12px;line-height:1.8;overflow-wrap:anywhere;color:#abc6b6}details{border-top:1px solid #314338;padding-top:16px;font-size:12px;color:#98b2a3}summary{cursor:pointer}pre{overflow:auto;line-height:1.6;padding:15px;background:#0f1912;border-radius:8px;color:#a6d9bc}.flow{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:12px;color:#91a799;padding:20px 0}.flow b{color:#46785b}footer{font-size:11px;color:#82978a;margin-top:35px;line-height:2}a{color:#93cdb0;margin-left:12px}@media(max-width:550px){main{padding:24px 18px}header{margin-bottom:48px}.tag{font-size:9px;padding:7px}.brand{font-size:14px}dl{grid-template-columns:1fr}.card{padding:22px}.flow{gap:9px}button{width:100%}footer a{display:block;margin:8px 0}}