:root{color:#e8edf2;font-synthesis:none;background:#101a27;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{max-width:850px;margin:0 auto;padding:84px 30px 48px}header{margin-bottom:56px}.eyebrow{color:#9daebd;letter-spacing:.12em;margin:0 0 15px;font:700 11px ui-monospace,monospace}h1{letter-spacing:-.055em;margin:0;font-size:clamp(48px,8vw,78px);line-height:1.02}h1 span{color:#b7efce}.intro{color:#aab9c5;max-width:420px;margin:22px 0 0;line-height:1.7}.panel{background:#162331;border:1px solid #354454;border-radius:12px;margin-top:16px;padding:28px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-heading .eyebrow{margin-bottom:8px}h2{letter-spacing:-.03em;margin:0;font-size:22px}.badge,.status{letter-spacing:.08em;color:#b7efce;white-space:nowrap;border:1px solid #426959;border-radius:100px;padding:7px 10px;font:700 10px ui-monospace,monospace}form{margin-top:30px}label{color:#bdc9d2;margin-bottom:9px;font-size:13px;font-weight:600;display:block}.input-row{gap:10px;display:flex}input,button{font:inherit;border-radius:7px;min-height:48px}input{color:#f3f7fa;background:#101a27;border:1px solid #455666;flex:1;min-width:0;padding:0 14px}input:focus-visible,button:focus-visible{outline-offset:3px;outline:2px solid #b7efce}button{cursor:pointer;color:#14251e;background:#b7efce;border:0;padding:0 20px;font-weight:700}button span{margin-left:6px}button:hover{background:#d3f9e3}button:disabled{cursor:wait;opacity:.65}.hint{color:#8fa2b1;margin:17px 0 0;font:11px/1.8 ui-monospace,monospace}.hint span,footer span{color:#b7efce;padding:0 4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#c9d9e3;background:#101a27;border-radius:7px;min-height:110px;margin:24px 0 0;padding:18px;font:12px/1.8 ui-monospace,monospace;overflow:auto}footer{color:#7e94a5;margin-top:30px;font:11px/1.8 ui-monospace,monospace}@media (width<=540px){.shell{padding:48px 18px 32px}.panel{padding:20px}.input-row{flex-direction:column}.badge{display:none}}