:root{color:#f2f3f5;background:#0f1014;font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;--page: #0f1014;--surface: #17181c;--surface-raised: #1f2025;--surface-soft: #1b1c21;--border: #2b2d33;--border-strong: #3b3d45;--text: #f2f3f5;--text-secondary: #c9cdd4;--muted: #86909c;--muted-soft: #5f6672;--accent: #3370ff;--accent-hover: #4c82ff;--accent-soft: rgba(51, 112, 255, .14);--green: #23c995;--amber: #f7ba1e;--danger: #f76560}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;color:var(--text);background:var(--page);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}button,input{transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6aa1ff;outline-offset:2px}.app-shell{min-height:100vh}.topbar{height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#15161a}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:15px;font-weight:600}.brand-mark{width:30px;height:30px;display:grid;place-items:center;color:#fff;border-radius:6px;background:var(--accent);font-size:16px;font-weight:700}.room-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--amber)}.status-dot.connected{background:var(--green);box-shadow:0 0 0 3px #23c9951a}.room-code{min-height:30px;margin-left:8px;padding:0 10px;display:flex;align-items:center;gap:6px;color:var(--text-secondary);border:1px solid var(--border);border-radius:5px;background:var(--surface-soft);cursor:pointer}.room-code:hover{color:#fff;border-color:var(--border-strong);background:var(--surface-raised)}.join-view{min-height:calc(100vh - 56px);padding:64px max(6vw,32px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:min(12vw,160px);background:#121318}.join-copy{max-width:620px}.eyebrow{color:var(--accent-hover);font-size:12px;font-weight:600}.join-copy h1{margin:14px 0 16px;max-width:560px;font-size:clamp(38px,5vw,60px);line-height:1.12;font-weight:650;letter-spacing:0}.join-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}.catalog-view,.admin-view{max-width:1200px;margin:0 auto;padding:40px 32px 80px}.catalog-heading,.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.catalog-heading h2,.admin-view h1{margin:5px 0 20px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.catalog-search{max-width:420px;margin-bottom:20px}.catalog-card,.admin-card{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.catalog-card{overflow:hidden}.catalog-card img{width:100%;height:170px;object-fit:cover}.catalog-card-body{padding:18px}.catalog-card-body small,.admin-row small,.admin-muted{color:var(--muted)}.catalog-card-body h3{margin:5px 0;font-size:16px}.catalog-card-body p{min-height:48px;margin:0 0 18px;color:var(--muted);font-size:13px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.admin-view h1{font-size:28px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-card{margin-bottom:16px;padding:20px}.admin-card h2{margin:0 0 16px;font-size:18px}.admin-card h3{margin:0 0 10px;font-size:15px}.admin-form{display:grid;gap:12px}.admin-upload{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.admin-upload input{height:auto;padding:10px}.admin-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--border)}.admin-row>div:first-child{min-width:0}.admin-row strong,.admin-row small{display:block;overflow-wrap:anywhere}.admin-row small{font-size:12px}.admin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.admin-search{display:grid;grid-template-columns:minmax(120px,200px) 1fr auto;align-items:end;gap:8px;margin-bottom:16px}.admin-search select{width:100%}.admin-checkbox{display:flex;align-items:center;gap:8px}.admin-checkbox input{width:16px;height:16px}.resource-browser{margin-top:32px}.resource-pagination{justify-content:center;margin-top:24px}.resource-detail-dialog{width:min(90vw,720px);max-height:85vh}.resource-detail{padding:24px}.admin-detail{margin-top:20px;padding:18px;border:1px solid var(--border);border-radius:6px}.admin-error{color:var(--danger)}label{display:grid;gap:8px}label>span{color:var(--text-secondary);font-size:13px;font-weight:500}input{width:100%;height:42px;padding:0 12px;color:var(--text);border:1px solid var(--border-strong);border-radius:5px;outline:none;background:#111216}input::placeholder{color:var(--muted-soft)}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.primary-button,.secondary-button{height:36px;padding:0 15px;border-radius:5px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.primary-button{border:1px solid var(--accent);background:var(--accent)}.primary-button:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.secondary-button{color:var(--text-secondary);border:1px solid var(--border);background:var(--surface-raised)}.secondary-button:hover{color:#fff;border-color:var(--border-strong);background:#27292f}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.icon-text{display:inline-flex;align-items:center;justify-content:center;gap:7px}.room-view{height:calc(100vh - 56px);min-height:560px;display:grid;grid-template-columns:minmax(0,1fr) 344px;overflow:hidden}.watch-stage{min-width:0;min-height:0;padding:20px 24px 18px;display:flex;flex-direction:column;justify-content:center;background:var(--page)}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;max-height:calc(100vh - 204px);overflow:hidden;border:1px solid var(--border);border-radius:7px 7px 0 0;background:#050506}video{width:100%;height:100%;object-fit:contain;background:#050506}.video-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--muted);background:#121318}.video-empty strong{color:var(--text-secondary);font-size:16px;font-weight:500}.video-empty span{font-size:12px}.empty-icon{color:var(--accent)}.sync-toast{position:absolute;top:14px;left:50%;translate:-50% -8px;opacity:0;padding:7px 11px;color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:5px;background:#1f2025f0;font-size:12px;transition:.16s ease}.sync-toast.show{opacity:1;translate:-50% 0}.mobile-player-metrics{display:none}.player-controls{min-height:50px;padding:0 10px;display:grid;grid-template-columns:32px 42px minmax(80px,1fr) 42px 32px 72px 32px;align-items:center;gap:8px;border:1px solid var(--border);border-top:0;border-radius:0 0 7px 7px;background:#17181c}.icon-button{width:32px;height:32px;padding:0;display:grid;place-items:center;color:var(--text-secondary);border:0;border-radius:5px;background:transparent;cursor:pointer}.icon-button:hover{color:#fff;background:#292b31}.icon-button:disabled{opacity:.35;cursor:not-allowed}.icon-button svg{display:block}.spin{animation:spin .9s linear infinite}@keyframes spin{to{rotate:360deg}}.time{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.progress,.volume,.gain-control input{height:20px;padding:0;appearance:none;border:0;box-shadow:none;background:transparent;cursor:pointer}.progress::-webkit-slider-runnable-track,.volume::-webkit-slider-runnable-track,.gain-control input::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#4a4c55}.progress::-webkit-slider-thumb,.volume::-webkit-slider-thumb,.gain-control input::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4.5px;appearance:none;border:2px solid #fff;border-radius:50%;background:var(--accent)}.progress::-moz-range-track,.volume::-moz-range-track,.gain-control input::-moz-range-track{height:3px;border-radius:2px;background:#4a4c55}.progress::-moz-range-thumb,.volume::-moz-range-thumb,.gain-control input::-moz-range-thumb{width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--accent)}.progress:disabled{cursor:not-allowed;opacity:.45}.media-bar{min-height:78px;padding:14px 0 0;display:flex;flex-direction:column;align-items:stretch;gap:12px}.media-bar>div{min-width:0;display:grid;gap:3px}.media-title{overflow:hidden}.media-label{color:var(--muted);font-size:10px}.media-bar strong{min-width:0;color:var(--text);white-space:normal;overflow-wrap:anywhere;font-size:15px;font-weight:600}.media-name-row{min-width:0;display:flex;align-items:center;gap:8px}.media-name-row strong{flex:1}.format-badge{flex:0 0 auto;padding:1px 5px;color:#8fe3c6;border:1px solid rgba(35,201,149,.35);border-radius:3px;background:#23c9951a;font-size:9px;font-weight:600}.media-status-row{min-width:0;display:flex;align-items:center;gap:12px}.room-health,.room-buffer-summary{min-width:0;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.room-health.good{color:var(--green)}.room-health.waiting{color:var(--amber)}.room-health.poor{color:var(--danger)}.room-buffer-summary{max-width:500px}.room-buffer-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-actions{display:flex!important;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px!important}.voice-control{position:relative;display:flex;align-items:center;gap:8px}.voice-status{color:var(--muted);font-size:11px;white-space:nowrap}.voice-status.active{color:var(--green)}.voice-status.error{color:var(--danger)}.mic-switch{display:flex;grid-template-columns:none;align-items:center;gap:6px;color:var(--text-secondary);font-size:11px;cursor:pointer}.mic-switch input,.setting-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.switch-track{position:relative;width:28px;height:16px;display:block;flex:0 0 auto;border:1px solid #626672;border-radius:8px;background:#3d4048;transition:.14s ease}.switch-track:after{content:"";position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006;transition:.14s ease}.mic-switch input:checked+.switch-track,.setting-switch input:checked+.switch-track{border-color:#5b8cff;background:var(--accent)}.mic-switch input:checked+.switch-track:after,.setting-switch input:checked+.switch-track:after{translate:12px 0}.mic-switch input:focus-visible+.switch-track,.setting-switch input:focus-visible+.switch-track{outline:2px solid #6aa1ff;outline-offset:2px}.setting-switch input:disabled+.switch-track{opacity:.5;cursor:wait}.mic-settings-button{border:1px solid var(--border);background:var(--surface-raised)}.mic-settings-button:hover{border-color:var(--border-strong)}.mic-settings-dialog{width:min(388px,calc(100vw - 32px))}.mic-settings-dialog form{gap:22px}.mic-settings-dialog .settings-toggle{padding:2px 0}.settings-toggle,.gain-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-toggle{cursor:pointer}.setting-copy{display:grid;gap:2px}.setting-copy strong{color:var(--text);font-size:13px;font-weight:500}.setting-copy small{color:var(--muted);font-size:11px}.setting-switch{position:relative;display:block;width:28px;height:16px}.gain-control{display:grid;gap:8px}.gain-heading{color:var(--text-secondary);font-size:12px}.gain-heading output{color:var(--accent-hover);font-variant-numeric:tabular-nums}.gain-control input::-webkit-slider-thumb,.gain-control input::-moz-range-thumb{background:var(--accent)}.gain-scale{display:flex;justify-content:space-between;color:var(--muted-soft)}.gain-scale small{font-size:9px;font-weight:400}.side-panel{min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--surface)}.panel-tabs{height:50px;padding:0 12px;display:flex;border-bottom:1px solid var(--border)}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font-size:13px}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab:hover{color:var(--text-secondary)}.tab-panel{display:none;min-height:0;flex:1}.tab-panel.active{display:flex;flex-direction:column}.messages{min-height:0;flex:1;overflow-y:auto;padding:18px 18px 8px}.message{margin-bottom:16px}.message-heading{display:flex;gap:8px;align-items:baseline;margin-bottom:4px}.message-heading strong{color:var(--text-secondary);font-size:12px;font-weight:500}.message-heading span,.message.system time{color:var(--muted-soft);font-size:10px}.message p{margin:0;color:#d8dbe2;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.message.own .message-heading strong{color:#70a0ff}.message.system{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:11px}.typing{height:22px;padding:0 14px;color:var(--muted);font-size:10px}.chat-form{padding:10px 12px 12px;display:grid;grid-template-columns:1fr 36px;gap:8px;border-top:1px solid var(--border);background:#15161a}.chat-form input{height:36px;background:#111216}.chat-form button{display:grid;place-items:center;color:#fff;border:0;border-radius:5px;background:var(--accent);cursor:pointer}.chat-form button:hover{background:var(--accent-hover)}.members{overflow-y:auto;padding:8px 12px}.member{min-height:68px;padding:11px 6px;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid #25262b}.avatar{width:32px;height:32px;display:grid;place-items:center;color:#cfe0ff;border-radius:50%;background:#2b3a59;font-size:12px;font-weight:600}.member-details{min-width:0;flex:1;display:grid;gap:5px}.member-heading-row{display:flex;align-items:center;gap:7px}.member-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.host-badge{padding:1px 4px;color:#ffd37a;border-radius:3px;background:#f7ba1e1a;font-size:9px}.voice-badge{display:flex;align-items:center;gap:4px;color:var(--green);font-size:10px}.voice-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.voice-badge.muted{color:var(--muted)}.member-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;color:var(--muted);font-size:9px}.network-metric{display:inline-flex;align-items:center;gap:3px}.network-metric.good{color:var(--green)}.network-metric.fair{color:var(--amber)}.network-metric.poor{color:var(--danger)}.buffer-meter{height:2px;overflow:hidden;border-radius:1px;background:#30323a}.buffer-meter span{display:block;height:100%;background:var(--accent);transition:width .2s ease}dialog{width:min(520px,calc(100vw - 32px));padding:0;color:var(--text);border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);box-shadow:0 24px 80px #0000008c}dialog::backdrop{background:#000000a8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog form{padding:24px;display:grid;gap:18px}.dialog-heading,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{margin:5px 0 0;display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600}.dialog-actions{justify-content:flex-end}.form-note{margin:-6px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.text-button{width:fit-content;padding:0;color:var(--accent-hover);border:0;background:transparent;cursor:pointer;font-size:12px;font-weight:500}.text-button:hover{color:#78a6ff}*{scrollbar-width:thin;scrollbar-color:#3b3d45 transparent}[hidden]{display:none!important}@media(max-width:980px){.room-view{height:auto;min-height:calc(100vh - 56px);grid-template-columns:1fr;overflow:visible}.watch-stage{padding:16px;justify-content:flex-start}.video-frame{max-height:none}.side-panel{height:430px;border-top:1px solid var(--border);border-left:0}}@media(max-width:720px){.join-view{min-height:0;grid-template-columns:1fr;align-content:center;gap:36px;padding:40px 24px}.join-copy h1{font-size:40px}.admin-grid,.admin-search{grid-template-columns:1fr}.admin-view,.catalog-view{padding:28px 18px 60px}}@media(max-width:560px){.topbar{height:52px;padding:0 12px}.brand>span:last-child{display:none}.room-meta>span:not(.status-dot){display:none}.room-code{margin-left:2px}.join-view{padding:32px 18px}.join-copy h1{font-size:36px}.room-view{min-height:calc(100vh - 52px)}.watch-stage{padding:8px 8px 12px}.mobile-player-metrics{position:absolute;z-index:2;top:8px;right:8px;left:8px;display:flex;align-items:center;justify-content:flex-end;gap:5px;pointer-events:none}.mobile-metric{min-width:0;height:22px;padding:0 6px;display:inline-flex;align-items:center;gap:3px;color:#d8dbe2;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#0f1014c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.mobile-metric.good{color:#72e2bd}.mobile-metric.fair{color:#ffd36a}.mobile-metric.poor{color:#ff9a96}.user-metric{max-width:86px;padding-left:3px}.user-metric>span:last-child{overflow:hidden;text-overflow:ellipsis}.metric-avatar{width:16px;height:16px;display:grid;flex:0 0 auto;place-items:center;color:#dce7ff;border-radius:3px;background:#31508d;font-size:8px;font-weight:600}.player-controls{grid-template-columns:32px 38px minmax(44px,1fr) 38px 32px 32px;gap:3px}.volume{display:none}.media-bar{min-height:0;padding-top:12px;align-items:stretch}.media-status-row{max-width:100%;flex-wrap:wrap;gap:2px 10px}.media-actions .secondary-button{padding:0 11px}.voice-control{gap:5px}.voice-status,.mic-switch>span:last-child{display:none}.side-panel{height:440px}}:root{--page: #f5f7fb;--surface: #fff;--surface-raised: #f1f4fa;--surface-soft: #f8faff;--border: #e5eaf3;--border-strong: #d6deec;--text: #182338;--text-secondary: #4e5e78;--muted: #7b89a0;--muted-soft: #a5b0c1;--accent: #4263eb;--accent-hover: #3451d2;--accent-soft: #edf1ff;--green: #159b76;--danger: #df5263;color:var(--text);background:var(--page)}body{background:var(--page)}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1440px)/2));background:#fffffff2;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{gap:12px;font-size:17px;letter-spacing:-.5px}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#5978ff,#4263eb);box-shadow:0 5px 12px #4263eb22}.brand small{display:block;margin-top:1px;color:var(--muted);font-size:8px;letter-spacing:2px;font-weight:600}.brand-mark.brand-image{background:transparent;box-shadow:none;flex-shrink:0}.app-icon{display:block;width:100%;height:100%;object-fit:contain}.brand-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-settings{max-width:720px}.site-brand-preview{display:flex;align-items:center;gap:15px;padding:20px;margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.site-brand-preview .app-icon{width:64px;height:64px;flex-shrink:0}.site-brand-preview strong{overflow-wrap:anywhere}.site-brand-preview small{color:var(--muted);margin-left:auto;flex-shrink:0}@media(max-width:560px){.brand .brand-name{max-width:108px}.site-brand-preview{padding:14px;gap:10px}.site-brand-preview small{display:none}}.primary-button,.secondary-button{min-height:40px;height:auto;padding:10px 16px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;line-height:1.3;text-decoration:none}.primary-button{color:#fff;box-shadow:0 3px 8px #4263eb18}.secondary-button{background:#fff;color:var(--text-secondary)}.secondary-button:hover{background:var(--accent-soft);color:var(--accent);border-color:#c9d3fb}button,input,select,textarea{font:inherit}input,select,textarea{background:#fbfcff;color:var(--text);border:1px solid var(--border-strong);border-radius:10px;min-height:43px}textarea{padding:12px;width:100%;resize:vertical}select{padding:9px 12px;color-scheme:light}select option{color:var(--text);background:var(--surface)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.icon-button{border-radius:9px;color:var(--text-secondary)}.icon-button:hover{color:var(--accent);background:var(--accent-soft)}.text-button{color:var(--accent);font-size:12px}.text-button:hover{color:var(--accent-hover)}.danger-text{color:var(--danger)}.eyebrow{display:inline-block;color:var(--accent);letter-spacing:1px;font-size:11px}.home-layout{max-width:1200px;margin:0 auto;padding:24px 24px 60px}.home-main{min-width:0}.home-topbar{height:64px}.home-topbar .brand small{display:none}.home-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px}.home-toolbar .library-tabs{flex:1;min-width:0;margin:0;padding:0;gap:0;border:0;border-radius:0;background:transparent}.home-toolbar .library-tabs button{border-radius:0;padding:10px 14px;border-bottom:2px solid transparent;font-size:13px;background:transparent}.home-toolbar .library-tabs button.active{border-bottom-color:var(--accent);background:transparent;box-shadow:none}.join-trigger{flex-shrink:0}.recommendation-banner{position:relative;isolation:isolate;height:300px;padding:28px 32px 64px;margin-bottom:24px;border-radius:20px;overflow:hidden;color:#fff;background:#202b48}.recommendation-backdrop,.recommendation-shade{position:absolute;inset:0;z-index:-1}.recommendation-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:blur(22px);transform:scale(1.1);opacity:.6}.recommendation-backdrop>svg{display:none}.recommendation-shade{background:linear-gradient(90deg,#142039f2,#17223bcc 47%,#16213b44)}.recommendation-copy{position:relative;width:calc(100% - 240px);max-width:630px;height:100%;display:flex;flex-direction:column;min-width:0}.recommendation-tag{display:inline-flex;align-items:center;gap:6px;color:#d0dafa;font-size:11px}.recommendation-copy h2{flex-shrink:0;margin:13px 0 9px;color:#fff;font-size:28px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recommendation-meta{flex-shrink:0;color:#d0d8e8;font-size:11px;margin:0 0 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recommendation-description{flex:1;min-height:0;max-height:43.2px;color:#c7d0e1;font-size:12px;line-height:1.8;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.recommendation-copy .primary-button{flex-shrink:0;align-self:flex-start;margin-top:auto}.recommendation-poster{position:absolute;top:24px;right:60px;width:150px;height:210px;display:grid;place-items:center;border-radius:12px;overflow:hidden;background:#ffffff12;box-shadow:0 14px 35px #0005}.recommendation-poster img{width:100%;height:100%;object-fit:cover}.recommendation-dots{position:absolute;bottom:20px;left:32px;display:flex;gap:1px}.recommendation-dots button{display:grid;place-items:center;width:23px;height:26px;padding:0;border:0;border-radius:9px;background:transparent;cursor:pointer}.recommendation-dots button:before{content:"";width:7px;height:7px;border-radius:9px;background:#fff5}.recommendation-dots button.active{width:32px}.recommendation-dots button.active:before{width:23px;background:#fff}.recommendation-controls{position:absolute;bottom:18px;right:26px;display:flex;align-items:center;gap:8px}.recommendation-controls>span{font-size:10px;color:#d0d8e8;margin-right:4px}.recommendation-controls button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #ffffff26;border-radius:50%;background:#ffffff12;color:#fff;cursor:pointer}.recommendation-controls button:hover{background:#ffffff30}@media(max-width:560px){.recommendation-banner{height:280px;padding:22px 20px 60px;border-radius:16px;margin-bottom:18px}.recommendation-copy{width:calc(100% - 104px)}.recommendation-copy h2{font-size:21px}.recommendation-description{-webkit-line-clamp:2;font-size:10px}.recommendation-meta{font-size:10px}.recommendation-poster{top:28px;right:18px;width:86px;height:125px}.recommendation-dots{left:20px}.recommendation-controls{right:17px;gap:5px}}.room-entry-dialog{width:min(400px,calc(100vw - 32px))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.history-toolbar{justify-content:flex-end;margin-bottom:18px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading h1{margin:8px 0;color:var(--text);font-size:clamp(25px,3vw,34px);letter-spacing:-1.3px;line-height:1.25}.page-heading p,.section-intro p{margin:8px 0 0;color:var(--muted);font-size:13px}.workspace-badge{color:var(--muted);font-size:11px;white-space:nowrap}.workspace-tabs{display:flex;gap:6px;padding:6px;margin:0 0 28px;border:1px solid var(--border);background:#eef2f9;border-radius:14px;overflow-x:auto}.workspace-tabs button{flex-shrink:0;padding:11px 17px;border:0;background:transparent;color:var(--muted);border-radius:10px;display:flex;gap:8px;align-items:center;cursor:pointer;font-size:12px;font-weight:600}.workspace-tabs button.active{background:#fff;color:var(--accent);box-shadow:0 3px 9px #26365d0c}.workspace-tabs button span,.count-badge{border-radius:20px;padding:1px 7px;background:var(--accent-soft);color:var(--accent);font-size:10px}.library-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:22px}.library-toolbar>input{flex:1}.view-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--border);background:#fff;border-radius:11px}.view-switch .active{background:var(--accent-soft);color:var(--accent)}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:18px}.catalog-card{height:380px;display:flex;flex-direction:column;border-radius:17px;border:1px solid var(--border);box-shadow:0 4px 16px #1d355508;transition:transform .2s,box-shadow .2s}.catalog-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #1d355512}.catalog-cover{position:relative;height:220px;flex:0 0 220px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;gap:16px;color:#697baf}.catalog-cover>span:not(.cover-label){max-width:95%;text-align:center;font-size:15px;font-weight:600;line-height:1.7;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.catalog-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-tone-0{background:linear-gradient(140deg,#dce5fc,#eff2ff)}.cover-tone-1{background:linear-gradient(140deg,#d7eee9,#f0f8f6);color:#578c83}.cover-tone-2{background:linear-gradient(140deg,#f6e6d4,#fbf4ed);color:#af8462}.cover-tone-3{background:linear-gradient(140deg,#e8def4,#f6f1fb);color:#9174aa}.cover-label{position:absolute;z-index:1;bottom:10px;left:10px;padding:3px 8px;color:#fff;border-radius:7px;background:#17243b80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px}.catalog-card-body{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;padding:16px;overflow:hidden}.catalog-card-body small{color:var(--accent);font-size:10px}.catalog-card-body h3{flex-shrink:0;font-size:13px;margin:0 0 8px;line-height:1.6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.catalog-card-body p{flex-shrink:0;height:36px;min-height:36px;font-size:11px;line-height:18px;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.catalog-card-body>button{width:100%}.catalog-list{display:flex;flex-direction:column}.catalog-list .catalog-card{height:120px;flex-direction:row;align-items:center}.catalog-list .catalog-cover{width:83px;min-width:83px;height:100%;flex:0 0 83px;padding:8px;align-self:stretch}.catalog-list .catalog-cover svg{width:22px}.catalog-list .catalog-cover>span:not(.cover-label){display:none}.catalog-list .catalog-card-body{flex:1;display:grid;grid-template-columns:1fr auto;gap:3px 16px;align-items:center}.catalog-list .catalog-card-body small,.catalog-list .catalog-card-body h3,.catalog-list .catalog-card-body p{grid-column:1;margin:0;min-height:0}.catalog-list .catalog-card-body button{grid-column:2;grid-row:1/4;width:auto}.resource-actions{display:flex;gap:8px;flex-wrap:wrap}.catalog-card-body .resource-actions{flex-shrink:0;flex-wrap:nowrap;margin-top:auto}.catalog-card-body .resource-actions button{min-width:0;padding:9px 10px;font-size:12px;white-space:nowrap}.catalog-list .resource-actions{grid-column:2;grid-row:1 / 4;align-self:center;margin-top:0}.history-grid .catalog-card{height:450px}.history-grid .catalog-card-body p{height:18px;min-height:18px;-webkit-line-clamp:1;margin-bottom:8px}.history-grid .catalog-card-body>.primary-button{flex-shrink:0;margin-top:auto}.history-grid .history-progress,.history-grid .history-delete{flex-shrink:0}.section-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}.section-intro h2{margin:0;font-size:21px;letter-spacing:-.5px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:50px 25px;border:1px dashed var(--border-strong);border-radius:18px;background:#fff;color:var(--muted)}.empty-state>svg{color:#a6b4d4;margin-bottom:6px}.empty-state h2,.empty-state h3{margin:0;color:var(--text-secondary);font-size:18px}.empty-state p{margin:0 0 8px;font-size:12px;max-width:400px;line-height:1.9}.empty-note{color:var(--muted);padding:22px 0;text-align:center;font-size:12px}.resource-browser{margin-top:0}.network-results{display:flex;flex-direction:column;gap:10px}.network-item{height:112px;display:flex;gap:16px;align-items:center;padding:12px;background:#fff;border:1px solid var(--border);border-radius:14px}.network-poster{height:86px;width:61px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.network-poster img{width:100%;height:100%;object-fit:cover}.network-copy{flex:1;min-width:0}.network-copy h3{font-size:13px;margin:0 0 9px;color:var(--text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.network-copy>span{display:block;font-size:11px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.network-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px}.network-grid .network-item{height:380px;display:grid;grid-template-rows:220px minmax(0,1fr) 40px;gap:12px;align-items:stretch;padding:12px}.network-grid .network-poster{width:100%;height:220px}.network-grid .network-copy{min-height:0;overflow:hidden}.network-grid .network-copy h3{height:39px}.network-grid .network-item>button{height:40px;min-height:40px;white-space:nowrap}.resource-detail-dialog{border-radius:22px;border-color:var(--border);background:#fff;box-shadow:0 30px 100px #1b2a4933}dialog{color:var(--text);background:#fff;border-radius:20px;border-color:var(--border)}.dialog-heading h2{font-size:21px;color:var(--text)}.episode-toolbar{display:flex;align-items:end;gap:14px;margin:24px 0}.episode-toolbar label{flex:1}.episode-toolbar>span{color:var(--muted);font-size:11px;margin-bottom:10px}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:47vh;overflow-y:auto}.episode-button{border:1px solid var(--border);border-radius:11px;background:#f8faff;color:var(--text-secondary);padding:12px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.episode-button:hover{background:var(--accent-soft);border-color:#c9d3fb;color:var(--accent)}.episode-button small{color:var(--muted);font-size:9px}.episode-button:disabled{opacity:.45;cursor:default}.admin-view{max-width:1300px;padding:36px 30px 80px}.admin-view .page-heading h1{font-size:30px}.admin-login{max-width:420px;margin:50px auto;display:grid;gap:18px;padding:32px}.admin-login>svg{color:var(--accent)}.admin-login p,.admin-login h2{margin:0}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.dashboard-stats>div{padding:20px;display:grid;gap:8px;background:#fff;border:1px solid var(--border);border-radius:16px}.dashboard-stats span{color:var(--muted);font-size:11px}.dashboard-stats strong{font-size:29px;color:var(--text);font-weight:600}.dashboard-stats small{color:var(--muted);font-size:10px}.admin-section-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}.admin-card{padding:25px;border-radius:18px;box-shadow:0 3px 14px #1b2e5904;margin-bottom:22px}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--accent)}.section-title h2{margin:0;color:var(--text);font-size:17px}.admin-heading{margin-bottom:16px}.admin-heading h2{margin:0;font-size:18px}.admin-row{padding:15px 0;gap:12px}.admin-row strong{font-size:12px;line-height:1.7}.admin-row small{font-size:10px}.admin-muted{font-size:12px;line-height:1.8}.room-admin-card{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid var(--border)}.room-admin-card>div{flex:1}.room-admin-card strong{font-size:14px}.room-admin-card p{color:var(--text-secondary);font-size:12px;margin:6px 0}.room-admin-card small{font-size:11px;color:var(--muted)}.room-avatar,.source-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--accent);background:var(--accent-soft);flex-shrink:0}.resource-picker{max-height:650px;overflow-y:auto}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.preset-card{padding:19px;display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.preset-card>div{flex:1}.preset-card strong{display:block;font-size:13px}.preset-card small{color:var(--muted);font-size:10px}.notice{padding:12px 16px;color:var(--accent);background:var(--accent-soft);border-radius:12px;font-size:12px}.storage-status{display:flex;gap:13px;align-items:center;padding:18px 22px;border:1px solid var(--border);border-radius:15px;background:#fff;margin-bottom:22px;color:var(--accent)}.storage-status>div{flex:1;display:grid;gap:4px;color:var(--text)}.storage-status span{color:var(--muted);font-size:11px}.status-pill{padding:5px 10px;background:#e6f6ef;color:var(--green)!important;border-radius:15px}.config-keys{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:520px;margin:14px 0}.config-keys code{border-radius:7px;padding:5px 9px;font-size:10px;background:#f0f3fa;color:var(--text-secondary)}.upload-form{display:grid;gap:18px}.upload-drop{padding:23px;border:1px dashed #b6c5e9;border-radius:14px;background:#f8faff;place-items:center;color:var(--accent)}.upload-drop input{padding:10px;height:auto}.storage-search{display:flex;gap:10px;margin-bottom:18px}.file-row{display:flex;align-items:center;gap:12px}.file-row>svg{color:var(--accent);flex-shrink:0}.resource-url-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.resource-url-field>input{grid-column:1 / -1}.resource-url-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:10px}.upload-progress{display:grid;gap:8px;color:var(--muted);font-size:12px}.upload-progress progress{width:100%;accent-color:var(--accent)}.oss-picker-dialog{padding:24px}.oss-picker-files{max-height:48vh;overflow-y:auto;margin-bottom:16px}.oss-picker-files .file-row{min-width:0}.oss-picker-files .file-row>div{min-width:0;overflow-wrap:anywhere}.oss-picker-files .secondary-button{flex-shrink:0}.room-view{--page: #101623;--surface: #192234;--surface-raised: #232e44;--border: #2a354b;--border-strong: #34415b;--text: #edf2fc;--text-secondary: #b8c4da;--muted: #8593ab;--accent-soft: #4263eb25;color:var(--text);height:calc(100vh - 72px)}.watch-stage{justify-content:flex-start;overflow-y:auto}.video-frame{border-radius:16px 16px 0 0;flex-shrink:0;max-height:calc(100vh - 290px)}.player-controls{background:#182235;border-radius:0 0 16px 16px;flex-shrink:0}.room-view .secondary-button{background:var(--surface-raised);color:var(--text-secondary)}.room-view .icon-button:hover{color:#fff}.video-empty{background:#111827}.room-home-link{color:var(--accent);margin-left:8px;font-size:11px;text-decoration:none}.room-playlist{border:1px solid var(--border);border-radius:14px;padding:15px;margin-top:20px;background:#172132}.playlist-heading{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:13px}.playlist-heading>div{display:flex;gap:9px;align-items:center;flex:1;min-width:0}.playlist-heading strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-heading span{font-size:10px;color:var(--muted)}.playlist-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px}.playlist-strip button{max-width:180px;display:flex;gap:8px;flex-shrink:0;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:#202c41;color:var(--text-secondary);font-size:10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-strip button.active{color:#bac8ff;background:#4263eb28;border-color:#546deb}.playlist-strip button>span{color:var(--muted)}@media(max-width:1100px){.home-layout{padding:24px}.page-heading{align-items:start}}@media(max-width:980px){.room-view{height:auto}.video-frame{max-height:none}.watch-stage{overflow:visible}}@media(max-width:800px){.admin-section-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.preset-grid{grid-template-columns:1fr}}@media(max-width:560px){.topbar{height:64px;padding:0 17px}.brand>span:last-child{display:block;font-size:14px}.brand small{font-size:7px}.brand-mark{width:33px;height:33px}.home-layout{padding:16px}.home-toolbar{gap:8px;margin-bottom:14px}.home-toolbar .library-tabs button{padding:9px 10px;font-size:12px}.join-trigger{padding:8px 10px;font-size:12px}.home-topbar{height:56px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:25px}.workspace-tabs button{padding:10px 12px;font-size:11px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card-body{padding:13px}.catalog-card-body h3{font-size:12px}.catalog-cover{padding:12px}.catalog-cover>span:not(.cover-label){font-size:12px}.network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network-item{gap:12px;padding:10px}.network-item .secondary-button{padding:9px;font-size:11px}.network-copy h3{font-size:12px}.network-poster{width:49px;height:70px}.admin-view{padding:24px 16px}.admin-card{padding:19px}.dashboard-stats{gap:10px}.dashboard-stats>div{padding:16px}.workspace-badge,.room-home-link{display:none}.room-code{font-size:10px}.room-meta{gap:3px}.room-view{min-height:calc(100vh - 64px)}.playlist-heading{flex-wrap:wrap}.playlist-heading>div{flex-basis:100%}.episode-toolbar{flex-wrap:wrap}.episode-toolbar>button{width:100%}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-detail{padding:19px}.section-intro h2{font-size:18px}.catalog-list .catalog-card-body{grid-template-columns:1fr}.catalog-list .catalog-card-body button{grid-column:1;grid-row:auto;margin-top:8px;width:fit-content}}.topbar-actions{display:flex;align-items:center;gap:16px}.account-name{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-secondary);max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-dialog{width:min(430px,calc(100vw - 32px))}.account-form h2{margin:0;font-size:24px;letter-spacing:-.5px}.account-form .workspace-tabs{margin:0}.account-form .workspace-tabs button{flex:1;justify-content:center}.unified-search{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.detail-cover-row{display:flex;gap:20px;align-items:start;margin:20px 0}.detail-poster{width:100px;height:142px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:var(--accent-soft);overflow:hidden;color:var(--accent)}.detail-poster img{width:100%;height:100%;object-fit:cover}.playing-cover{width:35px;height:46px;display:grid;place-items:center;flex-shrink:0;border-radius:7px;overflow:hidden;color:var(--muted);background:var(--surface-raised)}.playing-cover img{width:100%;height:100%;object-fit:cover}.history-progress{height:3px;margin:4px 0 14px;overflow:hidden;border-radius:5px;background:var(--border)}.history-progress span{height:100%;display:block;background:var(--accent)}.history-delete{margin-top:12px;justify-content:center}.catalog-card-body .history-unavailable{min-height:0;margin-bottom:12px;color:var(--danger);font-size:12px}.playlist-heading>.playlist-tools{flex:0 1 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.autoplay-unlock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}.quality-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}.quality-picker>span,.quality-note,.quality-picker small{font-size:11px;color:var(--muted);white-space:nowrap}.quality-picker select{min-height:40px;max-width:180px;color-scheme:dark;background:var(--surface-raised);color:var(--text);font-size:12px}.quality-picker select option{background:var(--surface);color:var(--text)}@media(max-width:560px){.topbar-actions{gap:9px}.account-name{max-width:70px;font-size:11px}.topbar-actions>.text-button{font-size:10px}.detail-cover-row{gap:14px}.detail-poster{width:75px;height:106px}}input[type=checkbox],input[type=range]{min-height:0}.series-detail-cover{display:grid;place-items:center;width:78px;height:108px;margin:12px 0 20px;border-radius:10px;overflow:hidden;background:var(--accent-soft);color:var(--accent)}.series-detail-cover img{width:100%;height:100%;object-fit:cover}@media(max-width:560px){.catalog-card{height:335px}.catalog-card-body .resource-actions{gap:6px}.catalog-card-body .resource-actions button{gap:4px;padding:8px 6px;font-size:11px}.catalog-cover{height:180px;flex-basis:180px}.catalog-list .catalog-card{height:150px}.catalog-list .catalog-cover{height:100%;flex-basis:83px}.catalog-list .resource-actions{grid-column:1;grid-row:auto;margin-top:6px}.catalog-list .resource-actions button{margin-top:0}.history-grid .catalog-card{height:410px}.network-item{height:96px}.network-grid .network-item{height:330px;grid-template-rows:180px minmax(0,1fr) 40px;gap:10px;padding:10px}.network-grid .network-poster{height:180px}.network-grid .network-copy h3{height:36px}}