:root{font-family:system-ui,sans-serif;color:#eef4e9;background:#081b27;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #23424a}a{color:#75e8c8}header a{text-decoration:none;font-size:30px;font-weight:900;font-style:italic;color:#f4f6ec;letter-spacing:1px}header a span{display:block;font-size:10px;font-style:normal;letter-spacing:3px;color:#75e8c8;margin-top:6px}.tag,.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#75e8c8}main{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding-top:64px}.intro{padding-top:24px}h1{font-size:clamp(30px,4vw,52px);letter-spacing:-2px;line-height:1.12;font-weight:850}h2{font-size:24px;margin:0 0 22px}h3{font-size:17px;margin-top:28px}p{color:#b7cbd0;line-height:1.65}.panel{background:#102e3b;border:1px solid #396765;padding:30px;border-radius:3px}form{display:grid;gap:16px}label{font-size:14px;font-weight:600;display:grid;gap:8px}input{width:100%;background:#081f2d;border:1px solid #5c7e85;color:#fff;padding:15px;border-radius:3px;font:inherit;min-height:50px}button{cursor:pointer;font:inherit;font-weight:700;min-height:48px;background:#76e5c5;color:#09212a;border:1px solid transparent;padding:13px 18px;border-radius:3px}button:disabled{opacity:.45;cursor:wait}button.secondary{background:#153e4a;color:#eff5ed;border-color:#47696d}button.danger{background:#402d36;color:#ffc9c8;border-color:#9e6668}button.link{background:none;color:#91ecce;padding:10px 0;text-align:left;font-size:14px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f4dc95;outline-offset:3px}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.row>*{flex:1}small,.muted{font-size:13px;color:#a7c0c6;line-height:1.6}#status:not(:empty){background:#1b4249;border-left:3px solid #83eccb;padding:14px;margin-bottom:24px;font-size:14px;line-height:1.6}#status.error{border-color:#ffb4a6}.item{padding:18px 0;border-top:1px solid #35515b}.item b{display:block;margin-bottom:6px}.item button{font-size:13px;min-height:38px;margin-top:10px;margin-right:8px}.code{letter-spacing:5px;font-size:30px;font-weight:800;text-align:center;padding:24px;background:#071e2b;border:1px dashed #75e8c8;margin:20px 0;overflow-wrap:anywhere}footer{font-size:12px;color:#89a8b0;padding-top:60px;padding-bottom:40px}hr{border:0;border-top:1px solid #35515b;margin:28px 0}@media(max-width:800px){main{grid-template-columns:1fr;gap:24px;padding-top:20px}.intro{padding-top:0}.intro h1{font-size:32px;letter-spacing:-1px;margin-top:15px}.intro p{margin-bottom:0}.panel{padding:24px}header,main,footer{padding-left:22px;padding-right:22px}.tag{font-size:10px}.eyebrow{font-size:10px}}@media(prefers-reduced-motion:no-preference){button{transition:background .12s}button:hover{filter:brightness(1.07)}}
:is(#app)>button.link{display:block}