:root{--bg-0: #0c0b18;--bg-1: #11101f;--bg-2: #181729;--bg-3: #222136;--bg-4: #2d2c45;--text: #e9eaee;--text-2: #a6a5bd;--text-3: #6f6e88;--accent: #7c6cf8;--accent-ink: #ffffff;--ok: #5ac8b8;--warn: #e8c547;--danger: #e8596f;--radius: 10px;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;color:var(--text);background:var(--bg-1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--ok)}h1,h2,h3{margin:0}hr{border:0;border-top:1px solid var(--bg-4);width:100%}code{background:var(--bg-0);padding:1px 6px;border-radius:4px;font-size:13px}.muted{color:var(--text-2)}.small{font-size:12px}.spacer{flex:1}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-2)}label.toggle{flex-direction:row;align-items:center;gap:10px;color:var(--text);font-size:14px}input:not([type]),input[type=text],input[type=password],select,textarea{background:var(--bg-0);border:1px solid var(--bg-4);border-radius:8px;padding:10px 12px;outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent)}input[type=range]{accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary,.secondary{border:0;border-radius:8px;padding:10px 16px;font-weight:600}.primary{background:var(--accent);color:var(--accent-ink)}.primary:hover{filter:brightness(1.08)}.secondary{background:var(--bg-4)}.secondary:hover{background:#3a3956}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}.link{background:none;border:0;color:var(--text-2);padding:0;text-align:left}.link:hover{color:var(--text);text-decoration:underline}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--text-2);flex-shrink:0}.icon-btn:hover{background:var(--bg-4);color:var(--text)}.icon-btn.small{width:22px;height:22px;border-radius:6px}.icon-btn.off{color:var(--danger)}.icon-btn.on{color:var(--ok)}.icon-btn.danger:hover{background:var(--danger);color:#fff}.login{height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 0% 100%,#3b2f8a88 0,transparent 45%),radial-gradient(ellipse at 100% 0%,#3346b066 0,transparent 40%),var(--bg-0)}.login-card{width:min(400px,calc(100% - 32px));background:var(--bg-2);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #0008}.login-card h1{font-size:24px}.brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px}.brand-logo{display:flex;align-items:center;gap:10px}.brand-name{font-size:40px;font-weight:700;letter-spacing:-.5px}.brand-slogan{font-size:11px;letter-spacing:4px;color:#9a92e6}.login-card p{margin:0}.shell{display:flex;height:100%;position:relative}.banner{position:absolute;top:0;left:0;right:0;z-index:20;background:var(--warn);color:#222;text-align:center;padding:4px;font-size:13px;font-weight:600}.rail{width:72px;background:var(--bg-0);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;overflow-y:auto;flex-shrink:0}.rail-logo{display:grid;place-items:center}.rail-sep{width:32px;height:2px;background:var(--bg-3);border-radius:1px}.rail-item{position:relative;width:48px;height:48px;border-radius:24px;border:0;background:var(--bg-3);font-weight:700;transition:border-radius .15s,background .15s}.rail-item:hover,.rail-item.active{border-radius:14px;background:var(--accent);color:var(--accent-ink)}.rail-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--text)}.rail-item.add{color:var(--ok)}.rail-item.add:hover{background:var(--ok);color:var(--bg-0)}.rail-live{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;background:var(--ok);border:3px solid var(--bg-0)}.sidebar{width:248px;background:var(--bg-2);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{height:52px;display:flex;align-items:center;gap:8px;padding:0 8px 0 16px;border-bottom:1px solid var(--bg-0)}.sidebar-header h2{font-size:16px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-strip{font-size:12px;color:var(--text-3);padding:8px 8px 0 16px;display:flex;align-items:center;gap:4px}.channel-scroll{flex:1;overflow-y:auto;padding:8px}.section-title{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--text-3);padding:16px 8px 4px}.channel,.voice-member,.member{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;color:var(--text-2);cursor:pointer;min-height:34px}.channel:hover,.member:hover{background:var(--bg-3);color:var(--text)}.channel.active{background:var(--bg-4);color:var(--text)}.channel.connected{color:var(--ok)}.channel .row-action{visibility:hidden}.channel:hover .row-action{visibility:visible}.channel-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-member{padding-left:32px;min-height:28px;font-size:14px;cursor:default}.voice-member .row-action{visibility:hidden}.voice-member:hover .row-action,.voice-member .row-action:focus-visible,.voice-member .row-action.off,.voice-member .row-action[aria-expanded=true]{visibility:visible}.voice-move-target{display:block;width:calc(100% - 48px);margin:2px 0 2px 48px;padding:4px 8px;border:0;border-radius:6px;background:var(--bg-3);color:var(--text);text-align:left;font-size:13px}.voice-move-target:hover{background:var(--bg-4)}.live-badge{background:var(--danger);color:#fff;font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;letter-spacing:.03em}.owner-badge{color:var(--warn)}.voice-panel{display:flex;align-items:center;gap:4px;padding:8px;border-top:1px solid var(--bg-0);background:var(--bg-2)}.voice-panel-info{flex:1;display:flex;flex-direction:column;min-width:0}.voice-status{color:var(--ok);font-weight:700;font-size:13px}.voice-status.wait{color:var(--warn)}.voice-status.bad{color:var(--danger)}.voice-panel-info .link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-warn{color:var(--warn);font-size:11px}.user-panel{display:flex;align-items:center;gap:6px;padding:8px;background:#141325}.user-panel-name{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.2}.user-panel-name strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{position:relative;display:inline-grid;place-items:center;border-radius:50%;color:#15171c;font-weight:800;flex-shrink:0;box-shadow:0 0 0 2px transparent;transition:box-shadow .1s}.avatar>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar.speaking{box-shadow:0 0 0 2px var(--bg-2),0 0 0 4px var(--ok)}.presence{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:3px solid var(--bg-2)}.presence.on{background:var(--ok)}.presence.off{background:var(--text-3)}.presence.dnd{background:var(--danger)}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-1)}.main-header{height:52px;display:flex;align-items:center;gap:8px;padding:0 12px 0 16px;border-bottom:1px solid var(--bg-0);color:var(--text-2);flex-shrink:0}.main-header h3{color:var(--text);font-size:16px}.messages{flex:1;overflow-y:auto;padding:16px 0}.empty{margin:auto;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px}.empty p{margin:0;max-width:360px}.empty-icon{width:72px;height:72px;border-radius:50%;background:var(--bg-3);display:grid;place-items:center}.day-divider{display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:12px;margin:16px 16px 4px}.day-divider:before,.day-divider:after{content:"";flex:1;border-top:1px solid var(--bg-3)}.message{display:flex;gap:14px;padding:6px 16px 2px;margin-top:10px}.message.grouped{margin-top:0;padding-top:1px}.message:hover{background:#ffffff05}.message-time-gutter{width:40px;text-align:right;font-size:10px;color:transparent;padding-top:3px;flex-shrink:0}.message.grouped:hover .message-time-gutter{color:var(--text-3)}.message-body{min-width:0}.message-head{display:flex;gap:8px;align-items:baseline}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.4}.composer{padding:0 16px;position:relative}.composer textarea{display:block;width:100%;padding-right:52px!important;resize:none;background:var(--bg-3);border:0;border-radius:var(--radius);padding:12px 14px;max-height:200px;field-sizing:content}.send-btn{position:absolute;right:24px;bottom:7px;width:34px;height:34px;border:0;border-radius:8px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}.send-btn:hover{filter:brightness(1.08)}.send-btn:disabled{background:var(--bg-4);color:var(--text-3);cursor:default;filter:none}.typing{height:22px;padding:2px 18px}.voice-stage{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-content:start}.user-tile,.screen-tile{position:relative;aspect-ratio:16 / 9;border-radius:12px;background:var(--bg-3);display:grid;place-items:center;overflow:hidden;border:0;padding:0;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .1s}.user-tile.speaking{box-shadow:inset 0 0 0 3px var(--ok)}.screen-tile{background:#000}.screen-tile video{width:100%;height:100%;object-fit:contain}.screen-tile canvas.sharpened{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.screen-tile:hover{box-shadow:inset 0 0 0 2px var(--accent)}.tile-label{position:absolute;left:8px;bottom:8px;background:#000a;padding:3px 8px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:6px}.tile-state{position:absolute;top:8px;left:8px}.tile-volume{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:4px;background:#000a;border-radius:6px;padding:2px 6px;opacity:0;transition:opacity .15s}.user-tile:hover .tile-volume,.tile-volume:focus-within{opacity:1}.tile-volume input{width:90px}.focus-view{flex:1;display:flex}.screen-tile.big{flex:1;aspect-ratio:auto}.stream-audio{position:absolute;right:8px;bottom:8px;background:#000a}.stream-audio.off{color:var(--danger)}.stream-volume{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:4px}.stream-volume .stream-audio{position:static}.stream-volume input{width:90px;opacity:0;transition:opacity .15s}.screen-tile:hover .stream-volume input,.stream-volume:focus-within input{opacity:1}.screen-tile[role=button]{cursor:pointer}.toggle-row{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.toggle-row input{margin-top:3px}.tile-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;background:#000a;border-radius:8px}.voice-controls{display:flex;justify-content:center;gap:12px;padding:12px}.media-bar{display:flex;align-items:center;gap:10px;margin:0 auto;padding:6px 12px;width:min(720px,100%)}.media-bar input[type=range]{flex:1;min-width:80px}.media-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-btn{width:52px;height:52px;border-radius:50%;border:0;background:var(--bg-3);color:var(--text);display:grid;place-items:center}.round-btn:hover{background:var(--bg-4)}.round-btn.off{background:#3d2228;color:var(--danger)}.round-btn.on{background:#1f3a36;color:var(--ok)}.round-btn.danger{background:var(--danger);color:#fff}.members{width:232px;background:var(--bg-2);overflow-y:auto;padding:8px;flex-shrink:0}.member.offline{opacity:.45}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;z-index:50;padding:16px}.modal{width:min(440px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--bg-2);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px}.modal.wide{width:min(720px,100%)}.modal header{display:flex;align-items:center;justify-content:space-between}.modal h2{font-size:20px}.modal h3{font-size:15px}.divider{display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:12px}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--bg-4)}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{border:2px solid var(--bg-4);border-radius:10px;padding:10px 12px;cursor:pointer;gap:2px;color:var(--text)}.choice input{display:none}.choice.selected{border-color:var(--accent);background:#7c6cf81f}.chip{border:1px solid var(--bg-4);background:transparent;border-radius:999px;padding:6px 12px;font-size:13px}.chip.selected{border-color:var(--accent);color:var(--accent)}.quality-row{display:flex;flex-direction:column;gap:6px}.tile-stats{position:absolute;top:8px;left:8px;background:#000a;padding:2px 6px;border-radius:6px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-2, #ccc)}.source-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:320px;overflow-y:auto}.source{border:2px solid transparent;background:var(--bg-3);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:6px;text-align:left;font-size:12px}.source img:first-child{width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:6px}.source span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.source.selected{border-color:var(--accent)}.toasts{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;pointer-events:none}.toast{background:var(--bg-4);padding:10px 16px;border-radius:10px;box-shadow:0 8px 24px #0008;font-size:14px}.alert{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:14px;border-bottom:1px solid var(--bg-0)}.alert span{flex:1}.alert.bad{background:#3d2228}.alert.warn{background:#3a331c}.user-tile.has-video video{width:100%;height:100%;object-fit:cover}video.mirror{transform:scaleX(-1)}.tile-warn{color:var(--warn);font-size:11px}.conn-info{margin-top:16px;background:var(--bg-2);border-radius:12px;padding:12px 16px;overflow-x:auto}.conn-info h4{margin:0 0 8px}.conn-info table{width:100%;border-collapse:collapse;font-size:13px}.conn-info th,.conn-info td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--bg-3);white-space:nowrap}.conn-info th{color:var(--text-3);font-weight:600}.conn-info td.bad{color:var(--danger);font-weight:700}.level-bar{display:inline-block;width:60px;height:6px;background:var(--bg-4);border-radius:3px;overflow:hidden;vertical-align:middle;margin-left:6px}.level-bar span{display:block;height:100%;background:var(--ok);transition:width .1s}.mic-test{display:flex;align-items:center;gap:8px}.mic-test .level-bar{width:160px;height:8px;margin:0}.tile-zoom{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:2px;background:#000a;border-radius:6px;padding:2px 4px;opacity:0;transition:opacity .15s}.user-tile:hover .tile-zoom,.tile-zoom:focus-within{opacity:1}.tile-zoom span{min-width:34px;text-align:center;font-variant-numeric:tabular-nums}.icon-btn:disabled{opacity:.35;cursor:default;background:transparent}.camera-preview{display:flex;flex-direction:column;gap:8px}.camera-preview-frame{aspect-ratio:16 / 9;background:var(--bg-0);border-radius:10px;overflow:hidden;display:grid;place-items:center}.camera-preview-frame video{width:100%;height:100%;object-fit:cover}.focus-view{position:relative}.focus-view:fullscreen{background:#000}.focus-view:-webkit-full-screen{background:#000}.focus-view.fill-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#000}.focus-dock{position:absolute;right:12px;top:50%;transform:translateY(-50%);max-height:calc(100% - 100px);display:flex;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.focus-dock:active{cursor:grabbing}.focus-dock button{cursor:pointer}.call-dock{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.dock-people{display:flex;flex-direction:column;gap:8px;align-items:flex-end;overflow-y:auto}.dock-toolbar{display:flex;align-items:center;gap:2px;background:#000c;border-radius:8px;padding:3px;opacity:0;transition:opacity .15s}.call-dock:hover .dock-toolbar,.dock-toolbar:focus-within{opacity:1}.dock-sep{width:1px;height:14px;background:var(--bg-4);margin:0 3px}.dock-avatar{position:relative;display:grid}.dock-avatar .avatar{opacity:.4;transition:opacity .25s,box-shadow .1s}.dock-avatar.speaking .avatar{opacity:1}.dock-avatar.speaking .avatar{box-shadow:0 0 0 2px #000a,0 0 0 4px var(--ok)}.dock-muted{--inset: 6px;position:absolute;right:var(--inset);bottom:var(--inset);z-index:1;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:var(--danger);background:#121318d1;box-shadow:inset 0 0 0 1px #ffffff14,0 2px 6px #00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:badge-in .22s cubic-bezier(.16,1,.3,1)}.dock-muted svg{display:block}.dock-avatar .dock-muted{--inset: -3px;width:18px;height:18px}.call-dock.mode-avatar .dock-people{padding:4px}.dock-bubble:not(.square) .dock-muted{--inset: calc(var(--size) * .2 - 10px)}@keyframes badge-in{0%{transform:scale(.5);opacity:0}}.dock-people:has(.dock-bubble,.dock-card){filter:drop-shadow(0 4px 8px #0008)}.dock-bubble,.dock-card{position:relative;overflow:hidden;background:var(--bg-3);display:grid;place-items:center;-webkit-mask-image:linear-gradient(#000,#000)}.dock-bubble:after,.dock-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 3px transparent;transition:box-shadow .15s;pointer-events:none}.dock-bubble{border-radius:50%}.dock-bubble.square{border-radius:14px}.dock-people.quad,.call-dock.floating .dock-people.quad{display:grid;grid-template-columns:repeat(2,auto);gap:4px}.dock-card{aspect-ratio:16 / 9;border-radius:10px}.dock-bubble.speaking:after,.dock-card.speaking:after{box-shadow:inset 0 0 0 3px var(--ok)}.dock-bubble video,.dock-card video{width:100%;height:100%;object-fit:cover}.dock-name{position:absolute;left:6px;bottom:6px;background:#000a;padding:1px 6px;border-radius:5px;font-size:11px}html.floating-doc,html.floating-doc body{background:var(--bg-1);height:auto;overflow:hidden}html.floating-doc.floating-desktop,html.floating-doc.floating-desktop body{background:transparent}html.floating-doc #root{display:none}.floating-host{display:inline-block;width:max-content;padding:8px;-webkit-user-select:none;user-select:none;cursor:grab}.floating-host:active{cursor:grabbing}.floating-host button{cursor:pointer}.floating-host.show-tools .dock-toolbar{opacity:1}.call-dock.game .dock-toolbar{display:none}.call-dock.floating{align-items:flex-start}.call-dock.floating .dock-people{flex-direction:row;align-items:center}.row>label.grow{flex:1;min-width:160px}