:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#120e1c;color:#f7f0ff;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1350px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}header strong{font-size:32px}header span,a{color:#79eee2}header p{color:#bcabc9;font-size:12px;letter-spacing:2px}h1{line-height:1.2}section{margin:24px 0;padding:26px;border:1px solid #554562;border-radius:20px;background:#21192e}#login{max-width:650px}form{display:grid;gap:12px}input,button{font:inherit;padding:12px 18px;border-radius:12px;border:1px solid #756584}input{background:#120e1c;color:inherit;min-width:0}button{background:#79eee2;color:#14272b;font-weight:650;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ff72bb;outline-offset:4px}li{margin:10px 0}#message{white-space:pre-wrap;color:#79eee2}#connections{margin-top:24px}footer{font-size:14px;color:#bcabc9}[hidden]{display:none!important}@media(max-width:600px){main{padding:14px}section{padding:18px}header{align-items:flex-start}ol{padding-left:24px}}