:root{color-scheme:dark;--ink:#f4f5f8;--muted:#9ca6bb;--lime:#b7ff3c;--panel:rgba(13,18,32,.82);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#080c18;color:var(--ink);overflow-x:hidden}#world{position:fixed;inset:0;width:100%;height:100%;opacity:.72}.shell{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:28px clamp(22px,5vw,72px)}header,footer{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;font-weight:750;letter-spacing:.04em}.mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #92a1c0;border-radius:12px;color:var(--lime);font-size:.75rem}.status{font-size:.78rem;color:var(--muted)}.status.ok{color:var(--lime)}.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,440px);gap:clamp(40px,8vw,130px);align-items:center;max-width:1280px;width:100%;margin:auto}.eyebrow{color:var(--lime);font-size:.72rem;letter-spacing:.2em;font-weight:700}h1{font-size:clamp(3.2rem,7vw,7rem);line-height:.9;letter-spacing:-.065em;margin:.25em 0}.copy em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(244,245,248,.75)}.lede{max-width:550px;color:var(--muted);font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6}.side{display:grid;gap:16px;align-self:center}form,.session{background:var(--panel);border:1px solid rgba(255,255,255,.11);border-radius:24px;padding:32px;box-shadow:0 30px 80px #0008;backdrop-filter:blur(18px)}h2{margin:0 0 24px;font-size:1.25rem}label{display:block;color:var(--muted);font-size:.76rem;margin-top:15px}input,select{width:100%;margin-top:7px;border:1px solid #30394d;background:#0a0f1d;color:var(--ink);border-radius:11px;padding:12px 13px;font:inherit;outline:none}input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px #b7ff3c18}button{width:100%;margin-top:24px;border:0;border-radius:12px;padding:14px 16px;background:var(--lime);color:#101507;font-weight:800;font-size:.94rem;cursor:pointer;display:flex;justify-content:space-between}button:disabled{opacity:.55;cursor:wait}#result{min-height:20px;margin:14px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45}#result.error{color:#ff8f8f}#result.success{color:var(--lime)}.session{padding:24px}.session-head{display:flex;justify-content:space-between;align-items:center}.session-head h2{margin:0}.pill{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid #58627a;border-radius:999px;padding:6px 10px;color:var(--muted)}.pill.ok{border-color:var(--lime);color:var(--lime)}dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}dl div{background:#090e1b;border-radius:10px;padding:10px;min-width:0}dt{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#6f7b93}dd{margin:5px 0 0;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:18px 0 8px}.packets{list-style:none;padding:0;margin:0;max-height:150px;overflow:auto;font:500 .68rem ui-monospace,monospace}.packets li{display:flex;justify-content:space-between;border-top:1px solid #ffffff0c;padding:6px 2px}.packets small{color:#6f7b93}footer{color:#6f7b93;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:800px){.shell{padding:20px}.hero{grid-template-columns:1fr;padding:70px 0}.copy h1{font-size:3.6rem}footer{gap:20px;flex-wrap:wrap}}