/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-400:#9d8cff;--color-brand-500:#7664e8;--color-brand-600:#6552d8}}@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%;-moz-tab-size:4;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;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.right-4{right:calc(var(--spacing) * 4)}.left-1\/2{left:50%}.z-50{z-index:50}.block{display:block}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-full{width:100%;height:100%}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.w-\[min\(92vw\,32rem\)\]{width:min(92vw,32rem)}.w-full{width:100%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-\[\#202128\]{background-color:#202128}.bg-black{background-color:var(--color-black)}.bg-black\/65{background-color:#000000a6}@supports (color:color-mix(in lab,red,red)){.bg-black\/65{background-color:color-mix(in oklab,var(--color-black) 65%,transparent)}}.bg-brand-500{background-color:var(--color-brand-500)}.bg-brand-500\/15{background-color:#7664e826}@supports (color:color-mix(in lab,red,red)){.bg-brand-500\/15{background-color:color-mix(in oklab,var(--color-brand-500) 15%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-white\/6{background-color:#ffffff0f}@supports (color:color-mix(in lab,red,red)){.bg-white\/6{background-color:color-mix(in oklab,var(--color-white) 6%,transparent)}}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.bg-white\/8{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.fill-black{fill:var(--color-black)}.object-cover{object-fit:cover}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-6{padding:calc(var(--spacing) * 6)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-brand-400{color:var(--color-brand-400)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab,red,red)){.text-white\/75{color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-white\/40::placeholder{color:#fff6}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-white\/40::placeholder{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}@media(hover:hover){.hover\:bg-brand-600:hover{background-color:var(--color-brand-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-white\/8:hover{background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/8:hover{background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.hover\:bg-white\/12:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/12:hover{background-color:color-mix(in oklab,var(--color-white) 12%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-brand-400:focus{border-color:var(--color-brand-400)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-brand-400\/20:focus{--tw-ring-color:#9d8cff33}@supports (color:color-mix(in lab,red,red)){.focus\:ring-brand-400\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-brand-400) 20%, transparent)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-brand-400:focus-visible{--tw-ring-color:var(--color-brand-400)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}}:root{color-scheme:dark;--color-bg:#0b0a12;--color-surface-1:#12101c;--color-surface-2:#1a1727;--color-surface-3:#221e33;--color-surface-4:#2a2540;--color-border:#2a2540;--color-border-strong:#3b3458;--color-primary:#8b5cf6;--color-primary-hover:#a78bfa;--color-primary-pressed:#7c3aed;--color-primary-soft:#8b5cf61c;--color-secondary:#d946ef;--color-secondary-soft:#d946ef17;--color-speaking:#3be08f;--color-danger:#f43f5e;--color-danger-hover:#fb7185;--color-warning:#f59e0b;--color-success:#22c55e;--color-text:#edebf7;--color-text-secondary:#aaa5c3;--color-text-tertiary:#7f7999;--color-overlay:#07060cc7;--font-display:"Space Grotesk","Inter",system-ui,sans-serif;--font-ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-display:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-pill:999px;--shadow-sm:0 1px 2px #00000038,0 6px 18px #0000001f;--shadow-md:0 18px 48px #00000045,0 2px 8px #0000002e;--shadow-lg:0 28px 90px #00000070,0 0 0 1px #ffffff05 inset;--glow-primary:0 0 0 1px #a78bfa36,0 10px 30px #8b5cf62b;--glow-speaking:0 0 0 2px var(--color-speaking),0 0 28px #3be08f38;--ease-standard:cubic-bezier(.2,.8,.2,1);--duration-fast:.15s;--duration-base:.22s;--bg:var(--color-bg);--sidebar:var(--color-surface-1);--panel:var(--color-surface-2);--line:var(--color-border);--text:var(--color-text);--muted:var(--color-text-secondary);--accent:var(--color-primary);--lime:var(--color-primary-hover);--red:var(--color-danger);--radius:var(--radius-md);font-family:var(--font-ui)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #b8a1ff}svg{vertical-align:middle;flex-shrink:0;width:22px;height:22px}input,select{color:var(--text);background:#1b1b26;border:1px solid #444257;border-radius:9px;min-width:0;padding:12px 14px}input:focus,select:focus{border-color:#a78bfa;outline:none}.hidden{display:none!important}.brand-mark{color:#fff;background:#8b5cf6;border-radius:12px;place-items:center;width:36px;height:36px;font-size:19px;font-weight:800;display:grid;box-shadow:inset 0 -3px #6b3ccc}.auth-screen{background:#191820;border-top:5px solid #8b5cf6;place-items:center;min-height:100%;padding:100px 24px 48px;display:grid}.auth-brand{letter-spacing:-.6px;align-items:center;gap:12px;font-size:22px;font-weight:750;display:flex;position:absolute;top:28px;left:32px}.auth-card{text-align:center;background:#242230;border:1px solid #3d374f;border-radius:20px;width:min(456px,100%);padding:40px;box-shadow:0 18px 60px #0003}.auth-emblem{color:#e7dbff;background:#503886;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 24px;display:grid}.auth-emblem svg{width:32px;height:32px}.auth-card h1{letter-spacing:-.8px;margin:0 0 12px;font-size:29px;line-height:1.2}.auth-card>p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.google-slot{justify-content:center;min-height:44px;margin:30px auto 0;display:flex}.auth-status{margin-top:18px!important;font-size:13px!important}.auth-legal{margin-top:24px!important;font-size:12px!important}.invite-preview{text-align:left;background:#342a4f;border-radius:12px;align-items:center;gap:12px;margin-top:24px;padding:14px;display:flex}.invite-icon{color:#c8adff;font-size:24px}.invite-preview small,.invite-preview strong{display:block}.invite-preview small{color:var(--muted);font-size:12px}.app{grid-template-columns:280px minmax(0,1fr);height:100%;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.sidebar-head{justify-content:space-between;align-items:center;height:78px;padding:0 22px;display:flex}.wordmark{color:var(--text);letter-spacing:-.5px;align-items:center;gap:12px;font-size:21px;font-weight:750;text-decoration:none;display:flex}.sidebar-head .square-button{display:none}.sidebar-intro{padding:20px 22px 14px}.sidebar-intro h2{margin:0 0 5px;font-size:19px}.sidebar-intro p{color:var(--muted);margin:0;font-size:13px}.room-search{color:#9d98b3;background:#171720;border:1px solid #333141;border-radius:9px;align-items:center;gap:9px;margin:0 16px 20px;padding:0 12px;display:flex}.room-search svg{width:18px}.room-search input{background:0 0;border:0;outline:none;width:100%;padding:11px 0;font-size:14px}.rooms-heading{color:#a19aaf;letter-spacing:.7px;justify-content:space-between;align-items:center;padding:0 22px 12px;font-size:12px;font-weight:700;display:flex}.rooms-heading button{color:#b7a6cf;background:0 0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.rooms-heading button:hover{background:#373043}.rooms-list{flex:1;min-height:0;padding:0 12px;overflow:auto}.room-item{text-align:left;color:#c7c3d4;background:0 0;border-radius:11px;align-items:center;gap:12px;width:100%;margin-bottom:5px;padding:11px 12px;display:flex;position:relative}.room-item:hover{background:#2d293b}.room-item.active{color:#fff;background:#3b2d59}.room-item.active:before{content:"";background:#aa7eff;border-radius:0 4px 4px 0;width:4px;position:absolute;top:17px;bottom:17px;left:-12px}.room-hash{color:#c8a5ff;background:#42305c 50%/cover;border-radius:13px;flex:0 0 40px;place-items:center;height:40px;font-size:16px;font-weight:750;display:grid}.room-item:nth-child(3n+2) .room-hash{color:#7ce7cb;background-color:#234949}.room-item:nth-child(3n+3) .room-hash{color:#ffabd0;background-color:#523342}.room-item-copy{min-width:0}.room-item strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;display:block;overflow:hidden}.room-item small{color:#a19bad;margin-top:4px;font-size:12px;display:block}.rooms-empty{color:var(--muted);padding:24px 16px;font-size:14px;line-height:1.6}.new-room-button,.device-sidebar{color:#fff;background:#8b5cf6;border-radius:10px;justify-content:center;align-items:center;gap:9px;margin:12px 18px 0;padding:12px;font-size:14px;font-weight:650;display:flex}.new-room-button:hover{background:#9b70fa}.device-sidebar{color:#b1a9c5;background:0 0;margin-top:5px;margin-bottom:16px;font-weight:500}.device-sidebar:hover{background:#2a2638}.device-sidebar svg{width:18px}.account-card{background:#191922;border-top:1px solid #2d2a39;align-items:center;gap:10px;padding:16px 14px;display:flex}.account-avatar{color:#fff;background:#7651bb 50%/cover;border-radius:50%;flex:0 0 38px;place-items:center;height:38px;font-size:14px;font-weight:750;display:grid}.account-copy{flex:1;min-width:0}.account-copy strong,.account-copy small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.account-copy strong{font-size:13px}.account-copy small{color:#77d8b0;margin-top:3px;font-size:12px}.account-card>button:not(.account-avatar){color:#aaa0bd;background:0 0;place-items:center;width:28px;height:32px;padding:0;display:grid}.account-card>button svg{width:18px}.account-card>button:hover{color:#fff}.workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.room-header{border-bottom:1px solid var(--line);background:#1c1c27;flex:none;justify-content:space-between;align-items:center;gap:12px;height:78px;padding:0 26px;display:flex}.room-header-left,.room-actions{align-items:center;gap:13px;min-width:0;display:flex}.room-header-left>div{min-width:0}.header-room-avatar{color:#bf99ff;background:#37284e 50%/cover;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.room-header-left strong{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:650;display:block;overflow:hidden}.room-header-left small{color:#aaa4b8;margin-top:4px;font-size:12px;display:block}.participant-count{color:#a9a3b8;white-space:nowrap;font-size:13px}.header-button,.primary-button{color:#fff;background:#8b5cf6;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:650;display:inline-flex}.header-button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:#9b70fa}.header-button svg{width:18px}.square-button,.mobile-menu{color:#aaa3bb;background:0 0;border-radius:8px;place-items:center;padding:9px;display:grid}.square-button:hover,.mobile-menu:hover{color:#e4d4ff;background:#322a44}.square-button[aria-pressed=true]{color:#c1a2ff;background:#372951}.mobile-menu{display:none}.room-layout{flex:1;grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.room-layout.chat-hidden{grid-template-columns:1fr}.chat-hidden .chat-panel{display:none}.stage-panel{background:#16161e;flex-direction:column;min-width:0;min-height:0;padding:24px 24px 0;display:flex}.empty-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 16px;display:flex}.empty-icon{color:#c6a1ff;background:#35254f;border-radius:26px;place-items:center;width:80px;height:80px;margin-bottom:24px;display:grid}.empty-icon svg{width:38px;height:38px}.empty-stage h2{letter-spacing:-.6px;margin:0 0 12px;font-size:26px}.empty-stage p{color:var(--muted);max-width:340px;margin:0 0 24px;font-size:15px;line-height:1.7}.media-stage{background:#111117;border:1px solid #302b3d;border-radius:16px;flex:1;min-height:0;position:relative;overflow:hidden}.media-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));grid-auto-rows:minmax(210px,1fr);gap:12px;height:100%;padding:52px 14px 14px;display:grid;overflow:auto}.media-tile{background:#292334;border:1px solid #3b324b;border-radius:12px;min-height:210px;position:relative;overflow:hidden}.media-tile:nth-child(3n+2){background:#203435;border-color:#2c4848}.media-tile:nth-child(3n+3){background:#332535;border-color:#493449}.media-tile video{object-fit:cover;background:#101014;width:100%;height:100%}.media-tile.screen-share video{object-fit:contain}.tile-avatar{place-items:center;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.tile-avatar span{color:#fff;background:#8554c8 50%/cover;border-radius:50%;place-items:center;width:86px;height:86px;font-size:27px;font-weight:650;display:grid}.tile-meta{background:#14111de0;border-radius:7px;gap:6px;padding:7px 10px;font-size:13px;display:flex;position:absolute;bottom:12px;left:12px}.tile-kind{color:#c5a5ff}.connection-note{z-index:2;color:#aaa4ba;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;top:16px;left:18px}.connection-note i{background:#70d6a6;border-radius:50%;width:7px;height:7px}.media-controls{flex:none;justify-content:center;align-items:center;gap:10px;padding:20px 0;display:flex}.control-group{background:#30303f;border-radius:12px;display:flex}.control-button{color:#d6d2e3;background:#30303f;border-radius:12px;justify-content:center;align-items:center;gap:9px;height:52px;padding:0 14px;display:flex}.control-button small{white-space:nowrap;font-size:13px;font-weight:550}.control-button:hover,.device-arrow:hover{background:#414052}.control-group .control-button{border-radius:12px 0 0 12px;padding-right:10px}.device-arrow{color:#b7afc9;background:0 0;border-left:1px solid #484453;border-radius:0 12px 12px 0;place-items:center;width:26px;display:grid}.device-arrow svg{width:15px}.control-button.active{color:#fff;background:#6641a1}.control-button.share{color:#fff;background:#8b5cf6}.control-button.share.active{background:#3d8d73}.control-button.danger{color:#fff;background:#ee4e69}.control-button.danger:hover{background:#fd6780}.control-divider{border-left:1px solid #3b3548;height:26px;margin:0 3px}.chat-panel{border-left:1px solid var(--line);background:#20202b;flex-direction:column;min-width:0;min-height:0;display:flex}.chat-head{border-bottom:1px solid #32303e;justify-content:space-between;align-items:center;height:76px;padding:0 20px;display:flex}.chat-head strong{font-size:15px;display:block}.chat-head small{color:#a69db4;margin-top:4px;font-size:12px;display:block}.chat-head button{color:#978da9;background:0 0;padding:6px}.chat-head button svg{width:18px}.messages{flex:1;min-height:0;padding:20px 16px;overflow:auto}.chat-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:16px;display:flex}.chat-empty>span{color:#b392ef;margin-bottom:13px;font-size:24px}.chat-empty strong{font-size:15px}.chat-empty small{color:#a39aaf;margin-top:8px;font-size:13px;line-height:1.65}.message{grid-template-columns:34px minmax(0,1fr);gap:10px;margin-bottom:20px;display:grid}.message-avatar{color:#fff;background:#62507f 50%/cover;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:650;display:grid}.message-meta{align-items:baseline;gap:8px;display:flex}.message-meta strong{color:#e0d3ff;font-size:13px}.message-meta time{color:#a39aaf;white-space:nowrap;font-size:11px}.message p{color:#d6d1e0;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;font-size:14px;line-height:1.55}.message-form{background:#2d2b3a;border:1px solid #3b354c;border-radius:12px;margin:0 14px 20px;padding:5px;display:flex}.message-form input{background:0 0;border:0;width:100%;padding:12px 8px;font-size:14px}.message-form button{background:#8b5cf6;border-radius:9px;flex:none;place-items:center;width:38px;display:grid}.message-form button svg{width:18px}.modal-backdrop{z-index:50;background:#090710bf;place-items:center;padding:24px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.modal{background:#252331;border:1px solid #493e5a;border-radius:18px;width:min(460px,100%);max-height:calc(100dvh - 48px);padding:32px;position:relative;overflow:auto;box-shadow:0 25px 90px #0005}.modal-close{color:#aaa0bc;background:0 0;border-radius:7px;place-items:center;width:30px;height:30px;font-size:22px;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{background:#3c324a}.modal-close svg{width:18px}.modal-icon{color:#d1adff;background:#4a316b;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;font-size:22px;display:grid}.modal h2{letter-spacing:-.5px;margin:0 0 9px;font-size:24px}.modal p{color:#b1a7c0;margin:0;font-size:14px;line-height:1.6}.modal label{margin:22px 0 8px;font-size:13px;font-weight:650;display:block}.modal input,.modal select{width:100%}.primary-button.full{width:100%;min-height:46px;margin-top:22px}.form-error{min-height:0;color:#ffa6b8!important;margin-top:12px!important;font-size:13px!important}.form-error:empty{display:none}.form-help{margin-top:12px!important;font-size:12px!important}.copy-field{gap:8px;display:flex}.copy-field input{min-width:0;font-size:13px}.copy-field button{color:#fff;background:#8b5cf6;border-radius:9px;padding:0 15px;font-size:13px}.invite-accept{text-align:center}.invite-accept .modal-icon{margin-inline:auto}.modal-kicker{color:#c49eff;margin-bottom:12px;font-size:12px;display:block}.text-button{color:#c7b7e0;background:0 0;padding:10px 0;font-size:13px}.invite-accept .text-button{width:100%}.photo-editor{align-items:center;gap:22px;margin:25px 0 8px;display:flex}.photo-preview{color:#fff;background:#7853ae 50%/cover;border:3px solid #493463;border-radius:50%;flex-shrink:0;place-items:center;width:88px;height:88px;font-size:25px;font-weight:650;display:grid}.photo-preview.room-photo{border-radius:25px}.photo-editor .upload-button{color:#e9d6ff;cursor:pointer;background:#47305f;border:1px solid #644683;border-radius:8px;align-items:center;gap:8px;margin:0 0 8px;padding:9px 13px;font-size:13px;display:flex}.upload-button svg{width:17px}.photo-editor small{color:#aca0ba;font-size:11px;display:block}.file-input{opacity:0;border:0;height:1px;padding:0;position:absolute;overflow:hidden;width:1px!important}.upload-button:focus-within,.file-input:focus-visible+small{outline:2px solid #c5a5ff}.settings-heading{align-items:center;gap:16px;margin-bottom:10px;display:flex}.settings-heading>svg{color:#b58afd;width:32px;height:32px}.settings-heading h2{margin-bottom:5px}.device-sections{grid-template-columns:1fr 1fr;gap:24px;display:grid}.device-sections select{font-size:13px}.device-test{flex-direction:column;gap:15px;margin-top:14px;display:flex}.secondary-button{background:#443252;border:1px solid #634775;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:inline-flex}.secondary-button svg{width:17px}.device-test meter{accent-color:#9c6bfa;width:100%;height:14px}.device-help{color:#b0a2bd!important;margin-top:12px!important;font-size:12px!important}.camera-preview{aspect-ratio:16/10;background:#191520;border:1px solid #42304f;border-radius:10px;margin:14px 0 12px;position:relative;overflow:hidden}.camera-preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-preview>span{color:#a797b7;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.toast{z-index:100;color:#fff;opacity:0;pointer-events:none;background:#3b2b4f;border:1px solid #755091;border-radius:10px;max-width:90vw;padding:12px 18px;font-size:14px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px)}.toast.show{opacity:1;transform:translate(-50%)}.legal{background:#191820;height:auto;overflow:auto}.legal main{width:min(760px,100% - 40px);margin:auto;padding:60px 0}.legal nav{margin-bottom:48px}.legal h1{letter-spacing:-1px;font-size:38px}.legal h2{margin-top:32px;font-size:22px}.legal p{color:var(--muted);line-height:1.8}.legal-date{font-size:12px}@media(min-width:981px)and (max-width:1300px){.app{grid-template-columns:250px minmax(0,1fr)}.room-layout{grid-template-columns:minmax(0,1fr) 280px}.stage-panel{padding:16px 16px 0}.control-button small{display:none}.room-actions{gap:8px}.participant-count{display:none}}@media(max-width:980px){.room-layout,.room-layout.chat-hidden{grid-template-columns:1fr}.chat-panel{z-index:20;width:min(350px,92vw);transition:transform .2s;position:fixed;top:78px;bottom:0;right:0;transform:translate(105%);box-shadow:-20px 0 50px #0005}.chat-panel.open{transform:none}.control-button small{display:none}.control-button{padding:0 15px}.stage-panel{padding:16px 16px 0}.room-header{padding:0 18px}.participant-count{display:none}}@media(max-width:720px){.app{grid-template-columns:1fr}.sidebar{z-index:30;width:min(290px,88vw);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:20px 0 60px #0008}.sidebar.open{transform:none}.sidebar-head .square-button,.mobile-menu{display:grid}.room-header{gap:8px;height:68px;padding:0 12px}.room-header-left,.room-actions{gap:8px}.header-room-avatar{display:none}.room-header-left strong{max-width:40vw;font-size:15px}.room-header-left small{max-width:40vw}.header-button{padding:10px}.header-button span{display:none}.square-button{padding:7px}.chat-panel{top:68px}.stage-panel{padding:12px 10px 0}.media-grid{grid-template-columns:1fr;grid-auto-rows:minmax(230px,1fr)}.media-controls{padding:15px 0 calc(15px + env(safe-area-inset-bottom));gap:7px}.control-button{height:46px;padding:0 11px}.control-group .control-button{padding:0 10px}.control-divider{margin:0}.device-arrow{width:23px}.auth-screen{padding:105px 20px 30px}.auth-card{padding:32px 24px}.auth-card h1{font-size:26px}.auth-brand{font-size:20px;left:24px}.modal{padding:28px 22px}.device-sections{grid-template-columns:1fr}.photo-editor{gap:15px}}.tile-volume{background:#14111dee;border:1px solid #4a4158;border-radius:9px;align-items:center;gap:8px;min-height:36px;padding:5px 8px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 5px 18px #0005}.tile-mute{color:#ded8e8;background:0 0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;display:grid}.tile-mute:hover{background:#3c3348}.tile-mute svg{width:19px;height:19px}.tile-mute.muted{color:#ff91a5}.tile-mute.muted .volume-waves{display:none}.tile-volume-range{accent-color:#9d6aff;cursor:pointer;background:0 0;border:0;width:clamp(76px,9vw,130px);height:20px;padding:0}.tile-volume-value{color:#c9c1d4;text-align:right;font-variant-numeric:tabular-nums;width:38px;font-size:12px}@media(max-width:720px){.tile-volume{bottom:10px;right:10px}.tile-volume-range{width:82px}.tile-volume-value{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.tile-volume{top:12px;bottom:auto}.tile-fullscreen{z-index:3;color:#f5f1ff;background:#14111dee;border:1px solid #4a4158;border-radius:9px;place-items:center;width:38px;height:38px;padding:0;transition:background .16s,border-color .16s,transform .16s;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 5px 18px #0005}.tile-fullscreen:hover{background:#4d3473;border-color:#8b5cf6;transform:translateY(-1px)}.tile-fullscreen.active{background:#8b5cf6;border-color:#ad8aff}.tile-fullscreen svg{width:20px;height:20px}:is(.media-tile:fullscreen){background:#08080c;border:0;border-radius:0;width:100vw;height:100vh;min-height:100vh}:is(.media-tile:fullscreen video){object-fit:contain}:is(.media-tile:fullscreen .tile-fullscreen){position:fixed;top:18px;left:18px}@media(max-width:720px){.tile-volume{top:10px;bottom:auto}.tile-fullscreen{width:36px;height:36px;top:10px;left:10px}}.identity-button{text-align:left;background:#292337;border:1px solid #443656;border-radius:10px;align-items:center;gap:10px;max-width:190px;padding:7px 10px;display:flex}.identity-button:hover{background:#362a49;border-color:#654987}.identity-button .account-avatar{flex-basis:31px;width:31px;height:31px;font-size:11px}.identity-copy{min-width:0}.identity-copy strong,.identity-copy small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.identity-copy strong{font-size:12px}.identity-copy small{color:#b59fcb;margin-top:2px;font-size:10px}.chat-head-actions{align-items:center;gap:4px;display:flex}.chat-head-actions button{border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.chat-head-actions button:hover{color:#fff;background:#362d45}.channel-tabs{scrollbar-width:thin;border-bottom:1px solid #34303f;gap:6px;padding:10px 12px;display:flex;overflow-x:auto}.channel-tab{color:#aaa2b7;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:5px;max-width:150px;padding:8px 10px;font-size:12px;display:flex}.channel-tab span{text-overflow:ellipsis;overflow:hidden}.channel-tab:hover{color:#e8ddf7;background:#302a3d}.channel-tab.active{color:#fff;background:#493469}.channel-add{color:#cab0e8;background:#31283f;border-radius:8px;flex:0 0 32px;place-items:center;height:32px;padding:0;font-size:20px;display:grid}.channel-add:hover{color:#fff;background:#4b3566}.media-grid.focus-mode{padding:52px 14px 14px;display:block}.media-grid.focus-mode .media-tile{display:none}.media-grid.focus-mode .media-tile.focused{width:100%;height:100%;min-height:100%;display:block}.tile-focus{z-index:3;color:#f5f1ff;background:#14111dee;border:1px solid #4a4158;border-radius:9px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;top:12px;left:58px;box-shadow:0 5px 18px #0005}.tile-focus:hover,.tile-focus.active{background:#4d3473;border-color:#8b5cf6}.tile-focus svg{width:19px;height:19px}.tile-fullscreen-brand{display:none}:is(.media-tile:fullscreen){background:#09080d;border:8px solid #7548c7;border-radius:0;padding:64px 14px 14px;box-shadow:inset 0 0 0 1px #aa82ef}:is(.media-tile:fullscreen .tile-fullscreen-brand){color:#f4edff;letter-spacing:.1px;background:#171020;justify-content:center;align-items:center;gap:10px;height:48px;font-size:13px;display:flex;position:fixed;top:8px;left:0;right:0}.tile-fullscreen-brand .brand-mark{border-radius:8px;width:28px;height:28px;font-size:14px}.tile-fullscreen-brand strong{font-size:14px}.tile-fullscreen-brand small{color:#bfaed1}:is(.media-tile:fullscreen .tile-fullscreen){top:13px;left:16px}:is(.media-tile:fullscreen .tile-focus){display:none}.manage-modal{width:min(720px,100%)}.member-list{flex-direction:column;gap:10px;margin-top:22px;display:flex}.member-row{background:#1d1b27;border:1px solid #383144;border-radius:12px;grid-template-columns:minmax(150px,1fr) 140px auto;align-items:center;gap:12px;padding:12px;display:grid}.member-person{align-items:center;gap:10px;min-width:0;display:flex}.member-person .account-avatar{flex-basis:38px;width:38px;height:38px}.member-person-copy{min-width:0}.member-person strong,.member-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.member-person strong{font-size:13px}.member-person small{color:#9e94aa;margin-top:3px;font-size:11px}.member-role-select{width:100%;padding:9px 10px;font-size:12px}.member-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.member-action{color:#c6b8d6;background:#332b40;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.member-action:hover{color:#fff;background:#4a3a5b}.member-action.active{color:#fff;background:#694492}.member-action.danger{color:#ff99ab}.member-action.danger:hover{color:#fff;background:#6c2e3e}.member-action svg{width:17px;height:17px}.member-you{color:#d7bbf5;background:#45325d;border-radius:5px;padding:4px 7px;font-size:10px}.moderation-help{background:#211b2b;border:1px solid #3e304e;border-radius:9px;padding:12px 14px;margin-top:18px!important;font-size:12px!important}.room-identity-preview{background:#1d1b27;border-radius:11px;align-items:center;gap:12px;margin:22px 0 4px;padding:12px;display:flex}.room-identity-preview .account-avatar{flex-basis:44px;width:44px;height:44px}.room-identity-preview strong,.room-identity-preview small{display:block}.room-identity-preview small{color:#a89db4;margin-top:3px;font-size:12px}@media(max-width:1100px){.identity-copy{display:none}.identity-button{padding:7px}.room-actions{gap:6px}}@media(max-width:720px){.identity-button{display:none}.tile-focus{width:36px;height:36px;top:10px;left:54px}.member-row{grid-template-columns:1fr}.member-actions{justify-content:flex-start}.member-role-select{max-width:none}:is(.media-tile:fullscreen){border-width:5px;padding:58px 8px 8px}.tile-fullscreen-brand small{display:none}}.member-row{grid-template-columns:minmax(180px,1fr) auto}.member-action{white-space:nowrap;width:auto;min-width:34px;padding:0 10px;font-size:11px}@media(max-width:720px){.member-row>.member-actions{flex-wrap:wrap;grid-column:1;margin-top:6px}}.version-badge{color:#9f91b1;letter-spacing:.2px;background:#1d1925;border:1px solid #493b5c;border-radius:999px;margin-top:18px;padding:5px 9px;font-size:11px;display:inline-flex}.sidebar-version{color:#7f778d;letter-spacing:.25px;justify-content:center;align-items:center;gap:6px;padding:3px 14px 8px;font-size:10px;display:flex}.version-dot{background:#8b5cf6;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #8b5cf620}.message-content,.message-meta{min-width:0}.message-delete{color:#766d82;opacity:0;background:0 0;border-radius:6px;flex:none;place-items:center;width:26px;height:26px;margin-left:auto;padding:0;display:grid}.message:hover .message-delete,.message-delete:focus-visible{opacity:1}.message-delete:hover{color:#ff9aae;background:#4a2936}.message-delete svg{width:15px;height:15px}.role-badge.online{color:#79d8ad}.members-tab{color:#c9afe9;background:#2b2237;margin-left:auto}.members-tab:hover{background:#3b2c4e}@media(max-width:720px){.message-delete{opacity:1}}.media-tile.speaking{border-color:#65e2ac;box-shadow:0 0 0 2px #65e2ac,0 0 26px #65e2ac2e}.media-tile.speaking .tile-meta{background:#123326e8}.gesture-control{position:relative}.gesture-icon{font-size:19px}.gesture-menu{z-index:15;background:#211b2b;border:1px solid #514064;border-radius:12px;gap:5px;padding:8px;display:flex;position:absolute;bottom:62px;left:50%;transform:translate(-50%);box-shadow:0 14px 38px #0008}.gesture-menu button{background:#342941;border-radius:9px;place-items:center;width:38px;height:38px;padding:0;font-size:20px;display:grid}.gesture-menu button:hover{background:#614493;transform:translateY(-2px)}.gesture-layer{z-index:12;pointer-events:none;flex-direction:column-reverse;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:18px;right:18px}.gesture-bubble{background:#221a30eb;border:1px solid #72539b;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;animation:.22s ease-out gesture-in;display:flex;box-shadow:0 10px 25px #0007}.gesture-bubble span{font-size:26px}.gesture-bubble small{text-overflow:ellipsis;white-space:nowrap;color:#eee5fa;max-width:150px;font-size:12px;overflow:hidden}.gesture-bubble.leaving{animation:.7s ease-in forwards gesture-out}@keyframes gesture-in{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:none}}@keyframes gesture-out{to{opacity:0;transform:translateY(-25px)scale(.95)}}.pinned-panel{background:#241d30;border-bottom:1px solid #49375e;max-height:160px;padding:10px 12px;overflow:auto}.pinned-panel>div:first-child{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pinned-panel strong{color:#d4bafa;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.pinned-panel>div>button{color:#a897b8;background:0 0;font-size:18px}.pinned-panel #pinnedMessages{flex-direction:column;gap:4px;display:flex}.pinned-panel #pinnedMessages button{color:#c9bfd4;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#30253e;border-radius:7px;padding:7px 9px;font-size:11px;overflow:hidden}.pinned-panel #pinnedMessages button:hover{color:#fff;background:#49345e}.reply-preview{background:#30253d;border-left:3px solid #9e6af0;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:10px;margin:0 14px;padding:9px 12px;display:flex}.reply-preview div{min-width:0}.reply-preview small,.reply-preview span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.reply-preview small{color:#b8a5cc;font-size:10px}.reply-preview span{color:#e1d8e9;margin-top:3px;font-size:11px}.reply-preview button{color:#a99bb7;background:0 0;border-radius:6px;flex:0 0 28px;height:28px}.reply-preview button:hover{color:#fff;background:#4b385c}.reply-preview:not(.hidden)+.message-form{border-radius:0 0 12px 12px;margin-top:0}.message.pinned{background:#241c2e;border-left:2px solid #9e6af0;border-radius:8px;margin-left:-8px;padding:8px}.pin-mark{color:#d7baf8;background:#49345e;border-radius:5px;padding:3px 6px;font-size:9px}.message-actions{opacity:0;align-items:center;gap:2px;margin-left:auto;display:flex}.message:hover .message-actions,.message-actions:focus-within{opacity:1}.message-actions button{color:#85788f;background:0 0;border-radius:6px;place-items:center;width:26px;height:26px;padding:0;font-size:14px;display:grid}.message-actions button:hover{color:#fff;background:#3c3049}.message-actions .message-delete{margin-left:0}.reply-quote{color:#afa1bd;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#292233;border-left:2px solid #7652a8;border-radius:0 6px 6px 0;width:100%;margin:6px 0 1px;padding:6px 9px;font-size:11px;display:block;overflow:hidden}.reply-quote:hover{color:#eee;background:#352942}.reaction-bar{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.reaction-chip{color:#d5ccdd;background:#2d2737;border:1px solid #44394f;border-radius:999px;padding:4px 8px;font-size:12px}.reaction-chip:hover,.reaction-chip.mine{color:#fff;background:#44305e;border-color:#7955a7}.invite-create-row{grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:20px;display:grid}.invite-create-row label{grid-column:1/-1;margin:0}.invite-create-row select{width:100%}.invite-create-row .primary-button{height:45px}.invite-link-result{background:#1d1925;border:1px solid #3f324e;border-radius:11px;margin-top:20px;padding:15px}.invite-link-result label{margin:0 0 8px}.invite-history{border-top:1px solid #40364b;margin-top:24px;padding-top:20px}.section-title strong,.section-title small{display:block}.section-title strong{font-size:14px}.section-title small{color:#9f94aa;margin-top:4px;font-size:11px}.invite-row{background:#1e1b27;border:1px solid #393142;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-top:9px;padding:11px;display:flex}.invite-row div{min-width:0}.invite-row strong,.invite-row small{display:block}.invite-row strong{font-size:12px}.invite-row strong.active{color:#75d9ad}.invite-row strong.inactive{color:#9d94a7}.invite-row small{color:#a59aac;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}.danger-outline{color:#ff9daf;background:#39262f;border-color:#68404e}.prejoin-modal{width:min(680px,100%)}.prejoin-preview{aspect-ratio:16/8.5;background:radial-gradient(circle at 50% 35%,#3b2a4f,#17131e 70%);border:1px solid #493b59;border-radius:15px;margin:20px 0 4px;position:relative;overflow:hidden}.prejoin-preview video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.prejoin-avatar{color:#fff;background:#7651bb 50%/cover;border-radius:50%;place-items:center;width:88px;height:88px;margin:auto;font-size:28px;font-weight:750;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.prejoin-status{color:#c7bdcf;background:#100d17d9;border-radius:7px;padding:6px 9px;font-size:11px;position:absolute;bottom:12px;left:12px}.prejoin-toggles,.prejoin-devices{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.prejoin-toggles .secondary-button{min-height:44px}.prejoin-toggles .secondary-button.active{color:#fff;background:#5c3e86;border-color:#8c64bd}.prejoin-devices select{padding:10px;font-size:12px}.prejoin-modal>.full{margin-top:16px}@media(max-width:720px){.message-actions{opacity:1}.gesture-menu{flex-wrap:wrap;max-width:240px;left:auto;right:0;transform:none}.prejoin-toggles,.prejoin-devices,.invite-create-row{grid-template-columns:1fr}.invite-create-row label{grid-column:auto}.prejoin-preview{aspect-ratio:4/3}}html{background:var(--color-bg)}body{font-family:var(--font-ui);background:radial-gradient(circle at 70% -15%,var(--color-primary-soft),transparent 34%),var(--color-bg);color:var(--color-text)}::selection{background:var(--color-primary);color:var(--color-text)}h1,h2,h3,.wordmark,.auth-brand{font-family:var(--font-display)}small,time,.version-badge,.sidebar-version,.room-header-left small{font-variant-numeric:tabular-nums}button,input,select{font-family:var(--font-ui)}button{transition:color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}button:not(:disabled):active{transform:translateY(1px)scale(.985)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:3px;box-shadow:0 0 0 5px var(--color-primary-soft)}a{color:var(--color-primary-hover)}a:hover{color:var(--color-text)}input,select{min-height:44px;color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard);box-shadow:inset 0 1px #ffffff05}input::placeholder{color:var(--color-text-tertiary)}input:hover,select:hover{border-color:var(--color-border-strong)}@supports (color:color-mix(in lab,red,red)){input:hover,select:hover{border-color:color-mix(in srgb,var(--color-border-strong) 65%,var(--color-primary-hover))}}input:focus,select:focus{border-color:var(--color-primary-hover);background:var(--color-surface-3);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.brand-mark{background:linear-gradient(145deg,var(--color-primary-hover),var(--color-primary) 55%,var(--color-primary-pressed));box-shadow:0 9px 24px var(--color-primary-soft),inset 0 1px #ffffff30}.primary-button,.header-button,.new-room-button{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary) 55%,var(--color-primary-pressed));border-radius:var(--radius-sm);min-height:44px;box-shadow:var(--glow-primary);color:var(--color-text);border:1px solid #ffffff14}.primary-button:hover:not(:disabled),.header-button:hover:not(:disabled),.new-room-button:hover:not(:disabled){background:linear-gradient(135deg,#b9a4ff,var(--color-primary-hover) 55%,var(--color-primary));transform:translateY(-1px);box-shadow:0 0 0 1px #c4b5fd4d,0 14px 36px #8b5cf638}.secondary-button{background:var(--color-surface-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:40px;color:var(--color-text-secondary);box-shadow:var(--shadow-sm)}.secondary-button:hover:not(:disabled){background:var(--color-surface-4);border-color:var(--color-primary);color:var(--color-text)}.square-button,.mobile-menu{border-radius:var(--radius-sm);min-width:40px;min-height:40px}.account-avatar,.message-avatar,.photo-preview,.prejoin-avatar,.tile-avatar span,.room-hash,.header-room-avatar{--avatar-a:#8b5cf6;--avatar-b:#5b21b6;background-color:var(--avatar-b);background-image:linear-gradient(145deg,var(--avatar-a),var(--avatar-b));box-shadow:inset 0 0 0 1px #ffffff14,0 5px 18px #0000002e}[data-avatar-tone="1"]{--avatar-a:#d946ef;--avatar-b:#7e22ce}[data-avatar-tone="2"]{--avatar-a:#14b8a6;--avatar-b:#155e75}[data-avatar-tone="3"]{--avatar-a:#f97316;--avatar-b:#be123c}[data-avatar-tone="4"]{--avatar-a:#3b82f6;--avatar-b:#4338ca}[data-avatar-tone="5"]{--avatar-a:#ec4899;--avatar-b:#9333ea}.modal-backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:foundation-fade-in var(--duration-base) var(--ease-standard)}.modal{background:linear-gradient(180deg,var(--color-surface-3),var(--color-surface-3))}@supports (color:color-mix(in lab,red,red)){.modal{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-3) 94%,white),var(--color-surface-3))}}.modal{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:foundation-modal-in var(--duration-base) var(--ease-standard)}.modal-close{min-width:40px;min-height:40px;color:var(--color-text-secondary);border-radius:var(--radius-sm)}.modal-close:hover{background:var(--color-surface-4);color:var(--color-text)}.form-error{color:var(--color-danger-hover)!important}.toast{background:var(--color-surface-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text)}.ui-badge{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-2);min-height:24px;color:var(--color-text-secondary);font-size:var(--text-2xs);letter-spacing:.03em;text-transform:uppercase;padding:3px 9px;font-weight:700;display:inline-flex}.ui-badge[data-tone=success]{color:#6ee7a3;background:#22c55e14;border-color:#22c55e45}.ui-badge[data-tone=warning]{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b45}.ui-badge[data-tone=danger]{color:#fb7185;background:#f43f5e14;border-color:#f43f5e45}.ui-badge[data-tone=brand]{background:var(--color-primary-soft);color:#c4b5fd;border-color:#8b5cf65c}.ui-tooltip{display:inline-flex;position:relative}.ui-tooltip:after{content:attr(data-tooltip);z-index:120;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-3);width:max-content;max-width:220px;box-shadow:var(--shadow-md);color:var(--color-text);font-size:var(--text-xs);opacity:0;pointer-events:none;transition:opacity var(--duration-fast),transform var(--duration-fast);padding:7px 9px;line-height:1.35;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.ui-tooltip:hover:after,.ui-tooltip:focus-within:after{opacity:1;transform:translate(-50%)}@keyframes foundation-fade-in{0%{opacity:0}to{opacity:1}}@keyframes foundation-modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.settings-version{color:var(--color-text-tertiary);letter-spacing:.03em;justify-content:center;align-items:center;gap:7px;margin:22px 0 16px;font-size:10px;display:flex}.theme-settings{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:16px;margin:0;padding:18px}@supports (color:color-mix(in lab,red,red)){.theme-settings{background:color-mix(in srgb,var(--color-surface-2) 76%,transparent)}}.theme-settings legend{color:var(--color-text);padding:0 7px;font-size:13px;font-weight:750}.theme-settings>p{color:var(--color-text-secondary);margin:-2px 0 14px;font-size:11px}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.theme-option{border:1px solid var(--color-border);background:var(--color-surface-1);min-width:0;color:var(--color-text);text-align:left;border-radius:12px;padding:9px;position:relative}.theme-option:hover{border-color:var(--color-border-strong);background:var(--color-surface-3)}.theme-option.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.theme-option>span:not(.theme-preview){margin-top:8px;display:block}.theme-option strong,.theme-option small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.theme-option strong{font-size:11px}.theme-option small{color:var(--color-text-secondary);margin-top:2px;font-size:9px}.theme-check{background:var(--color-primary);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:none;position:absolute;top:7px;right:7px}.theme-option.active .theme-check{display:grid}.theme-preview{border:1px solid #0002;border-radius:8px;grid-template-rows:31% 1fr;grid-template-columns:28% 1fr;width:100%;height:48px;display:grid;overflow:hidden}.theme-preview i{display:block}.theme-preview i:first-child{grid-row:1/-1}.theme-preview i:nth-child(2){border-bottom:1px solid #ffffff12}.theme-preview i:nth-child(3){border-radius:99px;place-self:end center;width:42%;height:7px;margin-bottom:8px}.theme-preview-purple{background:#17131f}.theme-preview-purple i:first-child{background:#100e19}.theme-preview-purple i:nth-child(2){background:#211c30}.theme-preview-purple i:nth-child(3){background:#8b5cf6}.theme-preview-dark{background:#0a0b0d}.theme-preview-dark i:first-child{background:#111316}.theme-preview-dark i:nth-child(2){background:#171a1e}.theme-preview-dark i:nth-child(3){background:#f4f4f5}.theme-preview-light{background:#f6f7fb}.theme-preview-light i:first-child{background:#fff}.theme-preview-light i:nth-child(2){background:#eef0f5}.theme-preview-light i:nth-child(3){background:#7251d6}html[data-theme=dark]{--color-bg:#08090b;--color-surface-1:#0e1012;--color-surface-2:#14171a;--color-surface-3:#1b1f23;--color-surface-4:#24292e;--color-border:#262a2f;--color-border-strong:#3a4047;--color-primary:#f4f4f5;--color-primary-hover:#fff;--color-primary-pressed:#d4d4d8;--color-primary-soft:#ffffff16;--color-secondary:#a1a1aa;--color-secondary-soft:#ffffff0d;--color-text:#f5f5f6;--color-text-secondary:#b4b8bf;--color-text-tertiary:#7d838b;--color-overlay:#030405d6;--glow-primary:0 0 0 1px #ffffff24, 0 10px 30px #0005}html[data-theme=dark] [data-component=sidebar]{background:radial-gradient(circle at 20% 0,#ffffff0c,#0000 28%),linear-gradient(#101214,#090a0c)}html[data-theme=dark] [data-component=sidebar]:before{background:linear-gradient(90deg,#52575e,#fff,#858b93)}html[data-theme=dark] [data-component=chat-panel]{background:linear-gradient(#151719,#0e1012)}html[data-theme=dark] [data-component=auth-screen]{background:radial-gradient(circle at 18% 25%,#ffffff0d,#0000 30%),radial-gradient(circle at 82% 75%,#a1a1aa0b,#0000 28%),linear-gradient(145deg,#08090b,#101214 52%,#070809)}html[data-theme=dark] [data-component=auth-screen] .auth-card,html[data-theme=dark] .complementary-modal{background:linear-gradient(160deg,#1b1e21f5,#111315f5);border-color:#ffffff1c}html[data-theme=dark] .brand-mark,html[data-theme=dark] .primary-button,html[data-theme=dark] .header-button,html[data-theme=dark] .new-room-button{color:#090a0c;background:linear-gradient(135deg,#fff,#e4e4e7 58%,#b8bdc3)}html[data-theme=dark] .brand-mark .mostra-ai-mark{color:#090a0c}html[data-theme=dark] .primary-button:hover:not(:disabled),html[data-theme=dark] .header-button:hover:not(:disabled),html[data-theme=dark] .new-room-button:hover:not(:disabled){background:#fff;box-shadow:0 0 0 1px #fff5,0 14px 36px #0008}html[data-theme=dark] [data-component=stage] .empty-icon,html[data-theme=dark] [data-component=auth-screen] .auth-emblem{color:#fff;background:linear-gradient(145deg,#30343a,#17191c);border-color:#ffffff20}html[data-theme=dark] .settings-heading-icon,html[data-theme=dark] .preference-icon{color:#e4e4e7;background:#ffffff0d}html[data-theme=dark] .preference-action>svg{color:#c7c9ce}html[data-theme=dark] .version-dot{background:#fff;box-shadow:0 0 0 3px #ffffff18}html[data-theme=dark] .volume-setting input{accent-color:#fff}html[data-theme=dark] .square-button[aria-pressed=true],html[data-theme=dark] .control-button.share,html[data-theme=dark] .message-form button{color:#090a0c;background:#f4f4f5}html[data-theme=dark] .control-button.active{color:#fff;background:#34383d}html[data-theme=light]{--color-bg:#f6f7fb;--color-surface-1:#fff;--color-surface-2:#f0f1f6;--color-surface-3:#e7e9f0;--color-surface-4:#dde0e9;--color-border:#dfe1e9;--color-border-strong:#c7cad5;--color-primary:#7251d6;--color-primary-hover:#8466df;--color-primary-pressed:#5d3fbd;--color-primary-soft:#7251d619;--color-secondary:#b43fc2;--color-secondary-soft:#b43fc214;--color-text:#191720;--color-text-secondary:#615d6b;--color-text-tertiary:#85808f;--color-overlay:#24202f75;--shadow-sm:0 1px 2px #241b3a10, 0 6px 18px #241b3a0a;--shadow-md:0 18px 48px #241b3a17, 0 2px 8px #241b3a0d;--shadow-lg:0 28px 90px #241b3a24, 0 0 0 1px #fff inset}html[data-theme=light] body{background:radial-gradient(circle at 70% -15%,#7251d615,transparent 34%),var(--color-bg)}html[data-theme=light] [data-component=sidebar]{background:radial-gradient(circle at 20% 0,#7251d611,#0000 28%),linear-gradient(#fff,#f7f7fb);box-shadow:12px 0 40px #32264a0c}html[data-theme=light] [data-component=sidebar] .sidebar-head,html[data-theme=light] [data-component=sidebar] .account-card{border-color:#1f17300d}html[data-theme=light] [data-component=sidebar] .room-search,html[data-theme=light] [data-component=sidebar] .account-card,html[data-theme=light] .preference-card,html[data-theme=light] .preference-action{background:#ffffffb8;border-color:#dddfe8}html[data-theme=light] [data-component=sidebar] .room-item:hover{background:#7251d60b;border-color:#7251d615}html[data-theme=light] [data-component=sidebar] .room-item.active{color:#28232f;background:linear-gradient(90deg,#7251d61b,#fff);border-color:#7251d62d}html[data-theme=light] [data-component=sidebar] .room-item small,html[data-theme=light] .preference-card small,html[data-theme=light] .preference-action small{color:#77717f}html[data-theme=light] [data-component=room-header]{background:#fffd;box-shadow:0 8px 30px #32264a0b}html[data-theme=light] [data-component=room-header] .participant-count{color:#716b7a}html[data-theme=light] [data-component=room-header] .identity-button{color:#211d28;background:#f5f3f9;border-color:#ddd8e8;box-shadow:0 1px 2px #2c20350a}html[data-theme=light] [data-component=room-header] .identity-button:hover{background:#eee9f8;border-color:#c8b9e7}html[data-theme=light] [data-component=room-header] .identity-copy strong{color:#211d28}html[data-theme=light] [data-component=room-header] .identity-copy small{color:#746b80}html[data-theme=light] [data-component=room-header] .square-button{color:#776f83}html[data-theme=light] [data-component=room-header] .square-button:hover{color:#50387d;background:#eeeaf6}html[data-theme=light] [data-component=room-header] .header-button{color:#1f1531;border-color:#6643be26;box-shadow:0 8px 22px #7251d62c}html[data-theme=light] [data-component=stage]{background:radial-gradient(circle at 50% 25%,#7251d60c,#0000 38%),#f6f7fb}html[data-theme=light] [data-component=chat-panel]{background:linear-gradient(#fff,#f7f7fa);box-shadow:-12px 0 35px #32264a0b}html[data-theme=light] [data-component=chat-panel] .message-form{background:#fff;border-color:#d9dbe4;box-shadow:0 10px 26px #3023450d}html[data-theme=light] [data-component=chat-panel] .chat-head{border-bottom-color:#dedfe6}html[data-theme=light] [data-component=chat-panel] .chat-head-actions button{color:#83798e}html[data-theme=light] [data-component=chat-panel] .chat-head-actions button:hover{color:#59416f;background:#f0edf6}html[data-theme=light] [data-component=chat-panel] .channel-tabs{border-bottom-color:#dedfe6}html[data-theme=light] [data-component=chat-panel] .channel-tab{color:#675e70;background:0 0;border:1px solid #0000}html[data-theme=light] [data-component=chat-panel] .channel-tab:hover{color:#392a50;background:#f3f0f8;border-color:#ded7eb}html[data-theme=light] [data-component=chat-panel] .channel-tab.active{color:#4f3289;background:#e9e2f8;border-color:#cabbed;box-shadow:0 2px 8px #7251d614}html[data-theme=light] [data-component=chat-panel] .members-tab{color:#53485e;background:#f5f3f8;border-color:#e0dbe8}html[data-theme=light] [data-component=chat-panel] .channel-add{color:#5d3f9e;background:#eee9f8;border:1px solid #d7cdec}html[data-theme=light] [data-component=chat-panel] .channel-add:hover{color:#45247e;background:#e4dcf5;border-color:#bda9e5}html[data-theme=light] .message p{color:#393440}html[data-theme=light] .message-meta strong{color:#382868}html[data-theme=light] .modal{background:linear-gradient(#fff,#f7f7fa)}html[data-theme=light] [data-component=auth-screen]{background:radial-gradient(circle at 18% 25%,#7251d61c,#0000 30%),radial-gradient(circle at 82% 75%,#3b82f611,#0000 28%),linear-gradient(145deg,#f8f7fc,#f0eef8 52%,#f7f8fc)}html[data-theme=light] [data-component=auth-screen] .auth-card{background:#ffffffed;border-color:#7251d62b;box-shadow:0 35px 100px #3925601c,inset 0 1px #fff}html[data-theme=light] .landing-copy h1{color:#201a2c}html[data-theme=light] .landing-copy>p{color:#625a6e}html[data-theme=light] .landing-features span{color:#47404f;background:#ffffffb8;border-color:#31233f12}html[data-theme=light] [data-component=auth-screen] .google-slot{background:#ffffffb8;border-color:#31233f12}html[data-theme=light] [data-component=stage] .empty-icon{color:#6741c7;background:linear-gradient(145deg,#eee8ff,#dfd4fb)}html[data-theme=light] input,html[data-theme=light] select{background:#fff;box-shadow:inset 0 1px #fff}html[data-theme=light] .secondary-button,html[data-theme=light] .square-button[aria-pressed=true]{color:#4b3b69;background:#eeeaf7}html[data-theme=light] .media-stage{background:#e7e9ef;border-color:#d0d3dc}html[data-theme=light] [data-component=stage] .call-stage-status{color:#a13b55;background:#fff7f9e8;border-color:#dfb1bd;box-shadow:0 7px 20px #6b26351a}html[data-theme=light] [data-component=stage] .media-controls{background:#ffffffde;border-color:#d7d9e2;box-shadow:0 16px 44px #2a1d3e1c}html[data-theme=light] .control-button,html[data-theme=light] .control-group{color:#37333d;background:#e8e9ef}html[data-theme=light] .control-button:hover,html[data-theme=light] .device-arrow:hover{background:#dfe1e8}html[data-theme=light] .device-arrow{color:#615b6b;border-left-color:#ced0d9}html[data-theme=light] .control-button.share{background:var(--color-primary);color:#fff}@media(max-width:560px){.theme-options{grid-template-columns:1fr}.theme-option{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:10px;display:grid}.theme-option>span:not(.theme-preview){margin-top:0}.theme-preview{height:42px}}html,body,#root,[data-react-surface=mostra-ai]{width:100%;height:100%;min-height:100%}#root,[data-react-surface=mostra-ai]{overflow:hidden}[data-compat-surface=auth]{display:contents}[data-component=app-shell]{background:var(--color-bg);grid-template-columns:292px minmax(0,1fr)}[data-component=sidebar]{isolation:isolate;background:radial-gradient(circle at 20% 0%,var(--color-primary),transparent 28%),linear-gradient(180deg,#141121,#100e19);position:relative}@supports (color:color-mix(in lab,red,red)){[data-component=sidebar]{background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--color-primary) 15%,transparent),transparent 28%),linear-gradient(180deg,#141121,#100e19)}}[data-component=sidebar]{border-right-color:var(--color-border);box-shadow:12px 0 40px #05040a2e}[data-component=sidebar]:before{content:"";z-index:-1;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary),#60a5fa);height:3px;position:absolute;inset:0 0 auto}[data-component=sidebar] .sidebar-head{border-bottom:1px solid #ffffff08;height:80px}[data-component=sidebar] .sidebar-intro{padding-top:24px}[data-component=sidebar] .sidebar-intro h2{color:var(--color-text);letter-spacing:-.025em;font-size:18px}[data-component=sidebar] .room-search{background:#ffffff08;border-color:#ffffff12;min-height:46px;box-shadow:inset 0 1px #ffffff08}[data-component=sidebar] .room-search:focus-within{border-color:var(--color-primary-hover);box-shadow:0 0 0 3px var(--color-primary-soft)}[data-component=sidebar] .home-nav-item{width:calc(100% - 24px);color:var(--color-text-secondary);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;margin:0 12px 20px;padding:10px 12px;display:flex}[data-component=sidebar] .home-nav-item:hover{color:var(--color-text);background:#ffffff09;border-color:#ffffff0d}[data-component=sidebar] .home-nav-item.active{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){[data-component=sidebar] .home-nav-item.active{border-color:color-mix(in srgb,var(--color-primary) 28%,transparent)}}[data-component=sidebar] .home-nav-item.active{background:linear-gradient(90deg,var(--color-primary-soft),#ffffff08);color:var(--color-text);box-shadow:0 8px 24px #0000001f}.home-nav-icon{background:var(--color-primary);border-radius:12px;flex:0 0 40px;place-items:center;height:40px;display:grid}@supports (color:color-mix(in lab,red,red)){.home-nav-icon{background:color-mix(in srgb,var(--color-primary) 19%,transparent)}}.home-nav-icon{color:var(--color-primary-hover)}.home-nav-icon svg{width:19px}.home-nav-item>span:last-child{min-width:0}.home-nav-item strong,.home-nav-item small{display:block}.home-nav-item strong{font-size:14px}.home-nav-item small{color:var(--color-text-tertiary);margin-top:3px;font-size:11px}[data-component=sidebar] .room-item{border:1px solid #0000}[data-component=sidebar] .room-item:hover{background:#ffffff09;border-color:#ffffff0d}[data-component=sidebar] .room-item.active{background:linear-gradient(90deg,var(--color-primary-soft),#ffffff09);border-color:#a78bfa30;box-shadow:0 8px 24px #00000024}[data-component=sidebar] .new-room-button{margin-top:14px}[data-component=sidebar] .account-card{background:#ffffff05;border-top-color:#ffffff0d;min-height:72px}[data-component=room-header]{background:var(--color-surface-2);height:80px;padding-inline:28px}@supports (color:color-mix(in lab,red,red)){[data-component=room-header]{background:color-mix(in srgb,var(--color-surface-2) 90%,transparent)}}[data-component=room-header]{border-bottom-color:var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 30px #05040a21}[data-component=room-header] .room-header-left strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:18px}[data-component=room-header] .header-room-avatar{box-shadow:0 8px 24px var(--color-primary-soft);border:1px solid #ffffff14}[data-component=stage]{background:radial-gradient(circle at 50% 25%,var(--color-primary),transparent 38%),var(--color-bg)}@supports (color:color-mix(in lab,red,red)){[data-component=stage]{background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 38%),var(--color-bg)}}.room-layout.home-mode{grid-template-columns:minmax(0,1fr)}.room-layout.home-mode [data-component=chat-panel]{display:none}[data-component=stage] .home-dashboard{flex:1;width:min(1120px,100%);min-height:0;margin:0 auto;padding:clamp(20px,4vw,48px);overflow:auto}.home-welcome{border:1px solid var(--color-primary);justify-content:space-between;align-items:center;min-height:190px;padding:clamp(26px,4vw,44px);display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.home-welcome{border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border))}}.home-welcome{background:radial-gradient(circle at 86% 20%,var(--color-primary),transparent 34%),linear-gradient(135deg,var(--color-surface-2),var(--color-primary));border-radius:24px}@supports (color:color-mix(in lab,red,red)){.home-welcome{background:radial-gradient(circle at 86% 20%,color-mix(in srgb,var(--color-primary) 30%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--color-surface-2) 94%,transparent),color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-1)))}}.home-welcome{box-shadow:var(--shadow-md)}.home-welcome>div:first-child{z-index:1;max-width:660px;position:relative}.home-eyebrow{color:var(--color-primary-hover);letter-spacing:.18em;font-size:10px;font-weight:800}.home-welcome h2{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.045em;margin:9px 0 10px;font-size:clamp(27px,4vw,42px)}.home-welcome p{max-width:560px;color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.65}.home-mascot{z-index:1;height:148px;filter:drop-shadow(0 18px 18px var(--color-primary));flex:0 0 180px;align-self:flex-end;margin:0 -8px -18px 28px;position:relative}@supports (color:color-mix(in lab,red,red)){.home-mascot{filter:drop-shadow(0 18px 18px color-mix(in srgb,var(--color-primary) 25%,transparent))}}.home-mascot{-webkit-user-select:none;user-select:none}.home-mascot:after{background:var(--color-primary);border-radius:50%;height:10px;position:absolute;bottom:6px;left:18%;right:18%}@supports (color:color-mix(in lab,red,red)){.home-mascot:after{background:color-mix(in srgb,var(--color-primary) 20%,transparent)}}.home-mascot:after{filter:blur(6px);content:"";animation:3.6s step-end infinite mascot-shadow}.home-mascot img{z-index:1;object-fit:contain;width:100%;height:100%;image-rendering:pixelated;transform-origin:50% 90%;animation:3.6s step-end infinite mascot-idle;display:block;position:relative}@keyframes mascot-idle{0%,52%,to{transform:translateY(0)rotate(0)}56%{transform:translateY(-3px)rotate(-1deg)}60%{transform:translateY(-6px)rotate(0)}64%{transform:translateY(-3px)rotate(1deg)}68%{transform:translateY(0)rotate(0)}72%{transform:translateY(-2px)}76%{transform:translateY(0)}}@keyframes mascot-shadow{0%,52%,68%,76%,to{opacity:.72;transform:scaleX(1)}60%{opacity:.42;transform:scaleX(.72)}}.home-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px;margin-top:18px;display:grid}.home-card{border:1px solid var(--color-border);background:var(--color-surface-1);border-radius:20px;min-width:0;padding:22px}@supports (color:color-mix(in lab,red,red)){.home-card{background:color-mix(in srgb,var(--color-surface-1) 82%,transparent)}}.home-card{box-shadow:var(--shadow-sm)}.home-card>header{align-items:center;gap:12px;margin-bottom:19px;display:flex}.home-card-icon{background:var(--color-primary-soft);height:42px;color:var(--color-primary-hover);border-radius:13px;flex:0 0 42px;place-items:center;display:grid}.home-card-icon svg{width:19px}.home-card h3{color:var(--color-text);margin:0;font-size:15px}.home-card header p{color:var(--color-text-tertiary);margin:4px 0 0;font-size:11px}.recent-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.recent-room-card{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:14px;align-items:center;gap:11px;min-width:0;padding:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.recent-room-card{background:color-mix(in srgb,var(--color-surface-2) 78%,transparent)}}.recent-room-card{color:var(--color-text);text-align:left}.recent-room-card:hover{border-color:var(--color-primary);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.recent-room-card:hover{border-color:color-mix(in srgb,var(--color-primary) 42%,var(--color-border))}}.recent-room-card:hover{background:var(--color-surface-3)}.recent-room-avatar{background:var(--color-primary-soft);height:42px;color:var(--color-primary-hover);background-position:50%;background-size:cover;border-radius:13px;flex:0 0 42px;place-items:center;font-size:13px;font-weight:800;display:grid}.recent-room-copy{flex:1;min-width:0}.recent-room-copy strong,.recent-room-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recent-room-copy strong{font-size:13px}.recent-room-copy small{color:var(--color-text-tertiary);margin-top:4px;font-size:10px}.recent-room-arrow{color:var(--color-text-tertiary);font-size:17px}.home-recent-empty{border:1px dashed var(--color-border-strong);color:var(--color-text-secondary);border-radius:13px;grid-column:1/-1;padding:16px;font-size:12px;line-height:1.55}.home-empty-create{margin-top:12px}.home-join-form label{color:var(--color-text-secondary);margin-bottom:8px;font-size:11px;font-weight:650;display:block}.home-join-form>div{gap:8px;display:flex}.home-join-form input{border:1px solid var(--color-border);background:var(--color-surface-2);width:100%;min-width:0;color:var(--color-text);border-radius:11px;outline:none;padding:12px 13px}.home-join-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.home-join-form .primary-button{flex:0 0 44px;width:44px;padding:0}.home-join-form .primary-button svg{width:18px}.home-join-status{min-height:18px;color:var(--color-text-secondary);margin:8px 0 0;font-size:11px;line-height:1.5}.home-join-status.error{color:var(--color-danger)}.home-tip{background:var(--color-primary-soft);color:var(--color-text-secondary);border-radius:11px;gap:8px;margin-top:18px;padding:11px 12px;font-size:10px;line-height:1.5;display:flex}.home-tip strong{color:var(--color-primary-hover)}html[data-theme=light] .home-nav-item.active{background:linear-gradient(90deg,#7251d61b,#fff);border-color:#7251d62d}html[data-theme=light] .home-welcome{background:radial-gradient(circle at 86% 20%,#7251d626,#0000 34%),linear-gradient(135deg,#fff,#f0ecfb)}html[data-theme=light] .home-card{background:#ffffffd9}html[data-theme=dark] .home-mascot{filter:grayscale(.12)drop-shadow(0 20px 24px #0008)}[data-component=stage] .empty-stage{width:100%;max-width:580px;margin-inline:auto}[data-component=stage] .empty-icon{width:84px;height:84px;box-shadow:0 20px 55px var(--color-primary-soft),0 1px #ffffff1a inset;background:linear-gradient(145deg,#4b2d78,#2a1c45);border:1px solid #a78bfa30}[data-component=stage] .empty-stage h2{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(24px,3vw,32px)}[data-component=chat-panel]{border-left-color:var(--color-border);background:linear-gradient(#1d1a2a,#17151f);box-shadow:-12px 0 35px #05040a24}[data-component=chat-panel] .chat-head{border-bottom-color:#ffffff0d;height:80px}[data-component=chat-panel] .messages{scrollbar-color:var(--color-border-strong) transparent}[data-component=chat-panel] .message-form{background:#ffffff08;border-color:#ffffff12;box-shadow:0 10px 26px #00000024,inset 0 1px #ffffff08}[data-component=auth-screen]{background:radial-gradient(circle at 18% 25%,#7c3aed2b,#0000 30%),radial-gradient(circle at 82% 75%,#3b82f61a,#0000 28%),linear-gradient(145deg,#100d18,#17131f 52%,#0d0c13);border-top:0;position:relative;overflow:hidden}[data-component=auth-screen]:before,[data-component=auth-screen]:after{content:"";pointer-events:none;border:1px solid #a78bfa17;border-radius:42%;width:360px;height:360px;position:absolute;transform:rotate(28deg)}[data-component=auth-screen]:before{top:-210px;right:-80px}[data-component=auth-screen]:after{bottom:-240px;left:-110px}[data-component=auth-screen] .auth-brand{z-index:2}[data-component=auth-screen] .auth-brand .wordmark{align-items:center;gap:12px;display:flex}[data-component=auth-screen] .auth-card{z-index:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(160deg,#2a2637f2,#1d1a27f2);border-color:#a78bfa2b;border-radius:26px;width:min(480px,100%);padding:44px;position:relative;box-shadow:0 35px 100px #05040a80,inset 0 1px #ffffff14}.auth-layout{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(400px,.75fr);align-items:center;gap:clamp(48px,8vw,120px);width:min(1180px,100%);display:grid;position:relative}.landing-copy{max-width:650px}.landing-kicker{color:#c8b4ef;letter-spacing:.14em;align-items:center;gap:8px;margin-bottom:22px;font-size:11px;font-weight:800;display:inline-flex}.landing-kicker svg{width:16px;height:16px}.landing-copy h1{color:#f7f3ff;font-family:var(--font-display);letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,76px);line-height:.98}.landing-copy h1 span{color:#a78bfa}.landing-copy>p{color:#b7aec4;max-width:590px;margin:25px 0 0;font-size:clamp(16px,2vw,19px);line-height:1.75}.landing-features{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.landing-features span{color:#d7cfdf;background:#ffffff08;border:1px solid #ffffff10;border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;font-weight:650;display:inline-flex}.landing-features svg{color:#ad8cff;width:16px;height:16px}.landing-install{background:#8b5cf61f;border-color:#a78bfa3d;margin-top:24px}.landing-trust{color:#7f768b;margin-top:16px;font-size:11px;display:block}[data-component=auth-screen] .auth-card h2{letter-spacing:-.04em;margin:0 0 10px;font-size:28px}[data-component=auth-screen] .auth-status{color:var(--muted);justify-items:center;gap:5px;margin-top:18px;font-size:13px;line-height:1.5;display:grid}[data-component=auth-screen] .auth-status .text-button{color:#c9a9ff;padding:6px 10px;font-weight:750}[data-component=auth-screen] .auth-emblem{background:linear-gradient(145deg,#7c4ee4,#4b287e);border:1px solid #ffffff17;box-shadow:0 16px 35px #7449dc42}.brand-mark .mostra-ai-mark{color:#fff;width:26px;height:26px}[data-component=auth-screen] .auth-emblem .mostra-ai-mark{color:#fff;width:43px;height:43px}[data-component=stage] .empty-icon .mostra-ai-room-icon{width:42px;height:42px}.header-room-avatar .mostra-ai-room-icon{width:24px;height:24px}.mostra-ai-chat-icon,.mostra-ai-room-icon,.mostra-ai-mark{overflow:visible}.auth-eyebrow{color:#bda4ef;letter-spacing:.14em;margin-bottom:12px;font-size:10px;font-weight:800;display:block}[data-component=auth-screen] .google-slot{background:0 0;border:0;width:100%;min-height:44px;margin-top:30px;padding:0}[data-component=auth-screen] .google-slot>div,[data-component=auth-screen] .google-slot iframe{max-width:400px;width:100%!important}[data-component=auth-screen] .google-slot iframe{display:block;margin:0 auto!important}.complementary-modal{background:linear-gradient(160deg,#2a2637f7,#1d1a27f7);border-color:#a78bfa2e;box-shadow:0 32px 90px #05040a8c,inset 0 1px #ffffff12}.complementary-modal .modal-close{border:1px solid #0000;width:34px;height:34px}.complementary-modal .modal-close:hover{border-color:#ffffff12}.complementary-modal .modal-icon,.settings-heading-icon{color:#d8c3ff;background:linear-gradient(145deg,#5d3c91,#3b275a);border:1px solid #ffffff12;place-items:center;display:grid;box-shadow:0 10px 28px #0003}.complementary-modal .modal-icon svg{width:22px;height:22px}.settings-heading-icon{border-radius:14px;flex:0 0 48px;width:48px;height:48px}.settings-heading-icon svg{width:24px;height:24px}.complementary-modal .primary-button svg,.copy-field button svg{width:17px;height:17px}.invite-manager-modal{width:min(680px,100%)}.invite-create-row{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;padding:16px}.invite-create-row .primary-button{white-space:nowrap}.copy-field button{align-items:center;gap:7px;display:inline-flex}.photo-editor{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:18px}.photo-preview{box-shadow:0 14px 32px #0005,0 0 0 4px #a78bfa14}.devices-modal{width:min(780px,100%)}.device-sections{gap:14px;margin-top:22px}.device-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:18px;position:relative}.device-card>label{margin-top:2px;padding-right:36px}.device-card-icon{color:#cbb0f5;background:#6f48a840;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:15px;right:15px}.device-card-icon svg{width:16px;height:16px}.device-privacy{text-align:center;background:#17131f;border-radius:9px;padding:10px 12px}.member-context{color:#bfb0ce;background:#6f48a815;border:1px solid #a78bfa24;border-radius:10px;align-items:center;gap:9px;margin-top:18px;padding:11px 13px;font-size:11px;display:flex}.member-context svg{color:#b794f4;width:16px;height:16px}.preferences-modal{width:min(680px,100%)}.preferences-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.preference-card,.preference-action{min-height:74px;color:var(--color-text);text-align:left;background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex;position:relative}.preference-card{flex-wrap:wrap;grid-column:1/-1}.preference-card>div,.preference-action span{flex:1;min-width:0}.preference-card strong,.preference-card small,.preference-action strong,.preference-action small{display:block}.preference-card small,.preference-action small{color:#9f95ac;margin-top:4px;font-size:11px}.preference-icon{color:#c9aaff;background:#7649b934;border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.preference-icon svg,.preference-action>svg{width:20px;height:20px}.switch{margin:0!important}.switch input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.switch span{cursor:pointer;background:#4b4654;border-radius:999px;width:44px;height:24px;padding:3px;transition:all .2s;display:block}.switch span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.switch input:checked+span{background:var(--color-primary)}.switch input:checked+span:after{transform:translate(20px)}.volume-setting{grid-template-columns:56px 1fr;align-items:center;gap:10px;width:calc(100% - 52px);margin:4px 0 0 52px!important;display:grid!important}.volume-setting span{color:#a89db5;font-size:11px}.volume-setting input{accent-color:var(--color-primary)}.preference-action{cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.preference-action:hover{background:#a78bfa10;border-color:#a78bfa3c;transform:translateY(-1px)}.preference-action>svg{color:#b89aef}.install-action{grid-column:1/-1}.status-pill{color:#83dfb2;background:#2c704e42;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:750}.connection-note strong{color:#c4b9cf;background:#ffffff09;border:1px solid #ffffff0d;border-radius:999px;margin-left:4px;padding:4px 7px;font-size:9px;font-weight:750}.connection-note[data-state=offline] strong{color:#ff9cab;background:#7a26353d}.connection-note[data-state=recovering] strong{color:#ffd28f;background:#7c56233d}.prejoin-modal{width:min(920px,100%);padding:32px}.prejoin-heading{padding-right:42px}.prejoin-heading h2{font-family:var(--font-display);letter-spacing:-.045em;margin-top:6px;font-size:clamp(25px,3vw,34px)}.prejoin-heading p{color:var(--color-text-muted);margin-top:7px}.prejoin-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:stretch;gap:24px;margin-top:24px;display:grid}.prejoin-preview{aspect-ratio:auto;background:radial-gradient(circle at 50% 35%,#65449b52,#0000 34%),linear-gradient(145deg,#241b31,#100d17);border-color:#a78bfa38;border-radius:20px;min-height:350px;margin:0;box-shadow:0 24px 60px #05040a55,inset 0 1px #ffffff12}.prejoin-preview-label{color:#d8cbea;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#100d17b8;border:1px solid #ffffff12;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700;position:absolute;top:14px;left:14px}.prejoin-setup{background:#ffffff06;border:1px solid #ffffff0d;border-radius:18px;flex-direction:column;justify-content:center;padding:22px;display:flex;box-shadow:inset 0 1px #ffffff08}.prejoin-setup>label,.prejoin-devices label span{color:#cfc4dd;letter-spacing:.025em;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.prejoin-setup input,.prejoin-devices select{background:#0f0d16b8;border-color:#ffffff12;width:100%}.prejoin-toggles .secondary-button{gap:7px;padding-inline:10px;font-size:11px}.prejoin-toggles .secondary-button svg,.prejoin-enter svg{flex:none;width:17px;height:17px}.prejoin-devices label{margin:0}.prejoin-enter{min-height:48px;box-shadow:0 12px 30px var(--color-primary-soft);margin-top:16px}[data-component=stage] .media-stage{background:radial-gradient(circle at 50% 20%,#6d45a51a,#0000 38%),#0d0c12;border-color:#ffffff10;border-radius:20px;box-shadow:0 18px 50px #05040a40,inset 0 1px #ffffff0a}.call-stage-status{z-index:5;color:#ffb1bb;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#421923d9;border:1px solid #ff718047;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;font-weight:800;display:flex;position:absolute;top:15px;right:16px;box-shadow:0 8px 24px #0005}.call-stage-status svg{width:12px;height:12px}[data-component=stage] .media-grid{scrollbar-color:var(--color-border-strong) transparent;gap:14px;padding:58px 16px 16px}[data-component=stage] .media-tile{border-color:#ffffff14;border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 14px 34px #0004}[data-component=stage] .media-tile:hover{border-color:#a78bfa55;transform:translateY(-1px)}[data-component=stage] .media-tile.speaking{border-color:var(--color-speaking);box-shadow:var(--glow-speaking),0 16px 40px #0005}[data-component=stage] .tile-meta{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff0d;border-radius:999px}[data-component=stage] .media-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#24212ee8;border:1px solid #ffffff12;border-radius:18px;width:max-content;max-width:100%;margin:14px auto 16px;padding:8px;box-shadow:0 16px 42px #05040a70,inset 0 1px #ffffff12}[data-component=stage] .control-button,[data-component=stage] .control-group{background-color:#ffffff08}[data-component=stage] .control-button{border:1px solid #0000;height:48px}[data-component=stage] .control-button:hover,[data-component=stage] .device-arrow:hover{background-color:#ffffff12}[data-component=stage] .control-button.share{background:linear-gradient(135deg,#9b6cff,#7145de);box-shadow:0 8px 20px #7449dc35}[data-component=stage] .control-button.danger{background:linear-gradient(135deg,#f15b70,#d93652);box-shadow:0 8px 20px #e4425d2e}[data-component=stage] .gesture-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#211b2bf2;border-color:#a78bfa40;bottom:68px}[data-component=stage] .gesture-bubble{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#251a36ed;border-color:#a78bfa66}[data-component=stage] .media-grid.focus-mode .media-tile.focused{border-color:#a78bfa44;box-shadow:0 20px 60px #0007}@media(min-width:981px)and (max-width:1300px){[data-component=app-shell]{grid-template-columns:256px minmax(0,1fr)}}@media(max-width:1050px){[data-component=auth-screen]{align-items:start;overflow:auto}.auth-layout{grid-template-columns:1fr;gap:38px;max-width:650px;padding-block:30px}.landing-copy{text-align:center}.landing-copy>p{margin-inline:auto}.landing-features{justify-content:center}.landing-trust{text-align:center}}@media(max-width:980px){[data-component=room-header]{padding-inline:18px}.home-mascot{flex-basis:136px;height:118px;margin-left:16px}}@media(max-width:800px){.home-grid{grid-template-columns:1fr}}@media(max-width:720px){[data-component=app-shell]{grid-template-columns:1fr}[data-component=room-header]{height:68px;padding-inline:12px}[data-component=stage] .home-dashboard{padding:14px 10px 24px}.home-welcome{border-radius:18px;min-height:160px;padding:24px 108px 24px 20px}.home-mascot{width:104px;height:104px;margin:0;display:block;position:absolute;bottom:-5px;right:4px}.home-welcome h2{font-size:28px}.home-grid{gap:12px;margin-top:12px}.home-card{border-radius:16px;padding:17px}.recent-room-grid{grid-template-columns:1fr}[data-component=auth-screen] .auth-card{border-radius:22px;padding:34px 22px}.auth-layout{grid-template-columns:1fr;gap:34px}.landing-copy{text-align:center;padding-top:24px}.landing-copy h1{font-size:clamp(42px,13vw,58px)}.landing-copy>p{margin-inline:auto}.landing-features{justify-content:center}.landing-trust{text-align:center}.preferences-grid{grid-template-columns:1fr}.preference-action,.install-action{grid-column:auto}.complementary-modal{border-radius:18px}.invite-create-row{padding:13px}.photo-editor{align-items:flex-start;padding:14px}.device-card{padding:15px}.prejoin-modal{padding:26px 18px 20px}.prejoin-grid{grid-template-columns:1fr;gap:14px;margin-top:18px}.prejoin-preview{aspect-ratio:4/3;min-height:220px}.prejoin-setup{padding:16px}[data-component=stage] .media-controls{margin:10px auto max(10px,env(safe-area-inset-bottom));border-radius:15px;gap:5px;padding:6px}[data-component=stage] .control-button{height:44px}}.mobile-scrim{display:none}.connection-button{border:1px solid var(--color-border);background:var(--color-surface-2);min-height:36px;color:var(--color-text-secondary);border-radius:10px;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:750;display:inline-flex}.connection-button svg{width:16px;height:16px}.connection-button[data-quality=good]{color:var(--color-speaking);border-color:var(--color-speaking)}@supports (color:color-mix(in lab,red,red)){.connection-button[data-quality=good]{border-color:color-mix(in srgb,var(--color-speaking) 38%,var(--color-border))}}.connection-button[data-quality=fair]{color:var(--color-warning);border-color:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.connection-button[data-quality=fair]{border-color:color-mix(in srgb,var(--color-warning) 45%,var(--color-border))}}.connection-button[data-quality=bad]{color:var(--color-danger);border-color:var(--color-danger)}@supports (color:color-mix(in lab,red,red)){.connection-button[data-quality=bad]{border-color:color-mix(in srgb,var(--color-danger) 45%,var(--color-border))}}.square-button.muted{color:var(--color-warning);background:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.square-button.muted{background:color-mix(in srgb,var(--color-warning) 12%,var(--color-surface-2))}}.chat-toggle,.room-item,.channel-tab{position:relative}.unread-badge{background:var(--color-danger);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;font-weight:850;line-height:1;display:inline-grid}.chat-toggle>.unread-badge{border:2px solid var(--color-surface-1);position:absolute;top:-5px;right:-5px}.room-unread{flex:none;margin-left:auto}.channel-tab .unread-badge{margin-left:2px}.connection-modal{width:min(560px,100%)}.quality-overview{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:15px;align-items:center;gap:14px;margin-top:22px;padding:16px;display:flex}.quality-overview .quality-orb{background:var(--color-primary-soft);height:46px;color:var(--color-primary);border-radius:14px;flex:0 0 46px;place-items:center;display:grid}.quality-overview .quality-orb svg{width:23px;height:23px}.quality-overview strong,.quality-overview small{display:block}.quality-overview small{color:var(--color-text-secondary);margin-top:4px;font-size:11px;line-height:1.5}.quality-overview[data-quality=good] .quality-orb{color:var(--color-speaking);background:var(--color-speaking)}@supports (color:color-mix(in lab,red,red)){.quality-overview[data-quality=good] .quality-orb{background:color-mix(in srgb,var(--color-speaking) 15%,transparent)}}.quality-overview[data-quality=fair] .quality-orb{color:var(--color-warning);background:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.quality-overview[data-quality=fair] .quality-orb{background:color-mix(in srgb,var(--color-warning) 15%,transparent)}}.quality-overview[data-quality=bad] .quality-orb{color:var(--color-danger);background:var(--color-danger)}@supports (color:color-mix(in lab,red,red)){.quality-overview[data-quality=bad] .quality-orb{background:color-mix(in srgb,var(--color-danger) 15%,transparent)}}.quality-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.quality-metrics article{border:1px solid var(--color-border);background:var(--color-surface-1);border-radius:12px;padding:12px}.quality-metrics span,.quality-metrics strong{display:block}.quality-metrics span{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.quality-metrics strong{margin-top:5px;font-size:13px}.quality-select{margin-top:16px!important}.quality-select>span{align-items:center;gap:8px;margin-bottom:8px;display:flex}.quality-select svg{width:17px;height:17px;color:var(--color-primary)}.full-width{width:100%}.tile-pip{z-index:3;color:#f5f1ff;background:#14111dee;border:1px solid #4a4158;border-radius:9px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;top:12px;left:104px;box-shadow:0 5px 18px #0005}.tile-pip:hover{background:#4d3473;border-color:#8b5cf6}.tile-pip svg{width:19px;height:19px}.moderation-section{border-top:1px solid var(--color-border);margin-top:24px;padding-top:20px}.member-list.compact{margin-top:10px}.member-row.compact{grid-template-columns:minmax(0,1fr) auto}.moderation-log{flex-direction:column;gap:7px;max-height:210px;margin-top:10px;display:flex;overflow:auto}.moderation-log article{border:1px solid var(--color-border);background:var(--color-surface-1);border-radius:10px;padding:10px 12px}.moderation-log strong,.moderation-log small{display:block}.moderation-log strong{font-size:12px}.moderation-log small{color:var(--color-text-tertiary);margin-top:4px;font-size:10px}.invite-create-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.invite-create-row label{grid-column:auto}.invite-create-row label:first-child,.invite-create-row #inviteExpiry{grid-column:1}.invite-create-row label[for=inviteMaxUses]{grid-area:1/2}.invite-create-row #inviteMaxUses{grid-area:2/2}.invite-create-row .primary-button{grid-area:2/3}@media(max-width:720px){html,body,#root,[data-react-surface=mostra-ai],[data-component=app-shell]{height:100dvh;min-height:100dvh;overflow:hidden}button,input,select,textarea{touch-action:manipulation}input,select,textarea{font-size:16px!important}[data-component=app-shell]{grid-template-columns:minmax(0,1fr);position:relative}.workspace{height:100dvh;min-height:0;overflow:hidden}[data-component=room-header]{z-index:12;height:calc(64px + env(safe-area-inset-top));min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;gap:5px;position:relative}[data-component=room-header] .room-header-left{flex:auto;gap:7px;min-width:0}[data-component=room-header] .mobile-menu,[data-component=room-header] .square-button,[data-component=room-header] .header-button,[data-component=room-header] .connection-button{border-radius:11px;flex:0 0 36px;width:36px;height:36px;padding:0}[data-component=room-header] .mobile-menu svg,[data-component=room-header] .square-button svg,[data-component=room-header] .header-button svg,[data-component=room-header] .connection-button svg{width:18px;height:18px}[data-component=room-header] .connection-button span{display:none}[data-component=room-header] .room-header-left strong{max-width:36vw;font-size:15px}[data-component=room-header] .room-header-left small{text-overflow:ellipsis;white-space:nowrap;max-width:36vw;overflow:hidden}[data-component=room-header] .room-actions{flex:none;gap:3px}[data-component=room-header] .participant-count,[data-component=room-header] .identity-button{display:none!important}[data-component=sidebar]{z-index:42;width:min(340px,90vw);height:100dvh;padding-top:env(safe-area-inset-top);overscroll-behavior:contain;will-change:transform;border-right:0;border-radius:0 22px 22px 0;position:fixed;inset:0 auto 0 0;box-shadow:28px 0 70px #05030b94}[data-component=sidebar] .sidebar-head{height:66px;padding-inline:18px}[data-component=sidebar] .sidebar-intro{padding:18px 18px 12px}[data-component=sidebar] .room-search{min-height:44px;margin:0 12px 14px}[data-component=sidebar] .home-nav-item{margin-bottom:14px}[data-component=sidebar] .rooms-list{padding-bottom:8px}[data-component=sidebar] .account-card{padding-bottom:max(14px,env(safe-area-inset-bottom))}.mobile-scrim{z-index:38;opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08060db8;border:0;width:100%;height:100%;padding:0;transition:opacity .2s,visibility .2s;display:block;position:fixed;top:0;right:0;bottom:0;left:0}.mobile-scrim.visible{opacity:1;visibility:visible;pointer-events:auto}.room-layout,.room-layout.chat-hidden,.room-layout.home-mode{grid-template-columns:minmax(0,1fr);min-height:0;position:relative;overflow:hidden}[data-component=stage]{min-height:0;padding:0;overflow:hidden}[data-component=stage] .home-dashboard{width:100%;padding:12px 10px max(22px,env(safe-area-inset-bottom));overscroll-behavior-y:contain}.home-welcome{min-height:154px}.home-welcome h2{font-size:clamp(25px,8vw,30px);line-height:1.08}.home-welcome p{font-size:13px;line-height:1.55}.home-card{box-shadow:none}[data-component=stage] .media-stage{width:100%;box-shadow:none;border:0;border-radius:0}[data-component=stage] .media-grid{scroll-snap-type:y proximity;overscroll-behavior-y:contain;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(240px,1fr);gap:9px;padding:50px 8px 8px}[data-component=stage] .media-tile{scroll-snap-align:center;border-radius:13px;min-height:240px}[data-component=stage] .media-controls{width:calc(100% - 12px);max-width:500px;margin:6px auto max(6px,env(safe-area-inset-bottom));flex:none;justify-content:space-between;gap:3px;padding:5px;overflow:visible}[data-component=stage] .control-button{border-radius:12px;min-width:42px;height:42px;padding:0 10px}[data-component=stage] .control-group{flex:0 auto;min-width:0}[data-component=stage] .control-group .control-button{min-width:38px;padding-inline:8px}[data-component=stage] .device-arrow{width:22px}[data-component=stage] .control-divider{margin-inline:1px}[data-component=stage] .gesture-menu{max-width:min(260px,84vw);bottom:54px;right:-48px}[data-component=chat-panel]{z-index:28;top:calc(64px + env(safe-area-inset-top));width:100vw;max-width:none;box-shadow:none;overscroll-behavior:contain;will-change:transform;border-left:0;bottom:0;right:0}[data-component=chat-panel] .chat-head{height:58px;padding-inline:15px}[data-component=chat-panel] .channel-tabs{scrollbar-width:none;padding:8px 10px}[data-component=chat-panel] .channel-tabs::-webkit-scrollbar{display:none}[data-component=chat-panel] .messages{padding:15px 12px 10px}[data-component=chat-panel] .message{margin-bottom:16px}[data-component=chat-panel] .message-actions{opacity:1}[data-component=chat-panel] .reply-preview{margin-inline:8px}[data-component=chat-panel] .message-form{margin:0 8px max(8px,env(safe-area-inset-bottom));border-radius:14px;padding:4px}[data-component=chat-panel] .message-form input{min-height:44px;padding:10px}[data-component=chat-panel] .message-form button{border-radius:10px;width:42px}.modal-backdrop{overscroll-behavior:contain;align-items:end;padding:12px 0 0}.modal{width:100%;max-width:none;max-height:calc(100dvh - 12px);padding:30px 18px max(24px,env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0}.modal:before{background:var(--color-border-strong);content:"";border-radius:99px;width:38px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.modal-close{top:14px;right:12px}.copy-field{flex-direction:column}.copy-field button{min-height:44px}.photo-editor{flex-direction:column;align-items:flex-start}.theme-settings{padding:14px}.preference-card,.preference-action{padding:13px}.volume-setting{grid-template-columns:48px 1fr;width:100%;margin-left:0!important}.prejoin-modal{min-height:min(100dvh,720px)}.prejoin-grid{margin-top:16px}.prejoin-preview{min-height:180px;max-height:32dvh}.prejoin-setup{padding:14px}.prejoin-toggles,.prejoin-devices,.quality-metrics{grid-template-columns:1fr 1fr}.tile-pip{width:36px;height:36px;top:10px;left:98px}.invite-create-row{grid-template-columns:1fr}.invite-create-row label,.invite-create-row label:first-child,.invite-create-row label[for=inviteMaxUses],.invite-create-row #inviteExpiry,.invite-create-row #inviteMaxUses,.invite-create-row .primary-button{grid-area:auto/1}[data-component=auth-screen]{height:100dvh;min-height:100dvh;padding:calc(76px + env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom));overscroll-behavior-y:contain;align-items:start;overflow-y:auto}[data-component=auth-screen] .auth-brand{top:calc(18px + env(safe-area-inset-top));left:18px}[data-component=auth-screen] .auth-layout{flex-direction:column;gap:22px;width:100%;padding:0;display:flex}[data-component=auth-screen] .auth-card{border-radius:22px;order:-1;width:100%;padding:30px 20px}[data-component=auth-screen] .auth-emblem{border-radius:18px;width:58px;height:58px;margin-bottom:18px}[data-component=auth-screen] .auth-emblem .mostra-ai-mark{width:37px;height:37px}[data-component=auth-screen] .auth-card h2{font-size:26px}[data-component=auth-screen] .google-slot{margin-top:24px}[data-component=auth-screen] .auth-legal{margin-top:20px}[data-component=auth-screen] .landing-copy{text-align:center;padding:8px 8px 30px}[data-component=auth-screen] .landing-kicker{margin-bottom:14px}[data-component=auth-screen] .landing-copy h1{font-size:clamp(38px,12vw,50px)}[data-component=auth-screen] .landing-copy>p{margin-top:18px;font-size:15px;line-height:1.6}[data-component=auth-screen] .landing-features{justify-content:center;margin-top:20px}.toast{right:12px;bottom:max(12px,env(safe-area-inset-bottom));text-align:center;width:auto;max-width:none;left:12px;transform:translateY(15px)}.toast.show{transform:none}}@media(max-width:390px){[data-component=room-header] .room-header-left strong,[data-component=room-header] .room-header-left small{max-width:28vw}[data-component=room-header] .room-actions{gap:1px}[data-component=room-header] .mobile-menu,[data-component=room-header] .square-button,[data-component=room-header] .header-button,[data-component=room-header] .connection-button{flex-basis:34px;width:34px;height:34px}.home-welcome{padding-right:92px}.home-mascot{width:90px;height:90px}[data-component=stage] .control-button{min-width:39px;padding-inline:8px}[data-component=stage] .control-group .control-button{min-width:35px;padding-inline:6px}[data-component=stage] .device-arrow{width:20px}.prejoin-toggles,.prejoin-devices{grid-template-columns:1fr}}@media(max-width:720px)and (max-height:620px)and (orientation:landscape){[data-component=room-header]{height:56px;min-height:56px;padding-top:0}[data-component=chat-panel]{top:56px}[data-component=stage] .media-grid{grid-auto-rows:minmax(190px,1fr);padding-top:42px}[data-component=stage] .media-controls{margin-block:4px}[data-component=auth-screen]{padding-top:66px}[data-component=auth-screen] .auth-card{padding-block:24px}[data-component=auth-screen] .landing-copy{display:none}}@media(prefers-reduced-motion:reduce){.home-mascot img,.home-mascot:after{animation:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}