/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--bg:#0c0d0f;--panel:#141619;--panel2:#1a1c20;--line:#ffffff14;--text:#f3f3f1;--muted:#858991;--coral:#fa6157;--green:#55c889}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:var(--font-app), Inter, Arial, sans-serif}button,input{font:inherit;color:inherit}.brand{color:#fff;letter-spacing:-.8px;align-items:center;gap:9px;font-size:20px;font-weight:750;text-decoration:none;display:flex}.brand-mark{align-items:center;gap:3px;display:flex;transform:skew(-10deg)}.brand-mark i{background:var(--coral);border-radius:4px 1px;width:10px;height:20px;display:block}.brand-mark i:last-child{height:14px;margin-top:6px}.room-app{background:radial-gradient(circle at 72% 0, #4e3d3c1f, transparent 34%), var(--bg);grid-template-columns:256px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);z-index:10;background:#111316;flex-direction:column;height:100vh;padding:24px 14px 18px;display:flex;position:relative}.side-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 8px 24px;display:flex}.online-count{color:#777c83;align-items:center;gap:5px;font-size:9px;display:flex}.online-count i,.presence{background:var(--green);border-radius:50%;width:6px;height:6px}.room-label{flex-direction:column;gap:5px;padding:22px 9px 12px;display:flex}.room-label small{letter-spacing:1.7px;color:#5f636a;font-size:8px}.room-label strong{font-size:12px}.people-list{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.person-row{text-align:left;cursor:default;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;height:56px;padding:0 9px;transition:all .2s;display:flex;position:relative}.person-row:not(.self){cursor:pointer}.person-row:not(.self):hover,.person-row.watching{border-color:var(--line);background:#1a1c20}.person-row.watching:before{content:"";background:var(--coral);border-radius:3px;width:2px;height:28px;position:absolute;top:14px;left:-1px}.side-avatar{background:linear-gradient(145deg,#74535b,#322e39);border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:750;display:grid}.person-row div{flex-direction:column;gap:3px;min-width:0;display:flex}.person-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.person-row small{color:#696e75;font-size:8px}.presence{margin-left:auto}.live-badge{letter-spacing:.6px;color:#ff766e;margin-left:auto;font-size:7px;font-weight:800}.live-badge.on{background:#fa61571c;border-radius:4px;padding:4px 5px}.camera-icon{color:#839bf4;margin-left:1px;font-size:7px}.side-tip{border:1px solid var(--line);background:#181a1e;border-radius:10px;align-items:flex-start;gap:9px;margin-top:auto;padding:13px;display:flex}.side-tip>span{color:#6d7279}.side-tip p{color:#6f747b;margin:0;font-size:8px;line-height:1.45}.side-tip strong{color:#a9adb2;margin-bottom:2px;font-size:9px;display:block}.person-row.is-live{box-shadow:inset 3px 0 0 var(--coral);background:linear-gradient(90deg,#fa615729,#fa61570e);border-color:#fa615747}.person-row.is-live:hover{background:linear-gradient(90deg,#fa615738,#fa615714);border-color:#fa615766}.person-row.is-live .live-badge.on{color:#fff;background:var(--coral);box-shadow:0 0 14px #fa615747}.stage{flex-direction:column;min-width:0;height:100vh;padding:0 24px 24px;display:flex}.stage-bar{flex:0 0 86px;justify-content:space-between;align-items:center;height:86px;padding:0 5px;display:flex}.stage-bar h1{letter-spacing:-.3px;margin:0 0 5px;font-size:15px}.stage-bar p{color:#70747b;margin:0;font-size:9px}.split-toggle{border:1px solid var(--line);background:#141619;border-radius:8px;padding:3px;display:flex}.split-toggle button{color:#676c73;cursor:pointer;background:0 0;border:0;border-radius:5px;height:29px;padding:0 9px;font-size:12px}.split-toggle button span{margin-left:4px;font-size:8px}.split-toggle button.active{color:#ececea;background:#292c31}.media-stage{flex:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;min-height:0;transition:all .3s;display:grid}.media-stage.two.vertical{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.media-stage.two.horizontal{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr}.media-stage.focus-layout{grid-template-rows:1fr;grid-template-columns:minmax(0,9fr) minmax(145px,1fr)}.media-card{cursor:pointer;background:#090a0c;border:1px solid #ffffff17;border-radius:13px;min-width:0;min-height:0;transition:border-color .2s,transform .25s;animation:.38s cubic-bezier(.2,.8,.2,1) cardIn;position:relative;overflow:hidden;box-shadow:0 12px 38px #00000038}.media-card:hover{border-color:#ffffff30}.media-card video{object-fit:contain;background:#090a0c;width:100%;height:100%;position:absolute;inset:0}.media-card:not(.is-compact):hover{transform:translateY(-2px)}.media-shade{pointer-events:none;background:linear-gradient(#0000 60%,#000000ad);position:absolute;inset:0}.media-label{z-index:2;align-items:center;gap:9px;display:flex;position:absolute;bottom:13px;left:14px}.media-avatar{background:#4d3d52;border-radius:8px;place-items:center;width:29px;height:29px;font-size:10px;font-weight:750;display:grid}.media-label div{flex-direction:column;gap:2px;display:flex}.media-label small{color:#a0a3a8;font-size:7px}.kind-pill{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#babdc1;background:#0d0e10bd;border-radius:5px;padding:5px 7px;font-size:8px;position:absolute;top:12px;left:12px}.kind-pill.camera{color:#aebcff}.page-expand{opacity:0;cursor:pointer;background:#0d0e10ad;border:1px solid #ffffff1f;border-radius:7px;width:31px;height:31px;transition:all .2s;position:absolute;top:12px;right:12px}.media-card:hover .page-expand{opacity:1}.media-rail{flex-direction:column;gap:8px;min-width:0;display:flex;overflow-y:auto}.media-card.is-compact{border-radius:9px;flex:0 0 120px}.media-card.is-compact .media-label{bottom:8px;left:8px}.media-card.is-compact .media-avatar{border-radius:6px;width:21px;height:21px}.media-card.is-compact .media-label small,.media-card.is-compact .kind-pill{display:none}.media-card.is-compact .media-label strong{font-size:8px}.stage-empty{text-align:center;background:radial-gradient(circle at 50% 48%,#fa615709,#0000 25%);border:1px dashed #ffffff14;border-radius:13px;grid-column:1/-1;place-content:center;justify-items:center;display:grid}.stage-empty h2{margin:18px 0 7px;font-size:16px}.stage-empty p{color:#73777e;margin:0;font-size:9px;line-height:1.6}.empty-orbit{place-items:center;width:75px;height:75px;display:grid;position:relative}.empty-orbit span{color:#777b82;z-index:2;background:#1b1d21;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.empty-orbit i{border:1px solid #fa61572e;border-radius:50%;animation:2.4s infinite pulse;position:absolute;inset:7px}.empty-orbit i:last-child{animation-delay:1.2s}.control-dock{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1e22e6;border:1px solid #ffffff1c;border-radius:14px;align-items:center;gap:6px;height:57px;padding:7px;transition:opacity .35s,transform .35s;display:flex;position:fixed;bottom:20px;left:calc(50% + 128px);transform:translate(-50%);box-shadow:0 16px 45px #00000080}.control-dock.hidden{opacity:0;pointer-events:none;transform:translate(-50%,13px)}.control-dock.visible{opacity:1}.control-dock button{border:1px solid var(--line);cursor:pointer;background:#24272c;border-radius:9px;align-items:center;gap:8px;height:41px;padding:0 13px;font-size:9px;font-weight:650;display:flex}.control-dock button span{color:#999da3;font-size:13px}.control-dock button.active{color:#17181b;background:#ececea}.control-dock button.active span{color:var(--coral)}.control-dock button.danger{color:#ff8b84;background:#492628}.control-dock>div{background:var(--line);width:1px;height:27px;margin:0 3px}.control-dock .more-button{color:#8b8f95;letter-spacing:2px;justify-content:center;width:40px;padding:0}.context-menu{z-index:60;background:#22252a;border:1px solid #ffffff1f;border-radius:10px;width:176px;padding:6px;animation:.15s ease-out menuIn;position:fixed;box-shadow:0 15px 45px #0000008c}.context-menu small{color:#767b82;border-bottom:1px solid var(--line);margin-bottom:4px;padding:7px 8px 6px;font-size:8px;display:block}.context-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;height:32px;padding:0 8px;font-size:9px}.context-menu button:hover{background:#30343a}.context-menu button:disabled{opacity:.35;cursor:not-allowed}.page-theater{z-index:100;background:#07080a;padding:12px;animation:.28s ease-out theaterIn;position:fixed;inset:0}.page-theater>.media-card{border-radius:10px;width:100%;height:100%}.theater-close{z-index:102;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#141518c7;border:1px solid #ffffff26;border-radius:8px;height:34px;padding:0 10px;position:absolute;top:24px;right:24px}.theater-close span{margin-left:5px;font-size:9px}.join-page{background:radial-gradient(circle at 50% 30%,#242026 0,#131416 35%,#0c0d0f 70%);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.join-glow{filter:blur(100px);background:#fa5f5514;border-radius:50%;width:560px;height:560px;position:absolute;top:-320px;left:50%;transform:translate(-50%)}.join-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18191de0;border:1px solid #ffffff1a;border-radius:22px;width:min(590px,100%);padding:48px 52px 42px;position:relative;box-shadow:0 40px 100px #0000008c}.join-card>.brand{justify-content:center;margin-bottom:56px}.join-copy{text-align:center}.eyebrow{letter-spacing:2.2px;color:var(--coral);font-size:9px;font-weight:750}.join-copy h1{letter-spacing:-1.8px;margin:16px 0 15px;font-size:38px;line-height:1.08}.join-copy p{color:#8f939a;max-width:400px;margin:0 auto;font-size:12px;line-height:1.65}.join-card form{margin-top:36px}.avatar-picker{background:#0a0b0d6b;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:11px;margin-bottom:19px;padding:10px;display:flex}.avatar-picker .avatar-preview{color:#fff;cursor:pointer;background:#292c31;border:1px solid #ffffff21;border-radius:50%;width:46px;min-width:46px;height:46px;padding:0;overflow:hidden}.avatar-preview img,.side-avatar img,.media-avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-picker>div{flex:1;min-width:0}.avatar-picker strong{margin-bottom:3px;font-size:10px;display:block}.avatar-picker>div button,.avatar-picker .avatar-remove{color:#92969d;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px}.avatar-picker .avatar-remove{color:#df7771}.side-avatar,.media-avatar{overflow:hidden}.join-card label{color:#b9bcc1;margin:0 0 9px 2px;font-size:10px;display:block}.name-field{background:#111316;border:1px solid #ffffff1a;border-radius:12px;gap:8px;padding:6px;display:flex}.name-field:focus-within{border-color:#fa5f558c;box-shadow:0 0 0 3px #fa5f5514}.name-field input{color:#f5f5f3;background:0 0;border:0;outline:0;flex:1;min-width:0;height:44px;padding:0 13px;font-size:12px}.name-field button{background:var(--coral);cursor:pointer;border:0;border-radius:8px;height:44px;padding:0 16px;font-size:10px;font-weight:700}.name-field button:disabled{opacity:.45}.name-field button span{margin-left:9px;font-size:16px}.join-card small{color:#686c72;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:8px;display:flex}.join-card small i{background:var(--green);border-radius:50%;width:5px;height:5px}@keyframes pulse{50%{opacity:.5}}@keyframes cardIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes menuIn{0%{opacity:0;transform:scale(.96)translateY(-3px)}to{opacity:1;transform:none}}@keyframes theaterIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@media (max-width:760px){.room-app{grid-template-columns:76px 1fr}.sidebar{padding:18px 9px}.side-head{justify-content:center;padding:0 0 18px}.side-head .brand>span:last-child,.online-count,.room-label,.person-row div,.live-badge,.camera-icon,.side-tip{display:none}.brand-mark i{width:9px}.person-row{justify-content:center;padding:0}.side-avatar{flex-basis:36px;width:36px;height:36px}.presence{position:absolute;bottom:10px;right:8px}.stage{padding:0 10px 10px}.stage-bar{flex-basis:70px;height:70px}.stage-bar p,.split-toggle span{display:none}.media-stage.two.vertical{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr}.media-stage.focus-layout{grid-template-rows:minmax(0,1fr) 100px;grid-template-columns:1fr}.media-rail{flex-direction:row}.media-card.is-compact{flex:0 0 145px}.control-dock{max-width:calc(100% - 90px);left:calc(50% + 38px)}.control-dock button{font-size:0}.control-dock button span{font-size:14px}.join-card{padding:38px 22px}.join-copy h1{font-size:31px}.name-field{display:block}.name-field input,.name-field button{width:100%}.name-field button{margin-top:4px}}.media-stage.focus-layout{grid-template-columns:minmax(0,85fr) minmax(120px,15fr)}.media-card.is-compact{flex-basis:112px}@media (max-width:760px){.room-app{grid-template-rows:68px minmax(0,1fr);grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:10px;width:100%;height:68px;padding:8px 10px}.side-head{border:0;flex:0 0 34px;justify-content:center;padding:0}.side-head .brand>span:last-child,.online-count,.room-label,.person-row div,.live-badge,.camera-icon,.side-tip{display:none}.brand-mark i{width:8px;height:18px}.people-list{flex-direction:row;flex:1;gap:5px;min-width:0;overflow-x:auto}.person-row{flex:0 0 46px;justify-content:center;width:46px;height:48px;padding:0}.person-row.watching:before{width:auto;height:2px;inset:auto 8px -2px}.side-avatar{flex-basis:36px;width:36px;height:36px}.presence{border:2px solid #111316;position:absolute;bottom:6px;right:4px}.stage{grid-row:2;height:100%;padding:0 8px 8px}.stage-bar{flex-basis:58px;height:58px}.stage-bar p,.split-toggle{display:none}.stage-bar h1{margin:0;font-size:13px}.media-stage,.media-stage.two.vertical,.media-stage.two.horizontal,.media-stage.focus-layout{grid-template-rows:1fr;grid-template-columns:1fr;gap:0;display:grid}.media-card{border-radius:10px}.media-card:not(.is-compact):hover{transform:none}.media-stage .media-rail{display:none}.page-expand{opacity:1}.control-dock{max-width:calc(100% - 20px);bottom:13px;left:50%}.control-dock button{font-size:0}.control-dock button span{font-size:14px}.page-theater{padding:0}.page-theater>.media-card{border-radius:0}.theater-close{top:12px;right:12px}.join-page{padding:12px}.join-card{padding:34px 20px}.join-card>.brand{margin-bottom:40px}.join-copy h1{font-size:30px}.name-field{display:block}.name-field input,.name-field button{width:100%}.name-field button{margin-top:4px}}.media-grid-rows{flex-direction:column;grid-area:1/1/-1/-1;gap:10px;min-width:0;min-height:0;display:flex}.media-row{flex:1;gap:10px;min-width:0;min-height:0;display:flex}.media-row>.media-card{flex:1}.local-screen:after{content:"Prévia local · sem áudio";z-index:3;color:#d8d8d6;letter-spacing:.2px;background:#0a0b0db3;border-radius:7px;padding:7px 10px;font-size:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.volume-control{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#0c0d0fb8;border-radius:7px;align-items:center;gap:5px;height:28px;padding:0 8px;transition:all .2s;display:flex;position:absolute;bottom:15px;right:14px}.media-card:hover .volume-control{opacity:1}.volume-control span{color:#bec1c5;font-size:11px}.volume-control input{width:76px;height:3px;accent-color:var(--coral);cursor:pointer}.stream-preview{z-index:80;pointer-events:none;background:#22252a;border:1px solid #ffffff24;border-radius:10px;width:230px;padding:7px;animation:.16s ease-out menuIn;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 18px 50px #0000008c}.stream-preview img{aspect-ratio:16/9;object-fit:cover;background:#0b0c0e;border-radius:6px;width:100%;display:block}.stream-preview em{aspect-ratio:16/9;color:#757a81;background:#17191d;border-radius:6px;place-items:center;width:100%;font-size:8px;font-style:normal;display:grid}.stream-preview b{color:#c7c9cc;padding:7px 3px 2px;font-size:8px;font-weight:600;display:block}.control-dock>.dock-separator{background:var(--line);width:1px;height:27px;margin:0 3px}.video-settings{background:#202328;border:1px solid #ffffff21;border-radius:12px;width:236px;padding:10px;animation:.18s ease-out menuIn;position:absolute;bottom:67px;right:0;box-shadow:0 16px 45px #00000080}.video-settings header{border-bottom:1px solid var(--line);flex-direction:column;gap:3px;margin-bottom:10px;padding:5px 5px 10px;display:flex}.video-settings header strong{font-size:10px}.video-settings header small{color:#747980;font-size:7px}.video-settings>label{color:#8d9197;margin:9px 4px 6px;font-size:8px;display:block}.setting-options{gap:5px;background:0 0!important;grid-template-columns:1fr 1fr!important;width:auto!important;height:auto!important;margin:0!important;display:grid!important}.control-dock .setting-options button{background:#292c31;justify-content:center;height:34px;padding:0;font-size:8px}.control-dock .setting-options button.selected{color:#191a1d;background:#f0f0ed}.control-dock .more-button.active{color:#fff;background:#34383e}@media (max-width:760px){.media-grid-rows,.media-row{gap:0;height:100%}.media-row>.media-card:not(:first-child){display:none}.volume-control{opacity:1;bottom:12px;right:10px}.volume-control input{width:58px}.stream-preview{display:none}.video-settings{width:auto;position:fixed;bottom:80px;left:10px;right:10px}.control-dock .setting-options button,.local-screen:after{font-size:8px}.media-stage.focus-layout{grid-template-columns:1fr!important}}.local-screen:after{display:none}.control-dock>.video-settings{background:#202328;width:236px;height:auto;margin:0}@media (max-width:760px){.control-dock>.video-settings{width:auto;height:auto;margin:0;position:fixed;bottom:80px;left:10px;right:10px}}.stream-preview{animation:.16s ease-out previewIn;position:fixed;transform:none}.audio-notice{z-index:45;background:#24272c;border:1px solid #ffffff1f;border-radius:11px;align-items:center;gap:10px;width:330px;padding:11px 12px;animation:.2s ease-out menuIn;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 45px #00000073}.audio-notice>span{width:30px;height:30px;color:var(--coral);background:#fa61571f;border-radius:8px;place-items:center;display:grid}.audio-notice div{flex-direction:column;flex:1;gap:3px;display:flex}.audio-notice strong{font-size:9px}.audio-notice small{color:#8a8f96;font-size:7px}.audio-notice button{color:#8f949a;cursor:pointer;background:0 0;border:0;font-size:16px}@keyframes previewIn{0%{opacity:0;transform:translate(-5px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:760px){.audio-notice{width:auto;bottom:82px;left:10px;right:10px}}.dock-icon{color:#999da3;flex:0 0 16px;width:16px;height:16px;display:block;position:relative}.icon-screen:before{content:"";border:1.5px solid;border-radius:2px;width:13px;height:9px;position:absolute;top:2px;left:1px}.icon-screen:after{content:"";background:currentColor;border-radius:2px;width:6px;height:1.5px;position:absolute;bottom:1px;left:5px}.icon-camera:before{content:"";border:1.5px solid;border-radius:3px;width:10px;height:10px;position:absolute;top:3px;left:1px}.icon-camera:after{content:"";border:3px solid #0000;border-left-width:0;border-right:4px solid;position:absolute;top:6px;right:0}@media (max-width:760px){.side-head{flex:0 0 32px}.people-list{align-items:stretch;overflow:auto hidden}.person-row div{align-items:center;gap:1px;width:100%;display:flex}.person-row small{text-align:center;white-space:nowrap;color:#747980;font-size:7px}.person-row .live-badge{margin:0;font-size:6px;display:block;position:absolute;top:3px;right:3px}.person-row .camera-icon{font-size:8px;display:block;position:absolute;top:4px;left:4px}.mobile-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(140px,1fr);gap:7px;width:100%;height:100%;min-height:0;display:grid;overflow-y:auto}.media-stage.count-1 .mobile-media-grid{grid-template-columns:1fr}.media-stage.focus-layout{gap:7px;display:grid;grid-template-rows:minmax(0,1fr) 94px!important;grid-template-columns:1fr!important}.media-stage.focus-layout>.media-card{grid-row:1}.media-stage.focus-layout.count-1{grid-template-rows:1fr!important}.media-stage.focus-layout.count-1 .media-rail{display:none}.media-stage .media-rail{flex-direction:row;grid-row:2;gap:7px;min-height:0;display:flex;overflow:auto hidden}.media-card.is-compact{flex:0 0 142px;height:94px}.control-dock{max-width:calc(100% - 16px);height:58px;bottom:10px;left:50%}.control-dock.hidden{opacity:1;pointer-events:auto;transform:translate(-50%)}.control-dock button{justify-content:center;min-width:46px;padding:0 12px}.control-dock .dock-icon{font-size:0;display:block}.room-app{grid-template-rows:72px minmax(0,1fr)}.sidebar{align-items:center;gap:7px;height:72px;padding:8px}.side-head{flex:0 0 28px;height:54px}.brand-mark i{width:7px;height:17px}.people-list{align-items:center;gap:6px;height:56px}.person-row{flex-direction:row;flex:0 0 128px;justify-content:flex-start;gap:8px;width:128px;height:54px;padding:6px 7px}.side-avatar{flex:0 0 32px;width:32px;height:32px}.person-row div{flex:1;align-items:flex-start;gap:2px;width:auto}.person-row strong{text-align:left;max-width:72px;font-size:9px}.person-row small{text-align:left;text-overflow:ellipsis;max-width:74px;font-size:7px;overflow:hidden}.person-row .live-badge{padding:3px 4px;top:4px;right:4px}.person-row .camera-icon{top:35px;left:31px}.presence{bottom:7px;right:7px}.stage{grid-row:2;padding:0 8px 82px}.stage-bar{flex-basis:44px;height:44px}.mobile-media-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(190px,calc(50% - 3.5px));align-content:start;width:auto;min-width:0;max-width:100%;padding-right:2px;overflow-x:hidden}.media-stage.count-1 .mobile-media-grid{grid-template-rows:1fr}.mobile-media-grid>.media-card{width:100%;max-width:100%}.volume-control{max-width:calc(100% - 16px);padding-right:10px;right:8px}.volume-control input{width:68px;max-width:calc(100vw - 105px)}}.connection-notice{z-index:70;background:#251f19f5;border:1px solid #ffb05b40;border-radius:11px;align-items:center;gap:9px;width:min(430px,100% - 24px);padding:10px 11px;animation:.2s ease-out menuIn;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0000006b}.connection-notice>span{color:#ffb05b;background:#ffb05b1f;border-radius:7px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.connection-notice p{color:#d1c4b7;flex:1;margin:0;font-size:8px;line-height:1.45}.connection-notice button{color:#92877d;cursor:pointer;background:0 0;border:0;font-size:15px}@media (max-width:760px){.connection-notice{top:78px}}.local-screen video{filter:none!important;transform:none!important}.join-error{color:#ff8179!important;margin:9px 2px 0!important;font-size:9px!important}.audio-unlock{z-index:60;color:#18191c;cursor:pointer;background:#f0f0ed;border:1px solid #ffffff29;border-radius:9px;padding:10px 15px;font-size:9px;font-weight:750;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0006}.person-row.watching:before{display:none!important}.person-row.is-live{box-shadow:none!important}.person-row.watching{background:linear-gradient(100deg,#fa615721,#ffffff09)!important;border-color:#fa615757!important;box-shadow:0 0 0 1px #fa615714,0 5px 18px #0000002e!important}.mic-status{display:none}.mic-status.muted{color:#ee7770;background:#fa61571a;border-radius:5px;flex:0 0 18px;place-items:center;width:18px;height:18px;display:grid}.muted-mic-icon,.icon-mic:before{border:1.4px solid;border-radius:5px;width:6px;height:9px}.muted-mic-icon{display:block;position:relative}.muted-mic-icon:after,.icon-mic.muted i{content:"";background:currentColor;border-radius:2px;width:14px;height:1.5px;position:absolute;transform:rotate(-48deg)}.icon-mic:before{content:"";position:absolute;top:1px;left:5px}.icon-mic:after{content:"";border:1.4px solid;border-top:0;border-radius:0 0 7px 7px;width:10px;height:7px;position:absolute;top:6px;left:3px}.icon-mic.muted i{z-index:2;top:7px;left:1px}.chat-panel>header small,.chat-empty small{font-size:9px}.chat-empty strong{font-size:12px}.chat-message time{font-size:8px}.mic-status.muted svg{width:12px;height:12px;display:block}.control-dock .dock-icon svg{width:16px;height:16px;display:block}.noise-filter-setting{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 4px 2px;display:flex;background:0 0!important;width:100%!important;height:auto!important;margin:11px 0 3px!important}.noise-filter-setting>div{flex-direction:column;flex:1;gap:3px;display:flex;background:0 0!important;width:auto!important;height:auto!important;margin:0!important}.noise-filter-setting strong{font-size:8px;font-weight:650}.noise-filter-setting small{color:#737880;font-size:7px}.control-dock .noise-switch{background:#34373c;border:0;border-radius:12px;width:34px;min-width:34px;height:20px;padding:0;position:relative}.control-dock .noise-switch i{background:#8b9097;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;left:3px}.control-dock .noise-switch.on{background:#55c88947}.control-dock .noise-switch.on i{background:#65d498;left:17px}.person-voice-state{align-items:center;flex-direction:row!important;gap:5px!important;display:flex!important}.voice-meter{align-items:center;gap:2px;height:10px;display:inline-flex}.voice-meter i{transform-origin:50%;background:#65d498;border-radius:2px;width:2px;height:4px;animation:.38s ease-in-out infinite alternate voiceBar}.voice-meter i:nth-child(2){height:8px;animation-delay:-.28s}.voice-meter i:nth-child(3){height:6px;animation-delay:-.48s}.person-row.is-speaking .side-avatar{box-shadow:0 0 0 2px #65d498a6,0 0 14px #65d4982e}.person-row.is-speaking strong{color:#f8faf8}@keyframes voiceBar{0%{opacity:.65;transform:scaleY(.45)}to{opacity:1;transform:scaleY(1)}}.control-dock button.call-control{justify-content:center;width:42px;min-width:42px;padding:0}.control-dock button.call-control svg{display:block}.control-dock button.call-control:disabled{opacity:1;cursor:default}.person-row.is-live:not(.watching),.person-row.is-live:not(.watching):hover{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.room-app.chat-visible{grid-template-columns:256px minmax(0,1fr) 310px}.channels-list{min-height:0;padding:13px 2px 4px;overflow-y:auto}.channel{margin-bottom:5px}.channel-head{color:#777c84;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;width:100%;height:35px;padding:0 8px;display:flex}.channel-head:hover,.channel.active>.channel-head{color:#ececea;background:#191b1f}.channel-head>span{font-size:9px}.channel-head strong{flex:1;font-size:10px}.channel-head small{color:#5f646b;font-size:8px}.channel-members{border-left:1px solid #fff1;margin-left:13px;padding-left:13px}.channel-members:empty{display:none}.channel .person-row{gap:8px;height:44px;padding:0 6px}.channel .side-avatar{border-radius:7px;flex-basis:27px;width:27px;height:27px;font-size:9px}.channel .person-row strong{font-size:9px}.channel .person-row small{font-size:7px}.channel .live-badge{padding:3px 4px;font-size:6px}.mic-status{color:#62ca91;text-align:center;flex:0 0 15px;margin-left:auto;font-size:9px}.mic-status.muted{color:#686d74}.chat-toggle{border:1px solid var(--line);color:#9499a0;cursor:pointer;background:#181a1e;border-radius:8px;height:34px;padding:0 11px;font-size:9px;position:relative}.chat-toggle.active{color:#17181b;background:#ececea}.chat-toggle i{background:var(--coral);border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:6px}.chat-panel{border-left:1px solid var(--line);background:#111316;flex-direction:column;min-width:0;height:100vh;animation:.22s ease-out chatIn;display:flex}.chat-panel>header{border-bottom:1px solid var(--line);flex:0 0 73px;align-items:center;height:73px;padding:0 15px;display:flex}.chat-panel>header div{flex-direction:column;flex:1;gap:4px;display:flex}.chat-panel>header small{color:#6f747b;font-size:7px}.chat-panel>header button{color:#777c83;cursor:pointer;background:0 0;border:0;font-size:17px}.chat-messages{flex:1;min-height:0;padding:14px;overflow-y:auto}.chat-empty{text-align:center;place-content:center;justify-items:center;height:100%;display:grid}.chat-empty>span{color:#4e535a;font-size:24px}.chat-empty strong{margin:12px 0 5px;font-size:10px}.chat-empty small{color:#656a71;max-width:190px;font-size:8px;line-height:1.5}.chat-message{align-items:flex-start;gap:8px;margin-bottom:15px;display:flex}.chat-message>span{border-radius:7px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:8px;font-weight:750;display:grid}.chat-message>div{flex:1;min-width:0}.chat-message header{align-items:center;gap:6px;display:flex}.chat-message header strong{font-size:8px}.chat-message time{color:#5e636a;font-size:6px}.chat-message p{color:#b8bbc0;overflow-wrap:anywhere;margin:4px 0 0;font-size:9px;line-height:1.45}.chat-message img{object-fit:contain;background:#090a0c;border-radius:8px;max-width:100%;max-height:210px;margin-top:6px;display:block}.chat-message.mine p{color:#e1e2df}.chat-compose{border:1px solid var(--line);background:#191b1f;border-radius:10px;gap:5px;margin:0 10px 11px;padding:5px;display:flex}.chat-compose input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:34px;padding:0 6px;font-size:9px}.chat-compose button{color:#9da1a7;cursor:pointer;background:#25282d;border:0;border-radius:7px;flex:0 0 34px;width:34px;height:34px}.chat-compose button:last-child{background:var(--coral);color:#fff}.chat-compose button:disabled{opacity:.35}.audio-settings{width:270px!important}.audio-settings select{border:1px solid var(--line);color:#e3e4e1;background:#292c31;border-radius:7px;outline:0;width:100%;height:34px;padding:0 8px;font-size:8px}.audio-settings .mic-gain{width:100%;accent-color:var(--coral)}.user-menu{width:210px}.user-menu>label{color:#989ca2;padding:6px 8px 4px;font-size:7px;display:block}.user-menu>input{width:calc(100% - 16px);accent-color:var(--coral);margin:0 8px 8px}.room-error{z-index:65;color:#ffaaa4;background:#382326;border:1px solid #fa615740;border-radius:9px;padding:10px 12px;font-size:8px;position:fixed;top:17px;left:50%;transform:translate(-50%)}.room-error button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:10px}@keyframes chatIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@media (max-width:1000px){.room-app.chat-visible{grid-template-columns:220px minmax(0,1fr) 280px}.room-app.chat-visible .sidebar{padding-left:9px;padding-right:9px}.control-dock{left:50%}}@media (max-width:760px){.room-app,.room-app.chat-visible{grid-template-rows:116px minmax(0,1fr);grid-template-columns:1fr}.sidebar{height:116px;padding:7px 8px;display:block}.side-head{display:none}.channels-list{gap:5px;height:102px;padding:0;display:flex;overflow-x:auto}.channel{flex:none;margin:0}.channel-head{justify-content:center;width:72px;height:34px;padding:0 5px}.channel-head>span,.channel-head small{display:none}.channel-head strong{white-space:nowrap;flex:0;font-size:8px}.channel-members{border:0;gap:4px;height:63px;margin:0;padding:4px 0 0;display:flex}.channel:not(.active) .channel-members{display:none}.channel .person-row{flex-direction:row;flex:0 0 112px;width:112px;height:55px;padding:5px 6px}.channel .person-row div{align-items:flex-start;display:flex}.channel .live-badge{display:block;position:absolute;top:3px;right:3px}.channel .mic-status{display:block;position:absolute;bottom:5px;right:6px}.stage{grid-row:2;padding-bottom:82px}.chat-panel{z-index:50;height:auto;position:fixed;inset:0}.chat-panel>header{flex-basis:58px;height:58px}.chat-toggle span{display:none}.control-dock{gap:3px}.control-dock button{min-width:39px;padding:0 9px}.control-dock>.dock-separator{margin:0}.audio-settings{width:auto!important}.room-error{top:122px}.chat-message img{max-height:250px}}.control-dock{left:50%!important}.user-status-icons{align-items:center;gap:3px;margin-left:auto;display:flex}.user-status-icons .mic-status{margin-left:0}@media (max-width:760px){.channel .user-status-icons{position:absolute;bottom:5px;right:6px}.channel .user-status-icons .mic-status{position:static}}.channel-head strong,.person-row strong{letter-spacing:-.1px;font-size:11px}.channel-head small,.channel .person-row small,.person-voice-state{font-size:8.5px}.channel .live-badge{font-size:7px}.stage-bar p{font-size:9.5px}.chat-toggle{gap:7px;font-size:10.5px}.chat-toggle svg{flex:none;display:block}.media-label small,.volume-control span{font-size:9px}.control-dock button,.video-settings button{font-size:10.5px}.video-settings label,.audio-settings label{font-size:10px}.chat-panel>header strong{font-size:12px}.chat-panel>header small,.chat-message header{font-size:9px}.chat-message p{font-size:12.5px;line-height:1.55}.chat-compose input{font-size:12px}.join-card label{font-size:11px}.name-field input{font-size:13px}.name-field button,.avatar-picker strong{font-size:11px}.avatar-picker>div button,.avatar-picker .avatar-remove{font-size:10px}.brand{font-size:22px}.side-tip strong,.video-settings header strong,.audio-notice strong{font-size:11px}.side-tip p,.video-settings header small,.audio-notice small,.join-card>small{font-size:9.5px}.stage-empty h2{font-size:18px}.stage-empty p,.join-copy p{font-size:13px}.eyebrow{font-size:10px}.context-menu button,.audio-notice button,.room-error{font-size:10.5px}.media-card .media-type,.theater-close,.volume-control input{font-size:9.5px}.channels-list .channel .channel-head strong{font-size:10px!important}.channels-list .channel .channel-head small{font-size:8px!important}.channels-list .channel .person-row strong{line-height:1.2;font-size:11px!important}.channels-list .channel .person-row small,.channels-list .channel .person-voice-state{line-height:1.25;font-size:8px!important}.channels-list .channel .live-badge{font-size:7.5px!important}.channels-list .channel .person-row .watch-hint{font-size:8px!important}.chat-message header strong{font-weight:700;font-size:12px!important}.stage-bar h1{font-size:18px!important}.stage-bar p,.media-label small{font-size:10.5px!important}.media-label strong{font-size:13px!important}.control-dock button,.video-settings button,.context-menu button,.video-settings label,.audio-settings label{font-size:11px!important}@media (max-width:760px){.channel-head{width:72px}.channel .person-row{flex-basis:132px;width:132px}.channels-list .channel .channel-head strong{font-size:8px!important}.channels-list .channel .person-row strong{font-size:11px!important}.channels-list .channel .person-row small,.channels-list .channel .person-voice-state{font-size:8px!important}.channels-list .channel .person-row .watch-hint{font-size:7.5px!important}}