@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Lalezar;src:url('/fonts/Lalezar-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;font-family:Vazirmatn,system-ui,sans-serif;--bg:#0c1018;--surface:#171e2b;--raised:#1e293a;--input:#101722;--line:#303c50;--ink:#e8e5ef;--muted:#99a9bf;--accent:#b5a0ff;--purple:#3d3159;--mint:#85d6bd;--ease:cubic-bezier(.2,.8,.2,1);background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;display:flex;flex-direction:column}button,input,select{font:inherit;color:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.4;cursor:not-allowed}button,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,label:focus-within{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}h1,h2{font-size:21px;line-height:1.6;font-weight:600}h3{font-size:15px;font-weight:550}p{line-height:1.9}input,select{min-width:0}input[type=range]{accent-color:var(--accent);height:36px;direction:ltr;cursor:pointer;margin:0}input[type=range]:disabled{opacity:.45}input[type=checkbox]{accent-color:var(--accent)}[hidden]{display:none!important}.wide{width:100%}.muted{color:var(--muted)}.hint{font-size:12px;line-height:1.9}.icon{width:22px;height:22px;display:block;flex:none;fill:none;pointer-events:none}.icon-button{width:44px;min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:transparent;position:relative;flex:none;color:#c9c7d1;transition:background .16s,color .16s,transform .16s}.icon-button:hover:not(:disabled){background:#b5a0ff16;color:var(--ink)}.icon-button:active:not(:disabled){transform:scale(.94)}.icon-button[aria-pressed=true],.icon-button[aria-expanded=true]{color:var(--accent);background:#b5a0ff16}.outlined{border:1px solid var(--line);background:#1c2636}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid var(--line);border-radius:13px;font-size:14px;font-weight:550;line-height:1.5;background:var(--raised)}.button:hover:not(:disabled){filter:brightness(1.08)}.primary{background:linear-gradient(180deg,#bdaaff,#a38ce8);border-color:#c8b7ff;color:#21172f;box-shadow:inset 0 1px #ffffff25}.secondary{background:#332b47;border-color:#605078;color:#e6dcff}.quiet{background:transparent;border-color:transparent;color:var(--accent)}.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;background:#332b46;border:1px solid #54446c;border-radius:15px;color:#d7c6ff}.icon-tile .icon{width:23px;height:23px}
.appbar{display:flex;align-items:center;gap:4px;min-height:72px;padding:calc(env(safe-area-inset-top) + 10px) max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left));border-bottom:1px solid #bac8f00c}.brand{display:flex;align-items:center;gap:8px;flex:1;min-width:0;white-space:nowrap;direction:ltr}.brand>span{font:600 17px/1.1 system-ui,sans-serif;letter-spacing:-.5px}.brand small{display:block;font:600 5px/1.8 system-ui,sans-serif;letter-spacing:1.8px;margin-top:5px;color:var(--muted)}.brand img{display:none}.header-actions{display:flex;align-items:center;gap:0}#request-dot{position:absolute;top:6px;right:7px;width:7px;height:7px;background:var(--accent);border-radius:50%}#mic[aria-pressed=false]::after{content:'';position:absolute;width:27px;height:2px;transform:rotate(-47deg);background:var(--accent);box-shadow:0 0 0 2px var(--bg)}main{flex:1;min-width:0}.lobby{display:grid;gap:16px;padding:20px 14px 28px;max-width:1120px;margin:auto}.card{background:linear-gradient(155deg,#1b2332,#141b27);border:1px solid var(--line);border-radius:21px;padding:22px;min-width:0;box-shadow:inset 0 1px #ffffff04}.card-heading{display:flex;gap:13px;align-items:center;margin-bottom:26px}.card-heading p{color:var(--muted);font-size:12px;margin-top:4px}.card-heading h1{font-size:21px}.field{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;font-size:13px;color:#bdc8da}.field input,.field select{width:100%;min-height:52px;padding:12px 14px;border-radius:13px;border:1px solid var(--line);background:var(--input);font-size:16px;outline:none}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b5a0ff12}.field input::placeholder{color:#8190a7;font-size:14px}#code{letter-spacing:2px;text-align:center}input[dir=ltr]{text-align:left}.tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#111824;margin-bottom:22px}.tabs>button{flex:1;min-width:0;min-height:44px;padding:8px 12px;background:transparent;border-radius:10px;color:var(--muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.tabs>button[aria-selected=true]{color:#e7ddff;background:#39304f;box-shadow:inset 0 0 0 1px #a18ac555}.range-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:8px}.range-label output{color:var(--accent);font-variant-numeric:tabular-nums}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;padding:16px 0;line-height:1.7}.setting p{font-size:12px;color:var(--muted);margin-top:5px}.setting strong{font-weight:500}.public-setting{padding:16px 0 24px}.switch{appearance:none;-webkit-appearance:none;width:46px!important;height:28px;min-width:46px;flex:none;border:1px solid #556078;border-radius:20px;background:#283247;position:relative;cursor:pointer;margin:0;transition:background .2s}.switch:before{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#bdc6d5;transition:transform .22s var(--ease),background .2s}.switch:checked{background:#a68eea;border-color:#c7b2ff}.switch:checked:before{transform:translateX(18px);background:#faf5ff}.connection-settings{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:var(--muted);cursor:pointer}summary::-webkit-details-marker{display:none}summary .icon{width:18px;height:18px}summary>:last-child{margin-inline-start:auto}details[open] summary{margin-bottom:14px}.connection-settings .field{margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-heading h2{display:flex;align-items:center;gap:12px;font-size:19px}.badge{font:600 11px/1.8 system-ui,sans-serif;min-width:22px;padding:1px 6px;border-radius:7px;background:#b5a0ff19;color:#ccbdff;text-align:center}.room-list{display:flex;flex-direction:column;gap:10px}.public-room{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;text-align:start;min-height:86px;border:1px solid transparent;border-radius:15px;background:#1f293a;padding:13px;color:var(--ink)}.public-room:hover:not(:disabled){border-color:#766295;background:#273148}.public-room .avatar{color:var(--accent);background:#b5a0ff12}.public-room .room-name{display:flex;flex-direction:column;gap:5px;min-width:0}.room-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.room-name small{font:11px system-ui,sans-serif;letter-spacing:1px;color:var(--muted)}.public-room .room-count{font:600 13px system-ui,sans-serif;display:flex;flex-direction:column;gap:6px;align-items:end}.room-count small{font:11px Vazirmatn,sans-serif;color:var(--mint)}.empty{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;min-height:190px;padding:22px 5px}.empty p{max-width:280px;font-size:12px;color:var(--muted)}.empty strong{font-size:15px}.empty-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:19px;background:#2c273e;border:1px solid #53436a;color:#cdbaff;margin-bottom:5px}.empty-icon .icon{width:27px;height:27px}.status-line{font-size:11px;margin-top:18px;text-align:center}.connection{font-size:11px;display:flex;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.connection:before{content:'';width:6px;height:6px;flex:none;background:var(--mint);border-radius:50%}
.room{max-width:1500px;margin:auto}.room-layout{min-width:0}.cinema{min-width:0}.player{position:relative;background:#090d14;isolation:isolate}.stage{position:relative;aspect-ratio:16/9;max-height:45dvh;overflow:hidden;touch-action:pan-y;background:#06090f}video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center}video::-webkit-media-controls{display:none!important}.video-empty{position:absolute;inset:0;min-height:0;padding:14px;gap:7px;background:radial-gradient(ellipse at center,#1b1927,#090d14 78%)}.video-empty .empty-icon{width:48px;height:48px;border-radius:16px}.video-empty h2{font-size:16px}.video-empty p{font-size:11px}.video-empty .button{min-height:36px;padding:7px 12px;font-size:12px}.player-dock{height:104px;background:#101824;padding:8px 10px 9px;display:flex;flex-direction:column;justify-content:space-between}.timeline{display:flex;align-items:center;gap:10px;height:32px}.timeline time{font:12px system-ui,sans-serif;min-width:30px;white-space:nowrap;font-variant-numeric:tabular-nums}.timeline time:last-child{color:var(--muted);text-align:right}.timeline input{flex:1;min-width:0;width:100%;height:30px}.transport{display:flex;align-items:center;justify-content:space-between;gap:0}.transport .play{background:#3d3159;color:#e6d7ff;width:48px;min-width:48px;height:48px;border-radius:16px}.transport .icon{width:24px;height:24px}.transport .icon-button{min-width:44px}.captions{position:absolute;bottom:6%;left:5%;right:5%;z-index:4;white-space:pre-wrap;text-align:center;unicode-bidi:plaintext;pointer-events:none;color:white;font:24px/1.4 Lalezar,Vazirmatn,sans-serif;-webkit-text-stroke:.5px black;paint-order:stroke fill;text-shadow:0 2px 3px #000,0 0 4px #000}.captions>span{box-decoration-break:clone;-webkit-box-decoration-break:clone;background:var(--caption-bg,#0007);padding:2px 8px;border-radius:5px}.feedback{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);padding:14px 20px;border:1px solid #ffffff2b;border-radius:18px;background:#272938c9;backdrop-filter:blur(18px);font-size:17px;pointer-events:none;white-space:nowrap;animation:feedback-in .2s var(--ease)}.buffering{position:absolute;inset:0;display:grid;place-items:center;z-index:5;pointer-events:none}.spinner{display:inline-block;width:30px;height:30px;border:3px solid #b5a0ff25;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.play-unlock{position:absolute;z-index:7;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap}.glass{background:#283041df;border:1px solid #8c82a970;backdrop-filter:blur(24px) saturate(130%);box-shadow:0 10px 32px #0004}.popover{position:absolute;z-index:12;bottom:96px;inset-inline-end:10px;width:min(290px,calc(100% - 20px));padding:6px;border-radius:16px;max-height:min(45dvh,calc(var(--stage-height,190px) - 12px));overflow:auto;overscroll-behavior:contain}.popover button,.popover label{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border-radius:10px;background:transparent;text-align:start;font-size:13px;line-height:1.7}.popover button:hover{background:#b5a0ff18}.popover .icon{width:19px;height:19px}.popover input[type=range]{width:100%;min-width:0;flex:1;height:32px}.popover .volume-controls{display:flex;align-items:center}.popover .volume-controls button{width:44px;flex:none}.popover output{font:12px system-ui;white-space:nowrap}.movie-details{padding:24px 20px 28px}.movie-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.movie-heading>div{min-width:0}.movie-heading h1{font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-heading p{font-size:12px;margin-top:8px;color:var(--accent)}.inline-code{font:600 12px system-ui,sans-serif;letter-spacing:1px;padding:0;background:transparent;color:var(--accent);min-height:44px}#room-status{font-size:13px;margin-top:18px;color:var(--muted)}.inline-error{padding:12px;margin-top:14px;border:1px solid #eea2a440;background:#b7475812;color:#ffc9ce;border-radius:12px;font-size:12px;line-height:1.9}
.social{display:flex;flex-direction:column;position:fixed;z-index:30;inset:0;max-width:480px;width:100%;margin-inline-start:auto;border-radius:0;border:0;padding:calc(env(safe-area-inset-top) + 18px) 20px max(16px,env(safe-area-inset-bottom));height:var(--visual-height,100dvh);background:#111925;transform:translateX(105%);visibility:hidden;transition:transform .28s var(--ease),visibility .28s}.social.open{transform:translateX(0);visibility:visible}html[dir=ltr] .social{margin-inline-start:0;margin-inline-end:auto;transform:translateX(-105%)}html[dir=ltr] .social.open{transform:translateX(0)}body.social-open{overflow:hidden}.social .section-heading{margin-bottom:18px}.invite{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid #55446e;background:#2d273f;border-radius:15px;margin-bottom:18px}.invite>div{display:flex;flex-direction:column;gap:5px}.invite small{font-size:11px;color:#b5a6ce}.invite strong{font:600 20px system-ui,sans-serif;letter-spacing:2px;color:#ded1ff}.social .tabs{margin-bottom:14px;flex:none}.social-panel{display:flex;flex-direction:column;min-height:0;flex:1}.members,.messages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#43506b transparent}.members{padding-bottom:15px}.avatar{display:grid;place-items:center;width:40px;height:40px;flex:none;background:#b5a0ff16;border-radius:13px;color:#d3bfff;font-weight:600}.member-row{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#1c2738;text-align:start;width:100%}.member-row .member-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.member-row strong{font-size:13px;overflow-wrap:anywhere}.member-row small{font-size:11px;color:var(--muted)}.ready-dot{width:7px;height:7px;border-radius:50%;background:#71819b}.ready-dot.ready{background:var(--mint);box-shadow:0 0 0 4px #85d6bd0d}#requests:not(:empty){margin-bottom:14px}.request{padding:12px;border:1px solid #8268a4;border-radius:14px;background:#352c49;margin-bottom:8px}.request strong{display:block;font-size:13px;margin-bottom:10px;overflow-wrap:anywhere}.request>div{display:flex;gap:8px}.request .button{min-height:40px;flex:1;padding:8px;font-size:12px}.messages{flex:1;padding:4px 1px 15px;overflow-anchor:auto}.message{padding:12px 14px;border:1px solid var(--line);background:#202b3d;border-radius:15px;overflow-wrap:anywhere}.message.own{background:#322a45;border-color:#514268}.message strong{font-size:12px;color:#cbb8ff}.message p{font-size:14px;margin-top:6px;white-space:pre-wrap;unicode-bidi:plaintext;line-height:1.8}.message .quote{display:block;text-align:start;background:#b5a0ff13;padding:8px 10px;border-inline-start:3px solid var(--accent);border-radius:6px;font-size:12px;margin-top:8px;color:var(--muted);white-space:pre-wrap}.message .reply-action{min-width:44px;min-height:36px;border-radius:9px;color:#d7c7ff;background:#b5a0ff13;margin-top:7px;font-size:11px;padding:6px 10px}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;border-top:1px solid var(--line);padding:12px 0}.chat-form input{width:100%;min-width:0;height:48px;border:1px solid var(--line);background:var(--input);border-radius:13px;padding:10px 13px;font-size:16px}.chat-form .icon-button{width:46px;height:48px}.chat-form input::placeholder{font-size:14px}.reply{display:flex;align-items:center;justify-content:space-between;gap:10px;border-inline-start:3px solid var(--accent);background:#b5a0ff13;border-radius:10px;padding:5px 10px;font-size:12px}.reply>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#chat-empty{flex:1;font-size:13px}
dialog{color:var(--ink);border:1px solid #465069;box-shadow:0 25px 80px #0005;background:linear-gradient(150deg,#1f2838,#141b28);padding:0}dialog:not([open]){display:none}dialog::backdrop{background:#03060b99;backdrop-filter:blur(7px)}.sheet{margin:auto auto 0;width:min(100%,560px);max-height:calc(100dvh - env(safe-area-inset-top) - 16px);overflow:auto;overscroll-behavior:contain;border-radius:26px 26px 0 0;padding:12px 22px max(24px,calc(env(safe-area-inset-bottom) + 16px));animation:sheet-in .28s var(--ease)}.sheet-handle{width:36px;height:4px;border-radius:4px;background:#8995ae55;margin:0 auto 18px}.sheet .section-heading h2{font-size:21px}.sheet .field{margin-top:18px}.setting-card{background:#182130;border:1px solid var(--line);border-radius:17px;padding:18px;margin-bottom:14px}.setting-card h3{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:18px}.setting-card h3 .icon{color:var(--accent);width:20px;height:20px}.setting-card .field:last-child{margin-bottom:0}.setting-card .hint{margin-top:6px}.drawer{position:fixed;inset:0;max-height:none;height:100dvh;width:min(92vw,380px);margin:0 0 0 auto;border-radius:24px 0 0 24px;padding:calc(env(safe-area-inset-top) + 20px) 20px max(20px,env(safe-area-inset-bottom));overflow:auto;background:#111925;animation:drawer-in .26s var(--ease)}[dir=ltr] .drawer{margin:0 auto 0 0;border-radius:0 24px 24px 0;--drawer-entry:-100%}.drawer h2{font:600 25px system-ui}.drawer-group{padding:22px 0 14px;border-top:1px solid #303c5080}.drawer-group h3{font-size:13px;color:var(--accent);margin-bottom:10px}.menu-item{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:12px 8px;border-radius:12px;text-align:start;background:transparent;font-size:15px;position:relative;cursor:pointer}.menu-item:hover{background:#b5a0ff0d}.menu-item small{font-size:10px;color:var(--muted);margin-inline-start:auto}.menu-item .icon{width:23px;height:23px}.file-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.drawer-version{display:block;font-size:12px;color:var(--muted);padding-top:18px}.toasts{position:fixed;z-index:100;top:calc(env(safe-area-inset-top) + 84px);inset-inline-start:12px;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 24px));pointer-events:none}.toast{display:flex;align-items:center;gap:12px;min-width:0;width:max-content;max-width:100%;padding:11px 12px;border-radius:16px;background:linear-gradient(120deg,#393b48d9,#242e3cde);border:1px solid #b0a9c66b;backdrop-filter:blur(24px) saturate(130%);box-shadow:0 8px 24px #0003;pointer-events:auto;font-size:12px;line-height:1.9;animation:toast-in .28s var(--ease)}.toast>span{overflow-wrap:anywhere;min-width:0}.toast button{color:var(--muted);background:transparent;display:grid;place-items:center;border-radius:8px;width:30px;min-width:30px;height:30px;font:22px system-ui}.toast.error{border-color:#efacb170}.toast button:hover{background:#ffffff12}.toasts .toast{margin-inline-end:auto}.fullscreen-bar{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 25px max(12px,env(safe-area-inset-left));background:linear-gradient(#0008,transparent)}.fullscreen-bar strong{min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player:fullscreen,.player.expanded{position:fixed;inset:0;z-index:60;width:100%;height:100dvh;background:#000;border:0;border-radius:0;display:flex;flex-direction:column}.player:fullscreen .stage,.player.expanded .stage{flex:1;max-height:none;min-height:0;aspect-ratio:auto!important;touch-action:none}.player:fullscreen .player-dock,.player.expanded .player-dock{position:absolute;bottom:0;left:0;right:0;z-index:8;height:calc(120px + env(safe-area-inset-bottom));padding:22px max(16px,env(safe-area-inset-right)) max(16px,calc(env(safe-area-inset-bottom) + 16px)) max(16px,env(safe-area-inset-left));background:linear-gradient(transparent,#000b 50%,#000d)}.player:fullscreen .captions,.player.expanded .captions{bottom:calc(132px + env(safe-area-inset-bottom))}.player:fullscreen .popover,.player.expanded .popover{bottom:calc(116px + env(safe-area-inset-bottom));max-height:min(45dvh,340px)}.player.chrome-hidden .player-dock,.player.chrome-hidden .fullscreen-bar{opacity:0;pointer-events:none;transition:opacity .28s}.player-dock,.fullscreen-bar{transition:opacity .18s}.player.chrome-hidden .captions{bottom:max(6%,env(safe-area-inset-bottom))}body.expanded-open{overflow:hidden}footer{display:flex;justify-content:space-between;gap:12px;padding:12px 20px max(12px,env(safe-area-inset-bottom));font:600 9px system-ui,sans-serif;letter-spacing:1.3px;color:#7485a0;direction:ltr}
@media(max-width:359px){.brand>span{font-size:15px}.appbar{gap:0;padding-inline:6px}.appbar:has(.voice-only:not([hidden])) .brand>span{display:none}.appbar:has(.voice-only:not([hidden])) .brand img{display:block;width:30px;height:30px}.card{padding:18px}.card-heading h1{font-size:19px}.transport #audio{display:none}.transport{gap:0}.video-empty p{display:none}.transport #subtitles{--compact:1}}
@media(min-width:700px){.lobby{padding:40px 24px;grid-template-columns:1.1fr .9fr;align-items:stretch;gap:20px}.card{padding:28px}.directory{display:flex;flex-direction:column}.directory .empty{flex:1}.brand img{display:block}.brand>span{font-size:23px}.brand small{font-size:7px}.appbar{padding-inline:24px;min-height:84px;gap:12px}.header-actions{gap:6px}.sheet{margin:auto;max-height:calc(100dvh - 48px);border-radius:24px;padding:26px;width:min(560px,calc(100% - 32px))}.sheet-handle{display:none}.stage{max-height:calc(100dvh - 300px)}.player{border:1px solid var(--line);border-radius:20px;overflow:hidden}.room{padding:24px}.transport{justify-content:center;gap:20px}.movie-details{padding-inline:6px}.social{border:1px solid var(--line);border-radius:24px;inset:16px;height:calc(var(--visual-height,100dvh) - 32px)}.social.open{box-shadow:0 0 0 100vmax #0008}.social .section-heading h2{font-size:20px}.captions{font-size:28px}}
@media(min-width:1100px){.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.social{position:static;inset:auto;width:auto;max-width:none;height:calc(100dvh - 170px);min-height:450px;max-height:850px;transform:none!important;visibility:visible;padding:20px;border-radius:20px;box-shadow:none!important;background:linear-gradient(155deg,#1b2433,#141b27)}#social-close,#people{display:none!important}.transport{gap:20px}.stage{min-height:230px}.appbar{max-width:1500px;width:100%;margin:auto}.drawer{width:380px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheet-in{from{transform:translateY(35px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes drawer-in{from{transform:translateX(var(--drawer-entry,100%));opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes toast-in{from{opacity:0;translate:var(--toast-direction,24px) 0}to{opacity:1;translate:0 0}}[dir=ltr]{--toast-direction:-24px}@keyframes feedback-in{from{opacity:0;scale:.95}to{opacity:1;scale:1}}

.social{pointer-events:none}.social.open{pointer-events:auto}@media(min-width:1100px){.social{pointer-events:auto}}
.appbar:has(#voice-unlock:not([hidden])) .brand>span{display:none}.appbar:has(#voice-unlock:not([hidden])) .brand img{display:block;width:30px;height:30px}@media(max-width:390px){.appbar:has(#voice-unlock:not([hidden])){gap:0;padding-inline:6px}}