:root{--bg:#19191d;--surface:#222227;--raised:#2b2b32;--line:#36363e;--text:#f0eff4;--muted:#a5a4b1;--accent:#b3a1ec;--accent-strong:#a18adf;--radius:12px}html[data-accent=blue]{--accent:#91b8ef;--accent-strong:#659bdd}html[data-accent=teal]{--accent:#8ac6af;--accent-strong:#64b396}html[data-accent=rose]{--accent:#dfa1b8;--accent-strong:#d17f9d}html[data-accent=amber]{--accent:#dfb481;--accent-strong:#cda16a}html[data-accent=slate]{--accent:#aeb6c4;--accent-strong:#929db0}body{font-size:16px}:is(.app-shell,.watch-room) :is(p,span,small,label,button,input,textarea,select,a){font-size:inherit;letter-spacing:normal}:is(.app-shell,.watch-room) h1{letter-spacing:-.025em;font-size:30px}:is(.app-shell,.watch-room) h2{letter-spacing:-.015em;font-size:21px}:is(.app-shell,.watch-room) h3{letter-spacing:-.01em;font-size:18px}:is(.app-shell,.watch-room) small{font-size:14px}.button{box-shadow:none;border-radius:9px;min-height:44px;font-size:15px}.button.small{min-height:38px;font-size:14px}.button:hover:not(:disabled){transform:none}.button.primary{box-shadow:none}.button.primary:hover{background:var(--accent-strong);box-shadow:none}.icon-button{width:38px;min-width:38px;height:38px}:is(.app-shell,.watch-room) input:not([type=range]):not([type=radio]),:is(.app-shell,.watch-room) textarea,:is(.app-shell,.watch-room) select,.modal{font-size:16px}.modal h2{font-size:23px}.modal :is(label,p,input,textarea,select,button){font-size:16px}.modal small,.modal .button.small{font-size:14px}.subtle-link,.field-help{color:var(--muted)}.subtle-link{align-items:center;gap:6px;display:inline-flex}.profile-header-actions{align-items:center;gap:20px;display:flex}.auth-page :is(label,input,button,.button){font-size:16px}.auth-page .auth-form-wrap>p{font-size:16px;line-height:1.6}.auth-page .auth-art{background:var(--surface)}.auth-page .auth-art-copy h2{font-size:44px}.auth-page .auth-art-copy p{font-size:18px}.sidebar{background:var(--bg);width:252px;padding:27px 16px 0}.sidebar>.logo{flex-shrink:0;margin-bottom:33px;padding:0 12px;font-size:28px}.sidebar .nav-item{border-radius:9px;gap:13px;min-height:48px;padding:11px 13px;font-size:16px}.sidebar .nav-item.active{background:var(--raised);color:var(--text);border-color:#0000}.sidebar .nav-item.active>svg:first-child{color:var(--accent)}.sidebar-rooms{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;margin-top:32px;overflow:auto}.sidebar>nav{flex-shrink:0}.sidebar-section-label{color:var(--muted);justify-content:space-between;align-items:center;padding:0 12px 12px;font-weight:600;display:flex}.sidebar-room{border-radius:8px;align-items:center;gap:12px;padding:9px 10px;display:flex}.sidebar-room:hover{background:var(--surface)}.sidebar-room>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-glyph{background:var(--raised);border:1px solid var(--line);border-radius:10px;place-items:center;width:34px;min-width:34px;height:34px;font-weight:600;display:grid}.sidebar-room-empty{padding:0 12px;font-size:14px}.sidebar-privacy{margin-top:auto;padding:28px 12px 18px;font-size:14px}.sidebar-user{background:var(--surface);flex-shrink:0;gap:4px;min-height:86px;margin:auto -16px 0;padding:15px 12px}.sidebar-profile{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.sidebar-profile>span:last-child{min-width:0}.sidebar-user .sidebar-profile strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.sidebar-user .sidebar-profile small{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.app-main{width:calc(100% - 252px);min-width:0;margin-left:252px}.app-topbar{background:var(--bg);border-bottom:1px solid var(--line);height:76px;padding:0 34px}.app-topbar>strong{font-size:18px}.topbar-profile-link{align-items:center;gap:10px;font-size:15px;display:inline-flex}.social-dashboard,.profile-settings-page{max-width:1480px;margin:0 auto;padding:34px}.social-page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;display:flex}.social-page-heading h1{margin:0 0 10px}.social-page-heading p{margin:0}.heading-actions{align-items:center;gap:10px;display:flex}.lobby-layout{grid-template-columns:minmax(0,1fr) 270px;gap:32px;display:grid}.social-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.social-section-heading h2{align-items:center;gap:10px;margin:0;display:flex}.social-rooms-section{margin-bottom:34px}.social-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.social-room-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;display:block;overflow:hidden}.social-room-card:hover{border-color:var(--accent)}.social-room-cover{background:#2b2934;align-items:center;min-height:148px;padding:20px;display:flex;position:relative}.public-room img.room-glyph{object-fit:cover}.social-room-cover>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.social-room-cover:has(>img) :is(.social-room-type,.social-room-arrow){z-index:1;color:#fff;filter:drop-shadow(0 1px 4px #000b);background:0 0}.room-image-editor{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.room-image-editor>strong,.room-image-editor>small{flex-basis:100%}.room-image-editor>small{color:var(--muted);overflow-wrap:anywhere}.room-image-editor>img,.room-image-placeholder{aspect-ratio:16/9;object-fit:cover;border-radius:10px;flex-basis:100%;width:100%;max-height:200px}.room-image-placeholder{color:var(--accent);background:var(--raised);place-items:center;font-size:40px;display:grid}.room-image-editor input[type=file]{max-width:175px;background:0 0!important;padding:0!important;font-size:12px!important}.social-room-card:nth-child(3n+2) .social-room-cover{background:#263333}.social-room-card:nth-child(3n) .social-room-cover{background:#34302a}.room-initial{color:#eeeaf8;background:#ffffff08;border:1px solid #ffffff20;border-radius:18px;place-items:center;width:68px;height:68px;font-weight:600;display:grid;font-size:30px!important}.social-room-type{color:#dedbe6;align-items:center;gap:5px;display:flex;position:absolute;top:16px;right:16px;font-size:13px!important}.social-room-arrow{color:#eeeaf8;position:absolute;bottom:20px;right:17px}.social-room-info{padding:20px}.social-room-info h3{overflow-wrap:anywhere;margin:0 0 8px}.social-room-info p{overflow-wrap:anywhere;margin:0 0 23px;font-size:14px!important}.social-room-info>div{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;display:flex}.social-room-info>div>span{align-items:center;gap:7px;display:inline-flex;font-size:13px!important}.social-create-room{border:1px dashed var(--line);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:180px;display:flex}.social-create-room:hover{background:var(--surface);border-color:var(--muted)}.social-create-room>span{color:var(--muted);font-size:14px!important}.lobby-friends{border-left:1px solid var(--line);min-width:0;padding-left:28px}.lobby-self-card{text-align:center;border-bottom:1px solid var(--line);flex-direction:column;align-items:center;margin-bottom:28px;padding:25px 0 30px;display:flex}.lobby-self-card>strong{margin-top:15px;font-size:19px}.lobby-self-card>small{color:var(--muted);margin-top:3px}.lobby-self-card p{margin:16px 0 0;font-size:14px!important}.lobby-self-card>.button{margin-top:22px}.lobby-friend{align-items:center;gap:12px;padding:10px 0;display:flex}.lobby-friend>span{min-width:0}.lobby-friend strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.lobby-friend small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.lobby-friends-empty{color:var(--muted);padding:20px 0}.lobby-friends-empty p{margin-top:15px}.settings-content{max-width:1040px;padding:34px}.settings-content>.eyebrow{display:none}.settings-content .settings-card h2{font-size:20px}.settings-content .settings-card>p{font-size:15px}.app-shell .empty-state{border:1px dashed var(--line);background:0 0;border-radius:12px;padding:46px 22px}.app-shell .empty-state p{max-width:390px;font-size:16px}.app-shell .empty-icon{background:var(--raised);box-shadow:none;border:0}.avatar{background:color-mix(in srgb, var(--avatar) 20%, var(--surface));color:var(--avatar);border:0;border-radius:50%;width:42px;min-width:42px;height:42px;font-size:15px;font-weight:600;overflow:visible}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.avatar.small{width:34px;min-width:34px;height:34px;font-size:13px}.avatar.large{width:82px;min-width:82px;height:82px;font-size:28px}.avatar.large,.avatar.small{border-radius:50%}.avatar i{border:2px solid var(--surface);width:11px;height:11px;bottom:0;right:0}.profile-avatar-button{background:0 0;border:0;border-radius:50%;flex-shrink:0;align-self:flex-start;align-items:center;width:fit-content;height:fit-content;padding:0;display:inline-flex}.profile-avatar-button:hover{filter:brightness(1.12)}.profile-avatar-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.room-header>.profile-avatar-button{justify-content:center;align-self:center;line-height:0}.image-crop-editor{flex-direction:column;gap:16px;display:flex}.image-crop-stage{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#141417;border-radius:12px;width:100%;height:clamp(160px,40vh,420px);position:relative;overflow:hidden}.image-crop-stage:active{cursor:grabbing}.image-crop-stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.image-crop-stage>img{object-fit:fill;pointer-events:none;max-width:none;max-height:none;position:absolute;top:50%;left:50%}.image-crop-frame{pointer-events:none;box-sizing:content-box;border:3px solid #fff;border-radius:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1000px #0008}.image-crop-frame.circle{border-radius:50%}.image-crop-tools{align-items:center;gap:12px;display:flex}.image-crop-editor>.field-help{margin:0}.image-crop-editor>.image-crop-actions{z-index:1;background:var(--surface);padding:8px 0;position:sticky;bottom:-1px}.image-crop-tools input{min-width:50px;accent-color:var(--accent);flex:1;padding:0}.image-crop-tools>span{min-width:42px;color:var(--muted);font-size:13px}.image-crop-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.image-crop-actions>.text-link{align-items:center;gap:7px;margin-right:auto;display:inline-flex}.quick-profile-images{grid-template-columns:1fr 2fr;gap:16px;display:grid}.quick-profile-image{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quick-image-preview{background:var(--raised);border:1px solid var(--line);border-radius:10px;justify-content:center;align-items:center;width:100%;height:110px;display:flex;overflow:hidden}.quick-image-preview img{object-fit:contain;width:100%;height:100%}.quick-profile-image.avatar .quick-image-preview{border-radius:50%;width:100px;height:100px}.profile-quick-editor>.field-help{margin:0}@media (max-width:480px){.image-crop-stage{height:clamp(150px,30dvh,280px)}.image-crop-editor{gap:12px}.image-crop-editor>.field-help{font-size:13px;line-height:1.45}.image-crop-editor>.image-crop-actions{grid-template-columns:1fr 1fr;display:grid}.image-crop-editor>.image-crop-actions>.text-link{grid-column:1/-1}}.social-profile-card{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:14px;overflow:hidden}.profile-cover{z-index:0;aspect-ratio:3;background:color-mix(in srgb, var(--profile-accent) 50%, #25232c);width:100%;position:relative;overflow:hidden}.profile-cover img{object-fit:contain;width:100%;height:100%;display:block}.profile-card-content{z-index:1;text-align:center;padding:0 24px 26px;display:flow-root;position:relative}.profile-avatar-frame{background:var(--surface);width:82px;height:82px;box-shadow:0 0 0 6px var(--surface);border-radius:50%;margin:-41px auto 0;position:relative}.social-profile-card .profile-avatar-frame>.avatar.large{width:100%;min-width:0;height:100%;margin:0;display:flex;overflow:hidden}.profile-avatar-frame .avatar img{object-fit:contain;flex:0 0 100%;width:100%;max-width:none;height:100%;max-height:none;display:block}.profile-card-content>h2{overflow-wrap:anywhere;margin:22px 0 5px;font-size:24px}.profile-handle{color:var(--muted);margin:0 0 18px;font-size:15px!important}.profile-status-text{color:var(--text);overflow-wrap:anywhere;justify-content:center;align-items:center;gap:8px;display:flex;font-size:15px!important}.profile-status-text>span{background:var(--profile-accent);border-radius:50%;width:7px;min-width:7px;height:7px}.profile-about{border-top:1px solid var(--line);margin:20px 0;padding-top:20px}.profile-about h3{color:var(--muted);margin:0 0 9px;font-size:14px}.profile-about p{white-space:pre-wrap;color:var(--text);overflow-wrap:anywhere;margin:0;font-size:16px!important}.profile-friend{color:var(--green);align-items:center;gap:8px;display:inline-flex}.profile-editor-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:36px;display:grid}.profile-editor{min-width:0}.social-settings-section{border-bottom:1px solid var(--line);padding:26px 0}.social-settings-section:first-child{padding-top:0}.social-settings-section h2{margin:0 0 20px}.social-settings-section>p{margin-bottom:20px}.profile-image-actions{flex-direction:column;gap:22px;display:flex}.profile-image-actions>div{align-items:center;gap:13px;display:flex}.profile-image-actions>div>svg{color:var(--muted)}.profile-image-actions>div>span{flex:1;min-width:0}.profile-image-actions strong{display:block}.profile-image-actions small{color:var(--muted);margin-top:4px;display:block}.upload-label{cursor:pointer;flex-shrink:0;position:relative;overflow:hidden}.upload-label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-label:focus-within{outline:2px solid var(--accent);outline-offset:3px}.profile-editor .field-help{margin:18px 0 0;font-size:14px}.profile-editor .form-stack{gap:22px}.profile-editor .form-stack label{gap:9px}.profile-editor .form-stack label>small{color:var(--muted);align-self:flex-end}.accent-picker{border:0;flex-wrap:wrap;gap:16px;margin:22px 0 28px;padding:0;display:flex}.accent-picker legend{margin-bottom:14px}.accent-picker label{cursor:pointer;flex-direction:column;align-items:center;gap:9px;display:flex;position:relative}.accent-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.accent-picker label>span{background:var(--swatch);color:#201d28;pointer-events:none;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.accent-picker label.selected>span{outline:2px solid var(--swatch);outline-offset:4px}.accent-picker label:focus-within{outline:2px solid var(--text);outline-offset:5px;border-radius:8px}.accent-picker label>small{color:var(--muted)}.theme-picker{gap:13px;display:flex}.theme-picker>button{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:10px;width:135px;padding:10px}.theme-picker>button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-sample{border:1px solid #8883;border-radius:5px;height:55px;margin-bottom:10px;display:block}.theme-sample.dark{background:#1a1a20}.theme-sample.light{background:#f1f0f6}.profile-preview-panel{padding-top:0;position:sticky;top:24px}.profile-preview-panel>h2{color:var(--muted);margin:0 0 16px;font-size:16px}.profile-preview-panel>p{margin-top:17px;font-size:14px!important}.profile-save-bar{justify-content:space-between;align-items:center;gap:16px;padding:25px 0;display:flex}.profile-save-bar>span{color:var(--muted);font-size:14px!important}.account-settings{border-top:1px solid var(--line);margin:35px 0 0}.account-settings>summary{cursor:pointer;align-items:center;gap:12px;padding:25px 0;font-size:18px;font-weight:600;display:flex}.account-settings>summary:after{content:"+";color:var(--muted);margin-left:auto;font-size:24px}.account-settings[open]>summary:after{content:"−"}.watch-room{background:var(--bg);font-size:16px}.room-header{background:var(--bg);gap:14px;height:76px;padding:0 22px}.room-header .room-heading h1{max-width:min(40vw,600px);margin-bottom:5px;font-size:20px}.room-heading>span{color:var(--muted);font-size:14px!important}.room-header .connection-pill{padding:6px 10px;font-size:13px}.room-header .logo-mark{background:var(--raised);width:34px;height:34px;box-shadow:none;border-color:var(--line)}.watch-room .watch-main{grid-template-columns:minmax(0,1fr) 350px}.watch-room.chat-hidden .watch-main{grid-template-columns:minmax(0,1fr)}.watch-room .watch-content{max-width:1750px;margin:0 auto;padding:20px 24px 40px}.view-switch{gap:7px;margin-bottom:17px}.watch-room .view-switch button{padding:10px 14px;font-size:15px}.watch-room .view-switch small{font-size:13px}.watch-room .view-switch button[aria-pressed=true]{background:var(--raised);border-color:var(--line);color:var(--text)}.shared-browser{border-color:var(--line);border-radius:10px}.browser-chrome{border-color:var(--line);background:#26252d;min-height:48px;padding:6px 14px}.watch-room .browser-chrome>small{letter-spacing:normal;color:#aaa6b8;font-size:13px}.watch-room .browser-chrome>span{font-size:15px}.watch-room .browser-chrome{flex-wrap:wrap}.watch-room .browser-chrome>.browser-control-owner{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--muted);font-size:13px;display:block;overflow:hidden}.room-settings-fields{border:0;flex-direction:column;gap:17px;min-width:0;margin:0;padding:0;display:flex}.room-settings-grid{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.room-settings-hint{margin:0;font-size:13px;line-height:1.55}.member-control{color:var(--muted);margin:10px 0 0 46px;font-size:13px}@media (max-width:480px){.room-settings-grid{grid-template-columns:1fr}.watch-room .browser-chrome>.browser-control-owner{max-width:120px}}.browser-welcome{aspect-ratio:16/8;background:#1d1c24;gap:14px;min-height:330px}.browser-google{width:64px;height:64px;box-shadow:none;color:#c0b3e5;background:#302d3c;border:0;border-radius:18px}.watch-room .browser-welcome h2{margin:0;font-size:27px}.watch-room .browser-welcome p{color:#aaa6b8;margin:0 0 9px;font-size:16px;line-height:1.65}.watch-room .browser-welcome .form-error{font-size:15px}.watch-room .browser-controls{background:#222129;flex-wrap:wrap;min-height:50px}.watch-room .browser-controls>span{font-size:14px}.watch-room .browser-controls label{width:90px;margin-left:auto}.watch-room .browser-controls label>.sr-only{position:absolute}.watch-room .browser-footnote{color:#aaa6b8;border-color:var(--line);background:#1d1c23;padding:10px 14px;font-size:13px}.room-people-strip{justify-content:space-between;align-items:center;gap:20px;padding:22px 4px;display:flex}.room-people-list{flex-wrap:wrap;align-items:center;gap:19px;display:flex}.room-person{align-items:center;gap:9px;display:flex}.watch-room .room-person>span,.watch-room .room-online-count{color:var(--muted);font-size:14px}.room-online-count{white-space:nowrap}.room-people-strip{grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:center;gap:12px;display:grid}.room-people-list{justify-content:center;width:100%}.room-person{text-align:center;flex-direction:column;min-width:58px;position:relative}.room-person>.person-voice-badge{position:absolute;top:28px;right:0}.room-view-controls{align-items:center;gap:4px;display:flex}.room-view-controls [aria-pressed=true]{color:var(--accent);background:var(--raised)}.room-header-image{object-fit:cover;border-radius:10px;flex-shrink:0}.watch-room.chat-compact:not(.chat-hidden) .watch-main{grid-template-columns:minmax(0,1fr) 280px}.watch-room.theater-mode .watch-content{max-width:none;padding:10px 16px 20px}.watch-room.theater-mode .browser-footnote{display:none}@media (min-width:761px){.watch-room.theater-mode .browser-stage{aspect-ratio:auto;height:max(240px,100dvh - 245px)}.watch-room.theater-mode .browser-welcome{min-height:max(300px,100dvh - 245px)}}@media (max-width:760px){.watch-room .room-header>.panel-toggle{display:flex}.watch-room.chat-compact .chat-panel{height:420px;min-height:340px}.watch-room.theater-mode .watch-content{padding:10px}.room-header-image{width:36px;height:36px}}.watch-room .voice-bar{border:1px solid var(--line);background:var(--surface);border-radius:10px;min-height:75px;margin:0 0 28px;padding:15px 16px}.watch-room .voice-status strong{font-size:16px}.watch-room .voice-status small{font-size:14px}.voice-status-icon{background:var(--raised);border-color:var(--line)}.watch-room .queue-section{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:20px}.watch-room .queue-section h2{font-size:19px}.watch-room :is(.queue-video-title strong,.queue-video-title small,.queue-empty,.next-video){font-size:14px}.watch-room .chat-panel{background:var(--surface);border-color:var(--line);height:calc(100dvh - 76px);min-height:540px}.watch-room .chat-tabs{border-color:var(--line);gap:19px;height:65px;padding:0 20px}.watch-room .chat-tabs>button{gap:7px;font-size:16px}.watch-room .chat-channel{border-color:var(--line);padding:12px 18px;font-size:14px}.watch-room .chat-channel strong{color:var(--muted);font-weight:500}.watch-room .chat-welcome{padding:35px 0 24px}.watch-room .chat-welcome>svg{color:var(--muted);margin-bottom:14px}.watch-room .chat-welcome h3{font-size:19px}.watch-room .chat-welcome p{font-size:15px}.watch-room .chat-messages{padding:0 18px 18px}.watch-room .message{gap:12px;margin-bottom:18px}.watch-room .message-meta strong{color:var(--text);font-size:15px}.watch-room .message-meta time{color:var(--muted);font-size:12px}.watch-room .message p{color:var(--text);font-size:16px;line-height:1.55}.watch-room .chat-composer{padding:14px}.watch-room .chat-composer>form{background:var(--raised);border:1px solid var(--line);border-radius:10px}.watch-room .chat-composer textarea{min-height:90px;color:var(--text);padding:14px;font-size:16px}.watch-room .chat-privacy{font-size:12px}.watch-room .members-list{padding:22px 18px}.watch-room .members-heading{color:var(--muted);margin:0 0 20px;font-size:16px}.watch-room .member-card{border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:14px}.watch-room .member-card .person-row{text-align:center;border:0;flex-direction:column;align-items:center;gap:12px;padding:0}.watch-room .member-card strong{font-size:16px}.watch-room .member-card small,.watch-room .member-actions button{font-size:14px}.watch-room .member-actions{flex-wrap:wrap;justify-content:center}.watch-room .member-control{text-align:center;margin-left:0}.deleted-avatar{background:var(--raised);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}html[data-theme=light]{--bg:#f3f2f5;--surface:#fff;--raised:#eeedf2;--line:#dedce4;--text:#27252e;--muted:#716d7c}html[data-theme=light] .button.primary{color:#211c2c}html[data-theme=light] :is(.sidebar,.app-topbar,.room-header,.chat-panel){background:var(--surface)}@media (max-width:1250px){.sidebar{width:225px}.app-main{width:calc(100% - 225px);margin-left:225px}.lobby-layout{grid-template-columns:minmax(0,1fr)}.lobby-friends{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.lobby-self-card{display:none}.profile-editor-layout{grid-template-columns:minmax(0,1fr) 290px;gap:25px}.profile-image-actions>div,.social-page-heading{flex-wrap:wrap}}@media (max-width:950px){.profile-editor-layout{grid-template-columns:minmax(0,1fr)}.profile-preview-panel{grid-row:1;width:100%;max-width:390px;position:static}.profile-preview-panel>p{margin-bottom:25px}.watch-room .watch-main{grid-template-columns:minmax(0,1fr) 310px}.watch-room .watch-content{padding:16px}.watch-room .room-header{gap:9px;padding:0 14px}.watch-room .room-header .connection-pill{display:none}.watch-room .view-switch small{width:100%;margin-top:4px;margin-left:0}.room-people-strip{flex-wrap:wrap;gap:12px}}@media (max-width:760px){.sidebar{display:none}.app-main{width:100%;margin-left:0;padding-bottom:75px}.app-topbar{height:65px;padding:0 20px}.social-dashboard,.profile-settings-page,.settings-content{padding:26px 20px}.social-page-heading{gap:20px;margin-bottom:28px}.social-page-heading h1{font-size:27px}.heading-actions{flex-wrap:wrap}.mobile-nav{background:var(--surface);border-color:var(--line);height:68px;padding-bottom:env(safe-area-inset-bottom)}.app-shell .mobile-nav a{gap:4px;font-size:13px}.profile-save-bar{flex-direction:column;align-items:stretch}.profile-image-actions>div{gap:12px}.profile-image-actions>div>svg{display:none}.profile-image-actions>div>span{flex-basis:100%}.profile-image-actions small{font-size:14px}.watch-room .watch-main{flex-direction:column;display:flex}.watch-room .watch-content{padding:16px 14px 20px}.watch-room .chat-panel{border-left:0;border-top:1px solid var(--line);width:100%;height:540px;min-height:440px;position:relative}.watch-room .room-header{flex-wrap:wrap;gap:8px;height:auto;min-height:76px;padding:12px}.watch-room .room-header>.logo{display:none}.watch-room .room-header>.icon-button:first-child{border:0;width:30px;margin-right:0;padding-right:0}.watch-room .room-header .room-heading{flex:calc(100% - 90px);order:0}.watch-room .room-header .room-heading h1{max-width:100%;font-size:18px}.watch-room .room-heading>span{font-size:13px!important}.watch-room .room-header>.button{min-height:38px;padding:8px 10px}.watch-room .room-header>.button>span{font-size:14px;display:inline}.watch-room .room-header>.profile-avatar-button{order:0;align-self:center;display:inline-flex}.watch-room .room-header>:not(.room-heading):not(.profile-avatar-button):not(.room-header-image):not(.icon-button:first-child){order:1}.watch-room .room-header>.room-header-image{order:0;width:32px;height:32px}.watch-room .room-header:has(>.room-header-image) .room-heading{flex-basis:calc(100% - 130px)}.watch-room .voice-dock-tools{flex-wrap:wrap;gap:6px}.watch-room .voice-dock-tools .icon-button,.watch-room .voice-dock-heading .icon-button{width:42px;height:42px}.watch-room .voice-dock-tools .voice-people-link{text-align:left;flex-basis:100%;order:1;min-height:42px;margin-left:0}.watch-room .room-header>.panel-toggle{display:flex}.browser-welcome{aspect-ratio:auto;min-height:310px;padding:25px 18px}.watch-room .browser-welcome h2{font-size:24px}.watch-room .browser-welcome p{font-size:16px}.watch-room .browser-chrome>small{font-size:12px}.watch-room .browser-controls>span{flex-basis:100%;font-size:14px}.watch-room .browser-footnote{font-size:13px;line-height:1.55}.watch-room .voice-status strong{font-size:15px}.watch-room .voice-status small{font-size:13px}.watch-room .voice-bar{gap:10px;padding:13px}.watch-room .voice-join{padding:9px 12px;font-size:14px}.watch-room .queue-section{padding:17px}.watch-room .view-switch button{font-size:15px}}@media (max-width:480px){.social-room-grid{grid-template-columns:minmax(0,1fr)}.social-dashboard,.profile-settings-page,.settings-content{padding:24px 16px}.heading-actions{width:100%}.heading-actions>.button{flex:1;padding:11px;font-size:14px}.topbar-profile-link>span:last-child{display:none}.profile-image-actions>div{flex-wrap:wrap}.profile-cover{aspect-ratio:3}.profile-card-content{padding:0 20px 22px}.accent-picker{gap:14px}.room-people-list{gap:13px}.room-person{flex-direction:column;gap:6px}.room-online-count{display:none}}.watch-room .chat-panel[hidden],.room-screen-slot:empty{display:none}.room-voice-toggle{position:relative}.room-voice-toggle>i{background:#8cc8ad;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.voice-dock{border:1px solid var(--line);background:var(--raised);border-radius:10px;flex-shrink:0;margin:12px 14px;padding:13px}.voice-dock-heading{align-items:center;gap:9px;display:flex}.voice-dock-icon{color:var(--accent);display:flex}.voice-dock.connected .voice-dock-icon{color:#8cc8ad}.voice-dock-heading>div{flex:1;min-width:0}.voice-dock-heading strong{font-size:15px;font-weight:600;display:block}.voice-dock-heading small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.45;display:block}.voice-dock .voice-join{justify-content:center;width:100%;min-height:38px;margin-top:12px;font-size:14px}.voice-dock-heading .icon-button{flex-shrink:0;width:29px;height:29px}.voice-dock-tools{align-items:center;gap:3px;margin-top:11px;display:flex}.voice-dock-tools .icon-button{flex-shrink:0;width:32px;height:34px}.voice-people-link{color:var(--muted);white-space:nowrap;background:0 0;border:0;margin-left:auto;padding:7px 3px;font-size:12px}.voice-people-link span{margin-left:2px}.voice-people-link:hover{color:var(--text)}.voice-dock .muted-mic,.voice-level-person .muted-mic{color:#d899a3;background:#d899a310}.voice-mixer{border-top:1px solid var(--line);max-height:230px;margin-top:9px;padding-top:10px;overflow-y:auto}.voice-mixer-caption{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.5}.voice-mixer>p{color:var(--muted);margin:6px 0 0;font-size:13px}.voice-level-person{border-radius:6px;padding:9px 0}.voice-level-person+.voice-level-person{border-top:1px solid var(--line)}.voice-level-heading{align-items:center;gap:8px;display:flex}.voice-level-heading>span:not(.avatar){flex:1;min-width:0}.voice-level-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;display:block;overflow:hidden}.voice-level-heading small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.voice-level-heading .avatar{width:27px;height:27px;font-size:10px}.voice-level-person.speaking .avatar{outline-offset:2px;outline:2px solid #8cc8ad}.voice-level-heading .icon-button{flex-shrink:0;width:30px;height:30px}.voice-level-slider{align-items:center;gap:10px;margin:8px 0 0;display:flex}.voice-level-slider input{min-width:0;accent-color:var(--accent);flex:1}.voice-level-slider output{text-align:right;width:40px;color:var(--muted);flex-shrink:0;font-size:12px}.voice-volume-label{justify-content:space-between;align-items:center;display:flex}.voice-volume-label output{color:var(--muted);font-size:13px}.voice-settings input[type=range]{width:100%;accent-color:var(--accent);padding:0}.voice-settings-hint{margin:0;font-size:13px;line-height:1.6}.voice-settings-people{border-top:1px solid var(--line);padding-top:14px}.voice-settings-people h3{margin:0 0 6px;font-size:16px;font-weight:600}.watch-room .members-list{min-height:100px}@media (max-width:600px){.voice-dock{margin:10px 14px}.mobile-room-switch{gap:10px}.mobile-room-switch>button{font-size:13px}}.watch-room .chat-tabs{align-items:stretch;gap:12px;padding-inline:16px}.watch-room .chat-tabs>button{white-space:nowrap;font-size:15px}.voice-tab-slot{flex-shrink:0;margin-left:auto;display:flex}.voice-tab-button{width:43px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:4px;padding:0;display:flex;position:relative}.voice-tab-button.active{color:var(--text);border-bottom-color:var(--accent)}.voice-tab-button.connected{color:#72cba5}.voice-tab-button>span{font-size:11px}.voice-tab-button>i{background:#72cba5;border-radius:50%;width:5px;height:5px;position:absolute;top:13px;right:5px}.voice-dock[hidden]{display:none}.watch-room .voice-dock{background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:20px 16px;overflow-y:auto}.watch-room .voice-dock .voice-join{width:auto;min-height:36px;margin-top:16px;padding:8px 16px;font-size:14px}.voice-mic-notice{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface));overflow-wrap:anywhere;border-radius:12px;min-width:0;margin-top:14px;padding:13px}.voice-mic-notice>div:first-child{align-items:center;gap:8px;font-size:14px;display:flex}.voice-mic-notice>div:first-child>svg{color:var(--accent);flex-shrink:0}.voice-mic-notice p,.voice-mic-notice small{font-size:13px;line-height:1.55}.voice-mic-notice p{margin:10px 0}.voice-mic-notice small{color:var(--muted);margin-top:12px;display:block}.voice-mic-notice-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.voice-mic-notice-actions>button{min-height:42px;font-size:13px}.microphone-help{overflow-wrap:anywhere;line-height:1.6}.microphone-help p{margin:0}.microphone-help ol{margin:0;padding-left:22px}.microphone-help li+li{margin-top:8px}.microphone-help details{border:1px solid var(--line);border-radius:10px;padding:12px}.microphone-help summary{cursor:pointer;font-weight:600}.microphone-help details p{margin:10px 0}@media (max-width:380px){.watch-room .chat-tabs{gap:6px;padding-inline:10px}.watch-room .chat-tabs>button{min-width:0;font-size:13px}}.watch-room .voice-mixer{max-height:none;overflow:visible}.voice-self-person{align-items:center;gap:10px;min-width:0;padding:12px 0;display:flex}.voice-self-person>span:not(.avatar){flex:1;min-width:0}.voice-self-person strong{overflow-wrap:anywhere;font-size:14px;display:block}.voice-self-person small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:400;display:block}.voice-self-person strong small{display:inline}.voice-self-person>svg{color:var(--muted);margin-left:auto}.voice-self-person.speaking .avatar,.room-person.voice-speaking .avatar{box-shadow:0 0 0 2px #72cba5}.voice-self-person.speaking small{color:#72cba5}.voice-waiting-people{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.voice-waiting-people>strong{color:var(--muted);font-size:13px}.voice-waiting-people>p{color:var(--muted);font-size:14px;line-height:1.6}.room-person{position:relative}.person-voice-badge{background:var(--surface);color:#72cba5;border-radius:50%;place-items:center;padding:3px;display:grid;position:absolute;top:28px;right:0}.member-voice-status{color:#72cba5;align-items:center;gap:4px;display:inline-flex}.watch-room .message{align-items:flex-start;gap:12px;margin:18px 0 0;padding:3px 0}.watch-room .message-compact{margin-top:0}.watch-room .message-meta[hidden]{display:none}.message-side-time{opacity:0;width:32px;min-width:32px;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:5px;font-size:10px}.message:hover .message-side-time{opacity:1}.message-highlight{border-radius:6px;animation:2s ease-out quoted-flash}@keyframes quoted-flash{0%{background:#a991ff38}to{background:0 0}}.message-quote{background:var(--raised);border:0;border-left:2px solid var(--accent);text-align:left;width:100%;min-width:0;color:var(--muted);border-radius:4px;align-items:center;gap:8px;margin-bottom:7px;padding:7px 9px;display:flex}.message-quote>svg{flex-shrink:0}.message-quote>span{flex:1;min-width:0}.message-quote strong{color:var(--text);margin-bottom:3px;font-size:12px;display:block}.message-quote>span>span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.message-quote>img{object-fit:cover;border-radius:4px;width:32px;height:32px}.message-quote:hover{background:color-mix(in srgb, var(--raised) 85%, var(--accent))}.watch-room .reply-preview{border-left:2px solid var(--accent);background:var(--raised);border-radius:6px;align-items:center;gap:9px;margin-bottom:9px;padding:10px;display:flex}.reply-preview>span{flex:1;min-width:0}.reply-preview strong{color:var(--text);font-size:12px;display:block}.reply-preview>span>span{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);margin-top:3px;font-size:13px;display:block;overflow:hidden}.watch-room .message-actions{background:var(--raised);border-color:var(--line);z-index:2;top:-24px;box-shadow:0 3px 12px #0002}.watch-room .message-actions .icon-button{width:28px;height:27px}.watch-room .message-reactions{flex-wrap:wrap;gap:5px}.watch-room .message-reactions button{color:var(--text);background:var(--raised);border-color:var(--line);border-radius:7px;padding:3px 7px;font-size:14px}.watch-room .message-reactions .mine{border-color:var(--accent);background:#a991ff20}.history-return{color:var(--text);background:var(--raised);border:0;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:13px;display:flex}.reaction-target{border-bottom:1px solid var(--line);margin-bottom:14px;padding:0 0 14px}.reaction-target strong{font-size:13px}.reaction-target p{color:var(--muted);overflow-wrap:anywhere;max-height:60px;margin:4px 0 0;font-size:14px;overflow:hidden}.watch-room .chat-composer{position:relative}.picker-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.picker-heading strong{font-size:14px}.picker-search{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;align-items:center;gap:9px;padding:9px 11px;display:flex}.picker-search input{width:100%;min-width:0;color:var(--text);box-shadow:none;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:14px}.emoji-categories{gap:4px;margin:10px 0 8px;display:flex}.emoji-categories button{min-width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:4px 7px;font-size:18px;display:grid}.emoji-categories button:first-child{font-size:12px}.emoji-categories .active{color:var(--text);background:#a991ff20}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:4px;max-height:210px;padding:2px;display:grid;overflow-y:auto}.emoji-grid>button{aspect-ratio:1;background:0 0;border:0;border-radius:7px;padding:3px;font-size:25px;line-height:1}.emoji-grid>button:hover,.emoji-grid>button:focus-visible{background:#a991ff25}.emoji-grid>p{color:var(--muted);grid-column:1/-1;font-size:14px}.gif-composer-button{letter-spacing:-.3px;font-size:11px;font-weight:700}.gif-grid{grid-template-columns:1fr 1fr;gap:8px;max-height:380px;margin:14px 0;display:grid;overflow-y:auto}.gif-grid button{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:80px;padding:0;position:relative;overflow:hidden}.gif-grid img{object-fit:cover;width:100%;height:135px;display:block}.gif-grid button>span{color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#0008;padding:5px;font-size:11px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.gif-setup,.picker-status{text-align:center;color:var(--muted);padding:20px 6px;font-size:14px;line-height:1.6}.gif-setup strong{color:var(--text)}.klipy-credit{text-align:right;color:var(--muted);margin-top:14px;font-size:11px;display:block}.gif-draft{background:var(--raised);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:8px;display:flex}.gif-draft>img{object-fit:cover;border-radius:5px;width:55px;height:45px}.gif-draft>span{flex:1;min-width:0}.gif-draft strong,.gif-draft small{font-size:12px;display:block}.gif-draft small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.message-gif{max-width:100%;margin-top:5px}.message-gif>img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:240px;display:block}.attachment-draft>.file-video-preview{background:var(--surface);border-radius:5px;flex:0 0 55px;place-items:center;height:52px;display:grid;position:relative;overflow:hidden}.file-video-preview video{object-fit:cover;width:100%;height:100%}.file-video-preview svg{color:#fff;filter:drop-shadow(0 1px 3px #000);position:absolute}.message-video{min-width:0;max-width:100%;margin-top:6px}.message-video video{background:#0f0e16;border-radius:8px;width:100%;max-height:240px;display:block}.voice-state-icons{color:var(--muted);align-items:center;gap:7px;flex:none!important;display:inline-flex!important}.voice-state-icons>span{display:inline-flex}.voice-state-icons .output-muted{color:var(--danger)}.voice-output-notice{color:#e4b48e;background:#ed9e6d12;border:1px solid #ed9e6d30;border-radius:9px;align-items:center;gap:9px;margin:12px 0;padding:12px;font-size:13px;display:flex}.voice-output-notice>span{flex:1}.voice-output-notice small{color:var(--muted);font-size:12px;display:block}.voice-output-notice button{background:0 0;border:0;padding:3px;font-size:12px;text-decoration:underline}.message-mobile-menu{display:none}@media (hover:none),(max-width:620px){.watch-room .message .message-actions{width:fit-content;margin-top:5px;display:none;position:static}.watch-room .message.tools-open .message-actions{display:flex}.watch-room .message-mobile-menu{place-items:center;width:24px;height:24px;display:grid;position:absolute;top:0;right:0}.watch-room .message-body{padding-right:24px}}@media (prefers-reduced-motion:reduce){.message-highlight{background:#a991ff20;animation:none}}@media (max-width:620px){.watch-room .chat-tabs{gap:10px;padding-inline:14px}.watch-room .chat-tabs>button{font-size:14px}.watch-room .chat-composer textarea{min-height:68px}}.chat-picker-popover{z-index:80;border:1px solid var(--line);background:var(--raised);width:340px;max-height:430px;color:var(--text);box-sizing:border-box;border-radius:12px;flex-direction:column;padding:12px;display:flex;position:fixed;top:0;left:0;box-shadow:0 8px 28px #0005}.chat-picker-popover .picker-heading{flex-shrink:0;margin-bottom:10px}.chat-picker-popover .picker-heading>.icon-button{width:26px;height:26px}.chat-picker-content{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.chat-picker-content>.gif-picker,.chat-picker-content>.emoji-picker{flex-direction:column;flex:auto;min-height:0;display:flex}.chat-picker-content .picker-search,.chat-picker-content .emoji-categories,.chat-picker-content .reaction-target,.chat-picker-content .gif-picker>.button,.chat-picker-content .klipy-credit,.chat-picker-content .picker-status{flex-shrink:0}.chat-picker-content .emoji-grid{min-height:0;max-height:190px}.chat-picker-content .gif-grid{gap:6px;min-height:0;max-height:230px;margin:10px 0}.chat-picker-content .gif-grid img{height:94px}.chat-picker-content .gif-grid button{min-height:70px}.chat-picker-content .gif-grid button>span{padding:4px;font-size:10px}.chat-picker-content .gif-picker>.button{min-height:32px;padding:7px 10px;font-size:12px}.chat-picker-content .klipy-credit{margin-top:10px;font-size:10px}.chat-picker-content .reaction-target{margin-bottom:9px;padding-bottom:9px}.chat-picker-content .reaction-target p{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:36px;margin-top:3px;font-size:12px;line-height:1.5;display:-webkit-box}.watch-room .message.reaction-picker-open .message-actions{display:flex}@media (max-width:620px){.chat-picker-popover{padding:10px}.chat-picker-content .gif-grid{max-height:210px}}.chat-tab-body{flex-direction:column;flex:1;min-height:0;display:flex}.chat-tab-body[hidden],.watch-room .chat-panel[hidden]{display:none}.voice-self-person .avatar,.voice-level-person .avatar,.room-person .avatar{outline-offset:3px;outline:2px solid #0000;transition:outline-color .1s ease-out,box-shadow .18s ease-out}.voice-self-person.speaking .avatar,.voice-level-person.speaking .avatar,.room-person.voice-speaking .avatar{outline-color:#72cba5;box-shadow:0 0 15px #72cba52b}.voice-self-person small,.person-voice-badge{transition:color .14s,background-color .14s,transform .18s}.room-person.voice-speaking .person-voice-badge{color:#baf6d9;transform:scale(1.08)}.browser-fullscreen-toggle{margin-left:auto}.fullscreen-toolbar{top:max(14px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#17182185;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute}.fullscreen-toolbar .icon-button{border-radius:8px;width:34px;height:34px}.fullscreen-toolbar .icon-button[aria-expanded=true]{color:#c7b8fa;background:#ffffff0f}.watch-room.room-fullscreen{background:#08090c;width:100%;height:100dvh;overflow:hidden}.watch-room.room-fullscreen>.room-header,.watch-room.room-fullscreen>.mobile-room-switch,.watch-room.room-fullscreen .room-people-strip,.watch-room.room-fullscreen .room-screen-slot,.watch-room.room-fullscreen .browser-chrome,.watch-room.room-fullscreen .browser-footnote{display:none}.watch-room.room-fullscreen .watch-main{height:100%;display:block;position:relative}.watch-room.room-fullscreen .watch-content{width:100%;max-width:none;height:100%;margin:0;padding:0}.watch-room.room-fullscreen .shared-browser{background:#08090c;border:0;border-radius:0;flex-direction:column;height:100%;display:flex}.watch-room.room-fullscreen .browser-stage,.watch-room.room-fullscreen .browser-welcome{aspect-ratio:auto;flex:1;height:100%;min-height:0}.watch-room.room-fullscreen .chat-panel{z-index:10;top:max(64px, calc(env(safe-area-inset-top) + 50px));right:max(16px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));border:1px solid rgb(255 255 255/calc(var(--fullscreen-chat-alpha,.72) * .2));background:rgb(27 28 40/var(--fullscreen-chat-alpha,.72));width:min(320px,100% - 32px);height:auto;min-height:180px;max-height:650px;-webkit-backdrop-filter:blur(calc(8px * var(--fullscreen-chat-alpha,.72)));backdrop-filter:blur(calc(8px * var(--fullscreen-chat-alpha,.72)));box-shadow:0 16px 45px rgb(0 0 0/calc(var(--fullscreen-chat-alpha,.72) * .3));border-radius:18px;position:absolute;overflow:hidden}.watch-room.room-fullscreen .chat-tabs{height:48px}.watch-room.room-fullscreen .chat-tabs>button{font-size:13px}.watch-room.room-fullscreen .chat-channel{padding-block:4px}.watch-room.room-fullscreen .chat-composer{padding:8px}.watch-room.room-fullscreen .chat-composer>form{background:rgb(23 24 33/var(--fullscreen-chat-alpha,.72))}.watch-room.room-fullscreen .chat-composer textarea{min-height:54px;padding:10px;font-size:14px}.watch-room.room-fullscreen .chat-privacy{display:none}.watch-room.room-fullscreen .message p{font-size:14px}.watch-room.room-fullscreen .message-meta strong{font-size:13px}.watch-room.room-fullscreen .message :is(video,.message-attachment,.message-gif){object-fit:contain;max-height:160px}@media (max-width:600px){.watch-room.room-fullscreen .chat-panel{max-height:60dvh}}@media (prefers-reduced-motion:reduce){.voice-self-person .avatar,.voice-level-person .avatar,.room-person .avatar,.person-voice-badge{transition:none}}.fullscreen-opacity{color:#e7e2f4;align-items:center;gap:8px;min-height:38px;padding:8px 12px 0;font-size:12px;display:flex}.fullscreen-opacity input{accent-color:#b4a2ef;flex:1;min-width:0}.fullscreen-opacity span{text-align:right;min-width:30px}.chat-notification-mode{font:inherit;color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:7px;max-width:130px;margin-right:auto;padding:5px;font-size:11px}.chat-notification-mode option{color:#eee;background:#222329}.watch-room.room-fullscreen .chat-tabs,.watch-room.room-fullscreen .chat-channel,.watch-room.room-fullscreen .chat-messages,.watch-room.room-fullscreen .chat-composer{background:0 0}.watch-room.room-fullscreen .chat-composer>form{border-color:rgb(255 255 255/calc(var(--fullscreen-chat-alpha,.72) * .14))}.stream-metrics{z-index:6;color:#e7e3f1;pointer-events:none;background:#14141de6;border:1px solid #fff2;border-radius:12px;flex-direction:column;gap:5px;padding:14px 16px;font-size:12px;display:flex;position:absolute;top:16px;left:16px}.stream-metrics strong{margin-bottom:3px;font-size:13px}.support-session{order:4}.watch-room .watch-main{position:relative}.room-chat-resizer{display:none}.room-person-control{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0}.room-person-control:disabled{cursor:default;opacity:.55}.room-person-control:hover:not(:disabled) .avatar{outline-color:var(--accent)}.watch-room .room-person .avatar{width:58px;height:58px;font-size:19px}.watch-room .room-person{gap:10px;min-width:82px;max-width:130px}.watch-room .room-person>span:not(.person-voice-badge):not(.room-cursor-badge){text-overflow:ellipsis;white-space:nowrap;max-width:130px;color:var(--text);font-size:15px;overflow:hidden}.room-person>.person-voice-badge{top:43px;right:5px}.room-cursor-badge{width:25px;height:25px;color:var(--accent);filter:drop-shadow(0 1px 2px #000d);pointer-events:none;background:0 0;place-items:center;display:grid;position:absolute;top:-3px;right:3px}.room-cursor-badge svg{width:24px;height:24px;fill:var(--accent);stroke:var(--bg);stroke-width:1.4px}.room-cursor-requested,.cursor-hint{color:var(--accent);font-size:12px}.cursor-requests{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.browser-audio-notice{color:var(--accent);font-size:11px}@media (min-width:761px){.watch-room:not(.room-fullscreen):not(.chat-hidden) .watch-main{grid-template-columns:minmax(0, 1fr) min(var(--room-chat-width,350px), 55vw)}.room-chat-resizer{top:0;bottom:0;right:min(var(--room-chat-width,350px), 55vw);z-index:12;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;width:18px;padding:0;display:flex;position:absolute;transform:translate(50%)}.room-chat-resizer:before{content:"";background:var(--accent);opacity:0;width:3px;height:100%;transition:opacity .15s;position:absolute}.room-chat-resizer>span{background:color-mix(in srgb, var(--accent) 28%, transparent);color:#fff;border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:1;opacity:0;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;transition:opacity .15s;display:grid;box-shadow:0 2px 14px #0004}.room-chat-resizer:hover:before,.room-chat-resizer:focus-visible:before,.room-chat-resizer.resizing:before,.room-chat-resizer:hover>span,.room-chat-resizer:focus-visible>span,.room-chat-resizer.resizing>span{opacity:1}.watch-room.chat-hidden .room-chat-resizer{right:9px;transform:none}.watch-room.room-fullscreen .room-chat-resizer{display:none}}.room-privacy-controls{gap:3px;display:flex}.room-invitation-bell{position:relative}.room-invitation-bell>span{background:var(--accent);color:var(--bg);border-radius:20px;padding:1px 4px;font-size:10px;position:absolute;top:0;right:0}.friend-room-invites{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:22px}.friend-room-invites h3{margin-top:0}.friend-room-invites p,.chat-concealed p{font-size:13px;line-height:1.6}.friend-invite-list{gap:12px;max-height:360px;margin-top:12px;display:grid;overflow:auto}.watch-room:not(.room-fullscreen):not(.theater-mode) .watch-content{max-width:none;margin:0;padding:0 10px 20px}.screen-reaction-notice{width:100%;color:var(--muted);font-size:11px}.spoiler-message{max-width:350px;position:relative}.spoiler-cover{width:100%;color:var(--text);text-align:left;background:0 0;border:0;gap:8px;padding:0;display:grid}.spoiler-media-mask{width:100%;aspect-ratio:var(--spoiler-aspect,1);isolation:isolate;background:linear-gradient(135deg,#9c9da4,#dddeda 45%,#929399);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.spoiler-media-mask img{object-fit:cover;filter:blur(25px)saturate(.5);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;width:100%;height:100%;position:absolute;transform:scale(1.18)}.spoiler-pill{color:#f3f4f3;background:#333a35c9;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.spoiler-text-mask{background:#64646d;border-radius:4px;max-width:100%;height:20px;display:block}.spoiler-hide{width:28px;min-height:28px;color:var(--muted);opacity:.5;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.spoiler-hide:hover,.spoiler-hide:focus-visible{opacity:1;background:#b3a1ec15}.spoiler-revealed{margin-top:0}.spoiler-revealed .message-photo{width:100%;max-width:350px;display:block}.spoiler-revealed .message-photo img{object-fit:contain;width:100%;height:auto;max-height:350px;display:block}.spoiler-revealed p{margin-top:7px}.message-reaction-item{display:inline-flex}.reaction-detail-tooltip{z-index:10000;background:var(--surface,#222127);border:1px solid var(--line,#38353e);width:min(260px,100vw - 16px);color:var(--text,#eee);pointer-events:none;overflow-wrap:anywhere;border-radius:10px;padding:12px;font-size:12px;line-height:1.6;position:fixed;box-shadow:0 10px 30px #0006}.reaction-detail-tooltip strong{margin-bottom:5px;display:block}.reaction-detail-tooltip>div+div{margin-top:4px}.chat-film-night{background:#b3a1ec0c;border:1px solid #b3a1ec33;border-radius:12px;min-width:0;margin-top:7px;padding:14px}.chat-film-night-label{color:var(--accent);align-items:center;gap:6px;font-size:11px;display:flex}.chat-film-night h4{margin:9px 0 6px;font-size:16px}.chat-film-night time{color:var(--muted);font-size:12px;display:block}.watch-room .chat-film-night p{white-space:pre-wrap;margin:9px 0;font-size:13px}.chat-film-night .film-night-responses{margin-top:12px}.chat-film-night details{margin-top:12px;font-size:12px}.chat-film-night summary{cursor:pointer;min-height:30px;color:var(--muted)}.chat-film-night ul{padding:0;list-style:none}.chat-film-night li{flex-wrap:wrap;justify-content:space-between;gap:5px;margin-bottom:5px;display:flex}.chat-film-night li small{color:var(--muted)}.chat-film-night .film-night-trigger{align-items:center;gap:4px;font-size:12px;display:inline-flex}.screen-reactions{min-width:0}.watch-room .film-night-trigger{min-width:42px;min-height:42px}.screen-reaction-stage{min-width:0;position:relative}.screen-reaction-overlay{pointer-events:none;z-index:5;position:absolute;inset:45px 0 35px;overflow:hidden}.screen-reaction-float{justify-items:center;gap:4px;animation:3.6s ease-out both screen-reaction-rise;display:grid;position:absolute;bottom:8%}.screen-reaction-float b{filter:drop-shadow(0 2px 5px #0008);font-size:clamp(30px,4vw,52px);font-weight:400}.screen-reaction-float small{color:#f2efff;text-overflow:ellipsis;white-space:nowrap;background:#181720ce;border-radius:15px;max-width:100px;padding:3px 8px;font-size:11px;overflow:hidden}@keyframes screen-reaction-rise{0%{opacity:0;transform:translateY(20px)scale(.8)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-130px)scale(1.1)}}.screen-reaction-toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 4px;display:flex}.screen-reaction-toolbar>span{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.screen-reaction-buttons{gap:2px;display:flex}.screen-reaction-buttons button{background:0 0;border:0;border-radius:10px;min-width:40px;min-height:42px;font-size:21px}.screen-reaction-buttons button:hover:not(:disabled){background:#b3a1ec18}.screen-reaction-visibility{color:var(--muted);background:0 0;border:0;min-height:36px;margin-left:auto;font-size:11px}.watch-room.room-fullscreen .screen-reactions,.watch-room.room-fullscreen .screen-reaction-stage{height:100%}.watch-room.room-fullscreen .screen-reaction-toolbar{bottom:max(8px, env(safe-area-inset-bottom));z-index:6;background:#17151ecc;border-radius:14px;gap:4px;max-width:calc(100% - 28px);padding:2px 8px;position:absolute;left:14px}.watch-room.room-fullscreen .screen-reaction-toolbar>span{display:none}.composer-spoiler-note{color:var(--accent);align-items:center;gap:5px;margin:0 0 8px;font-size:11px;display:flex}.film-nights-panel{gap:18px;min-width:0;display:grid}.film-nights-panel>p{margin:0;font-size:12px;line-height:1.6}.film-night-editor{border:1px solid var(--line);border-radius:12px;padding:16px}.film-night-editor h3{margin:0;font-size:17px}.film-night-editor input,.film-night-editor textarea{width:100%;min-width:0}.film-night-list{gap:14px;display:grid}.film-night-card{border:1px solid var(--line);overflow-wrap:anywhere;background:#b3a1ec06;border-radius:14px;min-width:0;padding:16px}.film-night-card>time{color:var(--accent);align-items:center;gap:7px;font-size:12px;display:flex}.film-night-card h3{margin:10px 0;font-size:18px}.film-night-description{white-space:pre-wrap;font-size:13px;line-height:1.6}.film-night-actions,.film-night-responses{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.film-night-actions{margin-top:14px}.film-night-actions button{align-items:center;gap:5px;min-height:36px;display:inline-flex}.film-night-responses button{border:1px solid var(--line);min-height:42px;color:var(--text);background:0 0;border-radius:9px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;display:flex}.film-night-responses button.selected{background:#b3a1ec20;border-color:#b3a1ec88}.film-night-responses button span{color:var(--muted);font-size:11px}.film-night-card details{margin-top:14px;font-size:12px}.film-night-card summary{cursor:pointer;min-height:32px;color:var(--muted)}.film-night-card ul{gap:8px;padding:0;list-style:none;display:grid}.film-night-card li{justify-content:space-between;gap:8px;display:flex}.film-night-card li small{color:var(--muted)}.film-night-empty{text-align:center;color:var(--muted);padding:20px}.film-night-cancel{border:1px solid var(--line);border-radius:10px;margin-top:12px;padding:12px}.film-night-cancel .text-link{margin-left:12px}.film-night-card.cancelled{opacity:.7}.upcoming-film-nights{margin-bottom:28px}.upcoming-film-nights h2{align-items:center;gap:8px;margin-bottom:14px;font-size:18px;display:flex}.upcoming-film-nights>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.upcoming-film-nights a{border:1px solid var(--line);overflow-wrap:anywhere;background:#b3a1ec08;border-radius:14px;gap:8px;min-width:0;padding:16px;text-decoration:none;display:grid}.upcoming-film-nights time{color:var(--accent);font-size:12px}.upcoming-film-nights a>span{color:var(--muted);font-size:12px}@media (max-width:600px){.screen-reaction-toolbar{gap:5px}.screen-reaction-toolbar>span{width:100%}.screen-reaction-buttons{justify-content:space-between;width:100%}.watch-room.room-fullscreen .screen-reaction-buttons{width:auto}.watch-room.room-fullscreen .screen-reaction-buttons button{min-width:34px}.film-night-editor,.film-night-card{padding:12px}}@media (prefers-reduced-motion:reduce){.screen-reaction-float{animation:none;bottom:12%}}.audio-device-test{border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:14px;gap:12px;min-width:0;padding:16px;display:grid}.audio-test-heading,.audio-test-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.audio-test-heading{justify-content:space-between}.audio-test-heading>span{color:var(--muted);font-size:11px}.audio-device-test p{margin:0;font-size:13px;line-height:1.6}.audio-device-test>p:first-of-type,.audio-device-test>small{color:var(--muted)}.audio-device-test>small{font-size:11px;line-height:1.6}.audio-test-devices{gap:10px;min-width:0;display:grid}.audio-test-devices label,.audio-test-devices select{width:100%;min-width:0}.audio-test-actions .button{white-space:normal;min-height:42px}.audio-test-meter{background:color-mix(in srgb, var(--muted) 15%, transparent);border-radius:10px;height:10px;overflow:hidden}.audio-test-meter>span{border-radius:inherit;background:linear-gradient(90deg,#a78bfa,#79d6b1);height:100%;transition:width 80ms linear;display:block}@media (prefers-reduced-motion:reduce){.audio-test-meter>span{transition:none}}.friend-invite-row{align-items:center;gap:10px;min-width:0;display:flex}.friend-invite-row>span:not(.avatar){flex:1;min-width:0;display:grid}.friend-invite-row strong{overflow-wrap:anywhere}.friend-invite-row small{color:var(--muted)}.received-room-invite{border:1px solid var(--line);border-radius:12px;gap:10px;padding:14px;display:grid}.invite-response-actions{gap:8px;display:flex}.chat-concealed{text-align:center;margin:auto;padding:28px 22px}.hidden-chat-review{text-align:left}.hidden-chat-review .admin-section-top,.hidden-chat-review .admin-pagination{justify-content:space-between;align-items:center;gap:12px;display:flex}.hidden-chat-review .admin-section-top h2{margin-bottom:4px;font-size:20px}.hidden-chat-review .admin-review-messages{max-height:48vh;margin:18px 0;overflow:auto}.hidden-chat-review .admin-review-messages article{border-bottom:1px solid var(--line);padding:16px 2px}.hidden-chat-review .admin-review-messages header{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.hidden-chat-review .admin-review-messages header>div{gap:4px;display:grid}.hidden-chat-review .admin-review-messages time,.hidden-chat-review .admin-review-messages header span,.hidden-chat-review .admin-action-note{color:var(--muted);font-size:12px;line-height:1.6}.hidden-chat-review .admin-review-messages p{white-space:pre-wrap;overflow-wrap:anywhere}.hidden-chat-review .admin-review-messages blockquote{border-left:2px solid var(--accent);gap:4px;margin:12px 0;padding-left:12px;display:grid}.hidden-chat-review .admin-review-attachment{align-items:center;gap:8px;display:flex}.watch-room.room-page-fullscreen{z-index:1000;overscroll-behavior:none;isolation:isolate;width:100%;height:100dvh;margin:0;position:fixed;inset:0}.verification-code-input{text-align:center;letter-spacing:.35em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:650}.verification-notice{border:1px solid var(--border);border-radius:12px;margin:0;padding:12px 14px;font-size:13px;line-height:1.6}@media (min-width:761px){.watch-room:not(.room-fullscreen){flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.watch-room:not(.room-fullscreen)>.room-header{flex-shrink:0;gap:12px;height:64px;padding-inline:16px}.watch-room:not(.room-fullscreen) .watch-main{flex:1;grid-template-rows:minmax(0,1fr);min-height:0}.watch-room:not(.room-fullscreen) .watch-content{flex-direction:column;max-width:none;height:100%;min-height:0;margin:0;padding:8px 10px 0;display:flex}.watch-room:not(.room-fullscreen) .screen-reactions{flex-direction:column;flex:1;min-height:0;display:flex}.watch-room:not(.room-fullscreen) .screen-reaction-stage{flex:1;min-height:0}.watch-room:not(.room-fullscreen) .shared-browser{flex-direction:column;height:100%;display:flex}.watch-room:not(.room-fullscreen) :is(.browser-stage,.browser-welcome){aspect-ratio:auto;flex:1;height:auto;min-height:0}.watch-room:not(.room-fullscreen) :is(.browser-chrome,.browser-controls){flex-shrink:0;gap:8px;min-height:44px;padding:4px 10px}.watch-room:not(.room-fullscreen) .browser-chrome>small:not(.browser-network-view){display:none}.watch-room:not(.room-fullscreen) .browser-chrome>span:first-child{margin-right:auto}.watch-room:not(.room-fullscreen) .room-people-strip{flex:0 auto;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;min-height:0;max-height:min(24dvh,180px);padding:8px 4px;overflow-y:auto}.watch-room:not(.room-fullscreen) .room-people-list{flex-wrap:nowrap;grid-column:1/-1;justify-content:safe center;gap:14px;padding:6px;overflow-x:auto}.watch-room:not(.room-fullscreen) .room-person{flex-shrink:0;gap:6px}.watch-room:not(.room-fullscreen) .room-online-count{justify-self:start;font-size:12px}.watch-room:not(.room-fullscreen) .cursor-hint{justify-self:end;font-size:12px}.watch-room:not(.room-fullscreen) .cursor-requests{grid-column:1/-1}.watch-room:not(.room-fullscreen) .screen-reaction-toolbar{flex-shrink:0;gap:6px;padding:2px 4px}.watch-room:not(.room-fullscreen) .chat-panel{height:100%;min-height:0;position:relative;overflow:hidden}.watch-room:not(.room-fullscreen) :is(.chat-messages,.members-list,.voice-settings-people){min-height:0;overflow-y:auto}.watch-room .chat-composer{flex-shrink:0;max-height:40dvh;overflow-y:auto}.watch-room .chat-tabs{height:54px}}.watch-room .typing-indicator{min-height:34px;color:var(--muted);flex-shrink:0;align-items:center;gap:12px;padding:5px 18px;font-size:13px;line-height:1.5;display:flex}.typing-indicator>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.typing-indicator strong{color:var(--text);font-weight:600}.typing-dots{flex-shrink:0;align-items:center;gap:4px;display:flex}.typing-dots i{background:var(--text);border-radius:50%;width:6px;height:6px;animation:1.25s ease-in-out infinite typing-pulse}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typing-pulse{0%,65%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.typing-dots i{animation:none}}.poll-composer{gap:18px;display:grid}.poll-composer label{gap:10px;font-size:15px;display:grid}.poll-composer textarea{resize:vertical;min-height:75px}.poll-counter{color:var(--muted);justify-self:end;margin-top:-10px}.poll-composer fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.poll-composer legend{margin-bottom:12px;font-size:15px;font-weight:600}.poll-option-editor{border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;padding:4px 8px;display:flex}.poll-option-editor input{min-width:0;box-shadow:none;background:0 0;border:0;padding:9px 2px}.poll-add-option{justify-self:end}.poll-option-emojis{border:1px solid var(--line);border-radius:10px;padding:12px}.poll-composer-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.poll-composer-footer label{align-items:center;gap:10px;font-size:13px;display:flex}.poll-composer-footer input{flex-shrink:0;width:18px;height:18px}.chat-poll{border:1px solid var(--line);background:color-mix(in srgb, var(--raised) 50%, transparent);border-radius:12px;padding:14px}.chat-poll-label{color:var(--accent);align-items:center;gap:6px;font-size:11px;display:flex}.chat-poll h3{overflow-wrap:anywhere;white-space:pre-wrap;margin:10px 0 14px;font-size:15px;line-height:1.5}.chat-poll-options{gap:7px;display:grid}.chat-poll-options button{text-align:left;border:1px solid var(--line);min-height:44px;color:var(--text);background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex;position:relative;overflow:hidden}.chat-poll-options button.selected{border-color:var(--accent)}.chat-poll-options button:disabled{opacity:1;cursor:default}.chat-poll-options button:hover:not(:disabled){border-color:var(--accent)}.chat-poll-bar{background:color-mix(in srgb, var(--accent) 18%, transparent);transition:width .18s;position:absolute;inset:0 auto 0 0}.chat-poll-answer{overflow-wrap:anywhere;align-items:center;gap:5px;min-width:0;font-size:13px;display:flex;position:relative}.chat-poll-answer svg{flex-shrink:0}.chat-poll-count{color:var(--muted);flex-shrink:0;font-size:10px;position:relative}.chat-poll footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:12px;font-size:10px;display:flex}.chat-poll>.text-link{margin-top:12px;font-size:11px;display:block}@media (max-width:480px){.poll-composer-footer{flex-wrap:wrap}.poll-composer-footer .button{margin-left:auto}}
.room-cinema{--watch-rail:#17181d;--watch-panel:#272830;--watch-dock:#202127;--watch-menu:#282930;--watch-channel:#22232a}html[data-theme=light] .room-cinema{--watch-rail:#f0eff4;--watch-panel:#faf9fc;--watch-dock:#f1f0f5;--watch-menu:#fff;--watch-channel:#f0eff4}.room-rail,.room-person-tooltip{display:none}.room-cinema .room-header{gap:12px}.room-identity-picture{flex-shrink:0}.room-identity-picture img,.room-identity-picture>span{object-fit:cover;border-radius:50%;width:48px;height:48px}.room-identity-picture>span{background:var(--raised);color:var(--accent);place-items:center;font-size:24px;font-weight:600;display:grid}.room-cinema .room-heading .room-presence{letter-spacing:normal;color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.room-cinema .room-heading .room-presence i{background:#78c77b;border-radius:50%;width:8px;height:8px;margin:0;display:block}.room-cinema .room-heading .room-presence.disconnected i{background:#dfb976}.room-options{flex-shrink:0;position:relative}.room-options-menu{z-index:25;overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:3px;width:270px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);padding:12px;display:grid;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto;box-shadow:0 18px 55px #0006}.room-options-menu[hidden]{display:none}.room-menu-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;padding:6px 10px 10px;font-size:11px}.room-options-menu>.text-link,.room-options-menu>.film-night-trigger,.room-options-menu .room-privacy-controls>button{width:100%;height:auto;min-height:42px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:flex-start;gap:11px;padding:10px;font-size:13px;display:flex}.room-options-menu :is(.text-link,.room-privacy-controls>button):hover{background:var(--raised)}.room-options-menu .room-privacy-controls{border-top:1px solid var(--line);margin-top:5px;padding-top:5px;display:grid}.room-options-menu .room-privacy-controls>button.positive{color:var(--accent)}.room-menu-invitations{align-items:center;gap:8px;font-size:13px;display:flex}.room-menu-invitations>span{pointer-events:none}.room-cinema .shared-browser{position:relative}.browser-session-options{z-index:8;position:absolute;bottom:6px;right:8px}.browser-session-options>.icon-button,.screen-reaction-picker>.icon-button{cursor:pointer;width:34px;height:34px;color:var(--muted);border:0;border-radius:8px;place-items:center;padding:0;list-style:none;display:grid}.browser-session-options>.icon-button::-webkit-details-marker{display:none}.screen-reaction-picker>.icon-button::-webkit-details-marker{display:none}.browser-session-options>.icon-button:hover,.screen-reaction-picker>.icon-button:hover{color:var(--text);background:#ffffff0b}.room-cinema .browser-session-options .browser-options-content{border:1px solid var(--line);background:var(--surface);overscroll-behavior:contain;border-radius:12px;flex-direction:column;align-items:stretch;gap:12px;width:290px;max-width:calc(100vw - 44px);max-height:calc(100dvh - 100px);padding:16px;display:flex;position:absolute;bottom:44px;right:0;overflow-y:auto;box-shadow:0 12px 45px #0008}.room-cinema .browser-session-options .browser-chrome{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:12px;padding:0;display:flex;position:static}.room-cinema .browser-session-options .browser-chrome>small{margin:0;display:block}.room-cinema .browser-session-options .browser-chrome>span:first-child{margin:0;font-weight:600}.room-cinema .browser-session-options .browser-chrome .browser-network-setting{justify-content:space-between;display:flex}.room-cinema .browser-session-options .browser-chrome .browser-network-setting select{flex:1;margin-left:16px}.room-cinema .browser-session-options .browser-chrome>button{justify-content:center;width:100%;display:flex}.browser-session-options>.browser-network-notice{display:none}.room-cinema .browser-controls{padding-right:50px}.room-report-button{color:#f0a5a5;background:#a9525224;border:1px solid #c96f6f40;border-radius:6px;flex-shrink:0;align-items:center;gap:7px;min-height:34px;padding:8px 11px;font-size:12px;display:inline-flex}.room-report-button:hover{background:#a9525244}.browser-idle-fullscreen{margin-left:auto}.room-cinema .screen-reactions{position:relative}.screen-reaction-picker{z-index:9;position:absolute;bottom:54px;right:12px}.screen-reaction-picker>.icon-button{background:#24252bd9;border:1px solid #ffffff0d}.room-cinema .screen-reaction-picker .screen-reaction-toolbar{z-index:9;border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:8px;width:290px;max-width:calc(100vw - 44px);padding:12px;position:absolute;bottom:44px;left:auto;right:0;box-shadow:0 12px 45px #0008}.screen-reaction-picker .screen-reaction-toolbar>span{width:100%}.screen-reaction-picker .screen-reaction-buttons{grid-template-columns:repeat(6,1fr);width:100%;display:grid}.screen-reaction-picker .screen-reaction-visibility{margin-left:0}.room-person-invite,.room-more-people{background:var(--raised);width:64px;height:64px;color:var(--muted);border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.room-person-invite:hover,.room-more-people:hover{color:var(--text);background:color-mix(in srgb, var(--accent) 20%, var(--raised))}@media (min-width:1001px){.room-cinema:not(.room-fullscreen){background:#1d1e24;height:100dvh;display:block;position:relative;overflow:hidden}.room-cinema:not(.room-fullscreen)>.room-rail{z-index:20;background:var(--watch-rail);border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:15px;width:76px;padding:20px 10px;display:flex;position:absolute;inset:0 auto 0 0}.room-rail .logo{margin:0 0 10px}.room-rail>.icon-button,.room-rail-bottom>.icon-button{color:#a5a6ae;width:44px;min-width:44px;height:44px}.room-rail .logo-mark{width:38px;height:38px}.room-rail-current{width:50px;height:50px;color:var(--accent);background:var(--raised);border:2px solid var(--accent);border-radius:50%;place-items:center;margin-top:6px;padding:2px;display:grid}.room-rail-current img{object-fit:cover;border-radius:50%;width:100%;height:100%}.room-rail-current>span{font-size:22px;font-weight:600}.room-rail-bottom{flex-direction:column;align-items:center;gap:12px;margin-top:auto;display:flex}.room-rail-bottom>.profile-avatar-button{margin-top:12px}.room-rail-bottom .avatar{width:44px;height:44px}.room-cinema:not(.room-fullscreen)>.room-header{z-index:15;width:min(var(--room-chat-width,350px), 55vw);background:var(--watch-panel);border:0;border-bottom:1px solid var(--line);gap:12px;height:80px;padding:12px 16px;position:absolute;top:0;right:0}.room-cinema:not(.room-fullscreen).chat-hidden>.room-header,.room-cinema .room-mobile-back{display:none}.room-cinema .room-heading{flex:1;margin-right:0}.room-cinema .room-heading h1{letter-spacing:0;max-width:none;margin:0 0 5px;font-size:16px}.room-cinema .room-header>:is(.icon-button,.room-options){flex-shrink:0}.room-cinema .room-header>.icon-button,.room-cinema .room-options>.icon-button{width:30px;min-width:30px;padding:0}.room-cinema:not(.room-fullscreen)>.watch-main{width:calc(100% - 76px);height:100%;min-height:0;margin-left:76px}.room-cinema:not(.room-fullscreen) .watch-content,.room-cinema:not(.room-fullscreen):not(.theater-mode) .watch-content{max-width:none;height:100%;min-height:0;margin:0;padding:0}.room-cinema:not(.room-fullscreen) .shared-browser{background:#000;border:0;border-radius:0}.room-cinema:not(.room-fullscreen) :is(.browser-stage,.browser-welcome){background:#08090c;min-height:0}.room-cinema:not(.room-fullscreen) .browser-welcome{padding:24px}.room-cinema:not(.room-fullscreen) .browser-controls{background:var(--watch-dock);border:0;gap:12px;min-height:48px;padding:6px 52px 6px 14px}.room-cinema .browser-controls>span{color:var(--muted);font-size:12px}.room-cinema .browser-controls>label{width:120px;margin-left:auto}.room-cinema .browser-controls label input{width:100%}.room-cinema .browser-controls>.browser-audio-notice{font-size:11px}.room-cinema:not(.room-fullscreen) .room-people-strip{background:var(--watch-dock);flex:0 0 100px;justify-content:center;gap:0;height:100px;min-height:100px;max-height:100px;padding:12px 40px 20px;display:flex;position:relative;overflow:visible}.room-cinema:not(.room-fullscreen) .room-people-list{flex-wrap:nowrap;justify-content:center;gap:12px;width:auto;max-width:100%;padding:0;display:flex;overflow:visible}.room-cinema:not(.room-fullscreen) .room-person{gap:0;width:64px;min-width:64px;max-width:64px}.room-cinema .room-person .avatar{width:64px;height:64px;font-size:22px}.room-cinema .room-person>.room-person-name{display:none}.room-cinema .room-person>.person-voice-badge{top:45px;right:-2px}.room-cinema .room-person>.room-cursor-badge{width:29px;height:29px;top:42px;right:-4px}.room-cinema .room-person>.room-cursor-badge svg{width:28px;height:28px}.room-cinema .room-online-count,.room-cinema .cursor-hint{display:none}.room-cinema .room-person-tooltip{z-index:14;text-align:left;border:1px solid var(--line);background:var(--watch-menu);pointer-events:none;border-radius:10px;width:max-content;min-width:140px;max-width:240px;padding:14px 16px;display:none;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0005}.room-cinema .room-person-tooltip:after{content:"";border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--watch-menu);width:12px;height:12px;position:absolute;top:100%;left:calc(50% - 7px);transform:translateY(-6px)rotate(45deg)}.room-person-tooltip strong{color:var(--accent);overflow-wrap:anywhere;align-items:center;gap:8px;font-size:14px;display:flex}.room-person-tooltip strong svg{color:#e3c879;fill:#e3c879}.room-person-tooltip small{color:#aaaab7;margin-top:8px;font-size:12px;display:block}.room-cinema .room-person:hover .room-person-tooltip,.room-cinema .room-person:focus-within .room-person-tooltip{display:block}.room-cinema .cursor-requests{z-index:10;border:1px solid var(--line);background:var(--surface);border-radius:8px;max-width:calc(100% - 28px);padding:8px;position:absolute;bottom:calc(100% + 55px);left:14px}.room-cinema .room-cursor-requested{width:max-content;font-size:10px;position:absolute;top:calc(100% + 4px)}.room-cinema:not(.room-fullscreen) .chat-panel{background:var(--watch-panel);height:100%;min-height:0;padding-top:80px;position:relative}.room-cinema .chat-tabs{gap:0;height:48px;padding:0}.room-cinema .chat-tabs>button{border-bottom:3px solid #0000;flex:1;height:48px;padding:0;font-size:0}.room-cinema .chat-tabs>button svg{width:22px;height:22px}.room-cinema .chat-tabs>button .count{display:none}.room-cinema .chat-tabs>button.active{border-bottom-color:var(--accent);background:#ffffff04}.room-cinema .voice-tab-slot{flex:1;margin-left:0}.room-cinema .voice-tab-button{width:100%}.room-cinema .chat-channel{background:var(--watch-channel);border:0;height:36px;min-height:36px;padding:2px 14px}.room-cinema .chat-channel>span{display:none}.room-cinema .chat-notification-mode{background:0 0;border-color:#0000;padding:3px 0;font-size:10px}.room-cinema .chat-channel .icon-button{width:28px;height:28px}.room-cinema .chat-messages{padding:0 16px 18px}.room-cinema .message{gap:10px;margin-top:16px}.room-cinema .message .profile-avatar-button .avatar{width:40px;height:40px;font-size:14px}.room-cinema .message-meta strong{color:var(--accent);font-size:13px}.room-cinema .message-meta time{font-size:10px}.room-cinema .message-body>p,.room-cinema .spoiler-message p{font-size:14px;line-height:1.5}.room-cinema .message-compact{margin-top:0}.room-cinema .chat-composer{background:var(--watch-dock);border:0;border-radius:0;margin:0;padding:12px 14px}.room-cinema .chat-composer form{background:0 0;border:0;border-radius:0;flex-wrap:wrap;align-items:center;gap:4px;display:flex}.room-cinema .chat-composer textarea{height:42px;min-height:42px;box-shadow:none;resize:none;background:0 0;border:0;flex:1 0 100%;padding:8px 0;font-size:13px}.room-cinema .composer-actions{gap:5px;width:100%;padding:0}.room-cinema .composer-actions>small,.room-cinema .chat-privacy{display:none}.room-cinema .composer-actions .icon-button{width:27px;min-width:27px;height:28px}.room-cinema .send-button{width:30px;min-width:30px;height:28px;margin-left:auto}.room-cinema.room-fullscreen .room-rail{display:none}.room-cinema.room-fullscreen .chat-panel{padding-top:0}}@media (min-width:1001px) and (max-width:1350px){.room-cinema:not(.room-fullscreen)>.room-rail{width:64px;padding-inline:6px}.room-cinema:not(.room-fullscreen)>.watch-main{width:calc(100% - 64px);margin-left:64px}.room-cinema .browser-controls>span{display:none}.room-cinema .room-person .avatar,.room-cinema .room-person-invite,.room-cinema .room-more-people{width:50px;height:50px}.room-cinema:not(.room-fullscreen) .room-person{width:50px;min-width:50px;max-width:50px}.room-cinema:not(.room-fullscreen) .room-people-list{gap:9px}}@media (max-width:1000px){.room-cinema .room-header{flex-wrap:nowrap;align-items:center;gap:10px;height:72px;min-height:72px;padding:10px 12px;display:flex;position:relative}.room-cinema .room-header .room-heading{flex:1;order:0;min-width:0}.room-cinema .room-heading h1{max-width:none;margin:0 0 4px;font-size:16px}.room-cinema .room-header>*{order:0!important}.room-cinema .room-heading>.room-presence{font-size:12px!important}.room-identity-picture img,.room-identity-picture>span{width:38px;height:38px;font-size:18px}.room-cinema .room-header>.room-invite-button{flex-shrink:0}.room-cinema .browser-controls>span{display:none}.room-cinema .browser-controls{min-height:48px;padding-right:48px}.room-cinema .room-person-invite{width:58px;height:58px}}@media (max-width:480px){.room-cinema .browser-controls{gap:7px}.room-cinema .room-report-button{width:30px;padding:6px}.room-cinema .room-report-button>span{display:none}.room-cinema .room-request-control{padding:7px;font-size:11px}}.room-popup-content[hidden]{display:none!important}
.room-cinema{--chat-avatar-size:46px;--chat-message-gap:12px}.room-cinema .message{grid-template-columns:var(--chat-avatar-size) minmax(0, 1fr);column-gap:var(--chat-message-gap);align-items:start;display:grid}.room-cinema .message>.profile-avatar-button{width:var(--chat-avatar-size);min-width:0;padding:0}.room-cinema .message>.profile-avatar-button>.avatar,.room-cinema .message>.deleted-avatar{width:var(--chat-avatar-size);height:var(--chat-avatar-size);font-size:16px}.room-cinema .message>.message-side-time{text-align:center;width:100%;min-width:0;padding-top:4px;font-size:10px}.room-cinema .message-meta strong{font-size:14px}.room-cinema .message-meta time{font-size:11px}.room-cinema .message .message-body p{font-size:16px;line-height:1.55}.room-cinema .message-compact{margin-top:0}.room-cinema .room-person>.room-cursor-badge{top:-4px;bottom:auto;right:-4px}.room-cinema .room-person>.person-voice-badge{left:-3px;right:auto}.room-invitation-item .invitation-count{min-width:20px;color:var(--accent);background:var(--raised);text-align:center;border-radius:12px;margin-left:auto;padding:2px 6px;font-size:11px}.room-cinema .chat-tabs>.chat-search-toggle{border:0;flex:0 0 34px;width:34px;min-width:34px;padding:0}.room-cinema .chat-tabs>.chat-search-toggle svg{width:17px;height:17px}.chat-notification-button{flex-shrink:0}.chat-notification-button.mode-sound{color:var(--accent)}.chat-notification-button.mode-off{color:var(--muted);opacity:.65}.chat-notification-button .notification-symbol{transform-origin:50% 20%;animation:.65s ease-out notification-change}.chat-notification-button:hover .notification-symbol{animation:.75s ease-in-out notification-hover}@keyframes notification-change{0%{opacity:0;transform:scale(.65)rotate(-20deg)}40%{opacity:1;transform:scale(1.12)rotate(12deg)}70%{transform:scale(1)rotate(-8deg)}to{transform:scale(1)rotate(0)}}@keyframes notification-hover{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}50%{transform:rotate(12deg)}75%{transform:rotate(-6deg)}}.room-cinema .screen-reaction-picker{bottom:6px;right:50px}.room-cinema:not(.room-fullscreen) .browser-controls{padding-right:94px}.room-cinema.room-fullscreen .screen-reaction-picker{bottom:14px;right:14px}.room-cinema .screen-reaction-picker>.icon-button{background:0 0;border:0}.room-cinema .screen-reaction-picker>.icon-button:hover,.room-cinema .screen-reaction-picker>.icon-button[aria-expanded=true]{background:var(--raised);color:var(--accent)}.chat-picker-popover.media{background:var(--surface);border-radius:16px;padding:0;box-shadow:0 16px 60px #0007}.chat-picker-popover.media>.picker-heading{z-index:2;margin:0;position:absolute;top:12px;right:12px}.chat-picker-popover.media>.picker-heading>strong{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.chat-picker-popover.media>.picker-heading>.icon-button{width:30px;height:30px}.chat-media-picker,.chat-media-panel,.chat-media-panel>.modern-gif-picker,.chat-media-panel>.emoji-picker{flex-direction:column;flex:auto;min-height:0;display:flex}.chat-media-tabs{flex-shrink:0;gap:8px;padding:14px 52px 10px 16px;display:flex}.chat-media-tabs>button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:7px 16px;font-size:14px;font-weight:600}.chat-media-tabs>button:hover{color:var(--text);background:color-mix(in srgb, var(--raised) 60%, transparent)}.chat-media-tabs>button[aria-selected=true]{color:var(--text);background:var(--raised)}.chat-media-panel{overflow:hidden}.chat-picker-content .modern-gif-picker .gif-search{border:1px solid var(--line);background:var(--bg);border-radius:10px;flex-shrink:0;margin:0 16px 14px;padding:11px 13px}.modern-gif-picker .gif-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent)}.modern-gif-picker .gif-search input{font-size:15px}.gif-browser-scroll{overscroll-behavior:contain;border-top:1px solid var(--line);scrollbar-gutter:stable;flex:auto;min-height:0;max-height:450px;padding:14px 16px 16px;overflow-y:auto}.gif-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gif-category-card{color:#fff;isolation:isolate;background:linear-gradient(145deg,#36354d,#222329);border:0;border-radius:10px;place-items:center;min-width:0;min-height:126px;padding:18px 12px;display:grid;position:relative;overflow:hidden}.gif-category-card:nth-child(3){background:linear-gradient(145deg,#2c5d69,#272c39)}.gif-category-card:nth-child(4){background:linear-gradient(145deg,#735b38,#292734)}.gif-category-card:nth-child(5){background:linear-gradient(145deg,#714252,#302632)}.gif-category-card:nth-child(6){background:linear-gradient(145deg,#42583d,#262b34)}.gif-category-card img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform .18s;position:absolute;inset:0}.gif-category-card:after{content:"";z-index:-1;background:linear-gradient(#0005,#0009);transition:background .15s;position:absolute;inset:0}.gif-category-card.favorites{background:linear-gradient(135deg,#8475e6,#6157bd)}.gif-category-card.favorites:after{background:#7567dc70}.gif-category-card>span{text-shadow:0 2px 7px #0006;text-align:center;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:650;display:flex}.gif-category-card:hover:not(:disabled) img{transform:scale(1.05)}.gif-category-card:hover:not(:disabled){outline:2px solid var(--accent);outline-offset:-2px}.gif-category-card:disabled{opacity:.5}.gif-browse-heading{flex-shrink:0;align-items:center;gap:8px;padding:0 16px 12px;display:flex}.gif-browse-heading strong{font-size:14px}.gif-browse-heading .icon-button{width:28px;height:28px}.gif-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;display:grid}.gif-result{background:var(--raised);border-radius:10px;min-width:0;position:relative;overflow:hidden}.gif-result-select{background:0 0;border:0;width:100%;padding:0;display:block}.gif-result-select img{object-fit:cover;width:100%;height:150px;display:block}.gif-result-select:hover{outline:2px solid var(--accent);outline-offset:-2px}.gif-favorite-toggle{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17171cad;border:1px solid #ffffff25;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:6px;right:6px}.gif-favorite-toggle.saved{color:#f3d17d}.gif-favorite-toggle:hover{background:#17171ce8}.modern-gif-picker .gif-load-more{margin:14px auto 0;display:block}.chat-picker-content .modern-gif-picker>.klipy-credit{border-top:1px solid var(--line);text-align:right;color:var(--muted);flex-shrink:0;margin:0;padding:8px 16px;font-size:10px}.modern-gif-picker .gif-setup{margin-top:12px;padding:12px;font-size:13px}.chat-media-panel>.emoji-picker{padding:4px 16px 14px}.chat-picker-popover.media .emoji-grid{grid-template-columns:repeat(9,minmax(0,1fr));min-height:0;max-height:400px;overflow-y:auto}.chat-picker-popover.media .emoji-grid button{min-height:42px;font-size:26px}@media (max-width:480px){.room-cinema{--chat-avatar-size:40px;--chat-message-gap:10px}.room-cinema .message .message-body p{font-size:15px}.gif-category-grid{gap:9px}.gif-category-card{min-height:100px;padding:12px 8px}.gif-category-card>span{gap:6px;font-size:14px}.gif-category-card>span svg{width:17px}.gif-result-select img{height:115px}.chat-media-tabs{gap:4px;padding-left:12px}.chat-media-tabs>button{padding:7px 12px}.chat-picker-popover.media .emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.chat-notification-button .notification-symbol,.chat-notification-button:hover .notification-symbol{animation:none}.gif-category-card img{transition:none}}
.room-cinema .chat-composer textarea,.room-cinema.room-fullscreen .chat-composer textarea,.room-cinema .message .message-body p{font-size:16px;line-height:1.55}.room-cinema .message-meta strong,.room-cinema.room-fullscreen .message-meta strong{font-size:16px}.room-cinema.room-fullscreen .chat-panel{min-height:0;padding-top:0}.room-cinema.room-fullscreen .chat-composer{padding-right:32px}.room-cinema.room-fullscreen .message .message-gif{max-height:none}.room-cinema.room-fullscreen .message .message-gif>img{max-height:160px}.floating-chat-tools{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:5px;min-height:40px;padding:3px 8px;display:flex}.floating-chat-tools .fullscreen-opacity{flex:1;gap:6px;min-width:0;margin:0;padding:0}.floating-chat-tools .fullscreen-opacity input{flex:1;width:80px;min-width:30px}.floating-chat-tools .icon-button{width:28px;min-width:28px;height:28px}.floating-chat-drag{cursor:grab;touch-action:none}.floating-chat-drag:active{cursor:grabbing}.floating-chat-resize{z-index:5;cursor:nwse-resize;touch-action:none;background:var(--surface);width:26px;height:26px;color:var(--muted);border:0;border-radius:8px 0 0;place-items:center;padding:3px;display:grid;position:absolute;bottom:0;right:0}.room-fullscreen .chat-resize-handle{display:none}.room-profile-popover{z-index:1000;border:1px solid var(--line);background:var(--surface);overscroll-behavior:contain;border-radius:14px;width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);position:fixed;overflow:auto;box-shadow:0 14px 55px #0008}.profile-popover-close{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#18191cb0;width:30px;height:30px;position:absolute;top:8px;right:8px}.room-profile-popover .social-profile-card{border:0;border-radius:0;overflow:hidden}.room-profile-popover .profile-cover{border-radius:0;height:112px;min-height:112px}.room-profile-popover .profile-cover img{object-fit:cover;object-position:center;width:100%;height:100%}.room-profile-popover .social-profile-card .profile-card-content{text-align:left;padding:52px 20px 20px;position:relative}.room-profile-popover .social-profile-card .profile-avatar-frame{background:var(--surface);border:0;border-radius:50%;width:84px;height:84px;margin:0;padding:5px;display:flex;position:absolute;top:-42px;left:16px;right:auto;transform:none}.room-profile-popover .profile-avatar-frame .avatar{aspect-ratio:1;width:74px;min-width:74px;height:74px;min-height:74px}.room-profile-popover .social-profile-card h2{text-align:left;margin:0 0 4px;font-size:23px}.room-profile-popover .profile-handle{text-align:left;margin:0 0 16px;font-size:14px}.room-profile-popover .profile-status-text{justify-content:flex-start;margin:14px 0;font-size:14px}.room-profile-popover .profile-about{text-align:left;margin-top:14px;padding-top:14px}.room-profile-popover .profile-about h3{text-align:left;font-size:12px}.room-profile-popover .profile-about p{text-align:left;font-size:14px}.room-profile-popover .profile-friend{margin-top:18px;font-size:14px}.room-profile-popover .button{min-height:38px;margin-top:14px;font-size:14px}.room-options-menu .room-co-control{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:12px 10px;font-size:13px;display:flex}.room-co-control select{width:100%;padding:8px;font-size:13px}.browser-cursor-toggle{text-align:left;width:100%;min-width:0;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:17px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:10px;font-size:13px;line-height:1.4;display:grid}.browser-cursor-toggle:hover{background:var(--raised)}.browser-cursor-toggle>span:first-of-type{overflow-wrap:anywhere}.browser-cursor-switch{border:1px solid var(--line);background:var(--raised);border-radius:20px;width:34px;height:20px;transition:background .18s;position:relative}.browser-cursor-switch:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #0004}.browser-cursor-toggle[aria-checked=true] .browser-cursor-switch{background:var(--accent);border-color:var(--accent)}.browser-cursor-toggle[aria-checked=true] .browser-cursor-switch:before{transform:translate(14px)}@media (prefers-reduced-motion:reduce){.browser-cursor-switch,.browser-cursor-switch:before{transition:none}}.browser-input.shared-cursor-visible{cursor:none}.browser-shared-cursor{z-index:6;pointer-events:none;color:var(--accent);filter:drop-shadow(0 1px 2px #000d);position:absolute;transform:translate(-3px,-2px)}.browser-shared-cursor svg{fill:currentColor;stroke:#101116;stroke-width:1.5px}.room-cinema .room-person>.person-connection-badge{background:var(--surface);pointer-events:none;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-2px;left:-3px}.room-cinema .room-person>.person-connection-badge.good{color:#8ac6af}.room-cinema .room-person>.person-connection-badge.slow{color:#dfb481}.room-cinema .room-person>.person-connection-badge.poor{color:#df8c91}.room-cinema .room-person>.person-connection-badge.pending{color:var(--muted)}.poll-voters{gap:16px;display:grid}.poll-voters h3{overflow-wrap:anywhere;margin:0;font-size:17px}.poll-voters h4{margin:0 0 10px;font-size:15px}.poll-voters section{border:1px solid var(--line);border-radius:10px;padding:12px}.poll-voter{justify-content:space-between;align-items:center;gap:14px;padding:7px 0;font-size:14px;display:flex}.poll-voter strong{overflow-wrap:anywhere}.poll-voter time,.poll-voter small{color:var(--muted);flex-shrink:0;font-size:12px}.chat-poll footer .poll-votes-button{color:var(--accent);padding:0;font-size:12px}
.maintenance-screen{background:radial-gradient(ellipse at top, #a08aff15, transparent 65%), var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.maintenance-card{text-align:center;border:1px solid var(--line);background:var(--surface);width:min(100%,540px);box-shadow:var(--shadow);border-radius:24px;padding:38px 26px}.maintenance-mark{width:72px;height:72px;color:var(--accent);background:#a08aff18;border-radius:22px;place-items:center;margin:0 auto 22px;display:grid}.maintenance-brand{color:var(--accent);font-size:19px;font-weight:800}.maintenance-card h1{margin:14px 0;font-size:30px}.maintenance-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font-size:16px}.maintenance-card small{color:var(--muted);display:block}.maintenance-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0;display:flex}.profile-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:10px 0 18px;display:flex}.profile-username-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin-bottom:18px;display:flex}.profile-username-row>.profile-handle{overflow-wrap:anywhere;min-width:0;max-width:100%;margin:0}.profile-username-row>.profile-badges{gap:4px;max-width:100%;margin:0}.room-profile-popover .profile-username-row,.room-profile-popover .profile-badges{justify-content:flex-start}.profile-badge{background:color-mix(in srgb, var(--badge-color) 12%, transparent);min-width:34px;max-width:100%;height:34px;color:var(--badge-color);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:3px;display:inline-flex}.profile-badge:hover,.profile-badge:focus-visible{background:color-mix(in srgb, var(--badge-color) 25%, transparent);border-color:var(--badge-color)}.profile-badge.has-label{height:auto;min-height:34px;padding:3px 8px}.profile-badge>img,.profile-badge>video{object-fit:contain;flex-shrink:0;width:26px;height:26px}.profile-badge>svg{flex-shrink:0;width:25px;height:25px}.badge-name{font-family:var(--badge-font);font-weight:var(--badge-weight);font-style:var(--badge-style);overflow-wrap:anywhere}.profile-badge .badge-name{color:var(--badge-text);font-size:12px;line-height:1.3}.badge-tooltip{z-index:1500;border:1px solid var(--line);background:var(--surface);pointer-events:auto;border-radius:14px;width:230px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);position:fixed;overflow-y:auto;box-shadow:0 14px 44px #0007}.badge-detail{text-align:center;color:var(--text);padding:18px}.badge-detail-art{width:76px;height:76px;color:var(--badge-color);place-items:center;margin:0 auto 12px;display:grid}.badge-detail-art img,.badge-detail-art video{object-fit:contain;width:100%;height:100%}.badge-detail>.badge-name{color:var(--badge-color);font-size:20px;line-height:1.3;display:block}.badge-detail p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;font-size:13px}.badge-detail small{color:var(--muted);margin-top:10px;font-size:12px;display:block}.site-admin-panel{gap:22px;display:grid}.site-admin-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;padding:22px}.site-admin-card h2{margin-bottom:8px;font-size:20px}.site-admin-card>p{color:var(--muted)}.site-admin-grid{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:22px;display:grid}.site-admin-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.site-admin-fields label{gap:6px;min-width:0;display:grid}.site-admin-fields .wide{grid-column:1/-1}.site-admin-check{align-items:center;gap:9px!important;display:flex!important}.site-admin-fields textarea{min-height:95px}.site-admin-fields input[type=color]{height:42px;padding:4px}.site-admin-preview{text-align:center;align-self:start;position:sticky;top:20px}.site-admin-preview>.badge-detail{border:1px solid var(--line);background:var(--bg);border-radius:14px;margin-top:20px}.site-admin-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.site-admin-search{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.site-admin-search input{flex:1;min-width:140px}.site-directory{gap:8px;display:grid}.site-person{border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.site-person>div{flex:1;min-width:0}.site-person strong,.site-person small{overflow-wrap:anywhere;display:block}.site-person small{color:var(--muted)}.site-person .button{flex-shrink:0}.site-badge-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.site-badge-list>article{border:1px solid var(--line);border-radius:12px;min-width:0;padding:16px}.site-badge-list>article>header{align-items:center;gap:12px;display:flex}.site-badge-icon{width:44px;height:44px;color:var(--badge-color);background:var(--bg);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.site-badge-icon>img,.site-badge-icon>video{object-fit:contain;width:32px;height:32px}.site-badge-list strong{overflow-wrap:anywhere}.site-badge-list small{color:var(--muted);display:block}.site-badge-assignment{gap:12px;margin-top:20px;display:grid}.site-badge-assignment>article{border:1px solid var(--line);border-radius:10px;min-width:0;padding:12px}.site-badge-choice{overflow-wrap:anywhere;align-items:center;gap:9px;min-height:40px;display:flex}.site-award-date{margin:12px 0 0}.site-award-date>label,.site-award-timezone{color:var(--muted);font-size:13px}.site-award-date>div{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.site-award-date input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex:220px;width:100%;min-width:0;min-height:40px}html[data-theme=light] .site-award-date input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.site-admin-upload{font-size:13px}.site-admin-upload small{color:var(--muted)}@media (max-width:760px){.site-admin-grid{grid-template-columns:1fr}.site-admin-preview{position:static}.site-admin-fields{grid-template-columns:1fr}.site-admin-fields .wide{grid-column:auto}.site-person{flex-wrap:wrap}.site-person .button{margin-left:auto}.maintenance-card{padding:28px 18px}.maintenance-card h1{font-size:25px}}