@import "https://fonts.googleapis.com/css2?family=Audiowide&family=Orbitron:wght@500;600;700;800;900&family=Oxanium:wght@400;500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--font-display:"Audiowide", "Orbitron", -apple-system, sans-serif;--font-tech:"Orbitron", "Oxanium", monospace, sans-serif;--font-ui:"Oxanium", "Rajdhani", -apple-system, BlinkMacSystemFont, sans-serif;--neon-violet:#c084fc;--neon-purple:#9333ea;--neon-deep-purple:#6b21a8;--neon-cyan:#38bdf8;--neon-magenta:#e879f9;--ultra-violet:#a855f7;--ultra-violet-glow:#a855f761;--ultra-violet-soft:#a855f71f;--deep-obsidian:#06010e;--surface-dark:#0f031f;--dock-bg:linear-gradient(135deg, #100422f0 0%, #080112f7 100%);--card-bg:linear-gradient(145deg, #0e031ef2 0%, #070110fa 100%);--modal-bg:linear-gradient(145deg, #120524f7 0%, #0a0216fc 100%);--glass-panel:#0e031ef2;--glass-border-soft:#c084fc0a;--glass-border-subtle:#a855f714;--glow-purple-soft:#9333ea2e}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}body{background-color:var(--deep-obsidian);color:#f3ebff;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;overflow-x:hidden}body.is-panning-background *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}body.is-panning-background canvas{pointer-events:auto!important}.synthwave-city-canvas{pointer-events:auto;touch-action:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.container{z-index:1;pointer-events:none;background:0 0;flex-direction:column;align-items:center;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:24px 16px;display:flex;position:relative}.container>*{pointer-events:auto}.vox-brand-container{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;margin-bottom:22px;display:flex}.vox-brand-glitch-badge{font-family:var(--font-tech);letter-spacing:2px;color:#d8b4fe;background:#a855f71f;border:1px solid #c084fc2e;border-radius:9999px;align-items:center;gap:7px;margin-bottom:8px;padding:3px 12px;font-size:.68rem;font-weight:700;display:inline-flex;box-shadow:0 0 14px #a855f733}.pqc-chip-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;animation:1.2s infinite alternate pulse-dot;box-shadow:0 0 8px #38bdf8}.vox-hero-logo{justify-content:center;align-items:center;gap:16px;display:flex;position:relative}.vox-brand-title{font-family:var(--font-display);letter-spacing:8px;text-transform:uppercase;background:linear-gradient(#fff 0%,#e9d5ff 45%,#c084fc 80%,#9333ea 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #c084fc8c)drop-shadow(0 0 45px #9333ea59);-webkit-background-clip:text;margin:0;font-size:3.6rem;font-weight:900;line-height:1}.vox-shard-left,.vox-shard-right{background:linear-gradient(90deg,#0000,#c084fc);width:44px;height:3px;box-shadow:0 0 10px #c084fc}.vox-shard-right{background:linear-gradient(90deg,#c084fc,#0000)}.vox-brand-tagline{font-family:var(--font-tech);letter-spacing:3px;color:#e9d5ffbf;align-items:center;gap:10px;margin-top:6px;font-size:.72rem;font-weight:700;display:flex}.vox-tagline-sep{color:#a855f7;font-size:.55rem}.header-badges{z-index:10;background:var(--dock-bg);border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(40px);max-width:95vw;transform-style:preserve-3d;perspective:1000px;will-change:transform;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;padding:8px 16px;transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .7s cubic-bezier(.16,1,.3,1),border-color .4s;display:flex;box-shadow:0 24px 60px -10px #000000d9,0 0 45px 6px #a855f71f,0 0 90px 14px #9333ea0d,inset 0 1px 2px #ffffff1f,inset 0 0 25px 3px #a855f70a}.status-badge{font-family:var(--font-tech);text-transform:uppercase;letter-spacing:.8px;-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-soft);background:#a855f724;border-radius:9999px;align-items:center;gap:6px;padding:7px 16px;font-size:.76rem;font-weight:700;display:flex;box-shadow:0 4px 14px #00000059,0 0 16px #a855f726,inset 0 1px 1px #ffffff26}.status-badge.online{color:#c084fc;background:#a855f729;border-color:#c084fc2e;box-shadow:0 0 18px #a855f74d,inset 0 1px 1px #fff3}.status-badge.offline{color:#f472b6;background:#f472b61a;border-color:#f472b62e}.pqc-badge{letter-spacing:.8px;color:#e9d5ff;-webkit-backdrop-filter:blur(20px);background:#a855f71f;border:1px solid #a855f726;border-radius:9999px;align-items:center;gap:8px;padding:7px 16px;font-size:.76rem;font-weight:700;display:flex;box-shadow:0 4px 14px #00000040,0 0 16px #a855f72e,inset 0 1px 1px #ffffff2e}button,.btn-toggle,.header-action-btn,.layout-pill,.fs-tactile-btn,.btn-primary,.btn-secondary,.btn-ghost,.role-pill,.card-btn-fullscreen,.facecam-action-btn,.cyber-select,.fs-top-pill-btn,.fs-tap-resume-badge,.stats-close-btn{cursor:pointer!important}button *,.btn-toggle *,.header-action-btn *,.layout-pill *,.fs-tactile-btn *,.btn-primary *,.btn-secondary *,.btn-ghost *,.role-pill *,.card-btn-fullscreen *,.facecam-action-btn *,.fs-top-pill-btn *{pointer-events:none!important;cursor:pointer!important}.layout-pill-group{border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(20px);background:#0006;border-radius:9999px;align-items:center;gap:4px;padding:4px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #000000b3,0 4px 12px #0000004d}.layout-pill{color:#ffffffa6;will-change:transform, box-shadow;isolation:isolate;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:7px 18px;font-size:.82rem;font-weight:600;transition:transform .2s cubic-bezier(.2,.8,.25,1),box-shadow .2s,background .2s,color .2s;display:flex;position:relative;transform:translateZ(6px);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden!important}.layout-pill:hover{color:#fff;background:#ffffff14;transform:translateY(-1.5px)translateZ(12px)scale(1.02);box-shadow:0 6px 16px #00000073,0 0 14px #a855f733}.layout-pill:active{touch-action:manipulation!important;transition:transform 50ms,box-shadow 50ms!important;transform:translateZ(2px)scale(.985)!important;box-shadow:0 2px 6px #000000b3,inset 0 2px 4px #00000080!important}.layout-pill.active{color:#fff;background:linear-gradient(#c084fc47 0%,#a855f72e 100%);border:1px solid #c084fc1f;transform:translateZ(8px);box-shadow:0 6px 18px -2px #0009,0 0 20px 2px #a855f759,inset 0 1px 1.5px #ffffff47}.layout-pill.active:hover{transform:translateY(-1.5px)translateZ(14px)scale(1.02);box-shadow:0 10px 24px -2px #000000b3,0 0 26px 3px #a855f773,inset 0 1px 1.5px #ffffff59}.layout-pill.active:active{touch-action:manipulation!important;transform:translateZ(2px)scale(.985)!important;box-shadow:0 2px 6px #000000bf,inset 0 2px 4px #00000080!important}.btn-toggle,.header-action-btn,.fs-tactile-btn,.btn-primary,.btn-secondary{color:#f3e8ff;letter-spacing:.35px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;will-change:transform, box-shadow;touch-action:manipulation;background:linear-gradient(#ffffff14 0%,#a855f70f 50%,#100322bf 100%);border:1px solid #c084fc0a;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:.84rem;font-weight:600;transition:transform .2s cubic-bezier(.2,.8,.25,1),box-shadow .2s cubic-bezier(.2,.8,.25,1),background .2s,color .2s,border-color .2s;display:flex;position:relative;overflow:hidden;transform:translateZ(10px);box-shadow:0 8px 22px -3px #000000b3,0 3px 14px 1px #a855f726,inset 0 1px 1px #ffffff38,inset 0 -2px 4px #00000073}.btn-toggle:before,.header-action-btn:before,.layout-pill:before,.fs-tactile-btn:before,.btn-primary:before,.btn-secondary:before,.btn-ghost:before,.role-pill:before,.card-btn-fullscreen:before,.facecam-action-btn:before,.fs-top-pill-btn:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;z-index:2;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 0% 35%,#ffffff8c 48%,#d8b4fe73 52%,#0000 65% 100%) -150% 0/250% 100%;transition:opacity .25s;position:absolute;inset:0}.btn-toggle:hover:before,.header-action-btn:hover:before,.layout-pill:hover:before,.fs-tactile-btn:hover:before,.btn-primary:hover:before,.btn-secondary:hover:before,.btn-ghost:hover:before,.role-pill:hover:before,.card-btn-fullscreen:hover:before,.facecam-action-btn:hover:before,.fs-top-pill-btn:hover:before{opacity:1;animation:1.2s cubic-bezier(.2,.8,.25,1) infinite vox-shimmer-sweep}@keyframes vox-shimmer-sweep{0%{background-position:-150% 0}to{background-position:150% 0}}.btn-toggle:after,.header-action-btn:after,.layout-pill:after,.fs-tactile-btn:after,.btn-primary:after,.btn-secondary:after,.btn-ghost:after,.role-pill:after,.card-btn-fullscreen:after,.facecam-action-btn:after,.fs-top-pill-btn:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle 80px at var(--glow-x,50%) var(--glow-y,50%), #ffffff59 0%, #c084fc38 35%, #a855f71f 60%, transparent 80%);mix-blend-mode:screen;z-index:1;transition:opacity .2s;position:absolute;inset:0}.btn-toggle:hover:after,.header-action-btn:hover:after,.layout-pill:hover:after,.fs-tactile-btn:hover:after,.btn-primary:hover:after,.btn-secondary:hover:after,.btn-ghost:hover:after,.role-pill:hover:after,.card-btn-fullscreen:hover:after,.facecam-action-btn:hover:after,.fs-top-pill-btn:hover:after{opacity:1}.btn-toggle:hover,.header-action-btn:hover,.fs-tactile-btn:hover,.btn-primary:hover,.btn-secondary:hover{color:#fff;background:linear-gradient(#ffffff24 0%,#c084fc1f 50%,#16042ecc 100%);border-color:#c084fc2e;transform:translateY(-2px)translateZ(18px)scale(1.02);box-shadow:0 16px 36px -4px #000000d1,0 6px 26px 3px #a855f752,0 0 50px 8px #9333ea1f,inset 0 1px 2px #ffffff59,inset 0 -1.5px 3px #00000059}.btn-toggle:active,.header-action-btn:active,.fs-tactile-btn:active,.btn-primary:active,.btn-secondary:active,.btn-ghost:active,.role-pill:active,.card-btn-fullscreen:active,.facecam-action-btn:active,.layout-pill:active,.fs-top-pill-btn:active{touch-action:manipulation!important;background:linear-gradient(#ffffff0d 0%,#9333ea38 50%,#0e021cf2 100%)!important;border-color:#c084fc38!important;transition:transform 60ms cubic-bezier(.2,.8,.25,1),box-shadow 60ms,background 60ms!important;transform:translateZ(2px)scale(.985)!important;box-shadow:0 3px 8px #000000bf,0 0 16px #a855f761,inset 0 2px 5px #00000080,inset 0 1px 1px #ffffff1a!important}.btn-toggle.active{color:#fff;background:linear-gradient(#c084fc4d 0%,#a855f738 50%,#6b21a873 100%);border-color:#c084fc26;transform:translateZ(10px);box-shadow:0 10px 28px -3px #000000b8,0 0 28px 4px #a855f76b,inset 0 1px 2px #fff6,inset 0 -1.5px 3px #7928ca59}.btn-toggle.active:hover{transform:translateY(-2px)translateZ(18px)scale(1.02);box-shadow:0 16px 36px -4px #000c,0 0 36px 6px #a855f78c,inset 0 1px 2px #ffffff73}.btn-toggle.active:active{touch-action:manipulation!important;transform:translateZ(2px)scale(.985)!important;box-shadow:0 3px 8px #000c,0 0 20px #a855f780,inset 0 2px 5px #0000008c!important}.btn-toggle.muted{color:#f472b6;background:linear-gradient(#f472b626 0%,#f472b614 50%,#100322bf 100%);border-color:#f472b61f;box-shadow:0 8px 22px -3px #000000b3,0 3px 14px 1px #f472b626,inset 0 1px 1px #ffffff2e,inset 0 -2px 4px #00000073}.btn-toggle.muted:hover{color:#fbcfe8;border-color:#f472b633;transform:translateY(-2px)translateZ(18px)scale(1.02);box-shadow:0 16px 36px -4px #000000d1,0 6px 26px 3px #f472b647,inset 0 1px 2px #ffffff47}.btn-toggle.mobile-flip{justify-content:center;align-items:center;width:44px;height:44px;display:flex;border-radius:50%!important;padding:0!important}.btn-toggle.mobile-flip span{display:none}.btn-toggle.ptt-talking{color:#fff;background:linear-gradient(#c084fc73 0%,#a855f759 100%);border-color:#c084fc40;animation:.5s infinite alternate pulse-talking;box-shadow:0 0 32px #a855f7a6,inset 0 1px 2px #ffffff73}@keyframes pulse-talking{0%{transform:translateZ(10px)scale(1)}to{transform:translateZ(16px)scale(1.04)}}.header-action-btn.glow-violet{color:#e9d5ff;background:linear-gradient(#ffffff1a 0%,#a855f71f 50%,#100322bf 100%);border-color:#c084fc14}.header-action-btn.neon-purple-btn{color:#e9d5ff;background:linear-gradient(#ffffff1a 0%,#a855f724 50%,#100322bf 100%);border-color:#a855f71a}.header-action-btn.neon-active{color:#fff;background:linear-gradient(#c084fc4d 0%,#a855f738 100%);border-color:#c084fc33;box-shadow:0 0 24px #a855f773}.control-dock{background:var(--dock-bg);border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(40px);z-index:10;width:auto;max-width:95vw;transform-style:preserve-3d;perspective:1000px;will-change:transform;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:26px;padding:10px 22px;transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .7s cubic-bezier(.16,1,.3,1),border-color .4s;display:flex;box-shadow:0 24px 60px -10px #000000d9,0 0 45px 6px #a855f71f,0 0 90px 14px #9333ea0d,inset 0 1px 2px #ffffff1f,inset 0 0 25px 3px #a855f70a}.control-item{-webkit-backdrop-filter:blur(25px);background:#120426d9;border:1px solid #c084fc1f;border-radius:9999px;align-items:center;gap:10px;padding:4px 5px 4px 14px;transition:transform .2s cubic-bezier(.2,.8,.25,1),box-shadow .2s,border-color .2s;display:flex;transform:translateZ(8px);box-shadow:0 6px 18px -2px #0009,0 2px 10px #a855f71a,inset 0 1px 1.5px #ffffff1f,inset 0 -1px 2px #00000080}.control-item:hover{border-color:#c084fc40;transform:translateY(-1.5px)translateZ(12px);box-shadow:0 10px 24px -2px #000000b3,0 0 18px #a855f740,inset 0 1px 1.5px #ffffff2e}.control-item label{font-family:var(--font-tech);color:#c084fc;letter-spacing:1.2px;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;text-shadow:0 0 10px #c084fc66;font-size:.72rem;font-weight:700}.cyber-select{appearance:none;color:#f3e8ff;font-family:var(--font-tech);letter-spacing:.4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c084fc' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 11px center no-repeat;border:1px solid #c084fc33;border-radius:9999px;outline:none;padding:6px 34px 6px 14px;font-size:.8rem;font-weight:600;transition:transform .2s cubic-bezier(.2,.8,.25,1),box-shadow .2s,border-color .2s,background .2s;box-shadow:0 4px 12px #00000080,0 0 12px #a855f726,inset 0 1px 1px #ffffff38;cursor:pointer!important}.cyber-select:hover{border-color:#c084fc73;box-shadow:0 6px 16px #000000a6,0 0 20px #a855f759,inset 0 1px 1.5px #ffffff4d}.cyber-select:focus{border-color:#c084fc;box-shadow:0 0 24px #c084fc80,inset 0 1px 2px #ffffff59}.cyber-select:active{transform:translateZ(2px)scale(.985);box-shadow:0 2px 6px #000c,inset 0 2px 4px #0009;touch-action:manipulation!important}.cyber-select option{color:#f3e8ff;font-family:var(--font-tech);background:#140428;padding:10px 14px;font-size:.84rem;font-weight:600}.vu-meter-box{border:1px solid var(--glass-border-soft);background:#00000073;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;display:flex;box-shadow:inset 0 1px 2px #0009}.vu-meter-bar{background:#ffffff14;border-radius:9999px;width:72px;height:8px;overflow:hidden}.vu-meter-fill{background:linear-gradient(90deg,#7928ca,#c084fc,#38bdf8);height:100%;transition:width 80ms;box-shadow:0 0 8px #c084fc}.streams-grid{z-index:10;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;width:100%;max-width:1280px;margin-bottom:26px;display:grid}.video-card{background:var(--card-bg);border:1px solid var(--glass-border-soft);aspect-ratio:16/9;transform-style:preserve-3d;will-change:transform;-webkit-backdrop-filter:blur(40px);border-radius:26px;justify-content:center;align-items:center;transition:transform .7s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .7s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px -10px #000000d9,0 0 45px 6px #a855f71f,0 0 90px 14px #9333ea0d,inset 0 1px 2px #ffffff1f,inset 0 0 25px 3px #a855f70a}.video-card:hover{border-color:#c084fc26;box-shadow:0 30px 70px -10px #000000e6,0 0 55px 8px #a855f738,0 0 110px 18px #9333ea14,inset 0 1px 2px #fff3}.video-card video{object-fit:cover;background:#000;width:100%;height:100%}.video-card.screen-share-card video{object-fit:contain}.card-btn-fullscreen{color:#fff;opacity:.9;z-index:15;will-change:transform, box-shadow;-webkit-backdrop-filter:blur(20px);background:linear-gradient(#ffffff1f 0%,#a855f71a 60%,#0f031ebf 100%);border:1px solid #c084fc0f;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s cubic-bezier(.2,.8,.25,1),box-shadow .2s,opacity .2s;display:flex;position:absolute;top:12px;right:12px;transform:translateZ(10px);box-shadow:0 8px 20px -2px #000000b3,0 3px 12px #a855f72e,inset 0 1px 1.5px #ffffff40;cursor:pointer!important}.video-card:hover .card-btn-fullscreen,.streamer-stage:hover .card-btn-fullscreen{opacity:1}.card-btn-fullscreen:hover{color:#fff;background:linear-gradient(#fff3 0%,#c084fc40 50%,#6b21a880 100%);border-color:#c084fc33;transform:translateY(-2px)translateZ(18px)scale(1.08);box-shadow:0 14px 30px -3px #000000d9,0 0 24px #a855f773,inset 0 1px 2px #ffffff59}.video-badge{border:1px solid var(--glass-border-soft);color:#f3e8ff;font-family:var(--font-tech);-webkit-backdrop-filter:blur(16px);z-index:12;background:#0a0214d9;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:.72rem;font-weight:600;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 4px 14px #0006,inset 0 1px 1px #ffffff1a}.video-badge span{color:var(--neon-violet)}.live-res-pill{color:#e9d5ff;font-family:var(--font-tech);background:#a855f72e;border:1px solid #a855f740;border-radius:9999px;padding:2px 7px;font-size:.68rem;font-weight:700}.video-tap-to-play{cursor:pointer;z-index:14;background:#080210eb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-tap-to-play .play-icon{margin-bottom:6px;font-size:2.2rem}.video-tap-to-play .play-text{font-family:var(--font-tech);color:var(--neon-violet);letter-spacing:1px;font-size:.85rem;font-weight:700}.audio-node-card{background:var(--card-bg);border:1px solid var(--glass-border-soft);aspect-ratio:16/9;transform-style:preserve-3d;will-change:transform;-webkit-backdrop-filter:blur(40px);border-radius:26px;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .7s cubic-bezier(.16,1,.3,1),border-color .4s;display:flex;position:relative;box-shadow:0 24px 60px -10px #000000d9,0 0 45px 6px #a855f71f,0 0 90px 14px #9333ea0d,inset 0 1px 2px #ffffff1f,inset 0 0 25px 3px #a855f70a}.audio-node-card:hover{border-color:#c084fc26;box-shadow:0 30px 70px -10px #000000e6,0 0 55px 8px #a855f738,0 0 110px 18px #9333ea14,inset 0 1px 2px #fff3}.audio-node-avatar{background:linear-gradient(135deg, var(--neon-violet), var(--neon-purple));border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:12px;font-size:2rem;display:flex;position:relative;box-shadow:0 0 20px #a855f766}.audio-pulse-ring{border:2px solid var(--neon-violet);border-radius:50%;transition:opacity .1s;position:absolute;inset:-6px;box-shadow:0 0 16px #a855f799}.audio-node-title{font-family:var(--font-display);letter-spacing:1.5px;color:#fff;margin-bottom:4px;font-size:1.25rem;font-weight:700}.audio-node-status{font-family:var(--font-tech);letter-spacing:.8px;color:#c084fc;margin-bottom:12px;font-size:.8rem}.remote-audio-card{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.remote-audio-icon{font-size:2.4rem}.streams-grid.colmeia{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;max-width:1350px;padding:20px 0;display:flex}.streams-grid.colmeia .video-card{aspect-ratio:auto;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:320px;height:280px;box-shadow:none;filter:drop-shadow(0 8px 18px #000000b3)drop-shadow(0 0 12px #a855f759);background:#000;border:none;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),filter .35s}.streams-grid.colmeia .video-card:hover{filter:drop-shadow(0 12px 25px #000000d9)drop-shadow(0 0 25px #a855f7bf);z-index:30;transform:scale(1.1)}.streams-grid.colmeia .video-card video{object-fit:cover;width:100%;height:100%}.streams-grid.colmeia .video-badge{border-radius:9999px;bottom:28px;left:50%;transform:translate(-50%)}.streams-grid.colmeia .card-btn-fullscreen{top:32px;right:50px}.streamer-stage{aspect-ratio:16/9;border:1px solid var(--glass-border-soft);z-index:10;background:#000;border-radius:26px;width:100%;max-width:1140px;margin-bottom:26px;position:relative;overflow:hidden;box-shadow:0 22px 60px #000c,0 0 35px #7928ca40}.streamer-main-video{object-fit:contain;background:#000;width:100%;height:100%}.facecam-pip{aspect-ratio:16/9;border:1px solid var(--glass-border-soft);z-index:20;background:#000;border-radius:18px;width:250px;transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute;overflow:hidden;box-shadow:0 10px 25px #000000a6,0 0 22px #a855f740,inset 0 1px 1px #ffffff26}.facecam-pip.bottom-right{bottom:18px;right:18px}.facecam-pip.bottom-left{bottom:18px;left:18px}.facecam-pip.top-right{top:18px;right:18px}.facecam-pip.top-left{top:18px;left:18px}.facecam-pip video{object-fit:cover;width:100%;height:100%}.facecam-controls{z-index:25;opacity:0;gap:5px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.facecam-pip:hover .facecam-controls{opacity:1}.facecam-action-btn{color:#fff;-webkit-backdrop-filter:blur(16px);will-change:transform, box-shadow;background:linear-gradient(#ffffff1f 0%,#a855f71a 60%,#0f031ebf 100%);border:1px solid #c084fc0f;border-radius:9999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.75rem;transition:transform .2s cubic-bezier(.2,.8,.25,1),box-shadow .2s,background .2s;display:flex;transform:translateZ(8px);box-shadow:0 4px 12px #0009,inset 0 1px 1px #fff3;cursor:pointer!important}.facecam-action-btn:hover{color:#fff;background:linear-gradient(#fff3 0%,#c084fc40 50%,#6b21a880 100%);transform:translateY(-1.5px)translateZ(14px)scale(1.05);box-shadow:0 8px 18px #000000bf,0 0 16px #a855f759}.facecam-badge{border:1px solid var(--glass-border-soft);color:#fff;z-index:25;background:#0a0214d9;border-radius:9999px;padding:3px 8px;font-size:.7rem;font-weight:600;position:absolute;bottom:8px;left:8px}.streamer-subgrid{z-index:10;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;max-width:1140px;margin-bottom:24px;display:flex}.video-card.mini{aspect-ratio:auto;width:220px;height:130px}.fullscreen-overlay{z-index:999999;touch-action:manipulation;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.fullscreen-video{object-fit:contain;z-index:1;background:#000;width:100vw;height:100vh}.fullscreen-top-bar{padding:max(16px, env(safe-area-inset-top,16px)) 20px 14px 20px;z-index:1000001;pointer-events:auto;background:linear-gradient(#080210eb 0%,#08021000 100%);justify-content:space-between;align-items:center;transition:opacity .35s,transform .35s;display:flex;position:absolute;top:0;left:0;right:0}.fullscreen-top-bar.hidden{opacity:0;pointer-events:none;transform:translateY(-20px)}.fs-top-pill-btn{color:#f3e8ff;will-change:transform, box-shadow;-webkit-backdrop-filter:blur(24px);background:linear-gradient(#ffffff1a 0%,#a855f714 50%,#100322bf 100%);border:1px solid #c084fc0d;border-radius:9999px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:transform .2s cubic-bezier(.2,.8,.25,1),box-shadow .2s,background .2s;transform:translateZ(8px);box-shadow:0 8px 24px #000000a6,0 2px 12px #a855f726,inset 0 1px 1.5px #ffffff38;cursor:pointer!important}.fs-top-pill-btn:hover{color:#fff;background:linear-gradient(#ffffff29 0%,#c084fc2e 50%,#16042ecc 100%);border-color:#c084fc26;transform:translateY(-2px)translateZ(14px)scale(1.03);box-shadow:0 14px 30px #000000bf,0 0 24px #a855f766}.fs-top-pill-btn.fs-close-btn{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:1.25rem;display:flex}.fs-top-meta{color:#fff;align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.fs-top-meta .live-dot{color:#c084fc;font-size:1.1rem;animation:1.2s infinite pulse-dot}@keyframes pulse-dot{0%{opacity:.4}to{opacity:1}}.fs-res-badge{color:#e9d5ff;background:#a855f726;border:1px solid #a855f738;border-radius:9999px;padding:3px 8px;font-size:.75rem;font-weight:700}.fullscreen-dock{bottom:max(24px, env(safe-area-inset-bottom,24px));background:var(--dock-bg);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border-soft);z-index:1000000;pointer-events:auto;max-width:calc(100vw - 32px);transform-style:preserve-3d;perspective:1000px;border-radius:9999px;align-items:center;gap:12px;padding:8px 18px;transition:opacity .35s,transform .35s;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 24px 60px -10px #000000d9,0 0 45px 6px #a855f71f,0 0 90px 14px #9333ea0d,inset 0 1px 2px #ffffff1f}.fullscreen-dock.hidden{opacity:0;pointer-events:none;transform:translate(-50%,20px)}.fs-tactile-btn{font-family:var(--font-tech);letter-spacing:.5px;border-radius:9999px;padding:8px 18px;font-size:.82rem}.fs-tactile-btn.muted{color:#f472b6;background:linear-gradient(#f472b62e 0%,#f472b614 50%,#100322bf 100%);border-color:#f472b626}.fs-exit-btn{color:#e9d5ff;background:linear-gradient(#c084fc40 0%,#a855f72e 100%)}.fs-tap-resume-badge{-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;z-index:1000000;background:#100520eb;border:1px solid #a855f740;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:22px 36px;font-size:1rem;font-weight:700;animation:1.5s infinite pulse-talking;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px #a855f766}.fs-tap-resume-badge .tap-play-icon{color:#c084fc;font-size:2.2rem}.quality-toast-banner{color:#f3e8ff;z-index:9999999;border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(28px);background:#16062cd9;border-radius:9999px;align-items:center;gap:10px;padding:12px 22px;font-size:.9rem;font-weight:700;animation:.35s cubic-bezier(.175,.885,.32,1.275) toast-slide;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 16px 40px #00000080,0 0 25px #a855f74d,inset 0 1px 1.5px #ffffff2e}@keyframes toast-slide{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-icon-pulse{animation:2s linear infinite spin-pulse}@keyframes spin-pulse{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shortcuts-legend{color:#a78bfa;border:1px solid var(--glass-border-soft);z-index:10;background:#100520a6;border-radius:9999px;margin-top:10px;padding:7px 18px;font-size:.78rem}.modal-overlay{-webkit-backdrop-filter:blur(18px);z-index:10000;background:#06010ed1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.synthwave-panel{background:var(--modal-bg);border:1px solid var(--glass-border-soft);-webkit-backdrop-filter:blur(40px);border-radius:28px;flex-direction:column;align-items:center;width:100%;padding:30px;animation:.25s cubic-bezier(.16,1,.3,1) modal-enter;display:flex;box-shadow:0 32px 75px -10px #000000e6,0 0 50px 8px #a855f726,0 0 100px 16px #9333ea0f,inset 0 1px 2px #ffffff26;perspective:none!important;transform:none!important}.synthwave-panel h2{font-family:var(--font-display);letter-spacing:1.5px}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px)!important}to{opacity:1;transform:translateY(0)!important}}.modal-overlay,.modal-content,.auth-request-modal,.synthwave-panel,.pending-approval-box,.stats-hud-drawer{perspective:none!important;transform:none!important}.qr-container{flex-direction:column;align-items:center;margin:18px 0;display:flex}.qr-image{border:1px solid #a855f740;border-radius:20px;width:220px;height:220px;box-shadow:0 10px 30px #0009,0 0 25px #a855f740}.pairing-code-badge{color:#e9d5ff;font-family:var(--font-tech);letter-spacing:3px;background:#a855f726;border:1px solid #a855f740;border-radius:9999px;margin-top:14px;padding:7px 20px;font-size:1.2rem;font-weight:800;box-shadow:0 4px 14px #a855f733}.role-selector-pills{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.role-pill{color:#d1c4e9;font-family:var(--font-tech);letter-spacing:.4px;will-change:transform, box-shadow;touch-action:manipulation;background:linear-gradient(#ffffff0f 0%,#a855f70d 50%,#0e021cb3 100%);border:1px solid #c084fc0d;border-radius:9999px;padding:7px 18px;font-size:.8rem;transition:transform .2s cubic-bezier(.2,.8,.25,1),box-shadow .2s,background .2s,color .2s;transform:translateZ(6px);box-shadow:0 4px 14px #00000080,inset 0 1px 1px #ffffff1a;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden!important}.role-pill:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)translateZ(14px)scale(1.02);box-shadow:0 8px 20px #0009,0 0 16px #a855f740}.role-pill.selected{color:#fff;background:linear-gradient(#c084fc52 0%,#a855f73d 100%);border-color:#c084fc26;font-weight:700;transform:translateZ(10px);box-shadow:0 8px 22px #0009,0 0 20px #a855f766,inset 0 1px 1.5px #ffffff47}.btn-primary{color:#fff;will-change:transform, box-shadow;background:linear-gradient(#c084fc73 0%,#a855f759 50%,#6b21a88c 100%);border:1px solid #c084fc1f;border-radius:9999px;padding:10px 24px;font-size:.9rem;transform:translateZ(10px);box-shadow:0 8px 24px -2px #000000b3,0 0 22px 2px #a855f761,inset 0 1px 1.5px #ffffff59,inset 0 -2px 4px #0000004d}.btn-secondary{color:#e9d5ff;will-change:transform, box-shadow;background:linear-gradient(#ffffff14 0%,#a855f70f 50%,#100322bf 100%);border:1px solid #c084fc0d;border-radius:9999px;padding:10px 24px;font-size:.9rem;transform:translateZ(10px);box-shadow:0 8px 22px -3px #000000b3,0 3px 14px 1px #a855f724,inset 0 1px 1px #ffffff38,inset 0 -2px 4px #00000073}.btn-ghost{color:#d1c4e9;will-change:transform, box-shadow;background:0 0;border:1px solid #c084fc0d;border-radius:9999px;padding:8px 20px;transition:transform .2s cubic-bezier(.2,.8,.25,1),box-shadow .2s,background .2s,color .2s;transform:translateZ(6px);box-shadow:0 4px 14px #00000080,inset 0 1px 1px #ffffff1a}.btn-ghost:hover{color:#fff;background:#ffffff14;transform:translateY(-2px)translateZ(14px)scale(1.02);box-shadow:0 8px 20px #0009,0 0 16px #a855f733}.security-radar{border:1px solid #a855f74d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;box-shadow:0 0 20px #a855f740}.radar-sweep{border-top:2px solid #c084fc;border-radius:50%;animation:1.4s linear infinite radar-spin;position:absolute;inset:0}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-icon{font-size:1.6rem}.auth-request-details{border:1px solid var(--glass-border-soft);background:#0006;border-radius:18px;width:100%;margin:14px 0;padding:14px 18px}.detail-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:6px 0;font-size:.85rem;display:flex}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#aaa}.detail-row .val.highlight{color:#c084fc;font-weight:700}.detail-row .val.pqc-key{color:#d896ff;font-family:monospace}.cyber-input{border:1px solid var(--glass-border-soft);color:#fff;background:#0006;border-radius:9999px;outline:none;width:100%;margin-bottom:12px;padding:11px 18px;font-size:.9rem;transition:all .2s;box-shadow:inset 0 1px 2px #00000080}.cyber-input:focus{border-color:#c084fc59;box-shadow:0 0 16px #a855f740}.device-list{flex-direction:column;gap:10px;width:100%;max-height:260px;margin:14px 0;display:flex;overflow-y:auto}.device-card{border:1px solid var(--glass-border-soft);background:#ffffff0a;border-radius:16px;justify-content:space-between;align-items:center;padding:11px 16px;display:flex;box-shadow:inset 0 1px 1px #ffffff14}.device-info{flex-direction:column;gap:3px;display:flex}.device-name{color:#c084fc;font-size:.9rem;font-weight:700}.device-pqc{color:#a78bfa;font-size:.75rem}.stats-hud-drawer{border:1px solid var(--glass-border-soft);z-index:10000;-webkit-backdrop-filter:blur(20px);background:#0a0216f0;border-radius:20px;width:360px;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 16px 40px #000c,0 0 25px #7928ca4d}.stats-hud-header{color:#d896ff;background:#7928ca33;justify-content:space-between;align-items:center;padding:11px 16px;font-size:.85rem;font-weight:700;display:flex}.stats-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1rem}.stats-hud-body{color:#c084fc;white-space:pre-wrap;max-height:240px;margin:0;padding:14px;font-family:monospace;font-size:.72rem;overflow-y:auto}@media (width<=768px){.container{padding:16px 10px}.neon-title{letter-spacing:2px;font-size:1.8rem}.header-badges{border-radius:28px;gap:8px;padding:8px 12px}.header-action-btn{padding:7px 12px;font-size:.78rem}.control-dock{border-radius:28px;gap:8px;padding:10px 14px}.btn-toggle{padding:8px 14px;font-size:.78rem}.streams-grid{grid-template-columns:1fr;gap:16px}.streams-grid.colmeia .video-card{width:280px;height:245px}.facecam-pip{width:150px}.fullscreen-top-bar{padding:max(12px, env(safe-area-inset-top,12px)) 12px 10px 12px}.fs-top-meta{font-size:.82rem}.fullscreen-dock{bottom:max(12px, env(safe-area-inset-bottom,12px));border-radius:9999px;gap:8px;padding:6px 12px}.fs-tactile-btn{padding:7px 12px;font-size:.8rem}}.security-gate-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:480px;min-height:85vh;margin:0 auto;padding:20px;display:flex}.security-card{border:1px solid var(--glass-border-subtle);text-align:center;-webkit-backdrop-filter:blur(28px);background:linear-gradient(145deg,#100422f5 0%,#080112fa 100%);border-radius:28px;flex-direction:column;align-items:center;width:100%;padding:32px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000d9,0 0 35px #a855f729,inset 0 1px 1px #ffffff14}.security-card:before{content:"";background:linear-gradient(90deg,#0000,#c084fc99,#0000);height:2px;position:absolute;top:0;left:15%;right:15%}.security-badge{font-family:var(--font-tech);letter-spacing:2px;text-transform:uppercase;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.72rem;display:inline-flex}.security-badge.lock{color:#c084fc;background:#a855f724;border:1px solid #c084fc40;box-shadow:0 0 15px #a855f733}.security-badge.revoked{color:#f87171;background:#ef444426;border:1px solid #ef444459;box-shadow:0 0 20px #ef444440}.security-icon-circle{background:#a855f71a;border:1px solid #c084fc33;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:18px;font-size:2rem;display:flex;box-shadow:0 0 25px #a855f733}.security-icon-circle.revoked{background:#ef44441a;border-color:#ef44444d;box-shadow:0 0 25px #ef444440}.security-title{font-family:var(--font-display);letter-spacing:2px;color:#f3ebff;text-transform:uppercase;margin-bottom:10px;font-size:1.35rem;font-weight:700}.security-desc{color:#a78bfa;margin-bottom:24px;font-size:.88rem;line-height:1.55}.security-code-form{flex-direction:column;gap:12px;width:100%;margin-bottom:20px;display:flex}.security-code-input{text-align:center;width:100%;font-family:var(--font-tech);letter-spacing:4px;text-transform:uppercase;color:#f3ebff;background:#06010eb3;border:1px solid #c084fc33;border-radius:9999px;outline:none;padding:13px 16px;font-size:1.25rem;font-weight:700;transition:all .25s;box-shadow:inset 0 2px 4px #0009}.security-code-input:focus{border-color:#c084fc8c;box-shadow:0 0 20px #a855f74d,inset 0 2px 4px #0009}.security-code-input::placeholder{color:#a78bfa66;letter-spacing:2px;font-size:.95rem}.security-submit-btn{width:100%;font-family:var(--font-tech);letter-spacing:1.5px;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333eab3 0%,#6b21a8d9 100%);border:1px solid #c084fc4d;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:.88rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #6b21a866,inset 0 1px 1px #ffffff40}.security-submit-btn:hover{background:linear-gradient(135deg,#a855f7d9 0%,#7e22cef2 100%);transform:translateY(-2px);box-shadow:0 12px 30px #a855f780,inset 0 1px 1px #ffffff59}.security-submit-btn:active{transform:translateY(1px);box-shadow:0 4px 12px #6b21a84d}.security-master-link{color:#c084fc99;font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:9999px;margin-top:8px;padding:6px 12px;font-size:.78rem;transition:all .2s}.security-master-link:hover{color:#c084fc;background:#a855f71a}.security-error-toast{color:#f87171;min-height:1.2em;margin-top:6px;font-size:.8rem}