@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Inter,Segoe UI,sans-serif;font-synthesis:none;color-scheme:dark;--bg:#06172d;--panel:#0a203b;--panel2:#0e2b4d;--panel3:#12355b;--line:rgba(129,176,225,.13);--text:#f7f3e8;--muted:#a8bfdb;--blue:#2d6cdf;--blue2:#168dff;--cream:#dcc9a1;--input:#0c2949;--shadow:0 20px 55px rgba(0,0,0,.25)}:root[data-theme=light]{color-scheme:light;--bg:#f7f3e8;--panel:#fffdfa;--panel2:#f0eee9;--panel3:#e8f0fa;--line:rgba(27,56,91,.13);--text:#112b4c;--muted:#60738c;--blue:#2d6cdf;--blue2:#168dff;--input:#f4f6f8;--shadow:0 20px 55px rgba(14,38,69,.12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button:disabled{opacity:.55;cursor:not-allowed}input,select{outline:none}input:focus,select:focus{border-color:var(--blue2)!important;box-shadow:0 0 0 3px #2d6cdf29}.muted{color:var(--muted)}.loading{min-height:100vh;display:grid;place-items:center}.primary{border:0;border-radius:12px;background:linear-gradient(110deg,#2481f8,#2d6cdf);color:#fff;font-weight:800;padding:12px 21px;box-shadow:0 8px 24px #1a6aed33}.primary:hover{filter:brightness(1.08)}.error{color:#ff989e;font-size:13px}.avatar{border-radius:50%;object-fit:cover;flex:none}.avatar-fallback{display:inline-grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4ab3ff,#254b9c);font-weight:800;border:2px solid rgba(255,255,255,.18)}.app-shell{height:100vh;min-height:650px;display:grid;grid-template-columns:200px 244px minmax(0,1fr);background:var(--bg)}.navigation,.channels{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line)}.navigation{background:linear-gradient(168deg,#061c38,#061529 85%);padding:22px 11px 12px}.brand{display:flex;align-items:center;gap:8px;padding:0 10px;color:#fff;font-size:24px;letter-spacing:-1px}.brand img{height:40px;width:40px;object-fit:cover;object-position:center 27%;border-radius:50%}.nav-links{margin:29px 0 19px}.nav-links button,.community-list button,.create-community,.channel-item,.invite-action{width:100%;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;text-align:left;gap:11px}.nav-links button{height:42px;border-radius:9px;padding:0 13px;font-size:13px;font-weight:600}.nav-links button span{font-size:24px;line-height:0}.nav-links button:hover,.nav-links button.active{color:#fff;background:#0e2b4f}.section-title{font-size:10px;letter-spacing:.65px;color:var(--muted);font-weight:800;padding:15px 12px 9px;display:flex;align-items:center;justify-content:space-between}.section-title button,.nav-profile button{background:transparent;border:0;color:var(--muted);display:grid;place-items:center;padding:0}.section-title button:hover,.nav-profile button:hover{color:var(--blue2)}.community-list{overflow:auto;min-height:0}.community-list button{border-radius:9px;padding:7px 10px;min-height:51px;color:#e6effb;font-size:12px;font-weight:700}.community-list button:hover,.community-list button.selected{background:linear-gradient(95deg,#0b4e9a,#102f58)}.community-list button.selected{box-shadow:inset 3px 0 #168dff}.community-list small,.nav-profile small,.top-user small,.cover-name small,.voice-item small,.participant small,.session-card small{display:block;color:var(--muted);font-size:10px;font-weight:500;margin-top:3px}.community-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:18px;background:linear-gradient(140deg,#208fff,#071c41 70%,#dcc9a1);flex:none}.create-community{margin-top:10px;padding:9px 12px;font-size:12px;color:#b4cce8}.create-community svg{border:1px solid var(--line);border-radius:7px;width:28px;height:28px;padding:5px}.nav-profile{margin-top:auto;border-top:1px solid var(--line);padding:13px 4px 0;display:flex;align-items:center;gap:8px;font-size:12px}.nav-profile>span:nth-child(2){min-width:0;flex:1}.nav-profile strong,.nav-profile small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channels{background:linear-gradient(180deg,#092543,#07203b);padding:23px 9px}.community-cover{height:166px;flex:none;border-radius:11px;overflow:hidden;position:relative;background:radial-gradient(circle at 75% 25%,#2f6bc1,transparent 40%),linear-gradient(130deg,#07172e,#123f77 55%,#0b1f3b);margin-bottom:11px;box-shadow:var(--shadow)}.cover-glow{position:absolute;width:190px;height:190px;border:3px solid rgba(45,164,255,.65);transform:rotate(32deg);border-radius:40%;right:-50px;top:-60px;box-shadow:0 0 50px #248fff80,inset 0 0 50px #248fff40}.cover-name{position:absolute;bottom:13px;left:15px;font-size:21px;font-weight:800;text-shadow:0 2px 8px #000}.cover-name small{font-size:11px;color:#e0edff}.channel-item{padding:9px 11px;border-radius:8px;font-size:12px;color:#b7ccec}.channel-item:hover,.channel-item.selected{background:#123762;color:#fff}.voice-title{margin-top:10px}.voice-item{min-height:54px}.voice-item span:nth-child(2){flex:1}.voice-wave{background:#2271e9;padding:5px;border-radius:50%;color:#fff}.invite-action{margin-top:10px;padding:10px;font-size:12px}.empty-community{padding:20px 12px}.empty-community h2{font-size:16px}.empty-community p{font-size:12px;color:var(--muted);line-height:1.5}.main-area{min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#061d38,#081c35)}.topbar{height:74px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 22px}.top-search{height:38px;width:min(340px,45%);display:flex;align-items:center;gap:9px;background:#0e2b4c;border:1px solid var(--line);border-radius:10px;color:var(--muted);padding:0 14px;font-size:11px;margin-right:auto}.theme-switch{border:1px solid #388bec;background:#0c2a4a;border-radius:28px;color:#fff;display:flex;gap:7px;align-items:center;padding:7px 12px}.theme-switch svg:last-child{color:#edc46e}.icon-button{border:0;color:#bdcee4;background:transparent;padding:7px}.top-user{display:flex;gap:8px;align-items:center;font-size:11px;min-width:155px}.top-user strong{font-size:12px}.top-user>span{flex:1}.content{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;padding:16px;min-height:0;flex:1}.call-content{min-height:0;min-width:0;display:flex;flex-direction:column}.call-heading{height:61px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 7px}.heading-title{display:flex;align-items:center;gap:10px}.heading-title h1{font-size:18px;margin:0}.call-heading p{color:var(--muted);font-size:11px;margin:2px 0 0 32px}.call-heading p span{padding:0 5px}.fps-chip{border:1px solid var(--line);border-radius:10px;padding:7px 10px;font-size:10px;font-weight:800}.stage{position:relative;min-height:210px;flex:1;background:radial-gradient(circle at 70% 60%,#1c477d,#0d2847 42%,#06162b 85%);border:1px solid #235281;border-radius:13px;overflow:hidden;box-shadow:0 14px 40px #0003}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#b9dfff 1px,transparent 1px);background-size:25px 25px;opacity:.12}.stage-top,.stage-bottom{position:absolute;z-index:2;left:14px;right:14px;display:flex;align-items:center;gap:7px;color:#fff;font-size:11px}.stage-top{top:13px;background:#041022c7;border-radius:8px;width:max-content;padding:7px 9px}.live-dot{width:7px;height:7px;background:#2be58e;border-radius:50%}.stage-bottom{bottom:10px;justify-content:space-between;text-shadow:0 1px 4px #000}.stage-video{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.stage-video video{width:100%;height:100%;object-fit:contain;background:#050e1c}.stage-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#e5f1ff;pointer-events:none}.stage-empty svg{color:#4b9afa}.stage-empty h2{font-size:21px;margin:14px 0 0}.stage-empty p{color:#aec8e8;font-size:12px}.participants{display:flex;gap:9px;min-height:98px;max-height:113px;overflow-x:auto;padding:11px 0}.participant{min-width:95px;flex:1;background:linear-gradient(145deg,#102f52,#0b2746);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;font-size:11px}.participant.active{border-color:#198dff;box-shadow:inset 0 0 0 1px #198dff}.participant .avatar{width:39px!important;height:39px!important}.call-toolbar{display:flex;justify-content:space-around;align-items:center;gap:8px;background:#0b2948;border-radius:12px;padding:9px;min-height:75px}.call-toolbar button{background:#13375d;color:#fff;border:0;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;position:relative}.call-toolbar button svg{width:21px}.call-toolbar button small{position:absolute;top:46px;font-size:10px;white-space:nowrap}.call-toolbar button.off{color:#ff9da2}.call-toolbar button.sharing{background:#2575e4}.call-toolbar button.hangup{background:#ef4052;border-radius:30px;width:88px;font-size:22px}.welcome{flex:1;border:1px solid var(--line);border-radius:15px;background:radial-gradient(circle at 50% 35%,#174779,#09213d 58%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.welcome img{width:min(210px,40%);height:200px;object-fit:contain;filter:drop-shadow(0 16px 20px #06142a)}.welcome h2{font-size:24px;margin:0}.welcome p{font-size:13px;color:#b5cce9}.welcome .primary{margin-top:8px}.chat-panel{min-height:0;display:flex;flex-direction:column;gap:10px}.chat-tabs{display:flex;flex:none;border:1px solid var(--line);border-radius:10px;overflow:hidden;height:42px}.chat-tabs button{width:50%;background:#0b2745;color:#bacde8;border:0;font-size:11px}.chat-tabs button.active{color:#fff;box-shadow:inset 0 -2px #168dff;background:#0f3156;font-weight:800}.chat-messages,.member-list{flex:1;min-height:100px;background:#092442;border:1px solid var(--line);border-radius:11px;overflow-y:auto;padding:12px 10px}.chat-message{display:flex;gap:7px;margin-bottom:14px;font-size:11px}.chat-message>div:last-child{min-width:0}.message-meta{display:flex;gap:7px;align-items:center}.message-meta time{font-size:9px;color:var(--muted)}.chat-message p{margin:2px 0;color:#d2e1f3;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.chat-empty{font-size:12px;color:var(--muted);line-height:1.5}.chat-compose{display:flex;height:42px;border:1px solid var(--line);border-radius:9px;background:#0e2b4e;padding:4px}.chat-compose input{flex:1;min-width:0;background:transparent;color:#fff;border:0;padding:0 8px;font-size:11px}.chat-compose button{width:31px;border:0;border-radius:8px;background:#2680f5;color:#fff;display:grid;place-items:center}.member-list>div{display:flex;gap:8px;align-items:center;margin-bottom:13px;font-size:11px}.member-list>div>span:nth-child(2){flex:1}.member-list small{display:block;color:var(--muted)}.member-list svg{color:var(--cream)}.session-card{flex:none;background:#0c2b4d;border:1px solid var(--line);padding:12px;border-radius:11px;font-size:11px}.session-card>div{display:flex;gap:8px;align-items:center;margin-top:9px}.session-art{height:49px;width:49px;background:linear-gradient(135deg,#163864,#3086e6,#dcc9a1);display:grid;place-items:center;border-radius:8px;font-size:26px}.session-card i{display:inline-block;background:#23db8b;border-radius:50%;width:7px;height:7px}.toast{position:fixed;bottom:20px;right:20px;z-index:20;max-width:440px;background:#2d1f31;border:1px solid #ef6572;padding:12px 14px;color:#fff;border-radius:11px;box-shadow:var(--shadow);display:flex;gap:10px;font-size:13px}.toast button{color:#fff;background:transparent;border:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#010914c7;display:grid;place-items:center;z-index:10;padding:20px}.dialog{position:relative;background:#0c2948;color:#fff;border:1px solid #32618e;border-radius:16px;box-shadow:var(--shadow);padding:26px;width:min(420px,100%)}.dialog h2{margin:0 35px 8px 0;font-size:21px}.dialog p{color:#b7cde9;font-size:12px}.dialog-close{position:absolute;top:17px;right:17px;border:0;background:transparent;color:#c5d6ed}.dialog form{display:grid;gap:14px;margin-top:22px}.dialog label,.auth-panel label{font-size:12px;font-weight:700;display:grid;gap:7px}.dialog input,.dialog select,.auth-panel input{width:100%;height:42px;border:1px solid #30547a;background:#0d3156;color:#fff;padding:0 12px;border-radius:9px}.dialog .primary{margin-top:6px}.copy-row{display:flex;gap:8px}.copy-row code{background:#08203a;border-radius:8px;padding:12px;overflow:auto;flex:1;font-size:11px}.copy-row button{background:#2d6cdf;color:#fff;border:0;border-radius:8px;width:40px}.sources-dialog{width:min(850px,100%)}.source-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:50vh;overflow:auto;margin-top:20px}.source-grid button{border:1px solid #2d567b;background:#102e4e;color:#fff;padding:8px;border-radius:10px;text-align:left}.source-grid button:hover{border-color:#2d8fff}.source-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#061529;border-radius:5px}.source-grid span{font-size:11px;display:block;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(360px,40%) 1fr;background:#06162e;color:#fff}.auth-panel{display:flex;flex-direction:column;padding:6vh min(7vw,95px);background:radial-gradient(circle at 0 0,#10375e,#061c37 65%)}.auth-brand{padding:0;margin-bottom:7vh;font-size:32px}.auth-brand img{width:56px;height:56px}.eyebrow{font-size:10px;letter-spacing:3px;color:#dcc9a1;font-weight:800}.auth-panel h1{font-size:33px;line-height:1.1;margin:9px 0}.auth-panel>.muted{font-size:13px;line-height:1.5;margin-bottom:22px}.auth-panel form{display:grid;gap:13px}.auth-panel input{height:48px;background:#0c2a4d}.auth-submit{width:100%;height:52px;margin-top:4px;display:flex;align-items:center;justify-content:center;position:relative}.auth-submit span{position:absolute;right:18px;font-size:22px;font-weight:400}.auth-switch{text-align:center;font-size:12px;color:#c9d7ea}.auth-switch button{color:#36a1ff;background:transparent;border:0;font-weight:800;padding:3px}.auth-footer{margin-top:auto;font-size:10px;letter-spacing:3px;color:#b7c9e5;padding-top:20px}.server-config{font-size:11px;color:#a8bfdc}.server-config summary{cursor:pointer}.server-config input{margin-top:8px}.auth-art{position:relative;overflow:hidden;background:radial-gradient(circle at 58% 42%,#194e87,#0b2244 48%,#04152c 78%);display:flex;align-items:center;justify-content:center}.auth-art>img{width:min(75%,650px);height:auto;position:relative;z-index:1;filter:drop-shadow(0 25px 35px #0008)}.auth-art-orbit{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;border:4px solid #1e77e6;box-shadow:0 0 70px #2b8cff,inset 0 0 70px #144e96;transform:rotate(-18deg)}.auth-art-copy{position:absolute;z-index:2;top:8%;right:6%;font-size:clamp(21px,3vw,45px);font-weight:800;line-height:1.05;text-shadow:0 2px 13px #07132a}.auth-art-copy em{font-style:normal;color:#dcc9a1}.auth-art-copy span{color:#2b9cff;margin-left:8px}.fps-chip{background:transparent;color:var(--text);cursor:pointer}.stats-strip{background:#0c2b4d;color:#c9def5;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:11px;margin-top:6px}:root[data-theme=light] .navigation,:root[data-theme=light] .channels,:root[data-theme=light] .main-area{background:var(--panel)}:root[data-theme=light] .navigation .brand{color:#112b4c}:root[data-theme=light] .nav-links button.active,:root[data-theme=light] .nav-links button:hover,:root[data-theme=light] .channel-item:hover,:root[data-theme=light] .channel-item.selected{background:#e5effb;color:#173a61}:root[data-theme=light] .community-list button{color:#263e5c}:root[data-theme=light] .community-list button.selected{background:#dbeafc}:root[data-theme=light] .top-search,:root[data-theme=light] .chat-tabs button,:root[data-theme=light] .chat-messages,:root[data-theme=light] .member-list,:root[data-theme=light] .chat-compose,:root[data-theme=light] .session-card{background:#f6f7f9;color:#173a61}:root[data-theme=light] .chat-tabs button.active{background:#e7f0fb;color:#173a61}:root[data-theme=light] .chat-message p{color:#324b69}:root[data-theme=light] .chat-compose input{color:#18334f}:root[data-theme=light] .call-toolbar{background:#e9f0f8}:root[data-theme=light] .participant{background:#edf3fa;color:#173a61}@media(max-width:1180px){.app-shell{grid-template-columns:170px 210px minmax(0,1fr)}.content{grid-template-columns:minmax(0,1fr) 205px}.topbar{padding:0 13px}.brand{font-size:21px}.participant{min-width:80px}}@media(max-width:1010px){.app-shell{grid-template-columns:165px 205px minmax(0,1fr)}.content{grid-template-columns:1fr}.chat-panel{display:none}.auth-screen{grid-template-columns:48% 52%}}.sidebar-call{margin-top:auto;border-top:1px solid var(--line);padding:14px 5px 0;display:grid;gap:7px}.sidebar-call-title{display:flex;align-items:center;gap:7px;color:#8fc3ff;font-size:12px;font-weight:800;margin-bottom:4px}.sidebar-call button{display:flex;align-items:center;gap:9px;text-align:left;width:100%;border:1px solid var(--line);background:#0d3157;color:#e6f1ff;border-radius:9px;padding:10px;font-size:11px}.sidebar-call button:hover{background:#174577}.sidebar-call button.leave-call{background:#b73447;border-color:#d94a5c;justify-content:center;font-weight:800}.heading-actions{display:flex;align-items:center;gap:7px}.heading-actions>button:not(.fps-chip){border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:8px;padding:7px 12px;font-size:11px}.heading-actions>button.active{color:var(--text);border-color:var(--blue2)}.conversation{min-height:0;flex:1;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden}.conversation-messages{flex:1;overflow-y:auto;padding:22px}.conversation-message{display:flex;gap:12px;margin-bottom:22px}.conversation-message>div:last-child{min-width:0}.conversation-message .message-meta{gap:12px;font-size:13px}.conversation-message .message-meta time{font-size:11px}.conversation-message p{margin:5px 0 0;color:var(--text);font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.conversation-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.conversation-empty h2{font-size:17px;color:var(--text);margin:10px 0 3px}.conversation-empty p{font-size:12px}.conversation-compose{display:flex;gap:8px;border-top:1px solid var(--line);padding:12px;background:var(--panel2)}.conversation-compose input{flex:1;min-width:0;background:var(--input);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:10px 12px}.conversation-compose button{width:41px;border:0;border-radius:8px;background:var(--blue);color:#fff}.members-panel{min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden}.members-heading{height:49px;display:flex;align-items:center;gap:8px;padding:0 13px;border-bottom:1px solid var(--line);font-size:12px;font-weight:800}.members-heading span{margin-left:auto;color:var(--muted)}.members-panel .member-list{border:0;border-radius:0;background:transparent}.member-list>div{padding:5px}.member-list>div>span:nth-child(2){min-width:0}.member-list strong,.member-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog textarea{width:100%;min-height:76px;resize:vertical;border:1px solid #30547a;background:#0d3156;color:#fff;padding:10px 12px;border-radius:9px;font:inherit}.profile-photo{display:flex;align-items:center;gap:18px}.profile-photo>div:last-child{display:grid;gap:7px}.profile-photo button,.photo-upload{border:1px solid #436991;background:#123a64;color:#fff;border-radius:8px;padding:7px 10px;font-size:11px;cursor:pointer}.photo-upload input{position:absolute;width:1px;height:1px;opacity:0}.dialog:has(.profile-photo){max-height:90vh;overflow-y:auto}:root[data-theme=light] .sidebar-call button{background:#e8f1fc;color:#163859}:root[data-theme=light] .sidebar-call button.leave-call{background:#b73447;color:#fff}@media(max-width:1010px){.content{grid-template-columns:minmax(0,1fr) 185px}.members-panel{display:flex}}.update-banner{position:fixed;z-index:30;right:20px;bottom:20px;display:flex;align-items:center;gap:12px;background:#12355b;color:#fff;border:1px solid #438ff2;border-radius:11px;padding:11px 13px;box-shadow:var(--shadow);font-size:12px}.update-banner button{border:0;border-radius:8px;background:#2d6cdf;color:#fff;padding:9px 12px;font-weight:800}.community-icon{object-fit:cover}.cover-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62)}.cover-photo+.cover-glow{opacity:.25}.server-icon-preview{width:74px;height:74px;object-fit:cover;border-radius:15px}.members-panel .member-list em{display:block;margin-top:2px;color:var(--cream);font-size:10px;font-style:normal}.members-panel .member-list select{width:100%;max-width:135px;margin-top:5px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--text);font-size:10px;padding:4px}.role-list{max-height:170px;overflow:auto;display:grid;gap:7px}.role-list>div{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:9px}.role-list i{width:13px;height:13px;border-radius:50%;flex:none}.role-list span{flex:1;min-width:0}.role-list strong,.role-list small{display:block}.role-list small{color:var(--muted);font-size:10px;margin-top:2px}.role-list button,.subtle-button{border:0;background:transparent;color:var(--muted);padding:5px}.dialog label.role-check{display:flex;align-items:center;gap:9px;font-weight:500}.dialog .role-check input{width:auto;height:auto}.dialog input[type=color]{padding:3px;width:72px;height:40px}.loading-screen{min-height:100vh;display:grid;place-items:center;background:#0a1b33;overflow:hidden}.loading-screen video{width:min(76vw,76vh,680px);aspect-ratio:1;object-fit:contain}.loading-screen .loading-still{display:none;width:min(65vw,65vh,560px);aspect-ratio:1;object-fit:contain}@media(prefers-reduced-motion:reduce){.loading-screen video{display:none}.loading-screen .loading-still{display:block}}:root,:root[data-theme=light]{color-scheme:light;--bg: #2d6cdf;--panel: #f7f3e8;--panel2: #eee3cd;--panel3: #dcc9a1;--line: #0a1b33;--text: #0a1b33;--muted: #375477;--blue: #2d6cdf;--blue2: #2d6cdf;--input: #fffdf7;--ink: #0a1b33;--paper: #f7f3e8;--accent-paper: #dcc9a1;--stroke: #b8c3d0;--shadow: 5px 5px 0 #0a1b33}:root[data-theme=dark]{color-scheme:dark;--bg: #12355b;--panel: #0a1b33;--panel2: #12355b;--panel3: #1e4a83;--line: #dcc9a1;--text: #f7f3e8;--muted: #c2d3e5;--input: #0a1b33;--ink: #dcc9a1;--paper: #0a1b33;--accent-paper: #12355b;--stroke: #345476;--shadow: 5px 5px 0 #06101f}body{background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #2d6cdf;outline-offset:2px}.app-shell{height:calc(100vh - 28px);min-height:0;margin:14px 20px 14px 14px;grid-template-rows:55px minmax(0,1fr);grid-template-columns:76px 260px minmax(0,1fr);border:2px solid var(--ink);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);background:var(--paper)}.window-chrome{height:55px;grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 17px;border-bottom:2px solid var(--ink);background:var(--accent-paper);color:var(--text);-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.window-chrome strong{font-size:21px;letter-spacing:-.8px}.window-controls{display:flex;gap:7px;justify-self:start;-webkit-app-region:no-drag}.window-controls button{width:18px;height:18px;padding:0;border:2px solid var(--ink);border-radius:50%;background:var(--paper)}.window-controls button:first-child{background:#2d6cdf}.window-controls button:nth-child(2){background:#dcc9a1}.window-controls button:hover{transform:translateY(-2px)}.window-tagline{justify-self:end;font-size:10px;letter-spacing:2px;font-weight:800}.navigation,.channels,.main-area,:root[data-theme=light] .navigation,:root[data-theme=light] .channels,:root[data-theme=light] .main-area{background:var(--paper);color:var(--text)}.navigation,.channels{border-right:1px solid var(--stroke)}.navigation{padding:15px 8px 12px;background:var(--accent-paper)!important;align-items:center}.channels{padding:18px 10px 12px}.channel-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden}.channel-scroll::-webkit-scrollbar,.navigation .community-list::-webkit-scrollbar{width:6px}.channel-scroll::-webkit-scrollbar-thumb,.navigation .community-list::-webkit-scrollbar-thumb{border-radius:8px;background:var(--stroke)}.navigation .brand,:root[data-theme=light] .navigation .brand{color:var(--text);font-size:22px}.brand strong{display:none}.brand img{width:88px;height:88px;object-fit:contain;object-position:center;border:0;border-radius:0;background:transparent}.navigation .brand{justify-content:center;padding:0}.navigation .brand img{width:58px;height:58px}:root[data-theme=dark] .navigation .brand img{filter:drop-shadow(0 0 2px rgba(247,243,232,.75))}.auth-screen .auth-brand img{width:88px;height:88px}.nav-links{margin:18px 0 12px;width:100%}.nav-links button{color:var(--text);border:2px solid transparent;border-radius:4px;font-weight:800}.navigation .nav-links button{width:46px;height:46px;margin:0 auto 6px;padding:0;justify-content:center;font-size:0}.navigation .nav-links button svg{flex:none;width:20px;height:20px}.nav-links button:hover,.nav-links button.active,:root[data-theme=light] .nav-links button:hover,:root[data-theme=light] .nav-links button.active{color:var(--text);background:var(--paper);border-color:var(--stroke);box-shadow:inset 3px 0 #2d6cdf}.section-title{color:var(--muted);font-size:10px;letter-spacing:.7px;padding:15px 8px 7px;margin-bottom:3px;border:0}.navigation .section-title{display:none}.section-title button,.nav-profile button{color:var(--muted)}.section-title button{width:24px;height:24px;border-radius:6px}.section-title button:hover{background:var(--panel2);color:var(--text)}.navigation .community-list{width:100%;overflow-y:auto;overflow-x:hidden}.community-list button,:root[data-theme=light] .community-list button{color:var(--text);border:2px solid transparent;border-radius:4px}.navigation .community-list button{width:52px;height:52px;min-height:52px;margin:5px auto;padding:3px;justify-content:center}.navigation .community-list button>span:not(.community-icon){display:none}.navigation .community-icon{width:42px;height:42px;aspect-ratio:1;object-fit:cover}.community-list button:hover,.community-list button.selected,:root[data-theme=light] .community-list button.selected{color:#f7f3e8;background:#12355b;border-color:#2d6cdf;box-shadow:none}.community-list button.selected small,.community-list button:hover small{color:#dce7f8}.community-icon{border:2px solid var(--ink);border-radius:5px}.create-community,.invite-action{color:var(--text);font-weight:800;border:2px solid transparent;border-radius:4px}.navigation .create-community{width:46px;height:46px;margin:10px auto 0;padding:0;justify-content:center;font-size:0;border:1px solid var(--stroke);background:var(--paper)}.navigation .create-community svg{width:20px;height:20px;padding:0;border:0;border-radius:0}.create-community:hover,.invite-action:hover{border-color:var(--ink);background:var(--accent-paper)}.nav-profile{border-top:1px solid var(--stroke);padding:10px 3px 0;min-height:52px}.channels .nav-profile{width:100%;margin-top:0;flex:none}.nav-profile>.avatar{flex:0 0 36px;aspect-ratio:1}.nav-profile>span:not(.avatar){min-width:0}.nav-profile button{width:28px;height:28px;border-radius:6px;flex:none}.nav-profile button:hover{background:var(--panel2);color:var(--text)}.nav-profile strong,.nav-profile small{display:block;max-width:100%}.community-cover{height:94px;border:1px solid var(--stroke);border-radius:8px;background:linear-gradient(130deg,#12355b,#2d6cdf 72%,#dcc9a1);box-shadow:none;margin:1px 5px 17px 1px}.cover-name{bottom:9px;left:10px;font-size:17px;color:#f7f3e8}.cover-name small{color:#f7f3e8}.channel-item{color:var(--text);border-radius:7px;padding:9px;font-weight:700;gap:9px}.channel-row{display:flex;align-items:center;min-width:0;margin:2px 2px 2px 0;border-radius:8px}.channel-row:hover{background:var(--panel2)}.channel-row:has(.channel-item.selected){background:var(--accent-paper);box-shadow:inset 3px 0 #2d6cdf}.channel-row>.channel-item{flex:1;width:auto;min-width:0}.channel-row>.channel-item svg{flex:none;width:18px;height:18px}.channel-row>.channel-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-edit{flex:none;width:29px;height:30px;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);opacity:.75}.channel-edit:hover{border-color:var(--stroke);background:var(--paper);color:var(--text);opacity:1}.channel-item:hover,.channel-item.selected,:root[data-theme=light] .channel-item:hover,:root[data-theme=light] .channel-item.selected{background:transparent;color:var(--text)}.channel-item.selected{box-shadow:none}.voice-item small{color:var(--muted)}.sidebar-call{width:100%;margin-top:0;flex:none;border-top:1px solid var(--stroke);padding:10px 0 8px;gap:8px}.sidebar-call-title{color:var(--text)}.sidebar-call-title>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-call-title small{display:block;margin-top:2px;color:var(--muted);font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.sidebar-call-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.sidebar-call .sidebar-call-actions button{width:100%;height:39px;padding:0;display:grid;place-items:center}.sidebar-call button,:root[data-theme=light] .sidebar-call button{border:1px solid var(--stroke);border-radius:7px;background:var(--panel);color:var(--text);font-weight:700}.sidebar-call button:hover{background:var(--accent-paper)}.sidebar-call button.leave-call,:root[data-theme=light] .sidebar-call button.leave-call{background:#2d6cdf;color:#fff;border-color:#2d6cdf}.topbar{height:56px;border-bottom:1px solid var(--stroke);padding:0 16px;gap:10px;background:var(--paper)}.top-search,:root[data-theme=light] .top-search{border:1px solid var(--stroke);border-radius:8px;background:var(--input);color:var(--muted);height:38px;min-width:0}.top-user{color:var(--text);width:188px;min-width:0;gap:9px}.top-user>.avatar{flex:0 0 34px;aspect-ratio:1;border-radius:50%}.top-user>span:not(.avatar){flex:1;min-width:0;overflow:hidden}.top-user strong,.top-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-user>svg{flex:none}.icon-button,.theme-switch{width:38px;height:38px;flex:none;display:grid;place-items:center;padding:0;border:1px solid var(--stroke)!important;border-radius:8px!important;background:var(--panel)!important;color:var(--text)!important}.icon-button:hover,.theme-switch:hover{background:var(--panel2)!important;border-color:#2d6cdf!important}.theme-switch svg:last-child{color:currentColor}.content{gap:0;padding:0;grid-template-columns:minmax(0,1fr) 207px}.call-content{padding:13px 15px 15px}.call-heading{border-bottom:1px solid var(--stroke);margin-bottom:11px;padding:0 5px 10px;height:auto;min-height:50px}.call-heading>div:first-child{min-width:0}.call-heading p{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heading-actions{flex:none;gap:5px}.heading-actions>button{flex:none;white-space:nowrap}.heading-actions>button:not(.fps-chip){padding:7px 9px}.fps-chip{padding:7px 8px}.heading-actions>button:not(.fps-chip){border:1px solid var(--stroke);border-radius:7px;background:var(--paper);color:var(--text);font-weight:800}.heading-actions>button.active{background:#2d6cdf;color:#fff}.conversation,.members-panel{border:1px solid var(--stroke);border-radius:8px;background:var(--panel)}.conversation-messages{padding:22px}.conversation-message .avatar{border:1px solid var(--stroke)}.conversation-message .message-meta time{color:var(--muted)}.conversation-message p{color:var(--text)}.conversation-empty{color:var(--muted)}.conversation-empty h2{color:var(--text)}.conversation-compose{background:var(--accent-paper);border-top:1px solid var(--stroke);padding:9px}.conversation-compose input{background:var(--input);border:1px solid var(--stroke);border-radius:7px;color:var(--text)}.conversation-compose input::placeholder{color:var(--muted);opacity:.9}.conversation-compose button{border:1px solid #2d6cdf;border-radius:7px;box-shadow:none}.members-panel{border-width:0 0 0 1px;border-radius:0;background:var(--paper)}.members-heading{border-bottom:1px solid var(--stroke);color:var(--text)}.members-panel .member-list{background:var(--paper)}.members-panel .member-list>div{margin-bottom:0;padding:10px 12px}.members-panel .member-list em{color:var(--muted)}.members-panel .member-list select{border:1px solid var(--stroke);border-radius:6px;background:var(--input);color:var(--text)}.welcome{background:var(--panel);border:1px solid var(--stroke);border-radius:9px}.welcome h2,.welcome p{color:var(--text)}.welcome img{filter:drop-shadow(5px 5px 0 #2d6cdf)}.primary{background:#2d6cdf;color:#fff;border:1px solid #2d6cdf;border-radius:8px;box-shadow:0 4px 12px #0e346b2e}.primary:hover{filter:brightness(1.08);transform:translate(-1px,-1px)}.participants .participant,:root[data-theme=light] .participant{border:1px solid var(--stroke);border-radius:8px;background:var(--panel);color:var(--text)}.call-toolbar{background:var(--accent-paper);border:2px solid var(--ink);border-radius:5px}.call-toolbar button{border:2px solid var(--ink);background:var(--panel2);color:var(--text)}.dialog{background:var(--paper);color:var(--text);border:1px solid var(--stroke);border-radius:10px;box-shadow:var(--shadow)}.dialog p{color:var(--muted)}.dialog input,.dialog select,.dialog textarea,.auth-panel input{background:var(--input);color:var(--text);border:1px solid var(--stroke);border-radius:7px}.dialog-close{color:var(--text)}.copy-row code,.role-list>div{border:1px solid var(--stroke);background:var(--input);color:var(--text);border-radius:7px}.photo-upload{background:#2d6cdf;border:1px solid #2d6cdf;border-radius:7px}.auth-screen{min-height:0;height:calc(100vh - 28px);margin:14px 20px 14px 14px;border:3px solid var(--ink);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);grid-template-columns:minmax(360px,42%) 1fr;padding-top:55px;background:var(--paper);color:var(--text)}.auth-screen .auth-panel{background:var(--paper);border-right:3px solid var(--ink);padding:25px min(5vw,70px);overflow-y:auto}.auth-screen .auth-brand{color:var(--text);margin-bottom:24px}.auth-panel>.muted,.auth-switch,.auth-footer,.server-config{color:var(--muted)}.auth-switch button{color:#2d6cdf}.auth-art{background:radial-gradient(circle at 55% 46%,#f7f3e8,#dcc9a1 65%,#12355b)}.auth-art-orbit{display:none}.auth-art-copy{top:18px;right:26px;font-size:clamp(19px,2.1vw,27px);color:#0a1b33;text-shadow:none}.auth-art-copy em{color:#2d6cdf}body>#root>.window-chrome{position:fixed;z-index:2;top:17px;left:17px;right:23px;border:0;border-bottom:3px solid var(--ink);border-radius:11px 11px 0 0}.toast,.update-banner{border:2px solid var(--ink);border-radius:5px;box-shadow:var(--shadow)}@media(max-width:1180px){.app-shell{grid-template-columns:70px 238px minmax(0,1fr)}.content{grid-template-columns:minmax(0,1fr) 175px}.window-tagline{display:none}}@media(max-width:1010px){.content{grid-template-columns:minmax(0,1fr) 165px}.members-panel{display:flex}.auth-screen{grid-template-columns:48% 52%}}.web-app{height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none;grid-template-rows:minmax(0,1fr)}.web-auth{height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none;padding-top:0}.web-auth .auth-panel{border-right-width:1px}.mobile-menu,.mobile-call-dock,.mobile-panel-backdrop,.mobile-panel-close{display:none}.quality-picker{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.quality-picker select{width:100%;min-width:0;height:35px;padding:0 7px;border:1px solid var(--stroke);border-radius:7px;background:var(--input);color:var(--text);font-size:11px}.quality-picker select:disabled{opacity:.65}.stage-top{max-width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-fullscreen{position:absolute;z-index:4;top:12px;right:12px;display:grid;place-items:center;width:33px;height:33px;border:1px solid #8baccd;border-radius:7px;background:#041022d1;color:#fff}.stage-fullscreen:hover{background:#2d6cdf}.stage:fullscreen{width:100vw;height:100vh;min-height:0;border:0;border-radius:0;background:#050e1c}.stage:fullscreen .stage-video video{width:100%;height:100%;object-fit:contain}@media(max-width:760px){.web-app{grid-template-columns:62px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.web-app .navigation{grid-column:1;grid-row:1;padding:12px 4px;z-index:3}.web-app .navigation .brand img{width:47px;height:47px}.web-app .navigation .community-list button{width:48px;height:48px;min-height:48px}.web-app .navigation .community-icon{width:39px;height:39px}.web-app .navigation .create-community{width:44px;height:44px}.web-app .channels{position:fixed;z-index:32;top:0;bottom:0;left:62px;width:min(290px,calc(100vw - 62px));transform:translate(calc(-100% - 62px));transition:transform .18s ease;box-shadow:8px 0 28px #06101f40}.web-app .mobile-panel-close{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px;margin-bottom:8px;border:1px solid var(--stroke);border-radius:7px;background:var(--panel);color:var(--text);font-size:11px;font-weight:800}.web-app.mobile-channels-open .channels{transform:translate(0)}.web-app .main-area{grid-column:2;grid-row:1}.web-app .topbar{padding:0 10px;gap:7px}.web-app .mobile-menu{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--stroke);border-radius:7px;background:var(--panel);color:var(--text)}.web-app .top-search{width:auto;flex:1;padding:0 9px}.web-app .top-search span,.web-app .top-user{display:none}.web-app .content{grid-template-columns:minmax(0,1fr)}.web-app .call-content{padding:10px}.web-app .call-heading{align-items:flex-start;gap:5px;flex-direction:column}.web-app .call-heading p{margin-left:0}.web-app .heading-title h1{max-width:calc(100vw - 160px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.web-app .heading-actions{width:100%}.web-app .heading-actions .fps-chip{margin-left:auto;max-width:130px;overflow:hidden;text-overflow:ellipsis}.web-app .members-panel{position:fixed;z-index:32;top:0;bottom:0;right:0;width:min(290px,calc(100vw - 62px));transform:translate(100%);transition:transform .18s ease;border-left:1px solid var(--stroke);box-shadow:-8px 0 28px #06101f40}.web-app .members-heading .mobile-panel-close{width:30px;min-height:30px;margin:0 0 0 5px}.web-app.mobile-members-open .members-panel{transform:translate(0)}.web-app .mobile-panel-backdrop{display:block;position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;border:0;background:#06101f80}.web-app .conversation-messages{padding:15px 11px}.web-app .conversation-compose{padding:8px}.web-app .welcome img{width:135px;height:135px}.web-app .welcome h2{font-size:19px}.web-app .stage{min-height:190px}.web-app .stage-empty h2{font-size:17px}.web-app .stage-empty p{padding:0 15px}.web-app .stage-bottom{font-size:9px}.web-app .participants{min-height:82px;max-height:90px;padding:8px 0}.web-app .participant{min-width:80px}.web-app .mobile-call-dock{display:grid;gap:7px;flex:none;padding:9px 10px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--stroke);background:var(--accent-paper)}.web-app .mobile-call-dock-info{display:flex;align-items:center;gap:7px;color:var(--text);font-size:11px;font-weight:800}.web-app .mobile-call-dock .quality-picker{grid-template-columns:auto minmax(0,1fr);align-items:center}.web-app .mobile-call-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.web-app .mobile-call-actions button{min-height:51px;display:grid;place-items:center;gap:2px;padding:4px 1px;border:1px solid var(--stroke);border-radius:7px;background:var(--panel);color:var(--text);font-size:10px}.web-app .mobile-call-actions button.leave-call{color:#fff;background:#2d6cdf;border-color:#2d6cdf}.web-auth{display:block;overflow-y:auto}.web-auth .auth-panel{min-height:100dvh;padding:25px 20px;border:0}.web-auth .auth-brand{margin-bottom:25px}.web-auth .auth-art{display:none}.dialog{width:min(92vw,470px);max-height:90dvh;overflow-y:auto}.toast{left:12px;right:12px;bottom:12px;max-width:none}}