:root{--color-bg-deep: #050510;--color-glass-panel: rgba(10, 10, 30, .72);--color-border-neon: rgba(0, 245, 255, .25);--color-accent-cyan: #00f5ff;--color-accent-purple: #7b2fff;--color-text-primary: #e8eaff;--color-text-dim: #6b7090}#ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;font-family:Courier New,monospace}.glass-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--color-glass-panel);border:1px solid var(--color-border-neon);border-radius:12px;position:relative;overflow:hidden}.glass-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}#top-bar{position:fixed;top:0;left:0;right:0;height:48px;z-index:101;pointer-events:auto;display:flex;align-items:center;padding:0 16px;gap:12px;border-radius:0;border-bottom:1px solid var(--color-border-neon)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-dim);flex-shrink:0}.status-dot.connected{background:var(--color-accent-cyan);box-shadow:0 0 8px var(--color-accent-cyan);animation:pulse 2s infinite}.status-dot.reconnecting{background:#ffb648;box-shadow:0 0 8px #ffb648;animation:pulse .8s infinite}.status-dot.disconnected{background:#ff5670;box-shadow:0 0 6px #ff56708c}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}#user-list{position:fixed;top:48px;right:0;width:220px;max-height:calc(100vh - 120px);z-index:102;pointer-events:auto;overflow-y:auto;transition:transform .2s ease;border-radius:12px 0 0 12px}#user-list.collapsed{transform:translate(calc(100% - 32px))}.user-list-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px;height:32px;background:var(--color-glass-panel);border:1px solid var(--color-border-neon);border-radius:6px 0 0 6px;color:var(--color-accent-cyan);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1}.user-list-toggle:hover{background:#00f5ff1a}.user-entry{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 40px;color:var(--color-text-primary);font-size:12px;min-height:36px}.user-entry .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.user-entry .dot.local{background:var(--color-accent-cyan)}.user-entry .dot.remote{background:var(--color-text-dim)}.user-entry .user-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-call-btn{background:#00f5ff14;border:1px solid rgba(0,245,255,.28);color:var(--color-text-primary);border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:8px;transition:background .15s,transform .1s,border-color .15s}.user-call-btn:hover:not(:disabled){background:#00f5ff38;transform:scale(1.08)}.user-call-btn:disabled{cursor:default;opacity:.7}.user-call-btn.pending{background:#ffb6482e;border-color:#ffb64880}.user-call-btn.active{background:#00ff882e;border-color:#00ff8880}.call-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;justify-content:center;pointer-events:auto}.call-modal.visible{display:flex;animation:fadeIn .2s ease}.call-modal-card{padding:28px 32px;display:flex;flex-direction:column;align-items:center;gap:18px;min-width:320px;border-radius:18px;border-color:var(--color-accent-cyan);box-shadow:0 0 32px #00f5ff40}.call-modal-avatar{font-size:48px;width:80px;height:80px;border-radius:50%;background:#00f5ff1f;display:flex;align-items:center;justify-content:center;animation:pulse 1.6s ease-in-out infinite}.call-modal-text{text-align:center;display:flex;flex-direction:column;gap:4px}.call-modal-title{color:var(--color-text-primary);font-size:16px;font-weight:700}.call-modal-subtitle{color:var(--color-text-dim);font-size:12px;letter-spacing:.04em}.call-modal-actions{display:flex;gap:18px}.call-modal-btn{width:56px;height:56px;border-radius:50%;border:none;font-size:22px;cursor:pointer;color:#fff;transition:transform .1s,box-shadow .15s}.call-modal-btn:hover{transform:scale(1.08)}.call-modal-btn.accept{background:#00c46a;box-shadow:0 0 12px #00c46a66}.call-modal-btn.reject{background:#ff4365;box-shadow:0 0 12px #ff436566}#toast-container{position:fixed;top:64px;right:240px;z-index:150;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:280px}.toast{background:#050514eb;border:1px solid var(--color-border-neon);color:var(--color-text-primary);padding:10px 14px;border-radius:8px;font-size:12px;letter-spacing:.02em;pointer-events:auto;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast.leaving{opacity:0;transition:opacity .2s}#chat-panel{position:fixed;bottom:0;right:0;width:320px;z-index:102;pointer-events:auto;border-radius:12px 12px 0 0}#media-controls{display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:110;flex-direction:row;gap:10px;align-items:center;padding:8px 10px;border-radius:999px;background:#050514e0;border:1px solid rgba(0,245,255,.22);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.media-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,245,255,.3);background:#00f5ff14;color:var(--color-text-primary);font-size:20px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.media-btn:hover{background:#00f5ff2e;transform:scale(1.08)}.media-btn.off{background:#ff3c502e;border-color:#ff3c5080}.media-btn.end-call{background:#ff3c5038;border-color:#ff3c5099;width:52px;height:52px;font-size:22px}.media-btn.end-call:hover{background:#ff3c5073}.media-select{background:#0000008c;border:1px solid rgba(0,245,255,.3);border-radius:6px;color:var(--color-text-primary);font-family:Courier New,monospace;font-size:11px;letter-spacing:.03em;padding:6px 12px;width:100%;cursor:pointer;outline:none}.media-select:hover{border-color:var(--color-accent-cyan);background:#00f5ff14}.media-select:focus{border-color:var(--color-accent-cyan);box-shadow:0 0 6px #00f5ff59}.media-select option{background:#050510;color:var(--color-text-primary)}.media-select:disabled{opacity:.5;cursor:not-allowed}#call-indicator{color:#8c96a5;font-size:11px;letter-spacing:0;white-space:nowrap}#call-indicator.active{color:#54d6a1}#media-device-menu{display:none;position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);width:min(360px,calc(100vw - 24px));padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#12161af7;box-shadow:0 16px 42px #0000006b}#media-device-menu.visible{display:grid;gap:12px;animation:fadeIn .15s ease}#media-device-menu label{display:grid;gap:6px;color:#aeb7bf;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:700}#video-panel{display:none;position:fixed;top:64px;left:16px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 96px);z-index:102;pointer-events:auto;border-radius:16px;overflow:hidden}@media (max-width: 680px){#media-controls{bottom:14px;max-width:calc(100vw - 24px)}#call-indicator{display:none}#media-device-menu{width:min(340px,calc(100vw - 24px))}}#video-panel.visible{display:block;animation:fadeIn .25s ease}#video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:12px}.video-container{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#ffffff14,#0000002e),#00000073;aspect-ratio:4 / 3}.video-container video{width:100%;height:100%;display:block;object-fit:cover;background:#03030a}.video-label{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:999px;background:#050510b8;border:1px solid rgba(0,245,255,.18);color:var(--color-text-primary);font-size:11px;letter-spacing:.04em}.chat-messages{max-height:200px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border-neon);border-radius:2px}.chat-message{font-size:12px;color:var(--color-text-primary);word-break:break-word}.chat-message .author{color:var(--color-accent-cyan);margin-right:6px;font-weight:700}.chat-message .time{color:var(--color-text-dim);font-size:10px;margin-right:4px}.chat-input-row{display:flex;gap:6px;padding:8px}.chat-input-row input{flex:1;background:#0006;border:1px solid var(--color-border-neon);border-radius:6px;color:var(--color-text-primary);padding:6px 10px;outline:none;font-family:Courier New,monospace;font-size:12px}.chat-input-row input:focus{border-color:var(--color-accent-cyan);box-shadow:0 0 6px #00f5ff4d}.chat-input-row input::placeholder{color:var(--color-text-dim)}.chat-input-row button{background:var(--color-accent-cyan);color:#000;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-weight:700;font-size:14px}.chat-input-row button:hover{background:#33f8ff}#jitsi-panel{display:none;position:fixed;bottom:12px;left:12px;width:360px;z-index:102;pointer-events:auto;flex-direction:column;border-color:#ff6b3580;animation:fadeIn .4s ease}#jitsi-panel.visible{display:flex}#jitsi-label{padding:8px 12px;font-size:12px;color:#ff6b35;letter-spacing:1px;border-bottom:1px solid rgba(255,107,53,.3)}#jitsi-iframe{width:100%;height:260px;border:none;border-radius:0 0 12px 12px}#zone-badge{display:none;align-items:center;gap:6px;padding:2px 10px;border-radius:20px;border:1px solid var(--color-border-neon);font-size:11px;letter-spacing:1px;animation:fadeIn .3s ease}#zone-badge.visible{display:flex}#zone-badge.meeting{border-color:#ff6b35;color:#ff6b35}#zone-badge.focus{border-color:#0f8;color:#0f8}#zone-badge.social{border-color:var(--color-accent-purple);color:var(--color-accent-purple)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#zone-prompt{display:none;position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:103;padding:10px 20px;border-radius:8px;background:#0a0a1ed9;border:1px solid #ff6b35;color:#ff6b35;font-size:13px;letter-spacing:1px;pointer-events:none;animation:fadeIn .3s ease}#zone-prompt.visible{display:block}@media (max-width: 900px){#video-panel{top:auto;bottom:88px;left:12px;width:min(320px,calc(100vw - 24px));max-height:40vh}#chat-panel{width:min(320px,100vw)}#user-list{width:min(220px,calc(100vw - 12px))}}#prejoin-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;padding:24px;overflow:auto;color:#f4f6f8;background:#0a0d10b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.prejoin-dialog{width:min(920px,100%);background:#13171bf7;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 24px 72px #00000075;overflow:hidden}.prejoin-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.1);background:#171b1f}.prejoin-brand{color:#42d7c5;font-size:11px;font-weight:800;letter-spacing:0}.prejoin-header h1{margin:3px 0 0;font-size:22px;line-height:1.2;letter-spacing:0}.prejoin-kicker{color:#aeb7bf;font-size:12px;font-weight:700;letter-spacing:0}.prejoin-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:0}.prejoin-preview{position:relative;min-height:410px;aspect-ratio:4 / 3;background:#0d1013;overflow:hidden}.prejoin-preview video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;object-fit:cover;transform:scaleX(-1);background:#090b0d}.prejoin-preview video.visible{display:block}.prejoin-preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;text-align:center;color:#c3cbd2}.prejoin-preview-empty.hidden{display:none}.prejoin-preview-empty span:last-child{max-width:260px;color:#818c95;font-size:13px;line-height:1.45}.prejoin-preview-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:8px;border-radius:50%;color:#42d7c5;background:#20272c;font-size:20px}.prejoin-preview-controls{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0c0f12db}.prejoin-icon-btn{width:46px;height:46px;display:grid;place-items:center;border:1px solid #42d7c5;border-radius:50%;color:#f5f8fa;background:#163a36;font-size:19px;cursor:pointer}.prejoin-icon-btn.off{border-color:#e15d67;background:#4a2328}.prejoin-icon-btn:focus-visible,.prejoin-secondary-btn:focus-visible,.prejoin-enter-btn:focus-visible,.prejoin-field input:focus-visible,.prejoin-field select:focus-visible{outline:2px solid #f0b35b;outline-offset:2px}.prejoin-icon-btn:disabled{opacity:.55;cursor:wait}.prejoin-form{display:flex;flex-direction:column;gap:17px;padding:24px;background:#1b2024}.prejoin-field{display:flex;flex-direction:column;gap:7px;color:#c8d0d6;font-size:12px;font-weight:700}.prejoin-field input,.prejoin-field select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #465058;border-radius:6px;color:#f4f6f8;background:#101418;font:inherit;font-size:13px;font-weight:500}.prejoin-field input::placeholder{color:#717b84}.prejoin-field input[aria-invalid=true]{border-color:#e15d67}.prejoin-field-error{min-height:16px;color:#ff8b94;font-weight:500}.prejoin-permission-row{display:flex;align-items:center;gap:10px;color:#88939c;font-size:11px;line-height:1.35}.prejoin-secondary-btn,.prejoin-enter-btn{min-height:42px;border-radius:6px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.prejoin-secondary-btn{flex:0 0 auto;padding:8px 11px;border:1px solid #59636b;color:#e3e8ec;background:#272e33}.prejoin-secondary-btn:disabled{opacity:.55;cursor:wait}.prejoin-status{min-height:18px;color:#65d6a4;font-size:12px;line-height:1.4}.prejoin-status.error{color:#ff8b94}.prejoin-enter-btn{width:100%;margin-top:auto;padding:10px 16px;border:1px solid #4fe0ce;color:#071411;background:#4fe0ce}.prejoin-enter-btn:hover{background:#73e8da}@media (max-width: 760px){#prejoin-screen{place-items:start center;padding:12px}.prejoin-dialog{margin:8px 0}.prejoin-layout{grid-template-columns:1fr}.prejoin-preview{min-height:0;aspect-ratio:16 / 10}.prejoin-preview-empty{gap:5px;padding:14px 20px 76px}.prejoin-preview-icon{width:52px;height:52px;margin-bottom:2px}.prejoin-preview-controls{bottom:10px;padding:6px}.prejoin-icon-btn{width:42px;height:42px}.prejoin-form{padding:18px}.prejoin-permission-row{align-items:flex-start;flex-direction:column}}@media (max-width: 420px){.prejoin-header{min-height:68px;padding:14px 16px}.prejoin-header h1{font-size:19px}.prejoin-form{gap:13px;padding:16px}}