@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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]){appearance:button}::file-selector-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{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.grid{display:grid}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:#f6f9f7;--foreground:#060e07;--card:#eaf0eb;--card-foreground:#060e07;--popover:#f6f9f7;--popover-foreground:#060e07;--primary:#25ab3a;--primary-foreground:#f6f9f7;--secondary:#1b241d;--secondary-foreground:#f6f9f7;--muted:#929995;--muted-foreground:#4e594f;--accent:#25ab3a;--accent-foreground:#f6f9f7;--destructive:#e40014;--destructive-foreground:#f6f9f7;--border:#c9d0ca;--input:#d3d9d4;--ring:#25ab3a;--bg:#090a0a;--panel:#111313;--panel-2:#171a19;--line:#292e2c;--text:#f4f7f5;--green:#b8f23b;--green-dark:#7da91f}@supports (color:lab(0% 0 0)){:root{--background:lab(97.7475% -1.47587 .938189);--foreground:lab(3.18682% -2.98586 1.8382);--card:lab(94.3348% -2.95293 1.87833);--card-foreground:lab(3.18682% -2.98586 1.8382);--popover:lab(97.7475% -1.47587 .938189);--popover-foreground:lab(3.18682% -2.98586 1.8382);--primary:lab(61.6408% -53.5033 46.0491);--primary-foreground:lab(97.7475% -1.47587 .938189);--secondary:lab(13.2635% -5.93968 3.81275);--secondary-foreground:lab(97.7475% -1.47587 .938189);--muted-foreground:lab(36.4666% -5.92132 3.78248);--accent:lab(61.6408% -53.5033 46.0491);--accent-foreground:lab(97.7475% -1.47587 .938189);--destructive:lab(48.4493% 77.4328 61.5452);--destructive-foreground:lab(97.7475% -1.47587 .938189);--border:lab(82.7347% -2.95317 1.87876);--input:lab(86.2148% -2.95308 1.87862);--ring:lab(61.6408% -53.5033 46.0491)}}.dark{--background:#010201;--foreground:#f6f9f7;--card:#030704;--card-foreground:#f6f9f7;--popover:#030704;--popover-foreground:#f6f9f7;--secondary:#0d140e;--secondary-foreground:#f6f9f7;--muted:#879389;--muted-foreground:#879389;--border:#111812;--input:#0d140e;--destructive:#82181a;--destructive-foreground:#f6f9f7;--bg:#010201;--panel:#030704;--panel-2:#0d140e;--line:#111812;--text:#f6f9f7;--green:#25ab3a;--green-dark:#1e7729}@supports (color:lab(0% 0 0)){.dark{--background:lab(.482178% -.425667 .262582);--foreground:lab(97.7475% -1.47587 .938189);--card:lab(1.62735% -1.43663 .886211);--card-foreground:lab(97.7475% -1.47587 .938189);--popover:lab(1.62735% -1.43663 .886211);--popover-foreground:lab(97.7475% -1.47587 .938189);--secondary:lab(5.41886% -3.2711 2.038);--secondary-foreground:lab(97.7475% -1.47587 .938189);--muted:lab(59.6678% -5.91481 3.77171);--muted-foreground:lab(59.6678% -5.91481 3.77171);--border:lab(7.41292% -4.04801 2.52703);--input:lab(5.41886% -3.2711 2.038);--destructive:lab(28.5139% 44.5539 29.0463);--destructive-foreground:lab(97.7475% -1.47587 .938189);--bg:lab(.482178% -.425667 .262582);--panel:lab(1.62735% -1.43663 .886211);--panel-2:lab(5.41886% -3.2711 2.038);--line:lab(7.41292% -4.04801 2.52703);--text:lab(97.7475% -1.47587 .938189);--green:lab(61.6408% -53.5033 46.0491);--green-dark:lab(43.6592% -39.3928 33.645)}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.join-shell{isolation:isolate;background:radial-gradient(circle at 50% 28%,#182018 0,#090a0a 44%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.join-shell:before,.join-shell:after{content:"";z-index:-1;opacity:.16;filter:blur(70px);background:var(--green);border-radius:50%;width:360px;height:360px;animation:9s ease-in-out infinite alternate ambient-orbit;position:absolute}.join-shell:before{top:-150px;left:calc(50% - 300px)}.join-shell:after{opacity:.1;animation-delay:-4s;bottom:-190px;right:calc(50% - 300px)}.join-card{text-align:center;background:#111313f0;border:1px solid #262c29;border-radius:28px;width:min(100%,456px);padding:42px 44px 34px;animation:.75s cubic-bezier(.22,1,.36,1) both card-enter;box-shadow:0 30px 100px #0008}.join-brand{animation:.55s .1s both fade-up}.join-icon{animation:.7s cubic-bezier(.22,1,.36,1) .2s both icon-enter,4s ease-in-out 1s infinite icon-breathe}.join-card h1,.join-copy,.profile-picker,.name-field,.join-button,.privacy-note{animation:.55s .3s both fade-up}.profile-picker{animation-delay:.38s}.name-field{animation-delay:.44s}.join-button{animation-delay:.5s}.privacy-note{animation-delay:.56s}@keyframes card-enter{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes icon-enter{0%{opacity:0;transform:scale(.55)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes icon-breathe{0%,to{box-shadow:0 0 30px #b8f23b20}50%{box-shadow:0 0 65px #b8f23b45}}@keyframes icon-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes icon-ring{0%{opacity:.75;transform:scale(.82)}70%,to{opacity:0;transform:scale(1.18)}}@keyframes icon-pulse{0%,to{opacity:.82;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes ambient-orbit{0%{transform:translate(-20px,10px)scale(.9)}to{transform:translate(35px,45px)scale(1.12)}}@media (prefers-reduced-motion:reduce){.join-shell:before,.join-shell:after,.join-card,.join-brand,.join-icon,.join-card h1,.join-copy,.profile-picker,.name-field,.join-button,.privacy-note{animation:none}}.join-brand,.brand{letter-spacing:-.06em;align-items:center;gap:9px;font-size:21px;font-weight:800;display:inline-flex}.brand-mark{color:#10140c;background:var(--green);border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.brand-mark svg{width:16px}.brand-dot{color:var(--green)}.join-icon{color:#0d1209;background:linear-gradient(145deg, #d7ff72, var(--green));border:1px solid #d9ff8b66;border-radius:24px;place-items:center;width:82px;height:82px;margin:52px auto 27px;animation:.7s cubic-bezier(.22,1,.36,1) both icon-enter,4s ease-in-out 1s infinite icon-breathe,9s linear 1.2s infinite icon-rotate;display:grid;position:relative;box-shadow:0 22px 45px #0008,0 0 55px #b8f23b35}.join-icon:before,.join-icon:after{content:"";pointer-events:none;border:1px solid #b8f23b38;border-radius:30px;animation:3.8s ease-out infinite icon-ring;position:absolute;inset:-11px}.join-icon:after{border-color:#b8f23b1c;animation-delay:1.25s;inset:-23px}.join-icon svg{stroke-width:1.9px;width:31px;height:31px;animation:2.2s ease-in-out infinite icon-pulse}.eyebrow{color:#89928d;letter-spacing:.16em;margin:0 0 11px;font-size:10px;font-weight:800}.join-card h1,.stage h1{letter-spacing:-.075em;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:36px;line-height:.98}.join-card h1 span{color:var(--green);text-shadow:0 0 24px #b8f23b45}.join-copy{color:var(--muted);margin:18px 0 30px;font-size:14px;line-height:1.65}.join-card .eyebrow{color:var(--green);letter-spacing:.22em;font-size:9px}.profile-picker{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#171a19;border-radius:14px;align-items:center;gap:12px;padding:10px 13px;display:flex}.profile-picker>svg{width:16px;color:var(--muted);margin-left:auto;transform:rotate(-90deg)}.profile-image{width:39px;height:39px;color:var(--green);background:#273324;border-radius:12px;place-items:center;display:grid;overflow:hidden}.profile-image img{object-fit:cover;width:100%;height:100%}.profile-picker b,.profile-picker small{display:block}.profile-picker b{font-size:12px}.profile-picker small{color:var(--muted);margin-top:3px;font-size:11px}.avatar-color-picker{color:var(--muted);justify-content:space-between;align-items:center;margin-top:13px;font-size:11px;display:flex}.color-options{align-items:center;gap:7px;display:flex}.avatar-color-picker button,.rgb-picker{border:2px solid #0000;border-radius:50%;width:18px;height:18px;padding:0;box-shadow:0 0 0 1px #ffffff18}.avatar-color-picker button.selected{box-shadow:0 0 0 2px #101211, 0 0 0 3px var(--green);border-color:#f6f8f3;transform:scale(1.08)}.rgb-picker{cursor:pointer;background:conic-gradient(#f44,#ff0,#4f4,#4ff,#44f,#f4f,#f44);border-color:#89928d;place-items:center;display:grid;position:relative;overflow:hidden}.rgb-picker input{cursor:pointer;opacity:0;width:30px;height:30px;position:absolute;inset:-6px}.rgb-picker span{color:#fff;text-shadow:0 1px 2px #000;pointer-events:none;font-size:5px;font-weight:900}.name-field{color:var(--muted);text-align:left;margin-top:22px;font-size:11px;display:block}.name-field input{border:1px solid var(--line);width:100%;color:var(--text);background:#0e100f;border-radius:12px;outline:0;margin-top:8px;padding:14px 15px;font-size:14px;display:block}.name-field input:focus{border-color:var(--green-dark)}.join-button,.share-button{color:#10140c;background:var(--green);border:0;font-weight:800}.join-button{border-radius:12px;justify-content:space-between;width:100%;margin-top:18px;padding:15px 17px;display:flex}.join-button:disabled{cursor:not-allowed;opacity:.35}.privacy-note{color:#68716c;margin:25px 0 0;font-size:11px}.call-shell{background:radial-gradient(circle at 50% 0, #162019 0, var(--bg) 38%);min-height:100vh;padding:0 4vw 42px}.call-arrival{animation:.9s cubic-bezier(.22,1,.36,1) both call-arrival}.call-arrival .topbar{animation:.7s cubic-bezier(.22,1,.36,1) 80ms both call-topbar}.call-arrival .stage{animation:.8s cubic-bezier(.22,1,.36,1) .14s both call-stage}.call-arrival .control-panel{animation:.7s cubic-bezier(.22,1,.36,1) .3s both call-panel}@keyframes call-arrival{0%{opacity:0}to{opacity:1}}@keyframes call-topbar{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes call-stage{0%{opacity:0;transform:translateY(28px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes call-panel{0%{opacity:0}to{opacity:1}}.topbar{border-bottom:1px solid #202522;justify-content:space-between;align-items:center;height:84px;display:flex}.room-pill{border:1px solid var(--line);color:#cbd1cd;background:#101211;border-radius:99px;align-items:center;gap:9px;padding:9px 13px;font-size:12px;display:flex}.room-pill button,.icon-button{color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.room-pill button svg{width:14px}.room-id{color:var(--muted)}.live-dot,.status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%}.icon-button{border:1px solid var(--line);border-radius:50%;width:35px;height:35px}.icon-button svg{width:15px}.stage{max-width:1120px;margin:50px auto 25px}.stage-heading,.panel-heading,.bottom-actions{justify-content:space-between;align-items:center;display:flex}.stage h1{font-size:27px}.participant-count{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.participant-count svg{width:15px}.video-grid{grid-template-columns:2fr 1fr;gap:14px;margin-top:24px;display:grid}.video-tile{background:#171b19;border:1px solid #303631;border-radius:17px;min-height:230px;position:relative;overflow:hidden}.shared-screen{background:#101412;grid-row:span 2;min-height:474px}.screen-glow{background:radial-gradient(#49722266,#0000 58%);position:absolute;inset:25% -10% -20%}.screen-content{color:#172019;background:#d2e0d4;border:1px solid #39443b;border-radius:9px;position:absolute;inset:25px 25px 48px;overflow:hidden;transform:perspective(800px)rotateX(2deg);box-shadow:0 18px 50px #0008}.screen-top{color:#6e7b71;background:#eaf1e9;justify-content:space-between;align-items:center;height:30px;padding:0 10px;font-size:8px;display:flex}.screen-top svg{width:13px}.window-dots{gap:4px;display:flex}.window-dots i{background:#b6c3b9;border-radius:50%;width:5px;height:5px}.screen-body{height:100%;display:flex}.fake-sidebar{color:#9aae9d;background:#1c2a20;flex-direction:column;gap:15px;width:28%;padding:23px 12px;font-size:9px;display:flex}.fake-sidebar b{color:#c2f34b;margin-bottom:17px;font-size:14px}.fake-sidebar .active{color:#1c2a20;background:#c2f34b;border-radius:5px;padding:8px}.fake-dashboard{padding:33px 27px}.fake-dashboard small{color:#7b907d;letter-spacing:.16em;font-size:8px}.fake-dashboard strong{letter-spacing:-.07em;margin-top:10px;font-size:28px;line-height:1.05;display:block}.fake-dashboard em{color:#739d2b;font-style:normal}.fake-bars{align-items:end;gap:7px;height:80px;margin-top:40px;display:flex}.fake-bars i{background:#8db73f;border-radius:3px 3px 0 0;width:20px;height:45%}.fake-bars i:nth-child(2){height:75%}.fake-bars i:nth-child(3){height:55%}.fake-bars i:nth-child(4){height:95%}.fake-bars i:nth-child(5){height:65%}.person-tile{min-height:230px}.avatar{border-radius:50%;place-items:center;width:84px;height:84px;margin:63px auto 0;font-size:21px;font-weight:800;display:grid}.avatar-violet{color:#efd9ff;background:#78518a}.avatar-blue{color:#d7edff;background:#3c6b86}.tile-label{color:#eef3ef;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:12px;left:13px;right:13px}.tile-label span:first-child{align-items:center;gap:6px;display:flex}.green-live{color:var(--green)}.green-live svg{width:13px}.muted-icon{color:#d77474;width:12px}.quality-badge{color:#9ea8a1;background:#29302b;border-radius:4px;padding:3px 5px;font-size:9px;font-weight:800}.control-panel{background:linear-gradient(115deg,#151918,#101211);border:1px solid #272d29;border-radius:17px;max-width:1120px;margin:0 auto;padding:25px}.panel-heading h2{letter-spacing:-.03em;margin:0;font-size:15px}.control-row{gap:9px;margin-top:20px;display:flex}.media-control{transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}.media-control:active{transform:scale(.92)}.media-control.is-muted,.media-control.is-disabled{color:#fff;background:#5c2029;border-color:#b83b49;animation:1.8s ease-in-out infinite media-toggle-pulse;box-shadow:0 0 0 3px #e34b5d22,0 8px 22px #e34b5d26}.media-control.is-muted svg,.media-control.is-disabled svg{animation:.24s ease-out both media-icon-pop}@keyframes media-toggle-pulse{0%,to{box-shadow:0 0 0 3px #e34b5d18,0 8px 22px #e34b5d20}50%{box-shadow:0 0 0 6px #e34b5d08,0 8px 28px #e34b5d36}}@keyframes media-icon-pop{0%{opacity:.35;transform:scale(.72)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.share-button{text-align:left;border-radius:11px;flex:1;align-items:center;gap:9px;padding:14px 16px;font-size:12px;display:flex}.share-button svg{width:17px}.share-button span{opacity:.6;margin-left:auto;font-size:9px}.share-button.is-sharing{color:#f5d6d6;background:#54292a}.round-control{border:1px solid var(--line);width:47px;height:47px;color:var(--text);background:#1b201d;border-radius:11px;place-items:center;display:grid}.round-control svg{width:17px}.settings-row{border-top:1px solid #252b27;gap:35px;margin-top:22px;padding-top:20px;display:flex}.settings-row label{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.segmented{background:#0c0f0d;border-radius:8px;padding:3px;display:flex}.segmented button{color:#6f7972;background:0 0;border:0;border-radius:5px;padding:6px 9px;font-size:10px}.segmented button.selected{color:#14200b;background:var(--green);font-weight:800}.bottom-actions{color:var(--muted);margin-top:22px;font-size:11px}.bottom-actions>span{align-items:center;gap:7px;display:flex}.bottom-actions svg{width:14px}.leave-button{color:#dc8888;background:0 0;border:0;align-items:center;gap:8px;font-size:11px;display:flex}.leave-button svg{width:14px}@media (max-width:700px){.join-card{padding:32px 22px 28px}.call-shell{padding:0 16px 25px}.topbar{height:68px}.room-pill{font-size:10px}.stage{margin-top:32px}.video-grid{grid-template-columns:1fr}.shared-screen{grid-row:auto;min-height:330px}.person-tile{min-height:180px}.screen-content{inset:18px 18px 44px}.fake-dashboard{padding:20px 17px}.fake-dashboard strong{font-size:21px}.settings-row{flex-wrap:wrap;gap:14px}.settings-row label{justify-content:space-between;width:100%}.bottom-actions{flex-direction:column;align-items:flex-start;gap:18px}}.cinematic-entry{z-index:30;color:#f6f8f3;background:#050706;place-items:center;animation:.3s ease-out both cinematic-arrive;display:grid;position:fixed;inset:0;overflow:hidden}.cinematic-shade{background:radial-gradient(circle,#1d2d18 0,#080b08 37%,#020302 78%);animation:1.15s ease-out both cinematic-shade-in;position:absolute;inset:0}.cinematic-orbit{border:1px solid #b8f23b33;border-radius:50%;width:42vw;min-width:300px;height:42vw;min-height:300px;position:absolute;box-shadow:0 0 70px #b8f23b18,inset 0 0 60px #b8f23b10}.cinematic-orbit-one{animation:1.15s cubic-bezier(.22,1,.36,1) both cinematic-orbit-one}.cinematic-orbit-two{border-color:#d7ff724d;width:28vw;min-width:210px;height:28vw;min-height:210px;animation:1.15s cubic-bezier(.22,1,.36,1) both cinematic-orbit-two}.cinematic-logo{color:#10150c;background:linear-gradient(145deg,#e3ff8f,#8fc52b);border:1px solid #d7ff72aa;border-radius:28px;place-items:center;width:92px;height:92px;animation:.8s cubic-bezier(.22,1,.36,1) .12s both cinematic-logo-in;display:grid;position:relative;box-shadow:0 0 0 1px #b8f23b1c,0 0 70px #b8f23b55,0 25px 80px #000b}.cinematic-logo svg{stroke-width:1.7px;width:38px;height:38px;animation:3s linear infinite icon-rotate}.cinematic-kicker,.cinematic-entry strong,.cinematic-progress{position:absolute;left:50%;transform:translate(-50%)}.cinematic-kicker{color:#b8f23b;letter-spacing:.22em;margin:0;font-size:10px;font-weight:800;animation:.6s .38s both cinematic-copy-in;top:calc(50% + 84px)}.cinematic-entry strong{white-space:nowrap;letter-spacing:-.03em;font-size:17px;animation:.6s .48s both cinematic-copy-in;top:calc(50% + 111px)}.cinematic-progress{background:#ffffff1c;border-radius:9px;width:110px;height:2px;animation:.5s .55s both cinematic-copy-in;top:calc(50% + 151px);overflow:hidden}.cinematic-progress:after{content:"";border-radius:inherit;background:var(--green);width:45%;height:100%;box-shadow:0 0 12px var(--green);animation:1.05s ease-in-out 80ms both cinematic-progress;display:block}@keyframes cinematic-arrive{0%{opacity:0}to{opacity:1}}@keyframes cinematic-shade-in{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes cinematic-orbit-one{0%{opacity:0;transform:scale(.35)rotate(-50deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes cinematic-orbit-two{0%{opacity:0;transform:scale(1.5)rotate(65deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes cinematic-logo-in{0%{opacity:0;transform:scale(.5)rotate(-18deg)}70%{transform:scale(1.06)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes cinematic-copy-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes cinematic-progress{0%{transform:translate(-120%)}to{transform:translate(245%)}}@media (prefers-reduced-motion:reduce){.cinematic-entry *,.cinematic-entry{animation:none!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.soundboard-dock{z-index:20;background:#0e0c12;border:1px solid #342f3a;border-radius:18px;grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);gap:12px;width:min(900px,100vw - 32px);height:max-content;max-height:min(720px,100vh - 110px);margin:auto;padding:18px;animation:.2s ease-out both soundboard-in;display:grid;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 90px #000c}.soundboard-dock .soundboard,.sound-editor{width:auto;max-height:none;box-shadow:none;background:#16131c;border:1px solid #2f2938;border-radius:13px;margin:0;padding:18px;animation:none;position:static;overflow:visible}.soundboard-dock .soundboard:after{display:none}.sound-editor{flex-direction:column;min-width:0;display:flex}.sound-editor-heading{justify-content:space-between;align-items:flex-start;display:flex}.sound-editor-heading h3{margin:0;font-size:18px}.sound-editor-heading>span{color:var(--green);background:#202a1b;border-radius:5px;padding:5px 7px;font-size:10px;font-weight:800}.sound-editor-copy,.sound-editor-note{color:#9f98a8;font-size:12px;line-height:1.5}.add-sound-drop{color:#ddd6e5;cursor:pointer;background:#211d26;border:1px dashed #514660;border-radius:11px;align-items:center;gap:11px;min-height:92px;margin-top:12px;padding:15px;display:flex}.add-sound-drop svg{width:20px;color:var(--green)}.add-sound-drop b,.add-sound-drop small{display:block}.add-sound-drop b{font-size:12px}.add-sound-drop small{color:#9f98a8;margin-top:4px;font-size:10px}.add-sound-drop input{opacity:0;width:1px;height:1px;position:absolute}.trim-preview{margin-top:auto;padding-top:24px}.trim-wave{background:#211d26;border-radius:9px;justify-content:space-around;align-items:center;height:80px;padding:0 10px;display:flex}.trim-wave i{background:var(--green);opacity:.7;border-radius:9px;width:5px;height:35%}.trim-wave i:nth-child(2n){height:72%}.trim-wave i:nth-child(3n){height:50%}.trim-range{color:#9f98a8;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.soundboard-dock .soundboard-actions{margin-top:14px}.soundboard-dock .sound-grid{max-height:380px;overflow:auto}@media (max-width:700px){.soundboard-dock{grid-template-columns:1fr;max-height:calc(100vh - 64px);padding:12px}.soundboard-dock .sound-grid{max-height:200px}}.soundboard-actions{background:#211d26;border:1px solid #3b3347;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:16px;padding:14px;display:grid}.soundboard-actions:before{content:"ADICIONAR E CORTAR MP3";color:#ddd6e5;letter-spacing:.04em;grid-column:1/-1;font-size:11px;font-weight:800}.soundboard-actions small{color:#9f98a8}.add-sound-button{justify-content:center;min-height:38px}.call-shell{background:#000;height:100vh;min-height:100vh;padding:0;overflow:hidden}.topbar{z-index:3;background:linear-gradient(#0008,#0000);border-bottom:0;height:58px;padding:0 18px;position:absolute;top:0;left:0;right:0}.topbar .brand{opacity:.9;font-size:16px}.topbar .brand-mark{border-radius:7px;width:24px;height:24px}.room-pill{background:#17131c;border:0;box-shadow:0 4px 20px #0006}.icon-button{color:#b8bdc5;background:#18151d}.stage{width:100%;max-width:none;height:100%;margin:0;padding:46px 2px 92px}.stage-heading{z-index:2;pointer-events:none;display:block;position:absolute;top:68px;left:22px}.stage-heading .eyebrow,.stage-heading h1{display:none}.participant-count{color:#d7d9df;background:#18151dcc;border-radius:7px;padding:7px 10px;font-size:11px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:8px;width:100%;height:100%;margin:0;padding:0;display:grid;overflow-y:auto}.video-tile,.shared-screen{background:#211b31;border:1px solid #292333;border-radius:7px;min-height:0}.shared-screen{grid-row:auto}.video-grid .video-tile:nth-child(3){grid-column:auto;justify-self:stretch;width:auto}.person-tile{background:#211b31;place-items:center;display:grid}.person-tile .avatar{border:2px solid #514467;border-radius:50%;place-items:center;width:82px;height:82px;margin:0;font-size:21px;display:grid;position:relative;overflow:hidden}.person-tile .avatar img{object-fit:cover;width:100%;height:100%}.tile-label{bottom:12px;left:12px;right:12px}.tile-label>span:first-child{color:#f1eef6;background:#0b0710cc;border-radius:5px;padding:7px 9px;font-size:12px}.tile-label>span:last-child,.shared-screen .screen-content{display:none}.shared-screen .screen-glow{background:radial-gradient(circle,#5c416d66,#0000 60%);inset:0}.shared-screen .tile-label>span:first-child{color:#e9e1f4}.control-panel{z-index:5;background:0 0;border:0;justify-content:center;align-items:center;width:auto;min-width:0;margin:0;padding:0;display:flex;position:fixed;bottom:15px;left:0;right:0}.panel-heading,.settings-row,.bottom-actions{display:none}.control-row{align-items:center;gap:8px;margin:0;padding:0;display:flex}.share-button{color:#f4f1f7;background:#211d26;border-radius:11px;flex:none;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:0;display:inline-flex}.share-button svg{flex:none;align-self:center;width:17px;height:17px;margin:0;display:block}.control-panel .control-row:nth-of-type(2) .share-button:first-of-type>svg{width:32px;height:32px;transform:translate(4px)}.control-panel .control-row:nth-of-type(2) .share-button.is-sharing:first-of-type>svg{place-self:center;width:32px;height:32px;transform:translate(4px)}.control-panel .control-row:nth-of-type(2) .round-control:nth-of-type(2)>svg{width:32px;height:32px}.share-button span{display:none}.share-button.is-sharing{color:#fff;background:#c83245;border-color:#e34b5d;animation:1.8s ease-in-out infinite sharing-pulse;box-shadow:0 0 0 1px #ff6b7a,0 12px 35px #e34b5d45}.share-button.is-sharing svg{animation:1.2s ease-in-out infinite sharing-icon-pulse}@keyframes sharing-pulse{0%,to{box-shadow:0 0 0 1px #ff6b7a,0 12px 35px #e34b5d35}50%{box-shadow:0 0 0 4px #e34b5d30,0 12px 42px #e34b5d58}}@keyframes sharing-icon-pulse{50%{transform:scale(1.08)}}.round-control{background:#211d26;border-color:#342f3a;border-radius:11px;width:50px;height:50px}.round-control:hover,.share-button:hover{background:#342e3c}.reaction-control{color:#fff;background:linear-gradient(145deg,#ff6fb7 0%,#9b6dff 48%,#4eb8ff 100%);border-color:#8e65ff;box-shadow:0 8px 24px #9b6dff4a}.round-control svg,.round-control img{object-fit:contain;flex:0 0 24px;width:24px;height:24px;display:block}.reaction-control img{mix-blend-mode:screen;border-radius:6px;flex-basis:40px;width:40px;height:42px}.reaction-control:hover{filter:saturate(1.2)brightness(1.08);transform:translateY(-2px)}.round-control[aria-label=Mais\ opções]{margin-left:5px}.control-row:after{content:"•••";color:#ebe8ef;letter-spacing:3px;background:#211d26;border-radius:11px;place-items:center;width:50px;height:50px;margin-left:5px;display:grid}.control-panel:after{content:"◼";color:#fff;background:#d83c4d;border-radius:11px;place-items:center;width:57px;height:50px;margin-left:12px;font-size:19px;display:grid}@media (min-width:1500px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:700px){.stage{padding:42px 2px 86px}.video-grid{grid-template-columns:1fr;gap:5px;overflow-y:auto}.video-grid .video-tile:nth-child(3){width:auto}.person-tile .avatar{width:60px;height:60px}.topbar{padding:0 10px}.topbar .brand{display:none}.room-pill{margin:auto}}.control-row:after,.round-control[aria-label=Mais\ opções],.soundboard-player-mode .soundboard-empty,.soundboard-player-mode input[type=file]{display:none}.soundboard-editor-mode input[type=file]{color:#d8d8e0;width:100%;margin-top:10px;font-size:13px;display:block}.soundboard-editor-mode input[type=file]::file-selector-button{color:#f0f0f5;cursor:pointer;background:#262630;border:1px solid #454552;border-radius:7px;margin-right:10px;padding:8px 12px}.soundboard-player-mode{background:#15151a;border-color:#2d2d35;width:min(500px,100vw - 32px);padding:18px}.soundboard-player-mode .soundboard-header{margin-bottom:14px}.soundboard-volume-control{color:#c8c8d0;gap:4px;min-width:155px;font-size:11px;display:grid}.soundboard-volume-control span{color:#a9a0ff}.soundboard-volume-control input{accent-color:#756cff;cursor:grab;width:155px}.soundboard-player-mode .soundboard-header .eyebrow{color:#a9a9b4;letter-spacing:.16em}.soundboard-player-mode .soundboard-header h3{color:#f5f5f7;font-size:20px}.soundboard-player-mode .sound-grid{grid-template-columns:repeat(3,1fr);gap:8px}.soundboard-player-mode .sound-card{background:#202126;border:0;border-radius:7px;flex-direction:row;align-items:center;gap:7px;min-height:42px;padding:8px 10px;font-size:12px}.soundboard-player-mode .sound-card:hover,.soundboard-player-mode .sound-card.active{background:#30313a;border:0;transform:translateY(-1px)}.soundboard-player-mode .sound-card .sound-icon{flex:none;width:18px;height:18px;font-size:15px}.soundboard-player-mode .sound-card small{text-overflow:ellipsis;white-space:nowrap;color:#f1f1f4;overflow:hidden}.soundboard-player-mode .soundboard-actions,.soundboard-player-mode .remove-sound{display:none}.audio-upload-overlay{z-index:40;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.audio-upload-modal{color:#e8e8ee;pointer-events:auto;background:#0e0e11;border:1px solid #2d2d35;border-radius:8px;width:min(475px,100vw - 32px);padding:24px;position:relative;box-shadow:0 20px 70px #000b}.audio-upload-modal h2{margin:0 0 24px;font-size:20px}.audio-upload-modal>p{color:#c8c8d0;margin:0 0 10px}.audio-upload-modal label{color:#c8c8d0;gap:8px;margin-top:18px;font-size:14px;display:grid}.audio-upload-close{color:#aaa;background:0 0;border:0;font-size:28px;position:absolute;top:12px;right:14px}.audio-waveform{background:#050507;border-radius:5px;align-items:center;gap:12px;height:94px;padding:12px;display:flex;position:relative}.audio-preview-play{color:#d9d9e2;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:30px;height:30px;display:grid}.waveform-bars{z-index:1;flex:1;align-items:center;gap:3px;height:70px;display:flex;position:relative;overflow:hidden}.waveform-bars i{background:#cfd0da;width:2px;min-height:8px}.audio-trim-overlay{z-index:2;pointer-events:none;background:#8e7dff18;border-left:3px solid #a79bff;border-right:3px solid #a79bff;position:absolute;inset:8px 12px 8px 54px}.trim-handle{background:#a79bff;border-radius:5px;width:16px;height:calc(100% + 6px);position:absolute;top:-3px;transform:translate(-50%);box-shadow:0 0 0 2px #0e0e11,0 0 12px #8e7dff}.trim-handle:after{content:"";background:#30285d;border-radius:3px;width:4px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-trim-controls{grid-template-columns:1fr 1fr;gap:14px;display:grid}.audio-trim-controls label{margin-top:10px}.audio-waveform small{color:#8b87ff;align-self:flex-end}.audio-file-name,.audio-fields input{color:#ddd;background:0 0;border:1px solid #35353d;border-radius:8px;min-height:40px;padding:9px 12px}.audio-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.audio-fields input{width:100%}.audio-upload-modal input.audio-trim-range{accent-color:#736cff;cursor:grab;touch-action:none;width:100%;height:24px;margin:0;padding:0;display:block}.audio-upload-modal input.audio-trim-range:active{cursor:grabbing}.audio-upload-modal label:has(.audio-trim-range){gap:4px}.audio-volume-control{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid;margin-top:18px!important}.audio-volume-control input{grid-column:1/-1}.audio-volume-control span{color:#9b92ff;font-size:13px}.audio-upload-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;display:grid}.audio-upload-actions button{color:#ddd;background:#1d1d22;border:1px solid #393941;border-radius:8px;min-height:40px}.audio-upload-actions button:last-child{color:#fff;background:#4149a2}.audio-upload-actions button:disabled{opacity:.45}.soundboard{z-index:20;background:#16131c;border:1px solid #342f3a;border-radius:18px;width:min(680px,100vw - 32px);max-height:min(720px,100vh - 120px);padding:22px;animation:.2s ease-out both soundboard-in;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 90px #000c}.soundboard:after{content:"";background:#16131c;border-bottom:1px solid #342f3a;border-right:1px solid #342f3a;width:13px;height:13px;position:absolute;bottom:-7px;left:calc(50% - 7px);transform:rotate(45deg)}.soundboard-icon{object-fit:contain;mix-blend-mode:normal;border-radius:0;width:32px!important;height:32px!important}.control-panel .control-row:nth-of-type(2) .round-control:nth-of-type(3)>svg{width:32px;height:32px}.soundboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.soundboard-header .eyebrow{margin-bottom:4px}.soundboard-header h3{letter-spacing:-.03em;margin:0;font-size:18px}.soundboard-close{cursor:pointer;color:#ddd6e5;background:#211d26;border:1px solid #554c5f;border-radius:50%;place-items:center;width:32px;height:32px;font-size:22px;line-height:1;display:grid}.soundboard-close:hover{border-color:var(--green);color:var(--green)}.sound-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sound-card{color:#ebe8ef;text-align:left;background:#211d26;border:1px solid #292431;border-radius:9px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:58px;padding:9px 11px;transition:border-color .15s,background .15s,transform .15s;display:flex}.sound-card:hover,.sound-card.active{border-color:var(--green);background:#293322;transform:translateY(-2px)}.sound-card>span{font-size:17px;line-height:1}.sound-card b{color:#c9c4cf;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;font-weight:600;overflow:hidden}.soundboard-footer{color:#85808d;justify-content:space-between;align-items:center;margin-top:13px;font-size:10px;display:flex}.soundboard-volume{align-items:center;gap:5px;display:flex}.soundboard-volume svg{width:13px}.soundboard-trigger.is-active{color:#152008;border-color:var(--green);background:var(--green)}@keyframes soundboard-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.soundboard-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.add-sound-button{cursor:pointer;color:var(--green);background:#202a1b;border:1px solid #3a4930;border-radius:8px;align-items:center;padding:8px 10px;font-size:11px;font-weight:700;display:inline-flex}.add-sound-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.soundboard-actions small{color:#85808d;font-size:10px}.custom-sound{padding:0;position:relative;overflow:hidden}.sound-card-main{color:#ebe8ef;text-align:left;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:100%;min-height:58px;padding:9px 28px 9px 11px;display:flex}.sound-card-main:hover,.sound-card-main.active{background:#293322}.sound-card-main span{font-size:17px;line-height:1}.sound-card-main b{color:#c9c4cf;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;font-weight:600;overflow:hidden}.remove-sound{color:#a59daa;background:0 0;border:0;border-radius:50%;width:18px;height:18px;font-size:17px;line-height:1;position:absolute;top:5px;right:6px}.remove-sound:hover{color:#fff;background:#612f38}@media (max-width:700px){.soundboard{max-height:calc(100vh - 64px);padding:16px}.sound-grid{grid-template-columns:repeat(2,1fr)}}.control-panel:after{display:none}.leave-control{color:#fff;background:#d83c4d;border:0;border-radius:11px;place-items:center;width:57px;height:50px;margin-left:12px;display:grid}.leave-control:hover{background:#e84c5d}.leave-control svg{width:20px;height:20px}.share-button:disabled{cursor:progress;opacity:.6}.live-dot.is-warning{background:#f2c94c;box-shadow:0 0 10px #f2c94c}.icon-button.is-active{color:var(--green);border-color:var(--green)}.call-toast{z-index:25;color:#ebe8ef;text-align:center;background:#16131cf2;border:1px solid #342f3a;border-radius:10px;max-width:min(560px,100vw - 32px);padding:10px 14px;font-size:12px;line-height:1.5;animation:.25s ease-out both toast-in;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #000a}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.video-tile.has-media{background:#000}.tile-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.camera-video{object-fit:cover}.camera-video.mirrored{transform:scaleX(-1)}.tile-label{z-index:2}.tile-label>span:only-child{display:flex}.tile-label .no-audio,.tile-label .you-badge{color:#a9a0b8;font-style:normal;font-weight:400}.tile-label .you-badge{background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:10px}.tile-status{z-index:1;color:#ddd6e5;text-align:center;pointer-events:none;background:#0b0710b3;place-items:center;margin:0;padding:20px;font-size:13px;display:grid;position:absolute;inset:0}.tile-actions{z-index:3;opacity:0;align-items:center;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:10px;right:10px}.video-tile:hover .tile-actions,.tile-actions:focus-within{opacity:1}.tile-action,.tile-volume{color:#f1eef6;background:#0b0710cc;border:0;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 9px;font-size:11px;display:inline-flex}.tile-action svg,.tile-volume svg{width:14px;height:14px}.tile-volume input{accent-color:#9b7cff;width:80px}.video-grid.focus-layout{flex-direction:column;gap:8px;display:flex;overflow:hidden}.screen-area{flex:auto;grid-auto-rows:minmax(0,1fr);gap:8px;min-height:0;display:grid}.people-strip{flex:0 0 var(--strip-size,170px);grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:8px;min-height:0;display:grid;overflow-x:auto}.person-tile.compact .avatar{width:54px;height:54px;font-size:15px}.person-tile.compact .tile-label{bottom:8px;left:8px;right:8px}.person-tile.compact .tile-label>span:first-child{padding:5px 7px;font-size:11px}.settings-panel{z-index:21;color:#ebe8ef;background:#16131c;border:1px solid #342f3a;border-radius:16px;width:min(340px,100vw - 32px);max-height:calc(100vh - 170px);padding:18px;animation:.2s ease-out both fade-up;position:fixed;top:64px;right:18px;overflow:auto;box-shadow:0 24px 90px #000c}.settings-field{color:#c8c3cf;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:12px;display:flex}.settings-field.column{justify-content:normal;gap:6px;display:grid}.settings-field select{color:#ebe8ef;background:#0e0c12;border:1px solid #342f3a;border-radius:8px;width:100%;min-height:36px;padding:0 10px;font-size:12px}.settings-field select:disabled{opacity:.55}.settings-field small{color:#85808d;font-size:10px;line-height:1.5}.join-error{color:#f5c7cd;text-align:left;background:#2a1216;border:1px solid #5c2029;border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:12px}.logout-link{color:#68716c;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;width:100%;margin:22px 0 0;padding:0;font-size:11px;display:flex}.logout-link:hover{color:var(--text)}.logout-link svg{width:13px;height:13px}.soundboard-hint{color:#85808d;grid-column:1/-1;margin:0;font-size:12px}@media (max-width:700px){.people-strip{flex-basis:120px;grid-auto-columns:minmax(130px,45%)}.control-row{gap:6px}.round-control,.share-button{width:44px;height:44px}.leave-control{width:48px;height:44px;margin-left:4px}}.soundboard{overflow-x:hidden}.soundboard:after{display:none}.soundboard-empty{grid-column:1/-1}.waveform-bars{justify-content:space-between}.quality-pill{z-index:2;color:#d7d9df;font-variant-numeric:tabular-nums;background:#0b0710cc;border-radius:5px;padding:6px 8px;font-size:11px;position:absolute;bottom:12px;right:12px}.topbar-actions{align-items:center;gap:8px;display:flex}.layout-switch{background:#18151d;border-radius:99px;gap:2px;padding:3px;display:flex;box-shadow:0 4px 20px #0006}.layout-switch button{color:#8f8a98;background:0 0;border:0;border-radius:99px;place-items:center;width:30px;height:29px;display:grid}.layout-switch button:hover{color:#ebe8ef}.layout-switch button.selected{color:#14200b;background:var(--green)}.layout-switch svg{width:15px;height:15px}.focus-layout{gap:0}.layout-divider{cursor:row-resize;touch-action:none;flex:0 0 10px;position:relative}.layout-divider:after{content:"";background:#3a3345;border-radius:9px;width:46px;height:4px;transition:background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.layout-divider:hover:after,.is-resizing-y .layout-divider:after,.is-resizing-x .layout-divider:after{background:var(--green)}body.is-resizing-y,body.is-resizing-y *{-webkit-user-select:none;user-select:none;cursor:row-resize!important}body.is-resizing-x,body.is-resizing-x *{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.focus-layout.is-sidebar{flex-direction:row}.focus-layout.is-sidebar .layout-divider{cursor:col-resize}.focus-layout.is-sidebar .layout-divider:after{width:4px;height:46px}.focus-layout.is-sidebar .people-strip{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;grid-auto-columns:auto;grid-auto-flow:row;align-content:start;overflow:hidden auto}.focus-layout.is-sidebar .people-strip .video-tile{aspect-ratio:16/9}@media (max-width:700px){.layout-divider{display:none}.focus-layout.is-sidebar{flex-direction:column}.focus-layout.is-sidebar .people-strip{grid-auto-rows:auto;grid-auto-flow:column}.layout-switch{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}