:root{--bg-main:#000;--bg-surface:#09090b;--bg-surface-elevated:#121215;--bg-surface-hover:#1c1c20;--border-subtle:#ffffff14;--border-medium:#ffffff26;--border-hover:#ffffff40;--border-focus:#fff;--accent-primary:#fff;--accent-primary-hover:#e4e4e7;--accent-text:#000;--accent-glow:#ffffff1f;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--status-live:#fff;--status-danger:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", var(--font-sans)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;font-weight:600}p{color:var(--text-secondary);line-height:1.6}.shell{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn.primary{color:#000;background:#fff;border-color:#fff;font-weight:600;box-shadow:0 1px 3px #00000080}.btn.primary:hover{background:#e4e4e7;border-color:#e4e4e7}.btn.secondary{background:var(--bg-surface-elevated);color:#fff;border-color:var(--border-subtle)}.btn.secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-hover)}.btn.ghost{color:var(--text-secondary);background:0 0}.btn.ghost:hover{color:#fff;background:#ffffff0f}.btn.danger{color:#f87171;background:#ef44441a;border-color:#ef444440}.btn.danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.btn.big{border-radius:var(--radius-md);padding:13px 22px;font-size:.95rem}.btn.wide{width:100%}.btn.small{border-radius:var(--radius-sm);padding:5px 10px;font-size:.78rem}.field-label{color:var(--text-muted);letter-spacing:.02em;margin-bottom:6px;font-size:.78rem;font-weight:500;display:block}.input-wrap{align-items:center;width:100%;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;font-size:.88rem;display:flex;position:absolute;left:14px}.text-input{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);color:#fff;outline:none;padding:11px 14px;font-size:.9rem;transition:all .15s}.text-input.with-icon{padding-left:38px}.text-input:focus{background:var(--bg-surface-elevated);border-color:#fff}.text-input::placeholder{color:var(--text-muted)}.beta-tag{color:#fff;border:1px solid var(--border-subtle);text-transform:uppercase;border-radius:var(--radius-full);background:#ffffff14;padding:2px 7px;font-size:.65rem;font-weight:600}.count-badge{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:#fff;border-radius:var(--radius-full);padding:2px 8px;font-size:.72rem;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000d1;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:28px;animation:.18s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 24px 60px #000000e6}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex;position:absolute;top:18px;right:18px}.modal-close:hover{background:var(--bg-surface-elevated);color:#fff}.card-kicker{text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em;font-size:.72rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:100;background:#000000d9;align-items:center;width:100%;height:64px;display:flex;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;display:flex}.brand{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-logo-shell{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.brand-copy{flex-direction:column;display:flex}.brand-line{align-items:center;gap:8px;display:flex}.brand-name{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;font-size:1.15rem;font-weight:700}.brand-sub{color:var(--text-muted);font-size:.72rem}.top-actions{align-items:center;gap:8px;display:flex}.top-link-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.top-link-btn:hover{background:var(--bg-surface-elevated);border-color:var(--border-hover);color:#fff}.status-nav-dot{background:#fff;border-radius:50%;width:6px;height:6px}.pix-btn{color:#fff}.premium-btn{background:var(--bg-surface-elevated);border-color:var(--border-medium);color:#fff}.premium-nav-price{color:#fff;background:#ffffff1f;border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:600}.connection-pill{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;display:inline-flex}.connection-pill .dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.connection-pill.online .dot{background:#fff;animation:2s infinite pulseDot}.connection-pill.disconnected .dot{background:#71717a}@media (width<=768px){.brand-sub,.pix-btn,.premium-nav-label{display:none}}.hero-wrap{padding:50px 0 70px;position:relative;overflow:hidden}.hero-ambient{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#ffffff0d 0%,#0000 65%);position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:1.15fr .95fr;align-items:center;gap:48px;display:grid;position:relative}.hero-copy{flex-direction:column;gap:18px;display:flex}.hero-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eyebrow{border-radius:var(--radius-full);background:var(--bg-surface-elevated);border:1px solid var(--border-medium);color:#fff;align-items:center;gap:8px;padding:4px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.eyebrow-dot{background:#fff;border-radius:50%;width:6px;height:6px}.brazil-badge{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.br-dot{color:#fff;font-size:.7rem;font-weight:700}.hero-copy h1{letter-spacing:-.035em;font-size:3.2rem;font-weight:700;line-height:1.1}.hero-copy h1 span{background:linear-gradient(#fff 20%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text{color:var(--text-secondary);max-width:500px;font-size:1.1rem}.slogan-line{color:var(--text-muted);align-items:center;gap:12px;font-size:.82rem;display:flex}.slogan-line i{background:var(--text-muted);border-radius:50%;width:3px;height:3px;display:inline-block}.trust-row{flex-direction:column;gap:10px;margin-top:10px;display:flex}.trust-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:12px;max-width:460px;padding:10px 14px;transition:border-color .15s;display:flex}.trust-item:hover{border-color:var(--border-medium)}.trust-icon{border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:#fff;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.trust-item strong{color:#fff;font-size:.88rem;display:block}.trust-item span{color:var(--text-muted);font-size:.78rem}.hero-card-wrap{flex-direction:column;gap:18px;display:flex}.live-demo{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.demo-window{flex-direction:column;display:flex}.demo-topbar{background:var(--bg-surface-elevated);color:var(--text-muted);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:9px 14px;font-size:.78rem;display:flex}.demo-dots{gap:5px;display:flex}.demo-dots i{background:#fff3;border-radius:50%;width:8px;height:8px}.demo-topbar b{color:#fff;align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:flex}.demo-topbar b i{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseDot}.demo-stage{background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:28px 20px;display:flex;position:relative}.demo-screen{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.demo-share-icon{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-medium);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;display:flex}.demo-viewer{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:8px;padding:5px 12px;font-size:.75rem;display:flex;position:absolute}.demo-viewer span{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex}.demo-viewer.viewer-a{bottom:12px;left:14px}.demo-viewer.viewer-b{top:16px;right:14px}.launch-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:24px;display:flex}.launch-top{justify-content:space-between;align-items:flex-start;display:flex}.card-desc{color:var(--text-muted);font-size:.85rem}.live-preview{color:#fff;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:6px;padding:3px 8px;font-size:.72rem;display:flex}.live-preview span{background:#fff;border-radius:50%;width:5px;height:5px}.create-access-block{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:12px;display:flex}.create-access-head{justify-content:space-between;align-items:baseline;font-size:.78rem;display:flex}.create-access-head span{color:#fff;font-weight:500}.create-access-head small{color:var(--text-muted)}.create-access-options{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.create-access-option{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);flex-direction:column;align-items:center;padding:8px 6px;transition:all .15s;display:flex}.create-access-option:hover{border-color:var(--border-hover)}.create-access-option.active{color:#000;background:#fff;border-color:#fff}.create-access-option.active span{color:#52525b}.create-access-option strong{font-size:.82rem}.create-access-option span{color:var(--text-muted);font-size:.68rem}.create-pin-wrap{margin-top:4px}.room-pin-input{letter-spacing:.25em;text-align:center;font-size:1.05rem;font-weight:600}.stream-cta{justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.stream-cta-copy{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.stream-cta-copy strong{font-size:.95rem}.stream-cta-copy small{opacity:.8;font-size:.75rem;font-weight:400}.launch-plan-note{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:.75rem;display:flex}.launch-plan-note span{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:#fff;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.divider{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-size:.72rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border-subtle);flex:1}.divider span{padding:0 10px}.join-row{gap:8px;display:flex}.code-input{text-transform:uppercase;letter-spacing:.12em;font-weight:600}.compact-entry-btn{align-items:center;gap:8px;padding:0 16px;display:flex}.entry-btn-copy{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.entry-btn-copy strong{font-size:.82rem}.entry-btn-copy small{color:var(--text-muted);font-size:.68rem}.card-security{color:var(--text-muted);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:10px;font-size:.75rem;display:flex}.inline-diagnostic-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:.75rem;text-decoration:underline}.how-section{padding:50px 0}.section-heading{text-align:center;margin-bottom:32px}.section-heading h2{margin-bottom:6px;font-size:2rem}.steps-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;transition:border-color .15s}.step-card:hover{border-color:var(--border-medium)}.step-number{font-size:1.4rem;font-family:var(--font-display);color:var(--text-muted);margin-bottom:8px;font-weight:700;display:block}.step-card h3{margin-bottom:6px;font-size:1.1rem}.brazil-section{padding:30px 0 60px}.brazil-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:24px;padding:30px 36px;display:flex}.brazil-copy h2{margin-bottom:8px;font-size:1.4rem}.brazil-side{text-align:center;min-width:100px;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;display:flex}.brazil-side span{font-size:.75rem}.site-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding:24px;display:flex}.footer-brand-line{align-items:center;gap:10px;font-size:.82rem;display:flex}.footer-brand-line strong{color:#fff;display:block}.footer-brand-line span{color:var(--text-muted);font-size:.72rem}.footer-nav{align-items:center;gap:14px;display:flex}.footer-action{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.8rem;text-decoration:none;display:flex}.footer-action:hover{color:#fff}.footer-tech{color:var(--text-muted);font-size:.72rem}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy h1{font-size:2.4rem}.steps-grid{grid-template-columns:1fr}.brazil-card{text-align:center;flex-direction:column}}.gate-view{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:40px 20px;display:flex}.gate-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);text-align:center;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:32px;display:flex;box-shadow:0 20px 50px #000c}.room-badge{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-muted);align-items:center;gap:6px;margin:0 auto;padding:4px 10px;font-size:.75rem;display:inline-flex}.room-badge strong{color:#fff;letter-spacing:.08em}.gate-icon{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;margin:6px auto 0;display:flex}.gate-card h2{font-size:1.45rem}.gate-approval-wait{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.gate-wait-spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.room-layout{grid-template-columns:1fr 330px;gap:20px;width:100%;max-width:1560px;min-height:calc(100vh - 64px);margin:0 auto;padding:20px;display:grid}.room-main{flex-direction:column;gap:14px;display:flex}.room-header{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.room-identity{flex-direction:column;gap:3px;display:flex}.room-header-line{align-items:center;gap:10px;display:flex}.live-badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.live-badge.live{color:#000;background:#fff;border:1px solid #fff}.live-badge.live i{background:#000;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseDot}.live-badge.idle{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted)}.live-badge.idle i{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.room-title{color:#fff;font-size:1rem;font-weight:600}.room-title strong{color:#fff;letter-spacing:.06em}.room-subtitle{color:var(--text-muted);font-size:.78rem}.header-actions{align-items:center;gap:8px;display:flex}.video-stage{aspect-ratio:16/9;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #000000b3}.video-stage video{object-fit:contain;background:#000;width:100%;height:100%}.video-stage video.cover{object-fit:cover}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex;position:absolute}.empty-brand-mark{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-medium);color:#fff;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.empty-state h3{font-size:1.15rem}.empty-state p{max-width:320px;font-size:.85rem}.video-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:#fff;z-index:10;background:#000c;align-items:center;gap:6px;padding:4px 9px;font-size:.7rem;display:flex;position:absolute;top:14px;right:14px}.overlay-sep{opacity:.3}.host-dock{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.dock-group{flex-direction:column;gap:6px;display:flex}.dock-heading{align-items:baseline;gap:8px;display:flex}.dock-label{color:#fff;font-size:.78rem;font-weight:600}.dock-heading small{color:var(--text-muted);font-size:.7rem}.segmented{background:var(--bg-surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);gap:3px;padding:3px;display:flex}.segment{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:500;transition:all .15s;display:flex}.segment:hover{color:#fff}.segment.active{color:#000;background:#fff;font-weight:600}.segment i{color:#fff;background:#ffffff26;border-radius:3px;padding:1px 4px;font-size:.65rem;font-style:normal}.dock-divider{background:var(--border-subtle);width:1px;height:36px}.dock-actions{gap:10px;margin-left:auto;display:flex}.viewer-toolbar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;display:flex}.viewer-status-cluster{align-items:center;gap:8px;display:flex}.viewer-chip{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;display:inline-flex}.viewer-chip strong{color:#fff}.viewer-action-cluster{align-items:center;gap:8px;display:flex}.viewer-tool-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.viewer-tool-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);color:#fff}.viewer-audio-control{position:relative}.audio-popover{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);z-index:50;flex-direction:column;gap:10px;width:220px;padding:14px;animation:.15s slideUp;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 30px #000c}.audio-popover-head{justify-content:space-between;align-items:baseline;font-size:.78rem;display:flex}.audio-popover-head strong{color:#fff}.audio-slider-row{align-items:center;gap:8px;display:flex}.volume-range{accent-color:#fff;cursor:pointer;flex:1}.volume-presets{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.volume-presets button{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;padding:3px;font-size:.7rem}.volume-presets button:hover{background:var(--bg-surface-hover);color:#fff}.sidebar{flex-direction:column;gap:14px;display:flex}.sidebar-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.sidebar-head{justify-content:space-between;align-items:center;display:flex}.sidebar-overline{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.7rem;font-weight:600}.sidebar-title{color:#fff;font-size:.95rem;font-weight:600}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;padding:8px 10px;display:flex}.stat span{color:var(--text-muted);font-size:.7rem}.stat strong{color:#fff;font-size:1.05rem}.stat small{color:var(--text-muted);font-size:.65rem}.viewer-list,.participant-list{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.viewer-row{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:7px 10px;font-size:.82rem;display:flex}.viewer-row-left{align-items:center;gap:8px;display:flex}.user-avatar{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.68rem;font-weight:700;display:flex}.viewer-actions{gap:4px;display:flex}.viewer-empty{color:var(--text-muted);text-align:center;padding:14px;font-size:.78rem}.join-request-item{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:7px 10px;font-size:.82rem;display:flex}.setting-row{justify-content:space-between;align-items:center;display:flex}.setting-switch{border-radius:var(--radius-full);cursor:pointer;background:#ffffff26;border:none;width:40px;height:22px;transition:background .15s;position:relative}.setting-switch.is-on{background:#fff}.setting-switch-thumb{background:#000;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.setting-switch:not(.is-on) .setting-switch-thumb{background:#fff}.setting-switch.is-on .setting-switch-thumb{transform:translate(18px)}.settings-divider{background:var(--border-subtle);height:1px;margin:3px 0}.room-access-options{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.room-access-option{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);flex-direction:column;align-items:center;padding:6px;display:flex}.room-access-option.active{color:#000;background:#fff;border-color:#fff}.room-access-option strong{font-size:.78rem}.room-access-option span{color:var(--text-muted);font-size:.65rem}.room-access-option.active span{color:#52525b}@media (width<=960px){.room-layout{grid-template-columns:1fr}}.share-setup-card{max-width:500px}.share-flow-strip{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:10px;margin:14px 0;padding:10px 14px;font-size:.8rem;display:flex}.share-flow-step{opacity:.4;align-items:center;gap:8px;display:flex}.share-flow-step.active{opacity:1}.share-flow-step span{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex}.share-choice-grid{gap:6px;margin-top:6px;display:grid}.share-choice-grid.four{grid-template-columns:repeat(4,1fr)}.share-choice-grid.two{grid-template-columns:repeat(2,1fr)}.share-choice{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);flex-direction:column;align-items:center;gap:2px;padding:9px 6px;transition:all .15s;display:flex}.share-choice:hover{border-color:var(--border-hover)}.share-choice.active{color:#000;background:#fff;border-color:#fff}.share-choice.active small{color:#52525b}.share-choice strong{font-size:.9rem}.share-choice small{color:var(--text-muted);font-size:.68rem}.share-audio-row{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:10px 14px;display:flex}.share-browser-note{color:var(--text-muted);margin:12px 0 18px;font-size:.72rem}.share-setup-actions{justify-content:flex-end;gap:8px;display:flex}.premium-modal-card{max-width:520px}.premium-compare-table{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;margin:14px 0;font-size:.82rem;display:flex;overflow:hidden}.premium-compare-head,.premium-compare-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:1.4fr 1fr 1fr;align-items:center;padding:9px 14px;display:grid}.premium-compare-row:last-child{border-bottom:none}.premium-compare-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:#ffffff08;font-size:.72rem;font-weight:600}.premium-col{color:#fff;font-weight:600}.support-values{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0;display:grid}.support-values button{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;padding:9px;font-weight:600;transition:all .15s}.support-values button:hover{border-color:var(--border-hover)}.support-values button.selected{color:#000;background:#fff;border-color:#fff}.pix-box{background:var(--bg-surface-elevated);border:1px dashed var(--border-medium);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:10px;margin:14px 0;padding:18px;display:flex}.pix-qr-simulated{border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;width:140px;height:140px;padding:6px;display:flex}.diagnostic-list{flex-direction:column;gap:8px;margin:18px 0;display:flex}.diagnostic-item{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:9px 12px;font-size:.82rem;display:flex}.diagnostic-status-ok{color:#fff;font-weight:600}.chat-panel{background:var(--bg-surface,#0f0f12);border:1px solid var(--border-medium,#27272a);border-radius:var(--radius-lg,12px);z-index:100;flex-direction:column;width:360px;max-width:calc(100vw - 32px);height:480px;max-height:calc(100vh - 120px);animation:.2s cubic-bezier(.16,1,.3,1) chatSlideUp;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 24px 60px #000000d9}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-header{border-bottom:1px solid var(--border-subtle,#27272a);background:var(--bg-surface-elevated,#141418);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-header-title{color:#fff;align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:flex}.chat-badge{color:#a1a1aa;background:#27272a;border-radius:999px;padding:1px 6px;font-size:.7rem}.chat-close-btn{color:var(--text-muted,#71717a);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.chat-close-btn:hover{color:#fff;background:#27272a}.chat-messages-container{background:#09090b;flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.chat-empty-state{color:#71717a;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.chat-empty-state p{color:#a1a1aa;margin:0;font-size:.85rem}.chat-empty-state small{font-size:.75rem}.chat-message-item{flex-direction:column;gap:4px;max-width:85%;display:flex}.chat-message-item.self{align-self:flex-end}.chat-message-meta{color:#71717a;align-items:center;gap:6px;font-size:.72rem;display:flex}.chat-sender-name{color:#a1a1aa;align-items:center;gap:4px;font-weight:500;display:flex}.chat-host-tag{color:#fff;background:#27272a;border-radius:4px;align-items:center;gap:2px;padding:1px 5px;font-size:.65rem;display:inline-flex}.chat-bubble{color:#fff;word-break:break-word;background:#18181b;border:1px solid #27272a;border-radius:10px;padding:8px 12px;font-size:.84rem;line-height:1.4}.chat-message-item.self .chat-bubble{color:#000;background:#fff;border-color:#fff}.chat-input-form{border-top:1px solid var(--border-subtle,#27272a);background:var(--bg-surface-elevated,#141418);gap:8px;padding:10px 14px;display:flex}.chat-input{color:#fff;background:#09090b;border:1px solid #27272a;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:.82rem;transition:border-color .15s}.chat-input:focus{border-color:#fff}.chat-send-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s,transform .1s;display:flex}.chat-send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.03)}.chat-send-btn:disabled{color:#71717a;cursor:not-allowed;background:#27272a}.laser-overlay{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;inset:0}.laser-overlay.interactive{pointer-events:auto;cursor:crosshair}.rec-badge{color:#fff;letter-spacing:.5px;background:#18181b;border:1px solid #27272a;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.rec-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1s infinite alternate pulseDot;box-shadow:0 0 8px #fff}.stats-modal-card{max-width:520px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.stat-card{background:#141418;border:1px solid #27272a;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.stat-card-header{color:#a1a1aa;align-items:center;gap:6px;font-size:.75rem;display:flex}.stat-card-value{color:#fff;letter-spacing:-.5px;font-size:1.4rem;font-weight:700}.stat-card-sub{color:#71717a;font-size:.7rem}.qr-container-box{background:#141418;border:1px solid #27272a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-top:14px;padding:16px;display:flex}.mic-level-bar{background:#27272a;border-radius:2px;width:100%;height:3px;margin-top:4px;overflow:hidden}.mic-level-fill{background:#fff;height:100%;transition:width 80ms}.presenter-request-banner{background:#18181b;border:1px solid #3f3f46;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;animation:.2s bannerSlideIn;display:flex}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.remote-wrapper{color:#ededed;box-sizing:border-box;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#000;background-image:radial-gradient(circle at 50% 0,#ffffff0a 0%,#0000 60%),linear-gradient(#000,#050505);flex-direction:column;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow-x:hidden}.remote-header{z-index:40;-webkit-backdrop-filter:blur(16px);background:#000000d9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.remote-nav-btn{color:#a1a1aa;cursor:pointer;background:#111;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.remote-nav-btn:active{color:#fff;background:#222;transform:scale(.92)}.remote-header-center{text-align:center;flex-direction:column;align-items:center;display:flex}.remote-title-badge{text-transform:uppercase;letter-spacing:.1em;color:#71717a;align-items:center;gap:4px;font-size:.65rem;font-weight:700;display:flex}.remote-room-pill{letter-spacing:.05em;color:#fff;cursor:pointer;background:#0f0f12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;margin-top:2px;padding:2px 10px;font-size:.85rem;font-weight:800;display:inline-flex}.remote-room-pill:active{background:#222}.remote-status-badge{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e40;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.7rem;font-weight:700;display:flex}.remote-status-badge.offline{color:#ef4444;background:#ef44441a;border-color:#ef444440}.remote-status-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 8px}.remote-body{flex-direction:column;flex:1;gap:16px;padding:16px 16px 90px;display:flex;overflow-y:auto}.deck-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.deck-btn{color:#a1a1aa;cursor:pointer;background:#0d0d10;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:105px;padding:20px 12px;transition:all .12s cubic-bezier(.2,0,0,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #0009,inset 0 1px #ffffff0a}.deck-btn:active{transform:scale(.95);box-shadow:0 2px 8px #000c}.deck-btn .deck-btn-icon{margin-bottom:8px;transition:transform .15s}.deck-btn:active .deck-btn-icon{transform:scale(1.08)}.deck-btn .deck-btn-label{letter-spacing:-.01em;color:#ededed;font-size:.8rem;font-weight:700}.deck-btn .deck-btn-sub{color:#71717a;margin-top:2px;font-size:.65rem}.deck-btn.mic-on{color:#000;background:#fff;border-color:#fff;box-shadow:0 0 25px #ffffff59}.deck-btn.mic-on .deck-btn-label{color:#000}.deck-btn.mic-on .deck-btn-sub{color:#3f3f46}.audio-visualizer-bars{align-items:center;gap:3px;height:12px;margin-top:4px;display:flex}.audio-bar{background-color:currentColor;border-radius:999px;width:3px;height:4px;animation:.6s ease-in-out infinite alternate barBounce}.audio-bar:nth-child(2){animation-delay:.15s}.audio-bar:nth-child(3){animation-delay:.3s}.audio-bar:nth-child(4){animation-delay:.45s}@keyframes barBounce{0%{height:4px}to{height:14px}}.deck-btn.rec-on{color:#f87171;background:linear-gradient(145deg,#2b0c0c,#1a0606);border-color:#ef4444;box-shadow:0 0 25px #ef444459}.deck-btn.rec-on .deck-btn-label{color:#fff}.deck-btn.rec-on .deck-btn-sub{color:#fca5a5;font-weight:800}.rec-pulse-pill{color:#fff;background:#ef4444;border-radius:999px;align-items:center;gap:4px;margin-top:4px;padding:2px 6px;font-size:.65rem;font-weight:800;animation:1.2s ease-in-out infinite pulseRec;display:inline-flex}@keyframes pulseRec{0%,to{opacity:1}50%{opacity:.55}}.deck-btn.tool-on{color:#fff;background:#1e1e24;border-color:#fff;box-shadow:0 0 20px #fff3}.deck-btn.tool-on .deck-btn-label{color:#fff}.deck-btn-replay{cursor:pointer;background:linear-gradient(135deg,#18181f 0%,#0d0d10 100%);border:1px solid #ffffff26;border-radius:18px;flex-direction:row;grid-column:span 2;justify-content:space-between;align-items:center;min-height:auto;padding:16px 20px;transition:all .15s;display:flex;box-shadow:0 8px 24px #000000b3}.deck-btn-replay:active{border-color:#fff;transform:scale(.97);box-shadow:0 0 25px #ffffff40}.replay-info{text-align:left;flex-direction:column;display:flex}.replay-title{color:#fff;align-items:center;gap:8px;font-size:.95rem;font-weight:800;display:flex}.replay-sub{color:#a1a1aa;margin-top:2px;font-size:.72rem}.replay-badge{color:#000;background:#fff;border-radius:10px;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:800;display:flex}.deck-row-tools{grid-column:span 2;grid-template-columns:1fr 1fr;gap:12px;display:grid}.reaction-pad-container{background:#0d0d10;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;grid-column:span 2;gap:10px;padding:14px;display:flex}.reaction-pad-header{text-transform:uppercase;letter-spacing:.08em;color:#71717a;font-size:.68rem;font-weight:700}.reaction-buttons-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.reaction-btn{cursor:pointer;background:#141418;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;padding:12px 0;font-size:1.5rem;transition:all .12s;display:flex}.reaction-btn:active{background:#27272a;transform:scale(.85)translateY(-2px)}.soundboard-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sound-card{color:#fff;cursor:pointer;background:#0d0d10;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:24px 14px;transition:all .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000080}.sound-card:active,.sound-card.playing{background:#181820;border-color:#fff;transform:scale(.94);box-shadow:0 0 25px #fff3}.sound-emoji{filter:drop-shadow(0 4px 10px #00000080);margin-bottom:8px;font-size:2.5rem}.sound-label{color:#fff;font-size:.9rem;font-weight:800}.sound-desc{color:#71717a;text-align:center;margin-top:3px;font-size:.65rem}.pocket-chat{flex-direction:column;flex:1;gap:10px;height:100%;display:flex}.pocket-chat-messages{background:#09090c;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;flex:1;gap:10px;min-height:280px;max-height:calc(100vh - 280px);padding:14px;display:flex;overflow-y:auto}.chat-bubble-row{flex-direction:column;max-width:85%;display:flex}.chat-bubble-row.mine{align-self:flex-end;align-items:flex-end}.chat-bubble-row.other{align-self:flex-start;align-items:flex-start}.chat-bubble-sender{color:#71717a;margin-bottom:2px;font-size:.65rem;font-weight:700}.chat-bubble{word-break:break-word;border-radius:16px;padding:10px 14px;font-size:.85rem;line-height:1.4}.chat-bubble-row.mine .chat-bubble{color:#000;background:#fff;border-bottom-right-radius:4px}.chat-bubble-row.other .chat-bubble{color:#ededed;background:#1c1c21;border:1px solid #ffffff14;border-bottom-left-radius:4px}.quick-chips-row{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.quick-chips-row::-webkit-scrollbar{display:none}.quick-chip-btn{color:#a1a1aa;white-space:nowrap;cursor:pointer;background:#141418;border:1px solid #ffffff1a;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:600}.quick-chip-btn:active{color:#000;background:#fff}.pocket-chat-input-bar{gap:8px;display:flex}.pocket-chat-input{color:#fff;background:#111114;border:1px solid #ffffff1f;border-radius:14px;outline:none;flex:1;padding:12px 14px;font-size:.9rem;transition:border-color .15s}.pocket-chat-input:focus{border-color:#fff}.pocket-chat-send-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:14px;padding:0 18px;font-size:.85rem;font-weight:800;transition:transform .1s}.pocket-chat-send-btn:active{transform:scale(.93)}.remote-dock{z-index:50;-webkit-backdrop-filter:blur(20px);padding:8px 16px;padding-bottom:max(8px, env(safe-area-inset-bottom));background:#08080ad9;border-top:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.dock-tab-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex;position:relative}.dock-tab-btn:active{transform:scale(.92)}.dock-tab-btn.active{color:#fff;background:#ffffff0f}.dock-tab-icon{margin-bottom:3px}.dock-tab-label{letter-spacing:-.01em;font-size:.72rem;font-weight:700}.dock-unread-badge{color:#000;background:#fff;border:2px solid #000;border-radius:999px;padding:1px 5px;font-size:.65rem;font-weight:800;position:absolute;top:4px;right:24%}
