@import url('data:text/css,');
:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;background:#15171c;color:#e9eaf0;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:#282d36;border:1px solid #383d47;color:inherit;border-radius:8px;padding:10px 14px}button:hover{background:#343b48}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a797ff;outline-offset:3px}input,select{background:#191d25;border:1px solid #383e4b;border-radius:8px;padding:12px;color:inherit;min-width:0}label{display:grid;gap:9px;color:#aeb3c0;font-size:12px}h1{font-size:44px;letter-spacing:-2px;line-height:1.1;margin:22px 0}h2{letter-spacing:-.5px}.muted{color:#949baa;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:2px;color:#ad9bff}.brand{display:flex;align-items:center;gap:14px;font-size:27px;font-weight:800;color:#b6a5ff}.brand span{color:#e9eaf0;letter-spacing:4px;font-size:13px}.gate{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.gate form{width:min(390px,85%);margin:auto;padding:45px 0}.gate label{margin:20px 0}.primary{background:#a995f5;color:#171322;border:0;font-weight:700;width:100%;margin-top:8px}.quiet{border:0;background:transparent;font-size:12px;width:100%;margin-top:12px;color:#a8afbf}.gate-art{background:radial-gradient(ellipse at 50% 35%,#454065 0,#252331 43%,#1c1e26 80%);display:flex;flex-direction:column;justify-content:center;padding:12%;border-left:1px solid #30333c}.orb{font-size:150px;color:#c9bbff;text-shadow:0 0 70px #a28ae0}.gate-art h2{font-size:40px;line-height:1.15}.gate-art p{color:#a6a1b5}.rail{width:72px;background:#101217;display:flex;align-items:center;flex-direction:column;gap:25px;padding:22px 0}.logo{font-size:27px;font-weight:800;color:#b6a5ff}.server{border-radius:16px;background:#aa97f3;color:#20182f;font-size:24px;width:46px;height:46px;padding:0}.sidebar{width:250px;background:#1c1f27;display:flex;flex-direction:column;border-right:1px solid #2a2e38;padding:0 14px}.sidebar header{display:flex;align-items:center;justify-content:space-between;height:75px;border-bottom:1px solid #30333d}.badge{font-size:9px;letter-spacing:1px;color:#b6abc9;border:1px solid #454052;padding:5px 7px;border-radius:5px}.section-label{font-size:10px;letter-spacing:1.3px;color:#818a9c;margin:28px 8px 12px}.sidebar button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#a6afbe;margin-bottom:3px}.sidebar button:hover,.sidebar button.active{background:#343044;color:#d9ceff}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid #30333d;padding:18px 3px}.sidebar-bottom button{width:auto;margin-left:auto}.status-dot{width:8px;height:8px;background:#8ac8a6;border-radius:50%}#admin{margin-top:30px}#admin button{font-size:12px}#app:not([hidden]){display:flex;height:100dvh}main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:75px;flex-shrink:0;border-bottom:1px solid #2a2e38;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.hash{color:#8d829f;font-size:25px;margin-right:9px}.subtitle{margin-left:22px;font-size:12px}.topbar button{font-size:11px;background:transparent}#text-panel{flex:1;min-height:0;display:flex;flex-direction:column;padding:25px 30px}#text-panel[hidden]{display:none}.welcome{margin-top:auto;padding:30px 0 15px}.welcome>span{display:block;background:#2b283b;color:#b9a5ff;width:50px;height:50px;border-radius:16px;text-align:center;line-height:50px;font-size:28px}.welcome h2{font-size:24px;margin-bottom:5px}#messages{overflow:auto;max-height:60vh}.message{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:13px 0}.avatar{background:#343048;color:#d4c5ff;border-radius:12px;width:36px;height:36px;display:grid;place-items:center;font-weight:700}.message strong{font-size:13px}.message time{font-size:10px;color:#747d8f;margin-left:12px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0;color:#b7becc;line-height:1.5}#send{display:flex;margin-top:20px;gap:10px;background:#242832;padding:8px;border-radius:10px}#send input{flex:1;border:0;background:transparent}#send button{background:#a995f5;color:#211b30;font-size:20px;width:40px;padding:0}#notice{color:#d4bda6;margin:0;padding:0 30px 15px;font-size:12px}#voice-panel{overflow:auto;padding:28px 30px}.voice-heading{display:flex;align-items:center;justify-content:space-between}.voice-heading h2{font-size:28px}#participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:25px 0}.participant{background:linear-gradient(140deg,#2b293b,#21252f);min-height:170px;position:relative;border:2px solid transparent;border-radius:15px;overflow:hidden;display:grid;place-items:center}.participant.speaking{border-color:#a3dfb4}.participant .initial{font-size:48px;color:#b4a3d6}.participant .name{position:absolute;bottom:12px;left:13px;background:#15171ccc;padding:5px 9px;border-radius:5px;font-size:12px}.participant video{width:100%;height:100%;object-fit:cover}.controls{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.danger{color:#ffa6a6;background:#452c32}.audio-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}#auth-error{color:#edb4a9;line-height:1.6}[hidden]{display:none!important}@media(max-width:800px){.gate{grid-template-columns:1fr}.gate-art{display:none}.rail{display:none}.sidebar{width:165px;padding:0 8px}.badge,.subtitle{display:none}.topbar{padding:0 15px}.topbar button{max-width:120px}#text-panel,#voice-panel{padding:15px}.audio-settings{grid-template-columns:1fr}.sidebar header{font-size:13px}h1{font-size:38px}}