*{box-sizing:border-box}body{margin:0;background:#080f1c;color:#eef3ff;font:16px/1.6 system-ui,sans-serif}main{max-width:760px;min-height:100vh;margin:auto;padding:28px 24px}header,.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;letter-spacing:.12em}small,footer,.hint{font-size:12px;color:#9daecc}#network{font-size:13px;color:#84dbc0}h1{font-size:25px}section{margin-top:30px}input{min-width:0;flex:1;background:#17243b;border:1px solid #324666;color:white;padding:15px;border-radius:12px;font:inherit}form{display:flex;gap:10px}button{background:#304e83;border:0;color:white;border-radius:12px;padding:12px 20px;font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}nav{display:flex;border-bottom:1px solid #24344f;margin:25px 0}nav button{flex:1;border-radius:0;background:none;color:#9daecc}nav .selected{border-bottom:3px solid #6698ff;color:white}#talk{text-align:center}#members{background:#1b2a43;padding:12px;border-radius:30px}#status{min-height:30px;font-size:20px}#ptt{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(290px,80vw);height:min(290px,80vw);margin:26px auto;background:#1c2d4a;border:5px solid #5b91f7;border-radius:50%;touch-action:none;user-select:none;-webkit-user-select:none}#ptt span{font-size:70px}#ptt.active{background:#306c59;border-color:#84dbc0}#messages{height:380px;overflow:auto}.bubble{background:#1e304c;padding:12px 16px;border-radius:12px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble small{display:block}#error{color:#ffb4ad}footer{margin-top:35px}#login{padding:30px 0}.heading button{font-size:13px;padding:8px} [hidden]{display:none!important}