:root{--bg-darkest:#07080a;--bg-base:#0b0c10;--bg-surface:#13151b;--bg-surface-elevated:#1a1d26;--bg-surface-hover:#222634;--bg-glass:#12141cb8;--bg-glass-strong:#0c0e13e0;--bg-glass-border:#ffffff14;--accent-gold:#e5a00d;--accent-gold-hover:#f5b324;--accent-gold-glow:#e5a00d40;--accent-blue:#3b82f6;--accent-emerald:#10b981;--accent-purple:#a855f7;--accent-crimson:#ef4444;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-disabled:#475569;--sidebar-width:240px;--sidebar-collapsed-width:64px;--navbar-height:56px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 16px 40px #000000b3;--shadow-glow:0 0 20px #e5a00d59;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-darkest);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14.5px;line-height:1.45;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{color:inherit;outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-glass-border)}.glass-panel-strong{background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(24px);border:1px solid var(--bg-glass-border)}.app-container{background-color:var(--bg-darkest);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-main{background:radial-gradient(circle at 50% 0,#1e233240 0%,#0000 60%);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.app-content{height:calc(100vh - var(--navbar-height));-webkit-overflow-scrolling:touch;flex:1;padding:0 0 2rem;position:relative;overflow:hidden auto}.btn-primary{background:var(--accent-gold);color:#000;border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #e5a00d4d}.btn-primary:hover{background:var(--accent-gold-hover);transform:translateY(-1px);box-shadow:0 6px 20px #e5a00d73}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast);background:#ffffff1a;border:1px solid #ffffff1a;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:#ffffff2e;border-color:#fff3;transform:translateY(-1px)}.btn-icon{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff14;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{color:#fff;background:#ffffff29;transform:scale(1.05)}.badge{border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff24;align-items:center;padding:.15rem .45rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-4k{color:#34d399;background:#10b98126;border-color:#10b9814d}.badge-hdr{color:#c084fc;background:#a855f726;border-color:#a855f74d}.badge-atmos{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.badge-rating{color:var(--accent-gold);background:#e5a00d26;border-color:#e5a00d4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-spin-slow{animation:2s linear infinite spinSlow}.sidebar{width:var(--sidebar-width);background-color:var(--bg-surface);border-right:1px solid var(--bg-glass-border);z-index:50;height:100vh;transition:width var(--transition-normal);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{height:var(--navbar-height);border-bottom:1px solid var(--bg-glass-border);justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex}.brand-logo{cursor:pointer;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-icon-wrapper{border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:transform var(--transition-fast), filter var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-icon-wrapper:hover{filter:drop-shadow(0 0 10px #ffffff73);transform:scale(1.06)}.brand-icon-img{object-fit:contain;width:100%;height:100%}.brand-title{letter-spacing:-.03em;color:#fff;white-space:nowrap;font-size:1.25rem;font-weight:800}.brand-title span{color:var(--accent-gold)}.sidebar-toggle-btn{color:var(--text-secondary);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:.4rem;display:flex}.sidebar-toggle-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-content{flex-direction:column;flex:1;gap:1.5rem;padding:1.25rem .75rem;display:flex;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 .75rem .5rem;font-size:.75rem;font-weight:700}.nav-list{flex-direction:column;gap:.25rem;list-style:none;display:flex}.nav-item{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);transition:all var(--transition-fast);text-align:left;white-space:nowrap;align-items:center;gap:.85rem;padding:.7rem .85rem;font-size:.92rem;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.nav-item.active{color:var(--accent-gold);border-left:3px solid var(--accent-gold);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#e5a00d1f;font-weight:600}.nav-item-icon{flex-shrink:0}.nav-item-badge{border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffff1a;margin-left:auto;padding:.1rem .45rem;font-size:.75rem;font-weight:600}.sidebar-footer{border-top:1px solid var(--bg-glass-border);background:#0003;padding:1rem}.server-status-pill{border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);background:#ffffff0a;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.status-dot{background-color:var(--accent-emerald);width:8px;height:8px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%;flex-shrink:0}.status-dot.scanning{background-color:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold);animation:1s infinite alternate pulseGlow}.server-info-text{flex:1;min-width:0}.server-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.server-status-label{color:var(--text-muted);font-size:.72rem}.navbar{height:var(--navbar-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--bg-glass-border);z-index:40;justify-content:space-between;align-items:center;gap:1.5rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.nav-search-container{width:100%;max-width:440px;position:relative}.search-input-wrapper{border-radius:var(--radius-full);transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:.6rem;padding:.45rem .85rem;display:flex}.search-input-wrapper:focus-within{border-color:var(--accent-gold);background:#ffffff1f;box-shadow:0 0 16px #e5a00d33}.search-input{color:#fff;background:0 0;border:none;width:100%;font-size:.88rem}.search-input::placeholder{color:var(--text-muted)}.search-shortcut-badge{font-size:.68rem;font-family:var(--font-mono);color:var(--text-muted);background:#ffffff1a;border-radius:4px;padding:.1rem .35rem}.nav-sort-container{align-items:center;gap:.5rem;margin-left:auto;display:flex}.nav-sort-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.nav-sort-button-group{border-radius:var(--radius-full);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:2px;padding:3px;display:flex}.nav-sort-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.78rem;font-weight:500;display:flex}.nav-sort-btn:hover{color:#fff;background:#ffffff14}.nav-sort-btn.active{color:#fff;background:#e5a00d2e;border:1px solid #e5a00d59;font-weight:600;box-shadow:0 0 10px #e5a00d26}.carousel-section{padding:.75rem 1.5rem .25rem;position:relative}.carousel-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.carousel-title-group{align-items:center;gap:.5rem;display:flex}.carousel-title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.carousel-count-tag{color:var(--text-muted);border-radius:var(--radius-full);background:#ffffff0f;padding:.15rem .45rem;font-size:.7rem}.carousel-controls{align-items:center;gap:.35rem;display:flex}.carousel-arrow-btn{width:28px;height:28px;color:var(--text-primary);border:1px solid var(--bg-glass-border);transition:all var(--transition-fast);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.carousel-arrow-btn:hover{background:var(--accent-gold);color:#000;transform:scale(1.05)}.carousel-track{scroll-behavior:smooth;scrollbar-width:none;gap:.85rem;padding:.25rem 0 .6rem;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.media-card{border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal);background:var(--bg-surface);border:1px solid var(--bg-glass-border);content-visibility:auto;contain-intrinsic-size:200px 300px;flex:0 0 200px;position:relative;overflow:hidden}.media-card.landscape{contain-intrinsic-size:320px 180px;flex:0 0 320px}.media-card:hover{will-change:transform;z-index:10;border-color:#e5a00d66;transform:translateY(-6px)scale(1.02);box-shadow:0 12px 28px #000000b3,0 0 16px #e5a00d33}.media-poster-wrapper{aspect-ratio:2/3;background-color:#1a1c23;width:100%;position:relative;overflow:hidden}.media-card.landscape .media-poster-wrapper{aspect-ratio:16/9}.media-poster-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.media-card:hover .media-poster-img{transform:scale(1.06)}.card-hover-overlay{opacity:0;transition:opacity var(--transition-fast);pointer-events:none;background:linear-gradient(#0000 0%,#0006 50%,#000000eb 100%);flex-direction:column;justify-content:flex-end;padding:.75rem .6rem;display:flex;position:absolute;inset:0}.media-card:hover .card-hover-overlay{opacity:1;pointer-events:auto}.card-quick-actions{justify-content:flex-start;align-items:center;gap:.4rem;width:100%;margin-top:.25rem;display:flex}.btn-card-play{aspect-ratio:1;background:var(--accent-gold);color:#000;width:36px;min-width:36px;height:36px;min-height:36px;transition:transform var(--transition-fast), background-color var(--transition-fast);cursor:pointer;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 4px 12px #e5a00d66}.btn-card-play svg{margin-left:2px}.btn-card-play:hover{background:var(--accent-gold-hover);transform:scale(1.1)}.card-quick-actions .btn-icon{aspect-ratio:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141419bf;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;display:flex}.card-quick-actions .btn-icon:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.08)}.card-progress-bar-bg{z-index:5;background:#fff3;width:100%;height:4px;position:absolute;bottom:0;left:0}.card-progress-bar-fill{background:var(--accent-gold);height:100%;box-shadow:0 0 8px var(--accent-gold)}.media-card-info{padding:.75rem}.media-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.media-card-subline{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:.25rem;font-size:.78rem;display:flex}.card-badge-resolution{color:#34d399;background:#10b98126;border-radius:3px;padding:.1rem .35rem;font-size:.65rem;font-weight:700}.settings-view{max-width:960px;margin:0 auto;padding:1.5rem}.scanning-alert-bar{border:1px solid var(--accent-gold);border-radius:var(--radius-md);color:#fff;background:#e5a00d1f;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding:.75rem 1.25rem;display:flex}.scanning-alert-text{color:#fff;font-size:.88rem;font-weight:500}.settings-section-card{background:var(--bg-surface);border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.25rem 1.5rem}.section-card-header{border-bottom:1px solid var(--bg-glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.section-header-title-group{align-items:center;gap:.75rem;display:flex}.section-title-icon{color:var(--accent-gold);align-items:center;display:flex}.section-title{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.section-header-badge{border-radius:var(--radius-full,9999px);border:1px solid var(--bg-glass-border);color:var(--text-secondary);background:#ffffff0f;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.section-empty-subcard{text-align:center;border:1px dashed var(--bg-glass-border);border-radius:var(--radius-md);background:#ffffff04;flex-direction:column;align-items:center;gap:.6rem;padding:2.25rem 1.5rem;display:flex}.section-empty-subcard p{color:var(--text-muted);max-width:380px;margin:0;font-size:.85rem}.section-header-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.btn-text-toggle{color:var(--text-muted);border-radius:var(--radius-sm);border:1px dashed var(--bg-glass-border);transition:all var(--transition-fast);background:#ffffff08;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.82rem;display:inline-flex}.btn-text-toggle:hover{color:#fff;background:#ffffff12;border-color:#ffffff40}.add-folder-form{border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);background:#ffffff05;grid-template-columns:1.2fr 1fr 2fr auto;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.85rem;display:grid}.form-input{border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);color:#fff;background:#ffffff0f;padding:.5rem .75rem;font-size:.84rem}.form-input:focus{border-color:var(--accent-gold)}.add-success-banner{color:#34d399;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}.folder-list{flex-direction:column;gap:.6rem;display:flex}.folder-item-card{border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff08;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.folder-item-card:hover{background:#ffffff0f;border-color:#ffffff26}.folder-item-left{align-items:center;gap:.85rem;min-width:0;display:flex}.folder-type-badge{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent-gold);background:#e5a00d1f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.folder-name-text{color:#fff;align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;display:flex}.folder-item-count{color:var(--text-muted);font-size:.75rem;font-weight:400}.folder-path-text{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;align-items:center;gap:.4rem;margin-top:.25rem;font-size:.78rem;display:flex}.folder-actions-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.folder-type-toggle-group{border:1px solid var(--bg-glass-border);border-radius:var(--radius-sm);background:#0006;align-items:center;gap:2px;padding:2px;display:flex}.folder-type-toggle-btn{border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.78rem;font-weight:500;display:flex}.folder-type-toggle-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.folder-type-toggle-btn.active{color:var(--accent-gold);background:#e5a00d2e;border-color:#e5a00d73;font-weight:600;box-shadow:0 0 8px #e5a00d33}.folder-status-pill{color:var(--text-muted);font-size:.78rem}.pill-offline{color:#f59e0b;border-radius:var(--radius-sm);background:#f59e0b1f;border:1px solid #f59e0b4d;padding:.2rem .5rem;font-weight:600}.btn-delete{color:var(--text-muted);transition:color var(--transition-fast)}.btn-delete:hover{color:#ef4444}.empty-folders-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.empty-folders-state p{color:var(--text-secondary);max-width:420px;font-size:.92rem}.libraries-footer-summary{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;font-size:.82rem;display:flex}.preference-item-row{justify-content:space-between;align-items:center;gap:1.5rem;padding:.85rem 0;display:flex}.toggle-switch{flex-shrink:0;width:46px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;border:1px solid var(--bg-glass-border);background-color:#ffffff26;border-radius:26px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-gold);border-color:var(--accent-gold)}.toggle-switch input:checked+.toggle-slider:before{background-color:#000;transform:translate(20px)}@media (width<=768px){.add-folder-form{grid-template-columns:1fr}}.library-container{padding:1.25rem 1.5rem}.library-header-bar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.library-count-text{color:var(--text-muted);font-size:.9rem;font-weight:500}.library-sort-controls{align-items:center;gap:.5rem;display:flex}.library-sort-label{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;display:flex}.library-sort-select{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;outline:none;padding:.35rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s}.library-sort-select:hover{background:#ffffff1a;border-color:#ffffff40}.library-sort-select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 2px #e5a00d33}.library-sort-select option{color:#fff;background:#141416}.media-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;display:grid}.media-grid .media-card{flex:none;width:100%}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:3.5rem 1.5rem;display:flex}.empty-icon-wrap{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto .75rem;display:flex}.empty-state h3{color:var(--text-primary);margin-bottom:.4rem;font-size:1.1rem}.modal-backdrop{-webkit-backdrop-filter:blur(16px);z-index:100;background:#000000d1;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content-container{background:var(--bg-surface);border:1px solid var(--bg-glass-border);border-radius:var(--radius-xl);width:100%;max-width:1000px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow-y:auto}.modal-close-btn{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;width:38px;height:38px;transition:all var(--transition-fast);background:#0009;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{background:#fff3;transform:scale(1.05)}.modal-header-hero{align-items:flex-end;width:100%;height:380px;display:flex;position:relative;overflow:hidden}.modal-backdrop-img{object-fit:cover;filter:brightness(.65);width:100%;height:100%;position:absolute;inset:0}.modal-hero-gradient{background:linear-gradient(to top, var(--bg-surface) 0%, #13151bcc 40%, #13151b33 80%, transparent 100%);position:absolute;inset:0}.modal-hero-details{z-index:10;align-items:flex-end;gap:2rem;width:100%;padding:2rem 2.5rem 1.5rem;display:flex;position:relative}.modal-poster-card{aspect-ratio:2/3;border-radius:var(--radius-md);border:1px solid var(--bg-glass-border);flex-shrink:0;width:140px;margin-bottom:-1rem;overflow:hidden;box-shadow:0 10px 30px #000c}.modal-poster-card img{object-fit:cover;width:100%;height:100%}.modal-hero-meta{flex-direction:column;flex:1;gap:.75rem;display:flex}.modal-title{font-size:2.2rem;font-weight:800;line-height:1.1}.modal-badges-list{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.modal-action-row{align-items:center;gap:.85rem;margin-top:.5rem;display:flex}.modal-body{flex-direction:column;gap:2rem;padding:2rem 2.5rem;display:flex}.modal-synopsis-text{color:#cbd5e1;font-size:1.02rem;line-height:1.65}.specs-panel{border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);background:#00000059;padding:1.25rem 1.5rem}.specs-title{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-gold);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:flex}.cast-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;margin-top:.75rem;display:grid}.cast-card{text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex}.cast-avatar{object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;width:70px;height:70px}.cast-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.cast-role{color:var(--text-muted);font-size:.75rem}.parents-guide-section{border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);background:#ffffff08;flex-direction:column;gap:.85rem;padding:1.25rem 1.5rem;display:flex}.parents-guide-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.parents-guide-title{color:var(--text-primary);align-items:center;gap:.6rem;font-size:1rem;font-weight:700;display:flex}.parents-guide-cert-badge{border-radius:var(--radius-sm);color:#fde047;letter-spacing:.5px;background:#eab30826;border:1px solid #eab30859;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.parents-guide-summary{color:var(--text-secondary);font-size:.88rem;font-style:italic;line-height:1.5}.parents-guide-categories{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-top:.25rem;display:grid}.parents-guide-item{border-radius:var(--radius-md);background:#0000004d;border:1px solid #ffffff0f;flex-direction:column;gap:.35rem;padding:.65rem .85rem;display:flex}.parents-guide-item-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:600}.parents-guide-severity{border-radius:var(--radius-sm);width:fit-content;padding:.15rem .5rem;font-size:.82rem;font-weight:700}.seasons-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.season-tabs{gap:.5rem;display:flex;overflow-x:auto}.season-tab-btn{border-radius:var(--radius-full);border:1px solid var(--bg-glass-border);color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff0f;padding:.45rem 1rem;font-size:.85rem;font-weight:600}.season-tab-btn.active{background:var(--accent-gold);color:#000;border-color:var(--accent-gold)}.episodes-list{flex-direction:column;gap:1rem;display:flex}.episode-row{border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;gap:1.25rem;padding:1rem;display:flex}.episode-row:hover{background:#ffffff14;border-color:#e5a00d66;transform:translate(4px)}.episode-thumbnail-wrap{aspect-ratio:16/9;border-radius:var(--radius-sm);background-color:#000;flex-shrink:0;width:170px;position:relative;overflow:hidden}.episode-thumbnail-img{object-fit:cover;width:100%;height:100%}.episode-play-overlay{opacity:0;transition:opacity var(--transition-fast);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.episode-row:hover .episode-play-overlay{opacity:1}.episode-info{flex-direction:column;flex:1;gap:.35rem;display:flex}.episode-header-line{justify-content:space-between;align-items:center;display:flex}.episode-title-text{color:var(--text-primary);font-size:1rem;font-weight:700}.episode-runtime{color:var(--text-muted);font-size:.8rem}.episode-overview-text{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.player-center-controls{z-index:10;pointer-events:auto;align-items:center;gap:2.5rem;display:flex}.btn-center-play{background:var(--accent-gold);color:#000;cursor:pointer;width:90px;height:90px;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 32px #e5a00d99}.btn-center-skip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;width:68px;height:68px;transition:all var(--transition-fast);background:#0009;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex}.player-button-row{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.player-left-controls,.player-right-controls{align-items:center;gap:1.15rem;display:flex}.btn-player-play-prominent{background:var(--accent-gold);cursor:pointer;width:52px;height:52px;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #e5a00d80}.btn-player-play-prominent:hover{background:#f59e0b;transform:scale(1.12);box-shadow:0 6px 22px #e5a00db3}.btn-player-icon{color:#fff;width:48px;height:48px;transition:all var(--transition-fast);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-player-icon:hover{color:var(--accent-gold);background:#ffffff38;border-color:#ffffff59;transform:scale(1.1)}.btn-player-icon-sm{color:#fff;cursor:pointer;width:40px;height:40px;transition:color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-player-icon-sm:hover{color:var(--accent-gold)}.volume-slider-group{border-radius:var(--radius-full);background:#ffffff14;border:1px solid #ffffff26;align-items:center;gap:.6rem;padding:.35rem .85rem .35rem .4rem;display:flex}.volume-slider{width:95px;height:6px;accent-color:var(--accent-gold);cursor:pointer;background:#ffffff40;border-radius:3px}.player-time-display{font-family:var(--font-mono);color:#f1f5f9;align-items:center;gap:.5rem;margin-left:.5rem;font-size:1.05rem;font-weight:600;display:flex}.time-current{color:#fff}.time-separator{color:#fff6}.time-total{color:#94a3b8}.btn-speed-badge{font-family:var(--font-mono);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;background:#ffffff17;border:1.5px solid #fff3;padding:.55rem 1.05rem;font-size:.92rem;font-weight:700}.btn-speed-badge:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#e5a00d40}.next-episode-toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid var(--accent-gold);border-radius:var(--radius-lg);z-index:50;background:#12141cf7;align-items:center;gap:1.5rem;padding:1.25rem 1.75rem;display:flex;position:absolute;bottom:6.5rem;right:3.5rem;box-shadow:0 16px 40px #000000e6}.track-selector-popover{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-lg);z-index:100;background:#12141cf7;border:1.5px solid #e5a00d73;flex-direction:column;gap:1.15rem;width:380px;padding:1.5rem;display:flex;position:absolute;bottom:6.5rem;right:3.5rem;box-shadow:0 20px 50px #000000e6}.track-tabs-row{border-radius:var(--radius-md);background:#ffffff0f;align-items:center;gap:.5rem;padding:3px;display:flex}.track-tab-btn{color:#94a3b8;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.88rem;font-weight:600;display:inline-flex}.track-tab-btn:hover{color:#fff}.track-tab-btn.active{background:var(--accent-gold);color:#000;font-weight:700}.track-popover-title{text-transform:uppercase;color:var(--accent-gold);letter-spacing:.06em;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.88rem;font-weight:700;display:flex}.track-item-btn{border-radius:var(--radius-sm);color:#cbd5e1;width:100%;transition:all var(--transition-fast);cursor:pointer;background:#ffffff0a;border:1px solid #0000;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.95rem;display:flex}.track-item-btn:hover{color:#fff;background:#ffffff1f}.track-item-btn.selected{color:var(--accent-gold);background:#e5a00d33;border-color:#e5a00d80;font-weight:700}.player-subtitle-cue-container{text-align:center;pointer-events:none;z-index:40;max-width:85%;transition:bottom .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:6rem;left:50%;transform:translate(-50%)}.player-subtitle-cue-text{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-shadow:0 2px 4px #000000f2;letter-spacing:.01em;white-space:pre-line;background:#000000d1;border:1px solid #ffffff26;border-radius:8px;padding:.4rem 1.1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.45rem;font-weight:700;line-height:1.4;display:inline-block;box-shadow:0 4px 16px #000000b3}.video-player-root{z-index:999;-webkit-user-select:none;user-select:none;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.video-player-element{object-fit:contain;cursor:pointer;background-color:#000;width:100%;height:100%}.player-controls-overlay{opacity:1;pointer-events:none;background:linear-gradient(#000000e6 0%,#00000080 18%,#0000 32% 65%,#000000b3 82%,#000000fa 100%);flex-direction:column;justify-content:space-between;padding:2rem 3.5rem;transition:opacity .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.player-controls-overlay>*{pointer-events:auto}.player-controls-overlay.hide-cursor{opacity:0;pointer-events:none!important}.player-controls-overlay.hide-cursor>*{pointer-events:none!important}.video-player-root.hide-cursor,.video-player-root.hide-cursor *{cursor:none!important}.player-top-bar{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.player-back-btn{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all var(--transition-fast);cursor:pointer;background:#161820d9;border:1.5px solid #ffffff2e;justify-self:start;align-items:center;gap:.75rem;padding:.7rem 1.35rem;font-size:1.05rem;font-weight:600;display:inline-flex;box-shadow:0 6px 16px #00000080}.player-back-btn:hover{border-color:var(--accent-gold);background:#e5a00d40;transform:translate(-3px)}.player-top-bar-right{justify-self:end;align-items:center;gap:1rem;display:flex}.btn-player-close{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast);background:#161820d9;border:1.5px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-player-close:hover{color:#ef4444;background:#ef44444d;border-color:#ef4444;transform:scale(1.08)}.player-media-title-group{text-align:center;flex-direction:column;justify-self:center;align-items:center;max-width:700px;display:flex}.player-current-title{color:#fff;text-shadow:0 2px 12px #000000e6;font-size:1.45rem;font-weight:700}.player-current-subtext{color:var(--accent-gold);margin-top:.3rem;font-size:.95rem;font-weight:500}.player-stream-badge{color:#34d399;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);background:#10b9812e;border:1.5px solid #10b98173;align-items:center;gap:.6rem;padding:.45rem 1rem;font-size:.86rem;font-weight:700;display:inline-flex}.player-center-controls-wrapper{pointer-events:none;z-index:40;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-center-controls{pointer-events:auto;justify-content:center;align-items:center;gap:3.5rem;display:flex}.btn-center-play{background:var(--accent-gold);cursor:pointer;width:88px;height:88px;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 32px #000000b3,0 0 24px #e5a00d99}.btn-center-play:hover{background:#f59e0b;transform:scale(1.12);box-shadow:0 10px 40px #000000d9,0 0 32px #e5a00dcc}.btn-center-skip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;cursor:pointer;width:68px;height:68px;transition:all var(--transition-fast);background:#161820e0;border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 6px 20px #0009}.btn-center-skip:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:#ffffff38;transform:scale(1.1)}.center-skip-number{font-family:var(--font-sans);color:#fff;pointer-events:none;font-size:.68rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.player-bottom-bar{flex-direction:column;gap:1.25rem;width:100%;display:flex}.scrubber-container{cursor:pointer;align-items:center;width:100%;height:28px;display:flex;position:relative}.scrubber-track-bg{background:#ffffff47;border-radius:6px;height:8px;transition:height .15s;position:absolute;left:0;right:0;overflow:hidden}.scrubber-container:hover .scrubber-track-bg{height:14px}.scrubber-track-fill{background:linear-gradient(90deg,#e5a00d 0%,#f59e0b 100%);border-radius:6px;height:100%;position:relative;box-shadow:0 0 14px #e5a00de6}.scrubber-thumb-glow{background:#fff;border-radius:6px;width:14px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 8px #fff}.scrubber-input{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}@media (width<=768px){.player-controls-overlay{padding:1.25rem 1.5rem}.player-current-title{font-size:1.1rem}.volume-slider-group{display:none}.player-center-controls{gap:1.5rem}.btn-center-play{width:72px;height:72px}.btn-center-skip{width:56px;height:56px}}