@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700;800&family=Nunito:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";.setup-view[data-v-6b9de805]{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.setup-card[data-v-6b9de805]{border:1px solid var(--border-default);border-radius:16px;width:100%;max-width:560px;padding:22px}.setup-header[data-v-6b9de805]{margin-bottom:18px}.setup-header h1[data-v-6b9de805]{margin:0 0 6px;font-size:28px;line-height:1.1}.setup-header p[data-v-6b9de805]{color:var(--text-secondary);margin:0;font-size:14px}.field[data-v-6b9de805]{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.field label[data-v-6b9de805]{color:var(--text-secondary);font-size:13px}.text-input[data-v-6b9de805],.file-input[data-v-6b9de805]{border:1px solid var(--border-default);background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:10px;padding:11px 12px;font-family:inherit}.drop-zone[data-v-6b9de805]{border:1px dashed var(--border-strong);text-align:center;background:var(--bg-card);border-radius:12px;margin-bottom:14px;padding:20px 12px;transition:border-color .15s,background-color .15s}.drop-zone.dragging[data-v-6b9de805]{border-color:var(--brand-primary);background:var(--bg-card-hover)}.drop-zone p[data-v-6b9de805]{margin:0 0 4px}.drop-zone small[data-v-6b9de805]{color:var(--text-secondary)}.file-preview[data-v-6b9de805]{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;justify-content:space-between;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}.file-preview span[data-v-6b9de805]{color:var(--text-secondary)}.source-tabs[data-v-6b9de805]{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.source-tab[data-v-6b9de805]{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:10px 8px;font-family:inherit;font-size:12px}.source-tab.active[data-v-6b9de805]{color:var(--text-primary);border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary) inset}.hint-row[data-v-6b9de805]{color:var(--text-secondary);margin:0 0 14px;font-size:12px}.hint-row.ok[data-v-6b9de805]{color:#39ff7a}.hint-row.bad[data-v-6b9de805]{color:#ff7a7a}.m3u-placeholder[data-v-6b9de805]{border:1px dashed var(--border-strong);color:var(--text-secondary);border-radius:10px;margin-bottom:14px;padding:14px;font-size:13px}.security-box[data-v-6b9de805]{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:10px;margin-bottom:14px;padding:12px}.security-box h3[data-v-6b9de805]{margin:0 0 10px;font-size:14px}.check-row[data-v-6b9de805]{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.security-grid[data-v-6b9de805]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field.compact[data-v-6b9de805]{margin-bottom:0}.generate-btn[data-v-6b9de805]{width:100%}.generate-btn[data-v-6b9de805]:disabled{opacity:.5;cursor:not-allowed}.avatar-stack[data-v-c468f409]{display:flex}.avatar[data-v-c468f409]{border:2px solid #0f172a;border-radius:999px;width:32px;height:32px;margin-left:-8px;overflow:hidden}.avatar-img[data-v-c468f409]{object-fit:cover;width:100%;height:100%}.avatar-fallback[data-v-c468f409]{color:#fff;place-items:center;width:100%;height:100%;font-size:12px;display:grid}.avatar[data-v-c468f409]:first-child{margin-left:0}.live-dot[data-v-94f18f84]{background:#ef4444;border-radius:999px;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 6px #ef444433}.party-view[data-v-9b2ab518]{flex-direction:column;min-height:100dvh;display:flex}.access-gate[data-v-9b2ab518]{margin:12px;padding:14px}.gate-btn[data-v-9b2ab518]{width:100%;margin-top:8px}.gate-error[data-v-9b2ab518]{color:#ff9f9f;margin-top:8px;font-size:12px}.video-container[data-v-9b2ab518]{aspect-ratio:16/9;background:#000;flex-shrink:0;width:100%;position:relative}.video-el[data-v-9b2ab518]{object-fit:cover;width:100%;height:100%;display:block}.external-host[data-v-9b2ab518] iframe,.external-host[data-v-9b2ab518] video,.external-host[data-v-9b2ab518] div{width:100%;height:100%}.shimmer-overlay[data-v-9b2ab518]{background:linear-gradient(90deg,#fff0 0%,#ffffff0a 50%,#fff0 100%) 0 0/200% 100%;animation:1.5s infinite shimmer-slide-9b2ab518;position:absolute;inset:0}@keyframes shimmer-slide-9b2ab518{0%{background-position:-200% 0}to{background-position:200% 0}}.sync-lock-overlay[data-v-9b2ab518]{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;text-align:center;background:#05050fd9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sync-spinner[data-v-9b2ab518]{border:4px solid var(--accent-blue);width:48px;height:48px;box-shadow:0 0 15px var(--accent-blue);border-right-color:#0000;border-radius:50%;margin-bottom:16px;animation:1s linear infinite spin-9b2ab518}@keyframes spin-9b2ab518{to{transform:rotate(360deg)}}.sync-lock-overlay h3[data-v-9b2ab518]{text-shadow:var(--glow-blue);margin:0 0 8px;font-size:20px}.sync-lock-overlay p[data-v-9b2ab518]{color:var(--text-secondary);margin:0;font-size:14px}.player-top[data-v-9b2ab518]{background:linear-gradient(#05050fe6 0%,#0000 100%);justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:absolute;top:0;left:0;right:0}.player-top-left[data-v-9b2ab518]{align-items:center;gap:10px;display:flex}.btn-back[data-v-9b2ab518]{color:#fff;font-size:20px;line-height:1;text-decoration:none}.show-title[data-v-9b2ab518]{color:var(--text-primary);font-size:13px;font-weight:700;display:block}.ep-meta[data-v-9b2ab518]{color:var(--text-secondary);letter-spacing:.04em;font-size:10px}.player-top-right[data-v-9b2ab518]{align-items:center;gap:10px;display:flex}.participant-count[data-v-9b2ab518]{color:var(--text-secondary);font-size:11px}.next-overlay[data-v-9b2ab518]{z-index:40;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:flex-start;padding:16px;animation:.4s forwards slide-up-fade-9b2ab518;display:flex;position:absolute;bottom:80px;right:20px}.next-overlay-title[data-v-9b2ab518]{color:var(--accent-blue);letter-spacing:.1em;margin-bottom:4px;font-size:10px}.next-overlay-name[data-v-9b2ab518]{font-size:14px;font-weight:700}@keyframes slide-up-fade-9b2ab518{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.player-controls[data-v-9b2ab518]{background:linear-gradient(#0000 0%,#05050fe6 100%);padding:12px 16px;position:absolute;bottom:0;left:0;right:0}.reaction-layer[data-v-9b2ab518]{pointer-events:none;position:absolute;inset:0;overflow:hidden}.reaction-float[data-v-9b2ab518]{font-size:22px;animation:2.2s forwards floatUp-9b2ab518;position:absolute;bottom:10%}@keyframes floatUp-9b2ab518{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1}to{opacity:0;transform:translateY(-220px)scale(1.1)}}.timestamps[data-v-9b2ab518]{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.progress-track[data-v-9b2ab518]{cursor:pointer;background:#fff3;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-fill[data-v-9b2ab518]{background:var(--accent-blue);height:100%;position:relative}.progress-handle[data-v-9b2ab518]{background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.ctrl-btns[data-v-9b2ab518]{justify-content:center;gap:24px;margin-top:10px;display:flex}.ctrl-btn[data-v-9b2ab518]{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px}.social-panel[data-v-9b2ab518]{border-radius:0;flex:1;overflow:hidden}.invite-panel[data-v-9b2ab518]{border-bottom:1px solid var(--glass-border);gap:10px;padding:10px 12px;display:flex}.invite-qr[data-v-9b2ab518]{border-radius:8px;width:70px;height:70px}.invite-qr-fallback[data-v-9b2ab518]{background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text-secondary);place-items:center;font-size:12px;display:grid}.invite-meta[data-v-9b2ab518]{flex-direction:column;gap:4px;min-width:0;display:flex}.invite-label[data-v-9b2ab518]{color:var(--text-secondary);margin:0;font-size:11px}.invite-link[data-v-9b2ab518]{overflow-wrap:anywhere;margin:0;font-size:11px}.panel-tabs[data-v-9b2ab518]{border-bottom:1px solid var(--glass-border);display:flex}.panel-tab[data-v-9b2ab518]{cursor:pointer;letter-spacing:.1em;color:var(--text-secondary);background:0 0;border:none;flex:1;padding:14px 8px;font-family:Outfit,sans-serif;font-size:10px;font-weight:700;transition:color .2s}.panel-tab.active[data-v-9b2ab518]{color:var(--accent-blue);border-bottom:2px solid var(--accent-blue)}.status-strip[data-v-9b2ab518]{border-bottom:1px solid var(--glass-border);align-items:center;gap:8px;padding:8px 12px;display:flex}.status-pill[data-v-9b2ab518]{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border-default);border-radius:999px;padding:2px 8px;font-size:11px}.status-meta[data-v-9b2ab518]{color:var(--text-secondary);font-size:11px}.chat-panel[data-v-9b2ab518]{flex-direction:column;height:280px;display:flex}.chat-messages[data-v-9b2ab518]{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.chat-bubble[data-v-9b2ab518]{background:var(--glass-bg);border-radius:12px;padding:8px 12px}.chat-user[data-v-9b2ab518]{margin-bottom:2px;font-size:11px;font-weight:700;display:block}.chat-text[data-v-9b2ab518]{font-size:13px;line-height:1.4}.chat-input-row[data-v-9b2ab518]{border-top:1px solid var(--glass-border);gap:8px;padding:10px 12px;display:flex}.chat-input[data-v-9b2ab518]{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:50px;outline:none;flex:1;padding:8px 14px;font-family:Outfit,sans-serif;font-size:13px}.btn-send[data-v-9b2ab518]{background:var(--accent-blue);color:#fff;cursor:pointer;width:34px;height:34px;box-shadow:var(--glow-blue);border:none;border-radius:50%;font-size:16px}.story-panel[data-v-9b2ab518]{max-height:280px;padding:16px;overflow-y:auto}.social-tools[data-v-9b2ab518]{flex-direction:column;gap:14px;padding:14px 12px;display:flex}.tool-block[data-v-9b2ab518]{border:1px solid var(--glass-border);border-radius:10px;padding:10px}.poll-builder[data-v-9b2ab518]{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.reaction-row[data-v-9b2ab518]{flex-wrap:wrap;gap:8px;display:flex}.bookmark-list[data-v-9b2ab518]{flex-direction:column;gap:8px;max-height:140px;display:flex;overflow-y:auto}.bookmark-jump[data-v-9b2ab518]{margin-top:6px}.transfer-list[data-v-9b2ab518]{flex-direction:column;gap:6px;display:flex}.transfer-row[data-v-9b2ab518]{background:var(--bg-card);border-radius:8px;grid-template-columns:1fr auto auto auto;gap:8px;padding:6px 8px;font-size:12px;display:grid}.story-timeline[data-v-9b2ab518]{padding-left:44px;position:relative}.story-timeline[data-v-9b2ab518]:before{content:"";background:repeating-linear-gradient(#4d9fff4d 0 6px,#0000 6px 12px);width:1px;position:absolute;top:0;bottom:0;left:14px}.story-beat[data-v-9b2ab518]{align-items:flex-start;gap:10px;margin-bottom:18px;display:flex}.beat-time[data-v-9b2ab518]{color:var(--text-secondary);min-width:26px;margin-top:2px;font-size:10px}.beat-text[data-v-9b2ab518]{flex:1;font-size:13px;line-height:1.5}.blurred[data-v-9b2ab518]{filter:blur(4px);-webkit-user-select:none;user-select:none}.lock-icon[data-v-9b2ab518]{font-size:11px}.story-cta[data-v-9b2ab518]{text-align:center;letter-spacing:.08em;border:1px solid #4d9fff4d;margin-top:12px;padding:14px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite glow-pulse}.settings-panel[data-v-9b2ab518]{z-index:50;padding:20px;position:fixed;bottom:72px;left:12px;right:12px}.pill-group[data-v-9b2ab518]{flex-wrap:wrap;gap:8px;display:flex}.pill[data-v-9b2ab518]{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50px;padding:6px 16px;font-family:Outfit,sans-serif;font-size:12px;transition:all .2s}.pill.active[data-v-9b2ab518]{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.slide-up-enter-active[data-v-9b2ab518],.slide-up-leave-active[data-v-9b2ab518]{transition:all .3s}.slide-up-enter-from[data-v-9b2ab518],.slide-up-leave-to[data-v-9b2ab518]{opacity:0;transform:translateY(16px)}.external-error[data-v-9b2ab518]{z-index:3;color:#ff9f9f;background:#10111ae6;border:1px solid #ff7a7a66;border-radius:8px;padding:8px 10px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}:root{--bg-primary:#06060e;--bg-secondary:#0c0c1a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--bg-elevated:#0f0f1ed9;--bg-input:#ffffff0a;--bg-input-focus:#ffffff12;--border-subtle:#ffffff0d;--border-default:#ffffff14;--border-strong:#ffffff24;--border-focus:#8b5cf680;--brand-primary:#8b5cf6;--brand-secondary:#a78bfa;--brand-deep:#7c3aed;--brand-gradient:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #6366f1 100%);--brand-glow:#8b5cf640;--brand-glow-lg:#8b5cf61f;--accent:#38bdf8;--accent-secondary:#22d3ee;--accent-pink:#ec4899;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #00000073;--shadow-xl:0 16px 48px #0000008c;--shadow-glow:0 0 40px var(--brand-glow);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--logo-filter:drop-shadow(0 0 28px #8b5cf680);--btn-text-shadow:0 1px 2px #0000004d;--scrollbar-thumb:#ffffff0f;--scrollbar-hover:#ffffff1f;--sub-size:1.2rem;--sub-bg:#000000bf;--sub-color:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--video-bg:#000;--video-overlay-bg:#06060eeb;--controls-bg:#06060ec7;--controls-border:#ffffff0f;--ctrl-btn-bg:#ffffff0f;--ctrl-btn-hover:#ffffff1f;--ctrl-btn-border:#ffffff14;--ctrl-text:#fff;--progress-track-bg:#ffffff1a;--buffer-fill-bg:#ffffff1f;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--dashboard-bg:#000;--sidebar-bg:#0c0c1ae0;--preview-bg:#0a0a14}body.theme-cinnamoroll{--bg-primary:#edf6fc;--bg-secondary:#f5faff;--bg-card:#ffffffe0;--bg-card-hover:#fffffff7;--bg-elevated:#fffffff5;--bg-input:#ffffffbf;--bg-input-focus:#fffffff7;--border-subtle:#b8e1f559;--border-default:#b8e1f58c;--border-strong:#b8e1f5bf;--border-focus:#7cc6f0cc;--brand-primary:#7cc6f0;--brand-secondary:#ffc5d5;--brand-deep:#5aafe0;--brand-gradient:linear-gradient(135deg, #98d8f5 0%, #b8e1f5 35%, #ffc5d5 75%, #ffd8e4 100%);--brand-glow:#7cc6f052;--brand-glow-lg:#7cc6f029;--accent:#ffa8c2;--accent-secondary:#b8e1f5;--accent-pink:#ffc5d5;--success:#a8e6cf;--warning:#ffe0a3;--error:#fab;--text-primary:#3a4a5c;--text-secondary:#6e8fa8;--text-muted:#9bb8cc;--text-inverse:#fff;--shadow-sm:0 2px 8px #7cc6f01f;--shadow-md:0 4px 16px #7cc6f029;--shadow-lg:0 8px 32px #7cc6f033;--shadow-xl:0 16px 48px #7cc6f038;--shadow-glow:0 0 40px #7cc6f040;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-2xl:34px;--logo-filter:drop-shadow(0 0 20px #7cc6f073);--btn-text-shadow:none;--scrollbar-thumb:#7cc6f038;--scrollbar-hover:#7cc6f066;--sub-bg:#ffffffd9;--sub-color:#3a4a5c;--video-bg:#bddaed;--video-overlay-bg:#edf6fcf0;--controls-bg:#ffffffeb;--controls-border:#b8e1f573;--ctrl-btn-bg:#b8e1f52e;--ctrl-btn-hover:#ffc5d540;--ctrl-btn-border:#b8e1f559;--ctrl-text:var(--text-primary);--progress-track-bg:#00000014;--buffer-fill-bg:#7cc8f033;--font-heading:"Nunito", "Outfit", sans-serif;--font-body:"Nunito", "Inter", sans-serif;--dashboard-bg:#d8eef8;--sidebar-bg:#fffffff5;--preview-bg:#f0f4f8}body.theme-cinnamoroll,body.theme-cinnamoroll button,body.theme-cinnamoroll input,body.theme-cinnamoroll select{font-family:Nunito,Inter,sans-serif}body.theme-cinnamoroll h1,body.theme-cinnamoroll h2,body.theme-cinnamoroll h3{letter-spacing:-.01em;font-family:Nunito,Outfit,sans-serif}body.theme-cinnamoroll{background-image:radial-gradient(70% 50% at 15% 10%,#b8e1f547,#0000),radial-gradient(55% 45% at 85% 80%,#ffc5d538,#0000),radial-gradient(40% 35% at 60% 30%,#fff8f52e,#0000)}body.theme-cinnamoroll:before{content:"☁️  ✨  ☁️  🩵  ☁️  ✨  ☁️  ⭐  ☁️";letter-spacing:10px;opacity:.4;z-index:9998;pointer-events:none;white-space:nowrap;font-size:.85rem;animation:10s ease-in-out infinite floatClouds;position:fixed;top:10px;left:50%;transform:translate(-50%)}body.theme-cinnamoroll:after{content:"🐾  🌸  🐾  🌸  🐾  🌸  🐾";letter-spacing:8px;opacity:.25;z-index:9996;pointer-events:none;font-size:.75rem;animation:12s ease-in-out infinite reverse floatClouds;position:fixed;bottom:8px;right:130px}.cinnamoroll-mascot{display:none}body.theme-cinnamoroll .cinnamoroll-mascot{z-index:9997;pointer-events:none;filter:drop-shadow(0 6px 18px #7cc6f059);object-fit:cover;border-radius:50%;width:96px;height:96px;animation:4s ease-in-out infinite floatMascot;display:block;position:fixed;bottom:20px;left:20px}@keyframes floatMascot{0%,to{transform:translateY(0)rotate(-3deg)scale(1)}50%{transform:translateY(-14px)rotate(3deg)scale(1.04)}}@keyframes floatClouds{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-7px)}}body.theme-cinnamoroll .glass-panel:before,body.theme-cinnamoroll .welcome-card:before{content:"☁️";opacity:.5;pointer-events:none;font-size:1.4rem;animation:6s ease-in-out infinite floatMascot;position:absolute;top:-18px;left:24px}body.theme-cinnamoroll .glass-panel,body.theme-cinnamoroll .welcome-card{position:relative;overflow:visible}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;height:100%;font-size:16px}body{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);transition:background var(--duration-slow) var(--ease-smooth), color var(--duration-slow) var(--ease-smooth);line-height:1.6}body:not(.theme-cinnamoroll){background-image:radial-gradient(80% 60% at 80% 5%,#6366f114,#0000),radial-gradient(60% 50% at 15% 90%,#8b5cf60f,#0000),radial-gradient(40% 30%,#38bdf805,#0000)}.hidden{display:none!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}body.theme-cinnamoroll ::-webkit-scrollbar-thumb{background:linear-gradient(#b8e1f573,#ffc5d573)}video::cue{background-color:var(--sub-bg);color:var(--sub-color);font-family:var(--font-body);font-size:var(--sub-size);text-shadow:1px 1px 2px #000c;border-radius:4px;padding:.2em .5em;font-weight:600}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em;line-height:1.2}h1{background:var(--brand-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800}h2{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:700}h3{font-size:1rem;font-weight:700}.subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2.5rem;font-size:1.05rem;font-weight:400;line-height:1.5}body.theme-cinnamoroll h1{background:linear-gradient(135deg,#7cc6f0 0%,#98d8f5 35%,#ffc5d5 75%,#ffd8e4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Nunito,sans-serif;font-weight:900}.theme-toggle-wrapper{z-index:9999;background:var(--bg-card);-webkit-backdrop-filter:blur(24px)saturate(1.5);border:1px solid var(--border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:all var(--duration-normal) var(--ease-smooth);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:6px 14px 6px 12px;display:flex;position:fixed;top:16px;right:16px}.theme-toggle-wrapper:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.theme-toggle-label{color:var(--text-secondary);white-space:nowrap;transition:color var(--duration-normal);font-size:.75rem;font-weight:600}.theme-toggle-track{border-radius:var(--radius-full);width:48px;height:26px;transition:background var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth);border:1px solid var(--border-subtle);background:#ffffff14;flex-shrink:0;position:relative}.theme-toggle-thumb{width:20px;height:20px;transition:transform .35s var(--ease-bounce);z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.55rem;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0003}.theme-toggle-thumb:after{content:"🎬";font-size:.6rem}body.theme-cinnamoroll .theme-toggle-track{background:linear-gradient(135deg,#98d8f5,#ffc5d5);border-color:#b8e1f566;animation:3s ease-in-out infinite toggleGlow;box-shadow:0 0 16px #7cc6f04d}@keyframes toggleGlow{0%,to{box-shadow:0 0 12px #7cc6f040}50%{box-shadow:0 0 24px #ffc5d559}}body.theme-cinnamoroll .theme-toggle-thumb{transform:translate(22px)}body.theme-cinnamoroll .theme-toggle-thumb:after{content:"🐾"}body.theme-cinnamoroll .theme-toggle-thumb:before{content:"";width:10px;height:16px;animation:earWiggleLeft .6s var(--ease-bounce);z-index:-1;background:linear-gradient(135deg,#b8e1f5,#d4efff);border:1.5px solid #3a4a5c1f;border-radius:50% 50% 40% 40%;position:absolute;top:-9px;left:-3px;transform:rotate(-25deg);box-shadow:0 1px 4px #7cc6f033}body.theme-cinnamoroll .theme-toggle-track:after{content:"";width:10px;height:16px;animation:earWiggleRight .6s var(--ease-bounce);z-index:1;background:linear-gradient(135deg,#d4efff,#b8e1f5);border:1.5px solid #3a4a5c1f;border-radius:50% 50% 40% 40%;position:absolute;top:-7px;right:-1px;transform:rotate(25deg);box-shadow:0 1px 4px #7cc6f033}@keyframes earWiggleLeft{0%,to{transform:rotate(-25deg)}25%{transform:rotate(-35deg)}50%{transform:rotate(-18deg)}75%{transform:rotate(-30deg)}}@keyframes earWiggleRight{0%,to{transform:rotate(25deg)}25%{transform:rotate(35deg)}50%{transform:rotate(18deg)}75%{transform:rotate(30deg)}}body.theme-cinnamoroll .theme-toggle-wrapper:before{content:"✨";pointer-events:none;opacity:0;font-size:.7rem;animation:2s ease-out forwards sparkleFloat;position:absolute;top:-8px;right:8px}body.theme-cinnamoroll .theme-toggle-wrapper:after{content:"⭐";pointer-events:none;opacity:0;font-size:.5rem;animation:2.5s ease-out forwards sparkleFloat2;position:absolute;top:-4px;left:10px}@keyframes sparkleFloat{0%{opacity:1;transform:translateY(0)scale(.5)}50%{opacity:1;transform:translateY(-12px)scale(1.2)}to{opacity:0;transform:translateY(-20px)scale(.3)}}@keyframes sparkleFloat2{0%{opacity:.8;transform:translateY(0)scale(.5)rotate(0)}60%{opacity:.8;transform:translateY(-10px)scale(1)rotate(45deg)}to{opacity:0;transform:translateY(-18px)scale(.2)rotate(90deg)}}body.theme-cinnamoroll .theme-toggle-wrapper{box-shadow:var(--shadow-md), 0 0 0 2px #ffc5d533}.host-wrapper{min-height:100vh;animation:pageIn .6s var(--ease-out-expo) both;flex-direction:column;align-items:center;padding:5.5rem 1.5rem 5rem;display:flex}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.host-header{text-align:center;margin-bottom:2.5rem}.logo-icon{filter:var(--logo-filter);margin-bottom:1rem;font-size:3.5rem;animation:5s ease-in-out infinite floatLogo;display:block}@keyframes floatLogo{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.02)}}.main-card{width:100%;max-width:640px}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(32px)saturate(1.6);border:1px solid var(--border-default);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl), inset 0 1px 0 #ffffff0a;animation:panelIn .5s var(--ease-out-expo) both;transition:border-color var(--duration-normal), background var(--duration-slow);padding:2rem 2.25rem}body.theme-cinnamoroll .glass-panel{box-shadow:var(--shadow-lg), 0 0 0 1px #ffffffe6 inset, 0 0 60px #b8e1f51f;border-color:#ffc5d566}@keyframes panelIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.field-group{margin-bottom:1.75rem}.field-group:first-child{animation:panelIn .4s .1s var(--ease-out-expo) both}.field-group:nth-child(2){animation:panelIn .4s .2s var(--ease-out-expo) both}.field-group:nth-child(3){animation:panelIn .4s .3s var(--ease-out-expo) both}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:.6rem;margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:flex}.section-label .badge{background:var(--brand-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:flex}body.theme-cinnamoroll .section-label .badge,body.theme-cinnamoroll .guest-field-label .badge{background:linear-gradient(135deg,#98d8f5,#ffc5d5);box-shadow:0 2px 8px #ffc5d559}.file-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);font-family:var(--font-body);transition:all var(--duration-normal) var(--ease-smooth);cursor:pointer;padding:12px 16px;font-size:.9rem}.file-input:hover{border-color:var(--border-strong)}.file-input:focus{border-color:var(--border-focus);outline:none}.host-nickname-input{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all var(--duration-normal) var(--ease-smooth);outline:none;padding:10px 14px;font-size:.9rem}.host-nickname-input::placeholder{color:var(--text-muted)}.host-nickname-input:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px #8b5cf614}body.theme-cinnamoroll .host-nickname-input{border-radius:var(--radius-full);padding:12px 18px;font-family:Nunito,sans-serif;font-weight:600}body.theme-cinnamoroll .host-nickname-input:focus{border-color:#7cc6f0;box-shadow:0 0 0 3px #b8e1f54d}.drop-zone{border:2px dashed var(--border-default);border-radius:var(--radius-xl);text-align:center;color:var(--text-muted);background:var(--bg-input);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;padding:2.5rem 2rem;display:flex}.drop-zone .dz-icon{transition:transform .3s var(--ease-bounce);font-size:2rem}.drop-zone .dz-text{font-size:.95rem;font-weight:500}.drop-zone .dz-hint{opacity:.6;font-size:.8rem}.drop-zone:hover,.drop-zone.dragover{border-color:var(--brand-primary);color:var(--text-primary);background:#8b5cf60a;transform:scale(1.01)}.drop-zone:hover .dz-icon{transform:translateY(-4px)scale(1.1)}body.theme-cinnamoroll .drop-zone{background:#fff9;border-color:#b8e1f599}body.theme-cinnamoroll .drop-zone:hover,body.theme-cinnamoroll .drop-zone.dragover{border-color:var(--brand-primary);background:#7cc8f014}.drop-zone.file-selected{border-color:var(--success);color:var(--success);background:#10b9810a;border-style:solid}body.theme-cinnamoroll .drop-zone.file-selected{color:#4a9e7a;background:#a8e6cf14;border-color:#a8e6cf}.preview-zone{border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--preview-bg);animation:panelIn .4s var(--ease-smooth) both;margin-bottom:2rem;overflow:hidden}body.theme-cinnamoroll .preview-zone{background:var(--preview-bg)}.preview-zone video{object-fit:cover;width:100%;max-height:200px;display:block}.preview-info{padding:1rem 1.25rem}.preview-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.preview-meta-row{gap:.75rem;margin-top:.5rem;display:flex}.preview-badge{color:var(--text-muted);background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:4px 12px;font-size:.78rem}.sub-entry{animation:panelIn .3s var(--ease-smooth) both;gap:.5rem;margin-bottom:.75rem;display:flex}.sub-lang-input,.sub-file-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--duration-fast);padding:10px 14px;font-size:.85rem}.sub-lang-input{flex:0 0 130px}.sub-file-input{min-width:0;color:var(--text-secondary);cursor:pointer;flex:1}.sub-lang-input:focus,.sub-file-input:focus{border-color:var(--border-focus);outline:none}.sub-remove-btn{border-radius:var(--radius-md);width:40px;color:var(--error);cursor:pointer;transition:all var(--duration-fast);background:#ef444414;border:1px solid #ef444433;font-size:1rem}.sub-remove-btn:hover{background:#ef444426}.add-sub-btn{border-radius:var(--radius-md);background:var(--bg-input);width:100%;color:var(--text-secondary);border:1px dashed var(--border-strong);cursor:pointer;font-family:var(--font-body);transition:all var(--duration-normal);padding:10px;font-size:.85rem;font-weight:500}.add-sub-btn:hover{background:var(--bg-input-focus);color:var(--text-primary);border-color:var(--brand-primary)}button{color:inherit;font-family:var(--font-body);font-size:inherit;cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}button:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--brand-gradient);color:#fff;border-radius:var(--radius-md);font-size:.95rem;font-family:var(--font-heading);box-shadow:0 4px 20px var(--brand-glow);text-shadow:var(--btn-text-shadow);gap:8px;padding:14px 28px;font-weight:700;overflow:hidden}.btn-primary:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff1f 0%,#0000 50%);position:absolute;inset:0}.btn-primary:not(:disabled):hover{box-shadow:0 8px 32px var(--brand-glow);filter:brightness(1.08);transform:translateY(-3px)}.btn-primary:not(:disabled):active{transform:translateY(0)scale(.98)}body.theme-cinnamoroll .btn-primary{color:#fff;border-radius:var(--radius-full);letter-spacing:.02em;font-weight:800;box-shadow:0 4px 18px #ffc5d573,0 2px 8px #7cc6f04d}body.theme-cinnamoroll .btn-primary:not(:disabled):hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 28px #ffc5d58c,0 4px 16px #7cc6f059}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:6px;padding:10px 20px;font-size:.88rem;font-weight:600}.btn-secondary:not(:disabled):hover{background:var(--bg-input-focus);border-color:var(--border-default);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;padding:8px 12px;font-size:.85rem;font-weight:500}.btn-ghost:not(:disabled):hover{color:var(--text-primary);background:var(--bg-input)}#start-btn,#launch-btn{border-radius:var(--radius-lg);width:100%;padding:16px;font-size:1.05rem}body.theme-cinnamoroll #start-btn,body.theme-cinnamoroll #launch-btn{border-radius:var(--radius-full);letter-spacing:.03em;padding:18px;font-size:1.1rem}.link-box{gap:.75rem;margin-bottom:1.5rem;display:flex}#share-link{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-mono);transition:border-color var(--duration-fast);flex:1;padding:13px 16px;font-size:.85rem}#share-link:focus{border-color:var(--border-focus);outline:none}#copy-btn{border-radius:var(--radius-md);padding:13px 22px}.guest-panel{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--duration-normal);margin-bottom:1.5rem;padding:1.25rem}.guest-panel-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem;font-weight:600;display:flex}.guest-count-badge{background:var(--brand-gradient);color:#fff;border-radius:var(--radius-full);padding:3px 14px;font-size:.72rem;font-weight:700}.guest-list{flex-direction:column;gap:.5rem;display:flex}.guest-list-empty{color:var(--text-muted);text-align:center;padding:.5rem;font-size:.85rem;font-style:italic}.guest-chip{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast);animation:guestChipIn .3s var(--ease-bounce) both;align-items:center;gap:.6rem;padding:10px 14px;display:flex}.guest-chip:hover{border-color:var(--border-default);background:var(--bg-card-hover)}.guest-chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.guest-chip-name{font-size:.85rem;font-weight:500}@keyframes guestChipIn{0%{opacity:0;transform:translate(-8px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}body.theme-cinnamoroll .guest-chip{border-radius:var(--radius-full);background:#ffffffd9;border-color:#b8e1f580}body.theme-cinnamoroll .guest-chip:hover{background:#fffffffa;border-color:#ffc5d599;transform:translate(3px)}.status-pill{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--duration-normal);align-items:center;gap:.5rem;margin-top:1rem;padding:8px 20px;font-size:.85rem;display:inline-flex}.status-pill .dot{background:var(--text-muted);width:8px;height:8px;transition:background var(--duration-normal);border-radius:50%}.status-pill.connected .dot{background:var(--success);animation:1.5s infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}body.theme-cinnamoroll .status-pill{background:#ffffffd9;border-color:#b8e1f599}.dashboard-layout{background:var(--bg-primary);width:100vw;height:100vh;animation:dashboardIn .5s var(--ease-out-expo) both;display:flex}@keyframes dashboardIn{0%{opacity:0}to{opacity:1}}.dashboard-main{background:var(--dashboard-bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}body.theme-cinnamoroll .dashboard-main{background:var(--dashboard-bg)}.video-zone{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.video-wrapper{background:var(--video-bg);flex:auto;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}body.theme-cinnamoroll .video-wrapper{background:var(--video-bg)}.video-wrapper video{object-fit:contain;width:100%;height:100%;display:block}.controls-bar{background:var(--controls-bg);-webkit-backdrop-filter:blur(28px)saturate(1.5);border-top:1px solid var(--controls-border);z-index:50;transition:opacity .35s var(--ease-smooth), transform .35s var(--ease-smooth);flex-direction:column;flex:none;gap:8px;padding:12px 20px;display:flex}body.theme-cinnamoroll .controls-bar{background:#ffffffeb;border-top:1px solid #b8e1f573;box-shadow:0 -4px 16px #b8e1f51f}.video-zone.controls-hidden .controls-bar{opacity:0;pointer-events:none;transform:translateY(100%)}.video-zone.controls-hidden{cursor:none}.progress-area{cursor:pointer;align-items:center;height:20px;display:flex;position:relative}.progress-track{background:var(--progress-track-bg);border-radius:var(--radius-full);width:100%;height:3px;transition:height var(--duration-fast) var(--ease-smooth);position:relative}.progress-area:hover .progress-track{height:6px}.progress-fill{background:var(--brand-gradient);border-radius:var(--radius-full);pointer-events:none;z-index:1;width:0%;height:100%;transition:width .15s linear;position:absolute;top:0;left:0}.progress-fill:after{content:"";width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-bounce);box-shadow:0 0 8px #0000004d, 0 0 12px var(--brand-glow);background:#fff;border-radius:50%;position:absolute;top:50%;right:-7px;transform:translateY(-50%)scale(0)}.progress-area:hover .progress-fill:after{transform:translateY(-50%)scale(1)}.progress-fill.seeking{transition:width!important}.buffer-fill{background:var(--buffer-fill-bg);border-radius:var(--radius-full);pointer-events:none;z-index:0;width:0%;height:100%;transition:width .3s linear;position:absolute;top:0;left:0}body.theme-cinnamoroll .buffer-fill{background:#7cc8f033}.controls-row{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.controls-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-left:auto;display:flex}.time-display{font-family:var(--font-mono);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.82rem}.ctrl-btn{background:var(--ctrl-btn-bg);border:1px solid var(--ctrl-btn-border);border-radius:var(--radius-sm);color:var(--ctrl-text);cursor:pointer;min-width:40px;min-height:40px;box-shadow:none;transition:all var(--duration-fast) var(--ease-smooth);text-shadow:none;justify-content:center;align-items:center;padding:8px 14px;font-size:1.1rem;display:flex}.ctrl-btn:before{display:none}.ctrl-btn:hover:not(:disabled){background:var(--ctrl-btn-hover);box-shadow:none;filter:none;transform:none}body.theme-cinnamoroll .ctrl-btn{color:var(--text-primary);border-radius:var(--radius-full);background:#b8e1f52e;border-color:#b8e1f559;font-weight:700}body.theme-cinnamoroll .ctrl-btn:hover:not(:disabled){background:#ffc5d540;border-color:#ffc5d580;transform:scale(1.08)}body.theme-cinnamoroll .ctrl-btn svg{fill:#3a4a5c;stroke:none}.volume-slider{border-radius:var(--radius-full);appearance:none;cursor:pointer;width:80px;height:4px;transition:background var(--duration-fast);background:#ffffff1f}body.theme-cinnamoroll .volume-slider{background:#0000001a}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0000004d}body.theme-cinnamoroll .volume-slider::-webkit-slider-thumb{background:var(--brand-primary)}.sub-selector{border-radius:var(--radius-sm);color:#fff;font-family:var(--font-body);cursor:pointer;min-height:40px;transition:all var(--duration-fast);background:#ffffff0f;border:1px solid #ffffff14;padding:6px 10px;font-size:.78rem}body.theme-cinnamoroll .sub-selector{color:var(--text-primary);background:#7cc8f01a;border-color:#7cc8f033}.sub-selector option{background:var(--bg-secondary);color:var(--text-primary)}.dashboard-sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(24px)saturate(1.4);border-left:1px solid var(--border-default);z-index:60;flex-direction:column;flex:0 0 360px;width:360px;display:flex}body.theme-cinnamoroll .dashboard-sidebar{background:#fffffff0;border-left:1px solid #b8e1f566;box-shadow:-4px 0 20px #b8e1f514}.sidebar-section{border-bottom:1px solid var(--border-subtle);flex-direction:column;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.sidebar-tabs{background:var(--bg-card);border-bottom:1px solid var(--border-default);z-index:10;display:none;position:sticky;top:0}.sidebar-tab{text-align:center;cursor:pointer;color:var(--text-muted);transition:all var(--duration-fast) var(--ease-smooth);box-shadow:none;font-size:1.15rem;font-family:var(--font-body);background:0 0;border:none;border-bottom:2.5px solid #0000;border-radius:0;flex:1;padding:14px 8px}.sidebar-tab:before{display:none}.sidebar-tab:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary);filter:none;box-shadow:none;transform:none}.sidebar-tab.active{color:var(--text-primary);border-bottom-color:var(--brand-primary);background:var(--bg-card-hover)}body.theme-cinnamoroll .sidebar-tabs{background:#ffffffeb;border-bottom-color:#b8e1f580}body.theme-cinnamoroll .sidebar-tab.active{border-bottom-color:var(--brand-primary);background:#b8e1f526}.sidebar-header{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sidebar-header h3{color:var(--text-primary);align-items:center;gap:6px;font-size:.9rem;font-weight:700;display:flex}body.theme-cinnamoroll .sidebar-header{background:#eef7fdcc;border-bottom-color:#b8e1f559}.transfer-section{flex:none;max-height:220px;overflow-y:auto}.transfer-speed-value{color:var(--accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700}body.theme-cinnamoroll .transfer-speed-value{color:#ffa8c2;font-weight:800}.transfer-list{flex-direction:column;gap:10px;padding:12px 20px;display:flex}.transfer-entry{animation:guestChipIn .3s var(--ease-bounce) both;align-items:center;gap:10px;font-size:.8rem;display:flex}.transfer-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);flex:0 0 70px;font-size:.75rem;font-weight:600;overflow:hidden}.transfer-bar-bg{background:var(--bg-input);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.transfer-bar-fill{background:var(--brand-gradient);border-radius:var(--radius-full);width:0%;height:100%;transition:width .3s linear}.transfer-pct{text-align:right;color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex:0 0 36px}.transfer-eta{color:var(--text-muted);font-size:.68rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:8px}.playlist-section{flex:none;max-height:280px;overflow-y:auto}.playlist-list{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.playlist-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast);animation:guestChipIn .3s var(--ease-bounce) both;cursor:default;align-items:center;gap:12px;padding:10px 14px;display:flex}.playlist-item:hover{border-color:var(--border-default);background:var(--bg-card-hover)}.playlist-item.now-playing{border-color:var(--brand-primary);background:#8b5cf60f}body.theme-cinnamoroll .playlist-item.now-playing{border-color:var(--brand-primary);background:#7cc8f014}.playlist-item-index{background:var(--bg-input);border:1px solid var(--border-subtle);width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.playlist-item.now-playing .playlist-item-index{background:var(--brand-gradient);color:#fff;border-color:#0000}.playlist-item-info{flex:1;min-width:0}.playlist-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.playlist-item-meta{color:var(--text-muted);font-size:.7rem}.playlist-item-remove{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.playlist-item-remove:hover{color:var(--error);background:#ef44441a}.playlist-item-remove:before{display:none}.playlist-actions{gap:8px;margin:8px 16px 12px;display:flex}.playlist-add-btn{border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-secondary);border:1px dashed var(--border-strong);cursor:pointer;font-family:var(--font-body);transition:all var(--duration-normal);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.82rem;font-weight:600;display:flex}.playlist-add-btn:before{display:none}.playlist-add-btn:hover{background:var(--bg-input-focus);color:var(--text-primary);border-color:var(--brand-primary);filter:none;box-shadow:none;transform:none}.playlist-empty{text-align:center;color:var(--text-muted);padding:20px 16px;font-size:.82rem;font-style:italic}.next-episode-section{border-bottom:1px solid var(--border-subtle);background:var(--bg-card);flex:none;align-items:center;gap:12px;padding:14px 20px;display:flex}.next-episode-btn{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);box-shadow:none;transition:all var(--duration-fast);padding:8px 14px;font-size:.8rem}.next-episode-btn:hover{background:var(--bg-card-hover);border-color:var(--brand-primary);transform:translateY(-1px)}.next-episode-btn:before{display:none}.next-episode-status{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.75rem;overflow:hidden}body.theme-cinnamoroll .next-episode-btn{border-radius:var(--radius-full);background:#ffffffd9;border-color:#b8e1f580;font-family:Nunito,sans-serif;font-weight:700}body.theme-cinnamoroll .next-episode-btn:hover{background:#fffffffa;border-color:#ffc5d599}.next-overlay{z-index:30;-webkit-backdrop-filter:blur(28px)saturate(1.5);border-radius:var(--radius-xl);width:320px;animation:nextOverlayIn .4s var(--ease-bounce) both;background:#06060ed1;border:1px solid #ffffff1a;padding:20px;position:absolute;bottom:80px;right:20px;box-shadow:0 12px 40px #0009}body.theme-cinnamoroll .next-overlay{background:#ffffffeb;border-color:#b8e1f580;box-shadow:0 12px 40px #7cc6f033}@keyframes nextOverlayIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.next-overlay-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:.75rem;font-weight:700}.next-overlay-name{color:var(--text-primary);margin-bottom:12px;font-size:.95rem;font-weight:700}.next-overlay-progress{background:var(--progress-track-bg);border-radius:var(--radius-full);width:100%;height:3px;margin-bottom:8px;overflow:hidden}.next-overlay-progress-fill{background:var(--brand-gradient);border-radius:var(--radius-full);height:100%;transition:width 1s linear}.next-overlay-countdown{color:var(--text-secondary);margin-bottom:12px;font-size:.78rem}.next-overlay-actions{gap:8px;display:flex}.next-overlay-actions button{border-radius:var(--radius-md);flex:1;padding:8px 14px;font-size:.82rem;font-weight:600}.next-overlay-play{background:var(--brand-gradient);color:#fff;border:none}.next-overlay-play:before{display:none}.next-overlay-cancel{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-subtle)}.next-overlay-cancel:before{display:none}.chat-section{border-bottom:none;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:16px 20px;display:flex;overflow-y:auto}.chat-msg{background:var(--bg-card);border-radius:var(--radius-md);animation:msgIn .25s var(--ease-smooth) both;transition:background .15s var(--ease-smooth), border-color .15s var(--ease-smooth), transform .15s var(--ease-smooth);border:1px solid #0000;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:10px 14px;display:flex}.chat-msg:not(.chat-system):hover{border-color:var(--border-subtle);transform:translate(2px)}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg.chat-system{color:var(--text-muted);border-radius:var(--radius-full);background:#8b5cf60f;border:1px solid #8b5cf614;justify-content:center;padding:6px 16px;font-size:.75rem;font-style:italic}body.theme-cinnamoroll .chat-msg.chat-system{background:#7cc6f014;border-color:#7cc6f01f}.chat-author{font-size:.8rem;font-weight:700}.chat-text{word-break:break-word;color:var(--text-primary);flex:1;font-size:.85rem}.chat-time{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.65rem}body.theme-cinnamoroll .chat-msg{border-radius:var(--radius-lg);background:#ffffffe6;border-color:#b8e1f54d;padding:10px 18px}body.theme-cinnamoroll .chat-msg:hover{border-color:#ffc5d566}.chat-input-area{background:var(--bg-card);border-top:1px solid var(--border-subtle);gap:8px;padding:14px 16px;display:flex}body.theme-cinnamoroll .chat-input-area{background:#eef7fdcc;border-top-color:#b8e1f559}.chat-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);transition:all var(--duration-fast) var(--ease-smooth);outline:none;flex:1;padding:10px 16px;font-size:.85rem}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px #8b5cf614}body.theme-cinnamoroll .chat-input{border-radius:var(--radius-full);border-color:#b8e1f580;font-family:Nunito,sans-serif}body.theme-cinnamoroll .chat-input:focus{border-color:#7cc6f0;box-shadow:0 0 0 3px #b8e1f540}.chat-send-btn{border-radius:var(--radius-md);width:44px;min-height:44px;box-shadow:none;flex-shrink:0;padding:0;font-size:1.1rem}body.theme-cinnamoroll .chat-send-btn{border-radius:var(--radius-full)}.chat-scroll-btn{border-radius:var(--radius-full);background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-md);cursor:pointer;z-index:10;opacity:0;pointer-events:none;transition:all .25s var(--ease-smooth);font-size:.72rem;font-weight:700;font-family:var(--font-body);border:none;padding:6px 16px;position:absolute;bottom:70px;left:50%;transform:translate(-50%)translateY(8px)}.chat-scroll-btn:before{display:none}.chat-scroll-btn.visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.reaction-section{background:var(--bg-card);border-top:1px solid var(--border-subtle);flex:none;padding:14px 16px}body.theme-cinnamoroll .reaction-section{background:#eef7fdb3;border-top-color:#b8e1f559}.reaction-bar{justify-content:center;gap:8px;display:flex}.reaction-btn{background:var(--bg-input);border:1px solid var(--border-subtle);width:42px;min-height:42px;box-shadow:none;text-shadow:none;transition:all var(--duration-fast) var(--ease-bounce);border-radius:50%;padding:0;font-size:1.15rem}.reaction-btn:before{display:none}.reaction-btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong);box-shadow:none;filter:none;transform:scale(1.2)!important}.reaction-btn:active:not(:disabled){transition-duration:50ms!important;transform:scale(.85)!important}body.theme-cinnamoroll .reaction-btn{background:#ffffffd9;border-color:#b8e1f566;transition:all .15s cubic-bezier(.34,1.56,.64,1)}body.theme-cinnamoroll .reaction-btn:hover{background:#ffc5d559;border-color:#ffc5d599;box-shadow:0 4px 12px #ffc5d54d;transform:scale(1.3)rotate(-5deg)!important}.reaction-container{pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.floating-emoji{font-size:2.5rem;animation:2.5s ease-out forwards floatEmoji;position:absolute;bottom:0}@keyframes floatEmoji{0%{opacity:1;transform:translateY(0)scale(.5)rotate(0)}20%{opacity:1;transform:translateY(-60px)scale(1.2)rotate(-5deg)}to{opacity:0;transform:translateY(-280px)scale(.7)rotate(10deg)}}.sync-overlay,.loading-overlay{background:var(--video-overlay-bg);-webkit-backdrop-filter:blur(24px);z-index:20;animation:overlayIn .3s var(--ease-smooth) both;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sync-overlay>*,.loading-overlay>*{text-align:center;width:90%;max-width:380px}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}body.theme-cinnamoroll .sync-overlay,body.theme-cinnamoroll .loading-overlay{background:#edf6fcf5}.sync-spinner{border:3px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;width:32px;height:32px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}body.theme-cinnamoroll .sync-spinner{border-color:#ffc5d5 #b8e1f559 #b8e1f559;width:40px;height:40px}body.theme-cinnamoroll .sync-overlay h3{font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:800}.sync-overlay h3{margin-bottom:.5rem}.sync-hint{color:var(--text-muted);margin-top:1rem;font-size:.8rem}.sync-overlay-inner{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:380px;display:flex}.sync-overlay-inner .sync-icon{font-size:2rem;animation:3s ease-in-out infinite floatLogo}.sync-overlay-inner h3{margin:0;font-size:1.1rem}.sync-overlay-inner p{color:var(--text-secondary);margin:0;font-size:.88rem}.sync-overlay-inner .sync-guests-progress{border-radius:var(--radius-full);background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:8px;padding:6px 16px;font-size:.8rem;font-weight:600;display:flex}.sync-overlay-inner .sync-guests-progress .sync-count{color:var(--brand-primary);font-weight:700}.compat-badge{background:var(--brand-gradient);color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding:4px 14px;font-size:.7rem;font-weight:700;display:inline-block}body.theme-cinnamoroll .compat-badge{border-radius:var(--radius-full)}.compat-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.85rem}.progress-bar-container{background:var(--bg-input);border-radius:var(--radius-full);width:100%;height:8px;margin-bottom:.75rem;overflow:hidden}body.theme-cinnamoroll .progress-bar-container{background:#b8e1f533}.progress-bar{background:var(--brand-gradient);border-radius:var(--radius-full);width:0%;height:100%;transition:width .3s linear}.seek-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);z-index:25;pointer-events:none;color:#fff;background:#000000b3;border:1px solid #ffffff1a;padding:14px 24px;font-size:1.4rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}body.theme-cinnamoroll .seek-indicator{color:var(--text-primary);background:#ffffffeb;border-color:#b8e1f580;box-shadow:0 4px 16px #b8e1f54d}.reconnect-banner{background:var(--warning);color:#000;text-align:center;z-index:10000;box-shadow:var(--shadow-md);justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}body.theme-cinnamoroll .reconnect-banner{color:#3a4a5c;background:linear-gradient(135deg,#98d8f5,#ffc5d5);font-family:Nunito,sans-serif;font-weight:700}.reconnect-spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.welcome-screen{z-index:1000;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}body:not(.theme-cinnamoroll) .welcome-screen{background-image:radial-gradient(80% 60% at 80% 5%,#6366f114,#0000),radial-gradient(60% 50% at 15% 90%,#8b5cf60f,#0000)}body.theme-cinnamoroll .welcome-screen{background:var(--bg-primary);background-image:radial-gradient(80% 60% at 20% 10%,#b8e1f547,#0000),radial-gradient(60% 50% at 80% 80%,#ffc5d538,#0000)}.welcome-card{background:var(--bg-card);-webkit-backdrop-filter:blur(32px)saturate(1.6);border:1px solid var(--border-default);border-radius:var(--radius-2xl);width:100%;max-width:460px;box-shadow:var(--shadow-xl);animation:panelIn .5s var(--ease-out-expo) both;flex-direction:column;align-items:center;gap:0;padding:2.5rem 2rem;display:flex}body.theme-cinnamoroll .welcome-card{box-shadow:var(--shadow-xl), 0 0 0 2px #ffc5d547, 0 0 80px #b8e1f526;border-color:#ffc5d559}.welcome-logo{filter:var(--logo-filter);margin-bottom:.75rem;font-size:3.5rem;animation:5s ease-in-out infinite floatLogo;display:block}.welcome-title{text-align:center;margin-bottom:.25rem;font-size:clamp(2rem,5vw,2.8rem)}.welcome-title span{-webkit-text-fill-color:var(--brand-primary)}body.theme-cinnamoroll .welcome-title{font-family:Nunito,sans-serif;font-weight:900}body.theme-cinnamoroll .welcome-title span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#7cc6f0,#ffc5d5);-webkit-background-clip:text;background-clip:text}.welcome-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-size:.9rem}body.theme-cinnamoroll .welcome-subtitle{font-family:Nunito,sans-serif;font-weight:600}.guest-profile-setup{width:100%;margin-bottom:1.5rem}.guest-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.75rem;font-weight:600;display:flex}.guest-field-label .badge{background:var(--brand-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex}.guest-nickname-field{margin-bottom:1.25rem}.guest-color-field{margin-bottom:0}.guest-nickname-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all var(--duration-normal) var(--ease-smooth);outline:none;padding:12px 16px;font-size:1rem}.guest-nickname-input::placeholder{color:var(--text-muted)}.guest-nickname-input:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px #8b5cf614}body.theme-cinnamoroll .guest-nickname-input{border-radius:var(--radius-full);padding:14px 20px;font-family:Nunito,sans-serif;font-weight:600}body.theme-cinnamoroll .guest-nickname-input:focus{border-color:#7cc6f0;box-shadow:0 0 0 3px #b8e1f54d}.color-picker-grid{grid-template-columns:repeat(6,1fr);gap:10px;width:100%;display:grid}.color-btn{aspect-ratio:1;cursor:pointer;width:100%;box-shadow:none;transition:transform var(--duration-fast) var(--ease-bounce), border-color var(--duration-fast), box-shadow var(--duration-fast);background:0 0;border:2px solid #0000;border-radius:50%;padding:0;position:relative;overflow:visible}.color-btn:before{display:none}.color-btn:hover:not(:disabled){filter:none;transform:scale(1.2);box-shadow:0 4px 12px #0000004d}.color-btn.active{box-shadow:0 0 0 3px var(--brand-primary);border-color:#fff;transform:scale(1.1)}body.theme-cinnamoroll .color-btn.active{box-shadow:0 0 0 3px #ffc5d5}.welcome-divider{background:var(--border-subtle);width:100%;height:1px;margin:1.5rem 0}body.theme-cinnamoroll .welcome-divider{background:linear-gradient(90deg,#0000,#b8e1f580,#ffc5d580,#0000);height:1.5px}.pulse-btn{border-radius:var(--radius-lg);width:100%;padding:16px 48px;font-size:1.05rem;animation:2.5s ease-in-out infinite pulse;position:relative}@keyframes pulse{0%,to{box-shadow:0 4px 16px var(--brand-glow)}50%{box-shadow:0 4px 32px var(--brand-glow), 0 0 60px var(--brand-glow-lg)}}body.theme-cinnamoroll .pulse-btn{border-radius:var(--radius-full);letter-spacing:.03em;font-size:1.1rem;animation:2.5s ease-in-out infinite pulseCinnamoroll}@keyframes pulseCinnamoroll{0%,to{box-shadow:0 4px 18px #ffc5d573,0 2px 8px #7cc6f04d}50%{box-shadow:0 8px 36px #ffc5d5a6,0 4px 20px #7cc6f073,0 0 60px #ffc5d533}}.welcome-status{color:var(--text-secondary);text-align:center;min-height:1.5em;margin-top:.75rem;font-size:.875rem}.welcome-status.error{color:var(--error)}.welcome-status.connecting{color:var(--accent)}.source-tabs{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-input);gap:0;margin-bottom:1.25rem;display:flex;overflow:hidden}.source-tab{text-align:center;cursor:pointer;color:var(--text-secondary);border:none;border-right:1px solid var(--border-subtle);box-shadow:none;transition:all var(--duration-fast) var(--ease-smooth);font-size:.8rem;font-weight:600;font-family:var(--font-body);text-shadow:none;background:0 0;border-radius:0;flex:1;padding:10px 12px}.source-tab:before{display:none}.source-tab:last-child{border-right:none}.source-tab:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary);box-shadow:none;filter:none;transform:none}.source-tab.active{background:var(--brand-gradient);color:#fff;font-weight:700}.tab-content{animation:panelIn .3s var(--ease-smooth) both}body.theme-cinnamoroll .source-tabs{background:#fff9;border-color:#b8e1f566}body.theme-cinnamoroll .source-tab{border-color:#b8e1f54d}body.theme-cinnamoroll .source-tab.active{background:var(--brand-gradient);color:#fff}.ext-url-group{align-items:center;gap:10px;margin-bottom:1rem;display:flex}.ext-url-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);transition:all var(--duration-fast) var(--ease-smooth);outline:none;flex:1;padding:12px 16px;font-size:.9rem}.ext-url-input:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px #8b5cf614}.ext-url-input::placeholder{color:var(--text-muted)}body.theme-cinnamoroll .ext-url-input:focus{box-shadow:0 0 0 3px #7cc8f026}.ext-detect-badge{border-radius:var(--radius-full);background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border-subtle);white-space:nowrap;min-width:0;transition:all var(--duration-fast) var(--ease-smooth);flex-shrink:0;padding:5px 12px;font-size:.72rem;font-weight:700}.ext-detect-badge:empty{display:none}.ext-detect-badge.platform-youtube{color:#fff;background:red;border-color:red}.ext-detect-badge.platform-twitch{color:#fff;background:#9146ff;border-color:#9146ff}.ext-detect-badge.platform-dailymotion{color:#fff;background:#0066dc;border-color:#0066dc}.ext-detect-badge.platform-vimeo{color:#fff;background:#1ab7ea;border-color:#1ab7ea}.ext-detect-badge.platform-m3u8{background:var(--success);color:#000;border-color:var(--success)}.ext-actions{gap:10px;margin-bottom:1rem;display:flex}.ext-load-btn,.ext-start-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);flex:1;padding:10px 14px;font-size:.85rem;font-weight:600}.ext-load-btn{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:none}.ext-load-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--brand-primary);box-shadow:none;filter:none;transform:none}.ext-load-btn:before{display:none}.ext-start-btn{background:var(--brand-gradient);color:#fff;border:none}.ext-start-btn:before{display:none}.ext-preview-zone{border-radius:var(--radius-lg);border:1px solid var(--border-default);aspect-ratio:16/9;background:#0a0a14;margin-bottom:1rem;overflow:hidden}body.theme-cinnamoroll .ext-preview-zone{background:#e0eaf2;border-color:#b8e1f580}.ext-error-msg{color:var(--error);min-height:1.2em;font-size:.82rem;font-weight:500}.m3u8-hint{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem;line-height:1.4}#external-player-container,#host-ext-player{background:#000;border-radius:0}#external-player-container iframe,#host-ext-player iframe{border:none;width:100%;height:100%}.next-source-modal{z-index:10000;-webkit-backdrop-filter:blur(8px);animation:overlayIn .3s var(--ease-smooth);background:#06060ed9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}body.theme-cinnamoroll .next-source-modal{background:#edf6fcd9}.next-source-panel{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:90%;max-width:500px;animation:panelIn .3s var(--ease-smooth);padding:1.5rem;box-shadow:0 10px 40px #00000080}body.theme-cinnamoroll .next-source-panel{background:#fffffff2;border:1px solid #b8e1f599;box-shadow:0 10px 30px #7cc6f026}.next-source-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.next-source-header h3{color:var(--text-primary);margin:0;font-size:1.2rem}.next-source-close{color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;font-size:1.2rem}.next-source-close:hover{color:var(--text-primary)}.next-drop-zone{border:2px dashed var(--border-subtle);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);background:var(--bg-input);padding:2rem}.next-drop-zone:hover,.next-drop-zone.dragover{border-color:var(--brand-primary);background:var(--bg-card-hover)}body.theme-cinnamoroll .next-drop-zone{background:#fff9;border-color:#b8e1f599}body.theme-cinnamoroll .next-drop-zone:hover{border-color:var(--brand-primary);background:#fff}.wp-toast-container{z-index:10002;pointer-events:none;flex-direction:column-reverse;gap:8px;max-width:90vw;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.wp-toast{pointer-events:auto;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-lg);animation:wpToastIn .4s var(--ease-bounce) both;white-space:nowrap;border:1px solid;align-items:center;gap:10px;max-width:440px;padding:12px 20px;font-size:.88rem;font-weight:500;display:flex}.wp-toast.removing{animation:wpToastOut .3s var(--ease-smooth) forwards}.wp-toast-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.wp-toast-text{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.wp-toast--success{color:var(--success);background:#10b9811f;border-color:#10b98140}.wp-toast--info{color:var(--accent);background:#38bdf81f;border-color:#38bdf840}.wp-toast--warning{color:var(--warning);background:#f59e0b1f;border-color:#f59e0b40}.wp-toast--error{color:var(--error);background:#ef44441f;border-color:#ef444440}body.theme-cinnamoroll .wp-toast--success{background:#a8e6cf33;border-color:#a8e6cf66}body.theme-cinnamoroll .wp-toast--info{background:#7cc6f026;border-color:#7cc6f04d}body.theme-cinnamoroll .wp-toast--warning{background:#ffe0a333;border-color:#ffe0a366}body.theme-cinnamoroll .wp-toast--error{background:#ffaabb26;border-color:#ffaabb4d}@keyframes wpToastIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes wpToastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.95)}}button .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}button.is-loading{pointer-events:none;opacity:.85}button.is-success,#copy-btn.copied{background:var(--success)!important;box-shadow:0 4px 16px #10b9814d!important}.video-buffering-overlay{z-index:15;pointer-events:none;animation:overlayIn .2s var(--ease-smooth) both;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}body.theme-cinnamoroll .video-buffering-overlay{background:#c8dcf073}.buffering-spinner{border:3px solid #ffffff26;border-top-color:var(--brand-primary);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite spin}body.theme-cinnamoroll .buffering-spinner{border-color:#7cc6f033;border-top-color:var(--brand-secondary)}.sync-badge{border-radius:var(--radius-full);font-size:.72rem;font-weight:600;font-family:var(--font-mono);z-index:18;pointer-events:none;-webkit-backdrop-filter:blur(12px);transition:all .3s var(--ease-smooth);opacity:0;align-items:center;gap:6px;padding:5px 12px;display:flex;position:absolute;top:12px;right:12px;transform:translateY(-4px)}.sync-badge.visible{opacity:1;transform:translateY(0)}.sync-badge .sync-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.sync-badge.synced{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.sync-badge.synced .sync-dot{background:var(--success)}.sync-badge.catching-up{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d}.sync-badge.catching-up .sync-dot{background:var(--warning);animation:1s infinite pulseDot}.sync-badge.desynced{color:var(--error);background:#ef444426;border:1px solid #ef44444d}.sync-badge.desynced .sync-dot{background:var(--error)}.connection-indicator{border-radius:var(--radius-full);z-index:9998;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);transition:all .3s var(--ease-smooth);opacity:0;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:600;display:flex;position:fixed;top:16px;left:16px;transform:translateY(-4px)}.connection-indicator.visible{opacity:1;transform:translateY(0)}.connection-indicator .conn-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .3s}.connection-indicator.good .conn-dot{background:var(--success)}.connection-indicator.fair .conn-dot{background:var(--warning);animation:1.5s infinite pulseDot}.connection-indicator.poor .conn-dot{background:var(--error);animation:.8s infinite pulseDot}.connection-indicator.disconnected .conn-dot{background:var(--text-muted)}.connection-indicator .conn-label{color:var(--text-secondary);font-family:var(--font-body)}.skeleton{background:linear-gradient(90deg, var(--bg-input) 0%, var(--bg-card-hover) 50%, var(--bg-input) 100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-video{aspect-ratio:16/9;width:100%}.skeleton-chat-line{border-radius:6px;height:12px;margin-bottom:8px}.skeleton-chat-line:nth-child(odd){width:70%}.skeleton-chat-line:nth-child(2n){width:45%}.skeleton-sidebar-header{border-radius:var(--radius-md);height:48px;margin-bottom:12px}.shimmer-overlay{z-index:15;-webkit-backdrop-filter:blur(12px)saturate(1.2);animation:shimmerFadeIn .4s var(--ease-smooth) both;background:#000000a6;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.shimmer-overlay.shimmer-fade-out{animation:shimmerFadeOut .4s var(--ease-smooth) forwards}.shimmer-pulse{background:var(--brand-gradient);width:48px;height:48px;box-shadow:0 0 30px var(--brand-glow);border-radius:50%;animation:1.8s ease-in-out infinite shimmerPulse}.shimmer-text{color:var(--text-secondary);letter-spacing:.04em;font-size:.85rem;font-weight:500;animation:1.8s ease-in-out infinite shimmerTextPulse}@keyframes shimmerPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes shimmerTextPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmerFadeOut{0%{opacity:1}to{opacity:0}}.buffer-health-halo{pointer-events:none;z-index:5;border-radius:inherit;transition:box-shadow .8s var(--ease-smooth), border-color .8s var(--ease-smooth);border:2px solid #0000;position:absolute;inset:0}.buffer-health-halo[data-health=empty],.buffer-health-halo[data-health=low]{border-color:#ef44444d;box-shadow:inset 0 0 20px #ef444426}.buffer-health-halo[data-health=medium]{border-color:#f59e0b26;box-shadow:inset 0 0 15px #f59e0b1a}.buffer-health-halo[data-health=good]{box-shadow:none;border-color:#0000}.sync-dot-minimal{z-index:20;pointer-events:none;width:7px;height:7px;transition:opacity .5s var(--ease-smooth), background .5s var(--ease-smooth);border-radius:50%;position:absolute;top:12px;right:12px;box-shadow:0 0 6px}.sync-dot-minimal.synced{color:#10b98166;background:#10b981;animation:3s ease-in-out infinite syncPulseSlow}.sync-dot-minimal.catching-up{color:#f59e0b66;background:#f59e0b;animation:1s ease-in-out infinite syncPulseFast}.sync-dot-minimal.desynced{color:#ef444466;background:#ef4444;animation:none}@keyframes syncPulseSlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes syncPulseFast{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.cinema-entrance{animation:1.2s cubic-bezier(.4,0,.2,1) both cinemaFadeIn}@keyframes cinemaFadeIn{0%{opacity:0;filter:brightness(.3)blur(8px)}60%{opacity:1;filter:brightness(.8)blur(2px)}to{opacity:1;filter:brightness()blur()}}.cinema-poster{z-index:8;filter:blur(4px)brightness(.6);transition:opacity .8s var(--ease-smooth);background-position:50%;background-size:cover;position:absolute;inset:0}.cinema-poster-fade{opacity:0}.repair-overlay{z-index:25;-webkit-backdrop-filter:blur(16px);animation:shimmerFadeIn .4s var(--ease-smooth) both;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.repair-overlay.repair-fade-out{animation:shimmerFadeOut .4s var(--ease-smooth) forwards}.repair-icon{font-size:2.2rem;animation:2s ease-in-out infinite repairSpin}@keyframes repairSpin{0%,to{transform:rotate(0)}25%{transform:rotate(-20deg)}75%{transform:rotate(20deg)}}.repair-msg{color:var(--text-secondary);text-align:center;font-size:.95rem;font-weight:500}.repair-btn{border-radius:var(--radius-full)!important;background:var(--brand-gradient)!important;color:#fff!important;cursor:pointer!important;box-shadow:0 4px 16px var(--brand-glow)!important;transition:all .25s var(--ease-smooth)!important;border:none!important;padding:10px 24px!important;font-size:.85rem!important;font-weight:600!important}.repair-btn:hover{box-shadow:0 8px 28px var(--brand-glow)!important;transform:translateY(-2px)scale(1.03)!important}.error-toast{background:var(--bg-elevated);color:var(--error);border-radius:var(--radius-lg);z-index:10001;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:toastIn .4s var(--ease-smooth) both;text-align:center;border:1px solid #ef44444d;max-width:90vw;padding:14px 24px;font-size:.9rem;font-weight:500;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}body.theme-cinnamoroll .error-toast{background:#fffffff7;border-color:#fab6}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}.autoplay-overlay{z-index:30;-webkit-backdrop-filter:blur(12px);animation:overlayIn .3s var(--ease-smooth) both;background:#06060ee0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}body.theme-cinnamoroll .autoplay-overlay{background:#edf6fcf0}.autoplay-resume-btn{border-radius:var(--radius-full);background:var(--brand-gradient);color:#fff;cursor:pointer;font-size:1.1rem;font-family:var(--font-heading);box-shadow:0 4px 24px var(--brand-glow);transition:all var(--duration-normal) var(--ease-smooth);border:none;padding:18px 40px;font-weight:700;animation:2s ease-in-out infinite pulse}.autoplay-resume-btn:hover{box-shadow:0 8px 36px var(--brand-glow);transform:translateY(-3px)scale(1.02)}body.theme-cinnamoroll .autoplay-resume-btn{box-shadow:0 4px 18px #ffc5d573,0 2px 8px #7cc6f04d}.video-zone.is-fullscreen{z-index:9999;background:#000;flex-direction:column;display:flex;top:0;left:0;width:100vw!important;height:100vh!important;position:fixed!important}body.theme-cinnamoroll .video-zone.is-fullscreen{background:#000}.video-zone.is-fullscreen .video-wrapper{flex:1;min-height:0}.video-zone.is-fullscreen video{object-fit:contain;flex:1;width:100%;height:0}.video-zone.is-fullscreen .controls-bar{-webkit-backdrop-filter:blur(24px);background:#000000d1;border-top:1px solid #ffffff0f;flex:none}:-webkit-any(.video-zone:fullscreen,.video-zone:-webkit-full-screen,.video-zone:fullscreen){background:#000;flex-direction:column;display:flex}:-moz-any(.video-zone:fullscreen,.video-zone:fullscreen,.video-zone:-moz-full-screen){background:#000;flex-direction:column;display:flex}:is(.video-zone:fullscreen,.video-zone:fullscreen,.video-zone:fullscreen){background:#000;flex-direction:column;display:flex}:-webkit-any(.video-zone:fullscreen .video-wrapper,.video-zone:-webkit-full-screen .video-wrapper,.video-zone:fullscreen .video-wrapper){flex:1;min-height:0}:-moz-any(.video-zone:fullscreen .video-wrapper,.video-zone:fullscreen .video-wrapper,.video-zone:-moz-full-screen .video-wrapper){flex:1;min-height:0}:is(.video-zone:fullscreen .video-wrapper,.video-zone:fullscreen .video-wrapper,.video-zone:fullscreen .video-wrapper){flex:1;min-height:0}:-webkit-any(.video-zone:fullscreen video,.video-zone:-webkit-full-screen video,.video-zone:fullscreen video){object-fit:contain;flex:1}:-moz-any(.video-zone:fullscreen video,.video-zone:fullscreen video,.video-zone:-moz-full-screen video){object-fit:contain;flex:1}:is(.video-zone:fullscreen video,.video-zone:fullscreen video,.video-zone:fullscreen video){object-fit:contain;flex:1}:-webkit-any(.video-zone:fullscreen .controls-bar,.video-zone:-webkit-full-screen .controls-bar,.video-zone:fullscreen .controls-bar){-webkit-backdrop-filter:blur(24px);background:#000000d1;border-top:1px solid #ffffff0f;flex:none}:-moz-any(.video-zone:fullscreen .controls-bar,.video-zone:fullscreen .controls-bar,.video-zone:-moz-full-screen .controls-bar){-webkit-backdrop-filter:blur(24px);background:#000000d1;border-top:1px solid #ffffff0f;flex:none}:is(.video-zone:fullscreen .controls-bar,.video-zone:fullscreen .controls-bar,.video-zone:fullscreen .controls-bar){-webkit-backdrop-filter:blur(24px);background:#000000d1;border-top:1px solid #ffffff0f;flex:none}body.is-playing.theme-cinnamoroll:before,body.is-playing.theme-cinnamoroll:after,body.is-playing.theme-cinnamoroll .cinnamoroll-mascot{pointer-events:none;transition:opacity .5s var(--ease-smooth);opacity:0!important}:is(.video-zone.is-fullscreen~.theme-toggle-wrapper,.video-zone:fullscreen~.theme-toggle-wrapper){display:none}.progress-tooltip{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);font-size:.72rem;font-family:var(--font-mono);font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;z-index:20;white-space:nowrap;padding:3px 8px;transition:opacity .15s,transform .15s;position:absolute;top:-32px;transform:translate(-50%)translateY(4px)}.progress-area:hover .progress-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.host-capacity-warning{background:var(--error);color:#fff;border-radius:var(--radius-md);z-index:9999;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:all .3s var(--ease-smooth);padding:10px 20px;font-weight:700;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-20px)}.host-capacity-warning.visible{opacity:1;transform:translate(-50%)translateY(0)}.resync-manual-btn{z-index:50;color:#fff;border-radius:var(--radius-full);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s var(--ease-smooth);background:#ef4444cc;border:none;padding:8px 16px;font-size:.8rem;font-weight:600;position:absolute;top:20px;right:20px}.resync-manual-btn:hover{background:#ef4444f2;transform:scale(1.05)}.reconnect-overlay{z-index:10001;-webkit-backdrop-filter:blur(24px);animation:overlayIn .3s var(--ease-smooth) both;background:#06060eeb;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}body.theme-cinnamoroll .reconnect-overlay{background:#edf6fcf2}.reconnect-overlay .reconnect-icon{font-size:2.5rem;animation:3s ease-in-out infinite floatLogo}.reconnect-overlay h3{color:var(--text-primary);margin:0}.reconnect-overlay p{color:var(--text-secondary);text-align:center;max-width:320px;font-size:.9rem}.reconnect-overlay .reconnect-progress{background:var(--bg-input);border-radius:var(--radius-full);width:200px;height:3px;margin-top:8px;overflow:hidden}.reconnect-overlay .reconnect-progress-fill{background:var(--brand-gradient);border-radius:var(--radius-full);height:100%;animation:2s ease-in-out infinite reconnectPulse}@keyframes reconnectPulse{0%{width:10%}50%{width:70%}to{width:10%}}.reconnect-retry-btn{border-radius:var(--radius-full);margin-top:12px;padding:10px 24px;font-size:.88rem}::selection{color:#fff;background:#8b5cf64d}body.theme-cinnamoroll ::selection{color:var(--text-primary);background:#7cc8f04d}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media (width<=899px){.theme-toggle-wrapper{padding:5px 10px;top:8px;right:8px}.theme-toggle-label{display:none}.host-wrapper{padding:4.5rem 1rem 3rem}.glass-panel{border-radius:var(--radius-xl);padding:1.5rem 1.25rem}.dashboard-layout{flex-direction:column;height:auto;min-height:100dvh;overflow-x:hidden}.dashboard-main{z-index:100;flex:none;width:100%;position:sticky;top:0;box-shadow:0 8px 24px #0006}.video-wrapper{aspect-ratio:16/9;width:100%;height:auto;min-height:unset}.controls-bar{gap:6px;padding:8px 10px}.controls-row{gap:6px}.controls-right{gap:4px}.ctrl-btn{min-width:38px;min-height:38px;padding:6px 10px;font-size:.95rem}.time-display{font-size:.72rem}.volume-slider{display:none}.sub-selector{max-width:110px;padding:4px 6px;font-size:.7rem}.dashboard-sidebar{border-left:none;border-top:1px solid var(--border-default);flex:auto;width:100%;min-height:300px;overflow:hidden}.sidebar-tabs{display:flex!important}.sidebar-section{flex:1;display:none;overflow-y:auto}.sidebar-section.section-active{display:flex}.chat-section{min-height:260px}.transfer-section,.playlist-section{max-height:none}.sub-entry{flex-wrap:wrap}.sub-lang-input{flex:0 0 100%}.sub-file-input{flex:1}body.theme-cinnamoroll:before{letter-spacing:6px;font-size:.7rem}body.theme-cinnamoroll .cinnamoroll-mascot{width:70px;height:70px;bottom:10px;left:10px}.welcome-card{border-radius:var(--radius-xl);padding:2rem 1.5rem}.color-picker-grid{gap:8px}.next-overlay{width:calc(100% - 32px);bottom:70px;left:16px;right:16px}#mute-btn{display:flex!important}.reaction-btn{min-width:44px;min-height:44px}}@media (width<=480px){.host-wrapper{padding:4rem .75rem 2rem}.glass-panel{padding:1.25rem 1rem}.preview-meta-row{flex-direction:column;gap:.4rem}h1{font-size:1.8rem}.subtitle{margin-bottom:1.5rem;font-size:.9rem}.welcome-title{font-size:2rem}.pulse-btn{padding:14px 28px;font-size:.95rem}.welcome-card{gap:0;padding:1.75rem 1.25rem}.controls-right{justify-content:flex-end;width:100%}.sub-selector{max-width:90px;font-size:.65rem}.ctrl-btn{min-width:36px;min-height:36px}.next-overlay{width:calc(100% - 24px);padding:16px;bottom:60px;left:12px;right:12px}}@media (width>=900px) and (width<=1200px){.dashboard-sidebar{flex:0 0 300px;width:300px}}