@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-devanagari-400-normal-CJDn6rn8.woff2) format("woff2"),url(/assets/poppins-devanagari-400-normal-CqVvlrh5.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-ext-400-normal-by3JarPu.woff2) format("woff2"),url(/assets/poppins-latin-ext-400-normal-DaBSavcJ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2) format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-devanagari-500-normal-BIdkeU1p.woff2) format("woff2"),url(/assets/poppins-devanagari-500-normal-DMPDjHtT.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-ext-500-normal-CK-6C4Hw.woff2) format("woff2"),url(/assets/poppins-latin-ext-500-normal-CgAe2rWW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-500-normal-C8OXljZJ.woff2) format("woff2"),url(/assets/poppins-latin-500-normal-DGXqpDMm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-devanagari-600-normal-STEjXBNN.woff2) format("woff2"),url(/assets/poppins-devanagari-600-normal-ClASKHrr.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-ext-600-normal-CAhIAdZj.woff2) format("woff2"),url(/assets/poppins-latin-ext-600-normal-Df5ffKXP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Poppins,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1f1f1f;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#8f47ff;text-decoration:inherit}a:hover{text-decoration:underline}body{margin:0;min-height:100vh}#root{width:100%;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.page{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.consent{align-items:center;text-align:center}.consent .logo{height:4rem}h1{font-size:1.75rem;line-height:1.2}.react-joyride__tooltip{max-width:min(350px,90vw)!important;overflow-wrap:break-word!important;box-sizing:border-box!important}.tag-input-container{display:flex;flex-direction:column;gap:.375rem;width:100%;min-width:0}.tags-container{display:flex;flex-wrap:wrap;gap:.375rem}.tags-container:empty{display:none}.tag{display:flex;align-items:center;background-color:#8f47ff;color:#fff;padding:0 0 0 .625rem;border-radius:999px;font-size:.8125rem;max-width:100%;overflow-wrap:anywhere}.tag-input{width:100%;min-width:0;height:44px;padding:0 1.25rem;font:inherit;font-size:.875rem;color:inherit;background-color:#f7f7f7;border:1px solid transparent;border-radius:999px;outline:none}.tag-input:focus-visible{border-color:#8f47ff}.remove-tag-btn{min-width:32px;min-height:32px;background:none;border:none;color:#fff;font-size:1rem;font-weight:700;cursor:pointer}.site{max-width:1100px;margin:0 auto}.site h1,.site h2,.site h3{font-weight:500;margin:0 0 .5rem}.site h2{font-size:1.5rem;text-align:center}.site-header{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.site-nav{display:none;gap:1rem;margin-inline:auto}.site-actions{display:none;align-items:center;gap:1rem}.site-actions .MuiButton-root,.site-drawer-actions .MuiButton-root{min-height:44px;border-radius:999px}.site-hamburger.MuiIconButton-root{margin-left:auto;width:44px;height:44px;color:inherit}.site-login{color:inherit;padding:.5rem .25rem}.site-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-weight:600;color:#fff;background:#8f47ff;text-decoration:none}.site-avatar:hover{text-decoration:none;background:#7a35e8}.site a:focus-visible,.site-drawer a:focus-visible{outline:3px solid #8f47ff;outline-offset:2px;border-radius:6px}.site-drawer.MuiPaper-root{width:min(320px,85vw);padding:1rem;gap:1rem}.site-drawer-close.MuiIconButton-root{align-self:flex-end;width:44px;height:44px}.site-drawer-nav{display:flex;flex-direction:column}.site-drawer-nav a{display:flex;align-items:center;min-height:48px;padding:0 .75rem;color:#1f1f1f;border-radius:12px}.site-drawer-nav a:hover{text-decoration:none;background:#f3ecff}.site-drawer-nav a.active{color:#6a2fd0;background:#f3ecff;font-weight:600}.site-drawer-actions{display:flex;align-items:center;gap:1rem;padding:0 .75rem}@media (min-width: 768px){.site-nav,.site-actions{display:flex}.site-hamburger.MuiIconButton-root{display:none}}.site-nav a,.site-footer a{color:#1f1f1f;font-weight:400;padding:.5rem .25rem}.site-nav a.active{color:#8f47ff;font-weight:500}.site-logo{display:flex}.section{padding:2rem .25rem}.section p{color:#444}.narrow{max-width:720px;margin:0 auto}.accent{color:#8f47ff}.card{border:1px solid #ece4fb;border-radius:12px;padding:1rem;background:#fff}.card h3{font-size:1.05rem;color:#6a2fd0}.faq{border:1px solid #ece4fb;border-radius:8px;padding:.5rem 1rem;margin-bottom:.5rem}.faq summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:500}.site-footer{background:#1f1f1f;color:#ddd;border-radius:16px 16px 0 0;padding:1.5rem 1rem;text-align:center;margin-top:2rem}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.site-footer a{color:#fff}.site-footer p{margin:.5rem 0 0;font-size:.85rem}.form-page{max-width:480px;margin:0 auto}.form-page h1{text-align:left}.form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.form p{margin:0}.form .MuiButton-root,.form-row .MuiButton-root,.rooms-head .MuiButton-root{min-height:44px;border-radius:999px}.form-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.phone-row{display:flex;gap:.5rem}.phone-country{flex:0 0 5.5rem}.rooms-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem}.rooms-head h1{margin:0}.room-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:1rem}.room-card{display:flex;flex-direction:column;gap:.25rem;min-width:0}.site .room-name{font-size:1.1rem;text-align:left;color:#1f1f1f;overflow-wrap:anywhere}.room-meta{margin:0;font-size:.875rem}.room-live{color:#8f47ff}.room-description{margin:.25rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.create-grid{display:grid;gap:1rem;padding-top:.5rem;margin-bottom:1rem}@media (min-width: 600px){.create-grid{grid-template-columns:1fr 1fr}.create-wide{grid-column:1 / -1}.room-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.google-terms{font-size:.875rem;margin:0 0 .75rem}.google-button{min-height:44px;display:flex;justify-content:center}.divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid #ddd}.streak-card{border:1px solid #ece4fb;background:#f8f4ff;border-radius:12px;padding:1rem}.site .streak-card h2{font-size:1.1rem;text-align:left}.streak-card dl{display:flex;gap:2rem;margin:0 0 .5rem}.streak-card dt{font-size:.8rem;color:#555}.streak-card dd{margin:0;font-size:1.25rem;font-weight:600;color:#6a2fd0}.streak-card p{font-size:.875rem}:root:has(.site-dark){background:#0e0a18;color:#f4f0ff;color-scheme:dark}.site-dark{--muted: #c4bad8;--line: rgba(255, 255, 255, .1);--panel: rgba(255, 255, 255, .04);--accent-light: #c4a0ff}.site-dark .site-nav a,.site-dark .site-login{color:#e9e3f7}.site-dark .site-nav a.active{color:var(--accent-light)}.site-dark .site-footer{background:#17112a;border-top:1px solid var(--line)}.site-dark p{color:var(--muted)}.site-dark .accent{color:var(--accent-light)}.site-dark .cta.MuiButton-root{border-radius:999px;min-height:48px;padding-inline:1.5rem;font-weight:600}.site-dark .cta-ghost.MuiButton-root{color:#fff;border-color:#ffffff59}.site-dark .cta-ghost.MuiButton-root:hover{border-color:#fff;background:#ffffff0f}.site-dark .cta-light.MuiButton-root{background:#fff;color:#4b1fa0}.site-dark .cta-light.MuiButton-root:hover{background:#efe6ff}.site-dark .MuiButton-root:focus-visible{outline:3px solid var(--accent-light);outline-offset:2px}.site-dark a:focus-visible,.site-dark summary:focus-visible{outline:3px solid var(--accent-light);outline-offset:2px;border-radius:6px}.home-hero{display:grid;gap:2.5rem;align-items:center;padding:2.5rem .25rem 3rem;background:radial-gradient(60% 60% at 80% 40%,rgba(143,71,255,.28),transparent 70%)}.eyebrow{display:inline-block;margin:0 0 1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.site-dark .home-hero h1{font-size:clamp(2.25rem,9vw,3.75rem);line-height:1.08;font-weight:600;letter-spacing:-.02em;color:#fff;margin-bottom:1rem}.hero-sub{font-size:1.1rem;margin:0 0 1.75rem;max-width:34rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-visual{position:relative;width:100%;max-width:420px;aspect-ratio:5 / 4;justify-self:center}.vcard{position:absolute;width:68%;aspect-ratio:4 / 3;border-radius:22px;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px #00000073;overflow:hidden;display:flex;align-items:center;justify-content:center}.vcard-back{top:0;left:0;background:linear-gradient(140deg,#3a1d73,#8f47ff 120%);transform:rotate(-4deg)}.vcard-front{right:0;bottom:0;background:linear-gradient(140deg,#ff9a5a,#c2409a 55%,#6a2fd0);transform:rotate(3deg)}.vcard-avatar{width:30%;aspect-ratio:1;border-radius:50%;background:#ffffff47;box-shadow:0 0 0 10px #ffffff14}.vcard-bar{position:absolute;left:50%;bottom:10%;transform:translate(-50%);width:40%;height:10px;border-radius:999px;background:#0000004d}.connected-pill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;color:#fff;background:#0e0a18d9;border:1px solid rgba(255,255,255,.18);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.live-dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 #3ddc8499;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}@media (prefers-reduced-motion: reduce){.live-dot{animation:none}}.home-section{padding:3rem .25rem}.site-dark .home-section h2{font-size:clamp(1.5rem,5vw,2rem);font-weight:600;color:#fff;margin-bottom:1.75rem}.feature-grid{display:grid;gap:1rem}.feature-card{padding:1.5rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.5rem;border-radius:14px;background:#8f47ff33}.site-dark .feature-card h3,.site-dark .step h3{font-size:1.1rem;font-weight:600;color:#fff}.feature-card p,.step p{margin:0}.steps{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.step{padding:1.5rem;border-radius:18px;border:1px solid var(--line)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:.75rem;font-weight:600;color:#fff;border-radius:50%;background:#8f47ff}.streak-teaser{display:grid;gap:2rem;align-items:center;margin:1rem 0;padding:2rem 1.5rem;border-radius:24px;border:1px solid rgba(255,166,77,.25);background:linear-gradient(135deg,#ffa64d24,#8f47ff2e)}.site-dark .streak-teaser h2{text-align:left;margin-bottom:.75rem}.streak-teaser p{margin:0 0 1.5rem}.flame-chip{justify-self:center;padding:.75rem 1.75rem;font-size:2.5rem;font-weight:700;color:#fff;border-radius:999px;background:#0e0a1899;border:1px solid rgba(255,166,77,.4);box-shadow:0 0 40px #ffa64d40}.home-faq{max-width:760px;margin:0 auto}.site-dark .faq{border-color:var(--line);background:var(--panel);border-radius:12px}.site-dark .faq summary{color:#fff}.home-join{margin:1rem 0;padding:2.5rem 1.5rem;border-radius:24px;text-align:center;background:linear-gradient(135deg,#6a2fd0,#8f47ff)}.home-join p{color:#f1e9ff;margin:-1rem 0 1.5rem}.site-dark .home-join h2{margin-bottom:1.5rem}@media (min-width: 700px){.home-hero{grid-template-columns:1.1fr 1fr;padding-top:4rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.streak-teaser{grid-template-columns:1.5fr 1fr;padding:3rem}}@media (min-width: 1000px){.feature-grid{grid-template-columns:repeat(4,1fr)}}.badges-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;border:1px solid #ece4fb;border-radius:12px;padding:1rem}.site .badges-row h2{flex-basis:100%;margin:0;font-size:1.1rem;text-align:left}.badges-earned{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.badges-row .MuiButton-root{min-height:44px;border-radius:999px}.badges-title.MuiDialogTitle-root{text-align:center;font-size:1.75rem;font-weight:600;padding-inline:3.5rem}.badges-close.MuiIconButton-root{position:absolute;top:.5rem;right:.5rem;width:44px;height:44px}.badge-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.badge-row{display:flex;gap:.75rem;align-items:flex-start}.badge-row p{margin:.125rem 0 0;font-size:.875rem;color:#666}.badge-locked svg{opacity:.5;filter:grayscale(1)}.badge-locked strong{color:#666}.badge-lock-label{font-size:.8rem;color:#666}:root:has(.app){background:#f6f6fb}#root:has(.app){padding:0}.app{--side: 256px;--side-bg: #14152b;--side-hover: rgba(255, 255, 255, .06);--side-active: rgba(143, 71, 255, .18);--side-muted: #a9a9c8;--line: #e7e7f0;--accent: #8f47ff;--tabs: 64px;min-height:100vh;min-height:100dvh}.app.collapsed{--side: 72px}.app-sidebar{display:none}.app-drawer.MuiPaper-root{width:min(288px,85vw);background:var(--side-bg, #14152b);color:#fff}.app-sidebar-inner{display:flex;flex-direction:column;height:100%;min-height:0;color:#fff;padding:max(16px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom))}.app-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:0 8px 16px}.app-logo{display:flex;align-items:center;border-radius:8px}.app-logo img{display:block;height:28px;width:auto}.app-collapse.MuiIconButton-root{width:32px;height:32px;color:#a9a9c8}.app-collapse.MuiIconButton-root:hover{color:#fff;background:#ffffff14}.app-nav{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.app-nav-group{display:flex;flex-direction:column;gap:2px}.app-nav-caption{margin:0;padding:0 12px 4px;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a8aac}.app-nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 12px;font:inherit;font-size:.875rem;font-weight:500;color:#d9d9ec;text-align:left;text-decoration:none;background:none;border:0;border-radius:10px;cursor:pointer;transition:background-color .15s,color .15s}.app-nav-item:hover{color:#fff;text-decoration:none;background:#ffffff0f}.app-nav-item.active{color:#fff;background:#8f47ff33}.app-nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#8f47ff}.app-nav-item .MuiSvgIcon-root{flex:none}.app-nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-count{margin-left:auto;min-width:22px;padding:0 6px;font-size:.75rem;font-weight:600;line-height:20px;text-align:center;color:#fff;background:#8f47ff;border-radius:999px}.app-sidebar-foot{padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.app-sidebar-foot .MuiButton-root{min-height:44px;border-radius:10px}.app-user{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px;font:inherit;color:#fff;text-align:left;background:none;border:0;border-radius:12px;cursor:pointer}.app-user:hover{background:#ffffff0f}.app-user-text{display:flex;flex-direction:column;min-width:0}.app-user-text strong{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-user-text span{font-size:.75rem;color:#a9a9c8}.app-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font:inherit;font-size:.9375rem;font-weight:600;color:#fff;background:#8f47ff;border:0;border-radius:50%}.app-sidebar-inner :focus-visible{outline:2px solid #c4a0ff;outline-offset:2px}.app-sidebar-inner.collapsed{padding-inline:12px}.app-sidebar-inner.collapsed .app-sidebar-top{flex-direction:column;padding-inline:0}.app-sidebar-inner.collapsed .app-logo{width:40px;overflow:hidden}.app-sidebar-inner.collapsed .app-logo img{max-width:none}.app-sidebar-inner.collapsed .app-nav-caption{height:1px;padding:0;margin:4px 12px;overflow:hidden;color:transparent;background:#ffffff14}.app-sidebar-inner.collapsed .app-nav-item{justify-content:center;padding:0}.app-sidebar-inner.collapsed .app-nav-label,.app-sidebar-inner.collapsed .app-user-text{display:none}.app-sidebar-inner.collapsed .app-count{position:absolute;top:2px;right:6px;min-width:16px;padding:0 4px;font-size:.625rem;line-height:16px}.app-sidebar-inner.collapsed .app-user{justify-content:center;padding:8px 0}.app-sidebar-inner.collapsed .app-sidebar-foot .MuiButton-root{min-width:0;padding:0}.app-sidebar-inner.collapsed .app-sidebar-foot .MuiButton-startIcon{margin:0}.app-main{min-width:0;padding-bottom:calc(var(--tabs) + env(safe-area-inset-bottom))}.app-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;min-height:56px;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));background:#f6f6fbe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.app-hamburger.MuiIconButton-root{width:44px;height:44px;color:#1f1f1f}.app-title{flex:1;min-width:0;margin:0;font-size:1.0625rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-actions{display:flex;align-items:center;gap:12px;font-size:.875rem}.app-actions:empty{display:none}.app-topbar-avatar{width:36px;height:36px;cursor:pointer}.app-topbar-avatar:hover{background:#7a35e8}.app-topbar-login.MuiButton-root,.app-action-button.MuiButton-root{min-height:40px;border-radius:999px}.app-content{width:100%;max-width:1200px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-right)) 32px max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:16px}.app :focus-visible{outline:2px solid #8f47ff;outline-offset:2px}.app .name-input,.app .tag-input{background-color:#fff;border:1px solid #e7e7f0}.app .name-input:focus-visible,.app .tag-input:focus-visible{outline:none;border-color:#8f47ff}.app-tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;height:calc(var(--tabs) + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#fff;border-top:1px solid var(--line)}.app-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.6875rem;font-weight:500;color:#6b6b85;text-decoration:none}.app-tab:hover{text-decoration:none;color:#1f1f1f}.app-tab.active{color:#6a2fd0}.app-tab.active .MuiSvgIcon-root{background:#f0e8ff;border-radius:999px;padding:2px 14px;width:52px;box-sizing:content-box;margin-inline:-14px}.app-tab:focus-visible{outline-offset:-4px;border-radius:12px}@media (min-width: 1024px){.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:block;width:var(--side);background:var(--side-bg);transition:width .2s}.app-main{margin-left:var(--side);padding-bottom:0;transition:margin-left .2s}.app-tabs,.app-hamburger.MuiIconButton-root,.app-topbar-avatar,.app-topbar-login.MuiButton-root{display:none}.app-topbar{min-height:64px;padding-inline:32px}.app-title{font-size:1.25rem}.app-content{padding:32px 32px 48px;gap:24px}}@media (prefers-reduced-motion: reduce){.app-sidebar,.app-main,.app-nav-item{transition:none}}.app-card{min-width:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px}.app-card h2{margin:0 0 8px;font-size:1rem;font-weight:600}.app-card p{margin:0;color:#55556d}.app-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.app-card-head h2{margin:0}.app-lead{margin:0;color:#55556d}.app .MuiAlert-root{border-radius:12px}.dash-greeting{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.01em}.dash-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.dash-stat dt{font-size:.8125rem;color:#6b6b85}.dash-stat dd{margin:4px 0 0;font-size:1.5rem;font-weight:600;color:#1f1f1f}.dash-grid{display:grid;gap:16px}.dash-hero{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;color:#fff;border:0;background:linear-gradient(135deg,#6a2fd0,#8f47ff)}.app-card.dash-hero h2{margin:0;font-size:1.375rem;color:#fff}.app-card.dash-hero p{color:#efe6ff;margin-bottom:8px}.dash-hero-icon.MuiSvgIcon-root{width:44px;height:44px;padding:10px;box-sizing:content-box;background:#ffffff29;border-radius:12px}.dash-hero .MuiButton-root{min-height:48px;padding-inline:24px;border-radius:999px;color:#4b1fa0;background:#fff;font-weight:600}.dash-hero .MuiButton-root:hover{background:#efe6ff}.dash-hero .MuiButton-root:focus-visible{outline-color:#fff}.dash-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.dash-empty .MuiButton-root,.app-card-head .MuiButton-root{border-radius:999px}.dash-rooms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dash-rooms a{display:flex;flex-direction:column;padding:12px;color:#1f1f1f;border:1px solid var(--line);border-radius:12px}.dash-rooms a:hover{text-decoration:none;border-color:#c9b3f5;background:#faf7ff}.dash-rooms strong{font-weight:600;overflow-wrap:anywhere}.dash-rooms span{font-size:.8125rem;font-weight:400;color:#6b6b85}.dash-badges{display:flex;flex-wrap:wrap;gap:8px;width:100%;padding:8px;font:inherit;color:#55556d;background:#fafaff;border:1px solid var(--line);border-radius:12px;cursor:pointer}.dash-badges:hover{border-color:#c9b3f5}.dash-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border:1px solid var(--line);border-radius:12px}.dash-badge.locked svg{opacity:.4;filter:grayscale(1)}.app-card .dash-tip{margin-top:12px;font-size:.875rem}@media (min-width: 768px){.dash-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dash-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.app .form-page{max-width:560px;margin:0}.profile-page{width:100%}.rooms-page{display:flex;flex-direction:column;gap:16px}.rooms-page .room-list{margin:0}.app .room-card{border-color:var(--line);border-radius:16px;padding:20px}.app .room-name{margin:0;font-size:1.05rem;font-weight:600;overflow-wrap:anywhere}.app .room-meta{color:#6b6b85}.app .streak-card h2,.app .badges-row h2{margin:0 0 8px;font-size:1.05rem;font-weight:600;flex-basis:100%}.app .streak-card,.app .badges-row{border-color:var(--line);background:#fff;border-radius:16px}.app .consent{margin:24px auto;padding:32px 24px;background:#fff;border:1px solid var(--line);border-radius:16px}.app .consent h2{margin:0 0 8px}.admin-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-kpi dl{margin:0}.admin-kpi .admin-kpi-sub{margin-top:2px;font-size:.8125rem;font-weight:400;color:#6b6b85}.admin-kpi-link{display:block;color:inherit;border-radius:8px}.admin-kpi-link:hover{text-decoration:none}.app-card.admin-kpi:has(.admin-kpi-link:hover){border-color:#c9b3f5;background:#faf7ff}.app-card.admin-kpi.alert{border-color:#f3b27a;background:#fff7ef}.app-card.admin-kpi.alert dd:not(.admin-kpi-sub){color:#b54708}.admin-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-4px 0 -8px}.admin-updated{color:#6b6b85;font-size:.8125rem;white-space:nowrap}.admin-legend{display:flex;gap:16px;font-size:.8125rem;color:#55556d;margin-bottom:4px}.admin-legend i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px}.admin-legend .calls,.admin-chart rect.calls{background:#8f47ff;fill:#8f47ff}.admin-legend .signups,.admin-chart rect.signups{background:#2fb7a4;fill:#2fb7a4}.admin-chart{display:block;width:100%;height:auto}.admin-chart text{font-size:11px;fill:#6b6b85}.admin-chart .grid{stroke:#ececf4}.admin-card{display:flex;flex-direction:column;gap:12px}.admin-tabs{margin:-8px -8px 0;border-bottom:1px solid var(--line)}.admin-table-wrap{position:relative;overflow-x:auto;margin:0 -20px;padding:0 20px}.admin-table-wrap .MuiTable-root{min-width:640px}.admin-table-wrap .MuiTableCell-head{font-weight:600;color:#55556d;white-space:nowrap}.admin-table-wrap .MuiTableCell-root{border-color:var(--line)}.admin-row{cursor:pointer}.admin-who{display:flex;flex-direction:column;min-width:0}.admin-who strong{font-weight:600}.admin-who span{font-size:.8125rem;color:#6b6b85;overflow-wrap:anywhere}.admin-user{display:flex;align-items:center;gap:10px}.admin-user .app-avatar{width:32px;height:32px;flex:none;font-size:.875rem}.admin-chips{display:flex;flex-wrap:wrap;gap:4px}.admin-search{max-width:360px}.admin-muted,.admin-card .admin-muted{margin:0;font-size:.875rem;color:#6b6b85}.admin-state{display:flex;justify-content:center;margin:0;padding:32px 0;color:#6b6b85}.admin-pager{display:flex;justify-content:center}.admin-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.admin-actions .MuiButton-root{min-height:40px;border-radius:999px}.admin-ban-select{min-width:150px}.admin-id-input{flex:1 1 280px;max-width:420px}.admin-mono{display:block;font-family:ui-monospace,Menlo,monospace;font-size:.75rem;color:#6b6b85;overflow-wrap:anywhere}.admin-drawer.MuiPaper-root{width:100%;max-width:100%}.admin-drawer-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 12px 20px;background:#fff;border-bottom:1px solid #e7e7f0}.admin-drawer-head h2{margin:0;font-size:1.0625rem;font-weight:600;overflow-wrap:anywhere}.admin-drawer-body{display:flex;flex-direction:column;gap:12px;padding:16px 20px 32px}.admin-drawer-body h3{margin:8px 0 0;font-size:.9375rem;font-weight:600}.admin-drawer-body :focus-visible{outline:2px solid #8f47ff;outline-offset:2px}.admin-details{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:0;font-size:.875rem}.admin-details dt{color:#6b6b85}.admin-details dd{margin:0;min-width:0}.admin-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:#55556d}.admin-transcript{display:flex;flex-direction:column;gap:8px;margin:0;padding:12px;list-style:none;background:#fafaff;border:1px solid #e7e7f0;border-radius:12px}.admin-transcript li{display:flex;flex-direction:column;max-width:85%;padding:8px 12px;border-radius:12px}.admin-transcript li.reporter{align-self:flex-end;background:#f0e8ff;border-bottom-right-radius:4px}.admin-transcript li.reported{align-self:flex-start;background:#fff;border:1px solid #f3b27a;border-bottom-left-radius:4px}.admin-transcript .meta{font-size:.6875rem;color:#6b6b85}.admin-transcript .text{overflow-wrap:anywhere;white-space:pre-wrap}@media (min-width: 600px){.admin-drawer.MuiPaper-root{width:480px}}@media (min-width: 768px){.admin-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.friend-tabs{border-bottom:1px solid var(--line)}.friend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.app-card.friend-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:16px}.friend-card .app-avatar{width:44px;height:44px;font-size:1.0625rem}.friend-text{flex:1 1 160px;display:flex;flex-direction:column;min-width:0}.friend-text strong{font-weight:600;overflow-wrap:anywhere}.friend-text span{font-size:.8125rem;color:#6b6b85}.friend-actions{display:flex;gap:8px;margin-left:auto}.friend-actions .MuiButton-root,.friend-empty .MuiButton-root,.dash-review.MuiButton-root{min-height:40px;border-radius:999px}.friend-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.friend-empty .MuiButton-root{margin-top:8px}.dash-friends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}.dash-friends dt{font-size:.8125rem;color:#6b6b85}.dash-friends dd{margin:4px 0 0;font-size:1.5rem;font-weight:600;color:#1f1f1f}.app-card .dash-friends+.dash-tip{margin-top:0}.video-page{--stage-bg: linear-gradient(160deg, #0f1022 0%, #1a1b3a 100%);--glass: rgba(15, 16, 34, .55);--glass-line: rgba(255, 255, 255, .16);position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem;width:100%}.call-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:.75rem;min-width:0}.call-settings .hint{grid-column:1 / -1}.name-input{width:100%;min-width:0;height:44px;padding:0 1.25rem;font:inherit;font-size:.875rem;color:inherit;background-color:#fff;border:1px solid #e7e7f0;border-radius:999px;outline:none}.name-input:focus-visible{border-color:#8f47ff}.active-users{display:flex;align-items:center;gap:.5rem}.hint{margin:0;font-size:.8rem;opacity:.8}.call-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0}.stage{position:relative;isolation:isolate;min-width:0;overflow:hidden;color:#fff;background:var(--stage-bg);border-radius:20px;box-shadow:0 12px 40px #14152b2e}.stage>.video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.stage.in-call>.video{opacity:1}.stage-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;text-align:center;animation:stage-in .3s ease both}.stage-title{margin:0;font-size:1.375rem;font-weight:700;letter-spacing:-.01em;overflow-wrap:anywhere}.stage-sub{margin:0 0 .75rem;max-width:34ch;font-size:.9375rem;color:#ffffffb8}.start-button.MuiButton-root{min-width:96px;min-height:44px;border-radius:999px;box-shadow:none}.stage .start-button.MuiButton-root{min-height:52px;padding-inline:2.75rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#a46bff,#7a35e8);box-shadow:0 8px 28px #8f47ff73}.stage .start-button.MuiButton-root:hover{background:linear-gradient(135deg,#9558f5,#6a2fd0)}.stage-stop.MuiButton-root{min-height:40px;padding-inline:1.5rem;color:#fff;border-color:#ffffff59;border-radius:999px}.stage-stop.MuiButton-root:hover{border-color:#fff;background:#ffffff14}.stage-pulse{position:relative;display:grid;place-items:center;width:96px;height:96px;margin-bottom:.5rem}.stage-pulse>span{width:28px;height:28px;border-radius:50%;background:#8f47ff;box-shadow:0 0 24px #8f47ffcc}.stage-pulse:before,.stage-pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(164,107,255,.7);border-radius:50%;animation:stage-pulse 2s ease-out infinite}.stage-pulse:after{animation-delay:1s}@keyframes stage-pulse{0%{transform:scale(.3);opacity:1}to{transform:scale(1);opacity:0}}@keyframes stage-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stage-pill{position:absolute;top:12px;left:12px;z-index:3;display:flex;align-items:center;gap:.5rem;max-width:calc(100% - 24px);padding:.375rem .75rem;font-size:.8125rem;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-line);border-radius:999px}.stage-pill-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.stage-pill-text>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-pill-text>span{font-size:.75rem;color:#ffffffc7}.partner-quality{flex:none;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #ffffff2e}.media-mic-off{flex:none;display:flex;padding:4px;font-size:.875rem;border-radius:50%;color:#fff;background-color:#f44336e6}.stage-corner{position:absolute;top:12px;left:12px;z-index:3}.stage-tune.MuiIconButton-root{width:44px;height:44px;color:#fff;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-tune.MuiIconButton-root:hover{background:#0f1022bf}.media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;background:var(--stage-bg, #14152b);color:#fff;text-align:center}.media-avatar{display:flex;justify-content:center;align-items:center;width:64px;height:64px;border-radius:50%;background-color:#8f47ff;font-size:1.75rem;font-weight:600}.media-title{margin:0;font-weight:500;overflow-wrap:anywhere}.media-sub{margin:0;max-width:28ch;font-size:.8rem;opacity:.75}.self-view{position:absolute;right:16px;bottom:16px;z-index:4;width:22%;min-width:120px;aspect-ratio:4 / 3;overflow:hidden;background:#000;border:2px solid rgba(255,255,255,.22);border-radius:14px;box-shadow:0 8px 24px #0006}.self-view .video{display:block;width:100%;height:100%;object-fit:cover}.video.local{transform:scaleX(-1)}.self-view .media-overlay{gap:.375rem;padding:.5rem;border-radius:inherit}.self-view .media-title{font-size:.75rem}.self-view .MuiButton-root{font-size:.6875rem;line-height:1.2;border-radius:999px;text-transform:none}.switch-camera.MuiIconButton-root{position:absolute;right:6px;bottom:6px;z-index:3;width:36px;height:36px;color:#fff;background-color:#0f102299}.switch-camera.MuiIconButton-root:hover{background-color:#8f47ffd9}.stage.split>.video{top:0;right:0;bottom:50%;left:0;height:50%}.stage.split>.media-overlay{bottom:50%}.stage.split .self-view{top:50%;left:0;right:0;bottom:0;width:auto;min-width:0;max-width:none;aspect-ratio:auto;border:0;border-top:2px solid rgba(255,255,255,.22);border-radius:0;box-shadow:none}.controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.625rem;min-width:0}.tip{display:inline-flex}.controls .round.MuiIconButton-root{width:48px;height:48px;color:#3b3b55;background:#fff;border:1px solid #e7e7f0;transition:background-color .15s,color .15s}.controls .round.MuiIconButton-root:hover{background:#f3ecff}.controls .round.off.MuiIconButton-root,.controls .hang-up.MuiIconButton-root{color:#fff;background:#f44336;border-color:transparent}.controls .round.off.MuiIconButton-root:hover,.controls .hang-up.MuiIconButton-root:hover{background:#d32f2f}.controls .report-button.MuiIconButton-root{color:#c77700}.controls .block-button.MuiIconButton-root{color:#d32f2f}.controls .MuiButton-root{min-width:48px;min-height:48px;border-radius:999px;box-shadow:none}.skip-button.MuiButton-root{padding-inline:1.75rem;font-weight:600;background:linear-gradient(135deg,#a46bff,#7a35e8)}.skip-button.MuiButton-root.Mui-disabled{color:#9b9bb5;background:#ececf4}.friend-button.MuiButton-root{gap:.375rem;padding-inline:1rem;color:#6a2fd0;background:#f3ecff}.friend-button.MuiButton-root:hover{background:#e8dcff}.friend-button.incoming.MuiButton-root{color:#fff;background:#8f47ff}.friend-button.MuiButton-root.Mui-disabled{color:#6a2fd0;background:#f3ecff;opacity:.75}.record-button.MuiButton-root{gap:.375rem;padding-inline:1rem;color:#c62828;background:#fdecec}.record-button.MuiButton-root:hover{background:#fbd9d9}.record-button.on.MuiButton-root{color:#fff;background:#d32f2f}.record-button.MuiButton-root.Mui-disabled{color:#c62828;background:#fdecec;opacity:.6}.rec-indicator{position:absolute;top:12px;left:50%;z-index:4;display:flex;align-items:center;gap:.5rem;max-width:calc(100% - 24px);padding:.375rem .875rem;font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;background:#d32f2feb;border-radius:999px;transform:translate(-50%);box-shadow:0 2px 12px #d32f2f73}.rec-indicator>span:not(.rec-dot){overflow:hidden;text-overflow:ellipsis}.rec-dot{flex:none;width:10px;height:10px;background:#fff;border-radius:50%;animation:rec-pulse 1.2s ease-in-out infinite}@keyframes rec-pulse{50%{opacity:.25}}.record-consent-text{margin:0}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background-color:#fff;border:1px solid #e7e7f0;border-radius:20px;overflow:hidden}.chat-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 .75rem;padding:.875rem 1.25rem;border-bottom:1px solid #ececec}.chat-partner{min-width:0;margin:0;font-size:.9375rem;font-weight:600;overflow-wrap:anywhere}.chat-sign-in{font-size:.8125rem}.chat-messages{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:1rem 1.25rem;list-style:none;display:flex;flex-direction:column;gap:.5rem}.chat-empty{margin:auto;font-size:.8125rem;color:#777}.chat-message{max-width:80%;padding:.5rem .875rem;font-size:.875rem;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere;animation:stage-in .2s ease both}.chat-message.partner{align-self:flex-start;background-color:#f3f3f8}.chat-message.me{align-self:flex-end;color:#fff;background-color:#8f47ff}.chat-from{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.chat-form{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background-color:#fff;border-top:1px solid #ececec}.chat-input{flex:1;min-width:0;height:44px;padding:0 1.25rem;font:inherit;font-size:.875rem;color:inherit;background-color:#f7f7fb;border:1px solid #e7e7f0;border-radius:999px;outline:none}.chat-input:focus-visible{border-color:#8f47ff}.chat-send.MuiIconButton-root{width:44px;height:44px;color:#8f47ff}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.room-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.room-bar .MuiButton-root{min-height:44px;border-radius:999px}.room-queue h2{margin:0 0 .25rem;font-size:1rem;font-weight:500}.room-queue ol,.room-queue p{margin:0;font-size:.875rem}.streak-chip{padding:.125rem .625rem;font-weight:600;color:#6a2fd0;background-color:#f3ecff;border-radius:999px}.streak-link{font-size:.75rem}@media (min-width: 1024px){.call-settings{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:1rem}.call-layout{grid-template-columns:minmax(0,1fr) minmax(300px,340px);column-gap:1.25rem}.stage{grid-column:1;grid-row:1;aspect-ratio:16 / 9;min-height:340px;max-height:calc(100dvh - 280px)}.stage-title{font-size:1.75rem}.stage.split>.video{top:0;right:50%;bottom:0;left:0;width:50%;height:100%}.stage.split>.media-overlay{right:50%;bottom:0}.stage.split .self-view{top:0;left:50%;border-top:0;border-left:2px solid rgba(255,255,255,.22)}.controls{grid-column:1;grid-row:2}.room-queue{grid-column:1;grid-row:3}.chat-panel{grid-column:2;grid-row:1 / span 2;contain:size}.stage-tune.MuiIconButton-root{display:none}}@media (max-width: 1023.98px){.app:has(.video-page) .app-main{display:flex;flex-direction:column;height:100vh;height:100dvh}.app:has(.video-page) .app-content{flex:1;min-height:0;gap:.5rem;padding:.5rem max(.5rem,env(safe-area-inset-right)) .5rem max(.5rem,env(safe-area-inset-left))}.app:has(.video-page.immersive) .app-tabs{display:none}.app:has(.video-page.immersive) .app-main{padding-bottom:env(safe-area-inset-bottom)}.video-page{min-height:0;gap:.5rem}.call-settings{position:absolute;top:64px;left:8px;right:8px;z-index:20;display:none;grid-template-columns:minmax(0,1fr);padding:.75rem;background:#fff;border-radius:16px;box-shadow:0 12px 32px #0f102259;animation:stage-in .2s ease both}.call-settings.open{display:grid}.room-page .room-bar .MuiButton-root{min-height:40px}.call-layout{flex:1;min-height:0;grid-template-rows:minmax(0,1fr) auto auto;gap:0;container-type:size}.stage{grid-area:1 / 1 / -1 / -1;border-radius:18px}.self-view{top:12px;right:12px;bottom:auto;width:26%;min-width:92px;max-width:180px;aspect-ratio:3 / 4}.stage-pill{max-width:calc(74% - 36px)}.controls{grid-row:3;grid-column:1;z-index:5;justify-self:center;max-width:calc(100% - 16px);margin:0 8px 10px;padding:6px;gap:3px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-line);border-radius:28px}.stage.in-call~.controls .tip:has(.prefs-button){display:none}.controls .round.MuiIconButton-root{width:40px;height:40px;color:#fff;background:#ffffff24;border-color:transparent}.controls .round.MuiIconButton-root:hover{background:#ffffff3d}.controls .report-button.MuiIconButton-root{color:#ffc266}.controls .block-button.MuiIconButton-root{color:#ff8a80}.controls .MuiButton-root{min-width:42px;min-height:42px}.skip-button.MuiButton-root{padding-inline:1.125rem}.skip-button.MuiButton-root.Mui-disabled{color:#ffffff73;background:#ffffff1a}.controls .MuiButton-outlinedError{color:#ff8a80;border-color:#ff8a8099}.friend-button.MuiButton-root,.record-button.MuiButton-root{width:40px;min-width:0;height:40px;padding:0;border-radius:50%}.rec-indicator{top:56px;left:12px;max-width:calc(74% - 36px);transform:none}.friend-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.room-queue{grid-row:1;grid-column:1;z-index:5;align-self:start;justify-self:start;max-width:60%;max-height:30cqh;margin:64px 0 0 12px;padding:.5rem .75rem;overflow-y:auto;color:#fff;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px}.room-queue h2{font-size:.8125rem;font-weight:600}.room-queue ol,.room-queue p{font-size:.8125rem}.chat-panel{grid-row:2;grid-column:1;z-index:5;align-self:end;display:none;padding:0 10px 8px;background:none;border:0;border-radius:0;overflow:visible}.chat-panel.in-call{display:flex}.chat-head{justify-content:flex-start;padding:0;border:0}.chat-partner{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.chat-sign-in{margin-bottom:6px;padding:.25rem .75rem;color:#fff;background:var(--glass);border-radius:999px}.chat-messages{flex:none;max-width:82%;max-height:40cqh;padding:1.75rem 0 .5rem;gap:.375rem;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 2rem);mask-image:linear-gradient(to bottom,transparent 0,#000 2rem)}.chat-messages::-webkit-scrollbar{display:none}.chat-empty{display:none}.chat-message,.chat-message.partner,.chat-message.me{align-self:flex-start;max-width:100%;padding:.375rem .75rem;color:#fff;background:#0f102280;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 2px rgba(0,0,0,.5);border-radius:16px}.chat-message.me{background:#8f47ff80}.chat-from{position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-weight:700}.chat-form{padding:3px 3px 3px 0;background:#0f102273;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);border-radius:999px}.chat-input{height:40px;color:#fff;background:transparent;border:0}.chat-input::placeholder{color:#ffffffb8}.chat-send.MuiIconButton-root{width:40px;height:40px;color:#fff}.chat-send.MuiIconButton-root.Mui-disabled{color:#fff6}}@media (prefers-reduced-motion: reduce){.stage-state,.chat-message,.call-settings,.rec-dot{animation:none}.stage-pulse:before,.stage-pulse:after{animation:none;transform:scale(.75);opacity:.6}.stage>.video,.controls .round.MuiIconButton-root{transition:none}}
