@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--hot-pink: #ff0080;--electric-purple: #8000ff;--cyber-cyan: #00d9ff;--accent-primary: #ff0080;--accent-secondary: #8000ff;--accent-tertiary: #00d9ff;--accent-glow: rgba(255, 0, 128, .15);--bg-primary: #0a0a0f;--bg-secondary: #13131a;--bg-tertiary: #1a1a24;--bg-elevated: #1f1f2e;--text-primary: #ffffff;--text-secondary: #a8a8b8;--text-tertiary: #707080;--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-accent: rgba(255, 0, 128, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:8px;padding:60px 40px;max-width:450px;width:100%;box-shadow:0 8px 32px #0006}.logo-container{text-align:center;margin-bottom:32px}.disco-duck-logo{width:180px;height:auto;margin:0 auto 16px;display:block;border-radius:8px;box-shadow:0 8px 24px var(--accent-glow)}.logo{font-size:48px;font-weight:700;background:linear-gradient(135deg,var(--hot-pink),var(--electric-purple),var(--cyber-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.tagline{color:var(--text-secondary);font-size:14px;font-style:italic}.disco-duck-logo.login-profile-pic{border-radius:50%;width:140px;height:140px;object-fit:cover;border:3px solid var(--accent-tertiary)}.back-to-username{background:none;border:none;color:var(--accent-tertiary);font-size:14px;cursor:pointer;margin-top:8px;padding:4px 8px;transition:color .2s ease}.back-to-username:hover{color:var(--hot-pink);text-decoration:underline}.login-form{display:flex;flex-direction:column;gap:20px}.login-input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:16px;padding:14px 16px;transition:all .2s ease;outline:none}.login-input:focus{border-color:var(--accent-primary);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-glow)}.login-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:600;padding:14px;cursor:pointer;transition:all .2s ease}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ff008066}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-splash-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0ffa;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;cursor:pointer}.login-splash-content{text-align:center;position:relative}.splash-logo-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;opacity:.1;filter:blur(20px);pointer-events:none}.splash-profile-pic{width:150px;height:150px;border-radius:50%;border:4px solid var(--accent-primary);box-shadow:0 8px 32px var(--accent-glow),0 0 60px #ff00804d;margin-bottom:24px;object-fit:cover;animation:zoomIn .5s ease-out}.splash-welcome{font-size:42px;font-weight:700;background:linear-gradient(135deg,var(--hot-pink),var(--electric-purple),var(--cyber-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:slideUp .5s ease-out .2s both}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.app-container{display:flex;min-height:100vh}.hamburger-button{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:#13131a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-size:20px;width:44px;height:44px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.hamburger-button:hover{background:#1a1a24cc;border-color:#ff00804d;transform:scale(1.05)}.sidebar{width:250px;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:20px;position:fixed;height:100vh;overflow-y:auto;transition:transform .3s ease,width .3s ease;z-index:1000}.sidebar.collapsed{width:80px;padding:20px 10px}.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .nav-item span:not(.nav-icon){display:none}.sidebar.collapsed .nav-item{justify-content:center}.sidebar-header{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.sidebar-header.clickable{cursor:pointer;transition:opacity .2s}.sidebar-header.clickable:hover{opacity:.8}.sidebar-logo{width:48px;height:48px;border-radius:6px;object-fit:cover}.sidebar-header h2{font-size:24px;background:linear-gradient(135deg,var(--hot-pink),var(--electric-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.nav-item:hover,.nav-item:focus{background:var(--bg-tertiary);color:var(--text-primary);outline:none}.nav-item:focus{box-shadow:0 0 0 2px var(--accent-primary)}.nav-item.active{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-accent)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:0 2px 2px 0}.nav-item.has-activity{position:relative;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.nav-badge{position:absolute;top:8px;right:8px;background:var(--hot-pink);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.nav-icon{font-size:20px}.sidebar-stats{padding:14px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;margin-bottom:16px}.stat-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.stat-label{color:var(--text-secondary)}.stat-value{color:var(--cyber-cyan);font-weight:600}.sidebar-logout{width:100%;padding:10px 14px;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.sidebar-logout:hover{background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary)}.sidebar.collapsed .sidebar-logout{justify-content:center}.sidebar.collapsed .sidebar-logout span:not(.nav-icon){display:none}.main-content{flex:1;margin-left:250px;display:flex;flex-direction:column;transition:margin-left .3s ease;padding:0 40px;overflow-x:hidden;max-width:calc(100vw - 250px)}.main-content.sidebar-collapsed{margin-left:80px;max-width:calc(100vw - 80px)}.app-header{padding:20px 40px;background:#0a0a0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.disco-duck-header{width:48px;height:48px;border-radius:8px;object-fit:cover}.search-form{display:flex;gap:12px;flex:1;max-width:600px}.search-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:15px;padding:11px 16px;transition:all .2s ease;outline:none}.search-input:focus{border-color:var(--accent-tertiary);background:var(--bg-elevated);box-shadow:0 0 0 3px #00d9ff1a}.search-button{background:linear-gradient(135deg,var(--accent-tertiary),var(--accent-secondary));border:none;border-radius:6px;color:#fff;font-size:15px;font-weight:600;padding:11px 28px;cursor:pointer;transition:all .2s ease}.search-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00d9ff4d}.library-welcome-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#0a0a0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.welcome-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.welcome-profile-pic{width:48px;height:48px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.welcome-profile-pic:hover{border-color:var(--accent-tertiary);transform:scale(1.05);box-shadow:0 0 12px #00d9ff66}.app-main{padding:40px;flex:1}.content-section{margin-bottom:60px}.section-title{font-size:32px;font-weight:700;margin-bottom:24px;color:var(--text-primary)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.row-section{margin-bottom:16px}.row-section .section-title{font-size:24px;margin-bottom:16px}.section-header-with-link{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header-with-link .section-title{margin-bottom:0}.see-all-link{background:none;border:none;color:var(--hot-pink);font-size:14px;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease}.see-all-link:hover{background:#ff006e1a;color:var(--text-primary)}.dvr-recordings-row{display:flex;gap:16px;overflow-x:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.dvr-recordings-row::-webkit-scrollbar{height:6px}.dvr-recordings-row::-webkit-scrollbar-track{background:transparent}.dvr-recordings-row::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.recording-card.library-recording{flex:0 0 200px;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease}.recording-card.library-recording:hover{transform:translateY(-4px);border-color:var(--hot-pink);box-shadow:0 8px 20px #0000004d}.recording-card.library-recording .recording-thumbnail{width:100%;height:112px;object-fit:cover}.recording-card.library-recording .recording-placeholder{width:100%;height:112px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.recording-card.library-recording .recording-icon{font-size:32px}.recording-card.library-recording .recording-info{padding:12px;display:flex;flex-direction:column;gap:4px}.recording-card.library-recording .recording-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recording-card.library-recording .recording-date{font-size:12px;color:var(--text-secondary)}.media-row-container{position:relative;margin:0 -20px;padding:0 20px}.media-row{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:8px 4px 16px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--hot-pink) transparent}.media-row::-webkit-scrollbar{height:6px}.media-row::-webkit-scrollbar-track{background:transparent}.media-row::-webkit-scrollbar-thumb{background:var(--hot-pink);border-radius:3px}.media-row .media-card{flex:0 0 160px;min-width:160px}.media-row .media-card .media-title{font-size:13px;padding:8px}.see-all-card{flex:0 0 160px;min-width:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px dashed var(--border-medium)}.see-all-card:hover{border-color:var(--hot-pink);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.see-all-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;text-align:center}.see-all-icon{font-size:32px;color:var(--hot-pink)}.see-all-text{font-size:14px;font-weight:600;color:var(--text-primary)}.see-all-count{font-size:12px;color:var(--text-secondary)}.media-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .25s ease;overflow:hidden}.media-card:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:0 12px 32px #00000080,0 0 0 1px var(--border-accent)}.media-card:focus{outline:none;border-color:var(--accent-primary, #8b5cf6);transform:scale(1.08);box-shadow:0 0 0 3px var(--accent-primary, #8b5cf6),0 16px 40px #0009;z-index:10}.media-card:focus .media-poster img{transform:scale(1.05)}.media-poster{aspect-ratio:2/3;overflow:hidden;background:var(--bg-tertiary);position:relative}.media-poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.media-card:hover .media-poster img{transform:scale(1.05)}.no-poster{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));padding:20px}.disco-duck-placeholder{width:100%;height:100%;object-fit:cover;opacity:.6}.downloaded-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,var(--hot-pink),var(--electric-purple));color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px}.card-delete-button{position:absolute;top:8px;left:8px;background:#000c;border:2px solid rgba(255,0,128,.5);border-radius:50%;color:var(--hot-pink);width:32px;height:32px;font-size:18px;cursor:pointer;opacity:0;transition:all .3s;display:flex;align-items:center;justify-content:center;z-index:10}.media-card:hover .card-delete-button{opacity:1}.card-delete-button:hover{background:var(--hot-pink);color:#fff;transform:scale(1.1)}.download-indicator{position:absolute;top:8px;right:8px;z-index:20;opacity:.85;transition:opacity .3s}.media-card:hover .download-indicator{opacity:1}.download-indicator svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.download-indicator-bg{fill:#0009;stroke:#fff3;stroke-width:1}.download-indicator-progress{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:75.4;stroke-dashoffset:75.4;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .5s ease,stroke .3s ease}.download-indicator-progress.downloading{animation:pulse-stroke 2s ease-in-out infinite}@keyframes pulse-stroke{0%,to{opacity:1}50%{opacity:.7}}.download-indicator.animating{opacity:1;animation:indicator-pulse 1.5s ease-in-out infinite}@keyframes indicator-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 2px 8px rgba(245,158,11,.6))}}.download-indicator-icon{font-size:14px;font-weight:700;text-anchor:middle;transition:fill .3s ease}.download-indicator-delete{position:absolute;top:0;right:0;width:28px;height:28px;background:#dc2626e6;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 4px #00000080}.download-indicator-delete:hover{background:#b91c1c;transform:scale(1.1)}.download-indicator.deletable:hover .download-indicator-check{display:none}.episode-count-badge{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;z-index:10}.download-indicator.deletable:hover .download-indicator-delete{display:flex}.keep-forever-badge{position:absolute;top:40px;right:8px;background:linear-gradient(135deg,var(--cyber-cyan),var(--electric-purple));color:#fff;font-size:16px;padding:4px 8px;border-radius:8px}.media-title{padding:12px;font-weight:600;font-size:14px;line-height:1.4;color:var(--text-primary)}.details-container{min-height:100vh;position:relative}.back-button{position:fixed;top:20px;left:20px;z-index:1001;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffd9;font-size:14px;font-weight:500;padding:10px 16px;cursor:pointer;transition:all .25s ease;letter-spacing:.3px}.player-container .back-button{opacity:0}.player-container:hover .back-button,.player-container .back-button:hover{opacity:1}.back-button:hover{background:#0009;border-color:var(--hot-pink);color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #ff008040}.back-button:active{transform:translate(-2px)}.details-backdrop{position:absolute;top:0;left:0;width:100%;height:60vh;background-size:cover;background-position:center}.details-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0a0a0f4d,#0a0a0fcc,#0a0a0f)}.details-content{position:relative;display:flex;gap:40px;padding:40px;padding-top:30vh;max-width:1400px;margin:0 auto}.details-poster{flex-shrink:0;width:300px;border-radius:8px;overflow:hidden;box-shadow:0 12px 48px #0009}.details-poster img{width:100%;display:block}.no-poster-large{aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));padding:40px}.disco-duck-placeholder-large{width:80%;max-width:300px;height:auto;margin:0 auto;opacity:.7;border-radius:12px}.details-info{flex:1}.details-title{font-size:48px;font-weight:700;margin-bottom:16px;line-height:1.2}.details-meta{display:flex;gap:16px;margin-bottom:24px;font-size:16px;color:var(--text-secondary);flex-wrap:wrap}.rating{color:var(--neon-yellow);font-weight:600}.details-overview{font-size:18px;line-height:1.6;color:var(--text-secondary);margin-bottom:24px;max-width:800px}.details-genres{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.genre-tag{background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 16px;font-size:14px;color:var(--text-secondary)}.details-actions{display:flex;gap:16px;margin-bottom:24px}.play-button,.request-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:600;padding:12px 32px;cursor:pointer;transition:all .2s ease}.play-button:hover:not(:disabled),.request-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #ff008066}.play-button:disabled,.request-button:disabled{opacity:.5;cursor:not-allowed}.play-button.downloading{background:linear-gradient(135deg,var(--accent-tertiary),var(--accent-secondary));cursor:wait}.play-button.safari-warning{background:linear-gradient(135deg,#ff6b6b,#f90);cursor:not-allowed}.play-button.safari-warning:hover{transform:none;box-shadow:0 6px 24px #ff6b6b66}.player-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:1000}.player-controls-overlay{position:absolute;top:20px;left:20px;right:20px;z-index:1001;display:flex;align-items:center;gap:8px;opacity:1;transition:opacity .3s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:none}.player-controls-overlay>*{pointer-events:auto}.player-controls-overlay.visible{opacity:1}.player-controls-overlay.hidden{opacity:0;pointer-events:none}.player-control-btn.back-btn{margin-right:auto}.player-control-btn{background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffd9;padding:10px 12px;cursor:pointer;transition:all .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;letter-spacing:.3px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.player-control-btn svg{opacity:.85;transition:opacity .25s ease;flex-shrink:0}.player-control-btn:hover{background:#0009;border-color:var(--hot-pink);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ff008040}.player-control-btn:hover svg{opacity:1}.player-control-btn:active{transform:translateY(0)}.player-control-btn.active{background:#10b98133;border-color:#10b98180;color:#10b981}.player-control-btn.active:hover{background:#10b9814d;border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.player-control-label{opacity:.9;white-space:nowrap}.autoplay-btn .player-control-label-expand{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .3s ease,opacity .3s ease,margin-left .3s ease;margin-left:0}.autoplay-btn:hover .player-control-label-expand,.autoplay-btn.active .player-control-label-expand{max-width:200px;opacity:.9;margin-left:6px}.cast-button{background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffd9;padding:10px 12px;cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cast-button:hover{background:#0009;border-color:var(--hot-pink);transform:translateY(-1px);box-shadow:0 4px 12px #ff008040}.download-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;text-align:center}.download-waiting h2{font-size:36px;margin-bottom:24px}.progress-bar{width:80%;max-width:600px;height:40px;background:#ffffff1a;border-radius:20px;overflow:hidden;margin:24px 0;position:relative}.progress-fill{height:100%;background:linear-gradient(135deg,var(--hot-pink),var(--electric-purple));transition:width .3s ease;border-radius:20px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#fff;z-index:2;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.5)}.tv-episodes{margin-top:32px}.tv-episodes h3{font-size:24px;margin-bottom:16px;color:var(--text-primary);margin-top:24px}.seasons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-bottom:32px}.season-card{cursor:pointer;border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;transition:all .2s ease;background:var(--bg-secondary)}.season-card:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.season-card.selected{border-color:var(--accent-tertiary);box-shadow:0 0 0 2px #00d9ff33}.season-card img{width:100%;display:block}.season-card p{padding:8px;text-align:center;font-size:12px;background:var(--bg-tertiary);color:var(--text-primary)}.no-poster-small{aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);font-size:24px;font-weight:700;color:var(--text-secondary)}.episodes-list{display:flex;flex-direction:column;gap:16px}.episode-card{display:flex;gap:16px;background:var(--bg-secondary);border-radius:6px;overflow:hidden;border:1px solid var(--border-subtle);transition:all .2s ease}.episode-card:hover{border-color:var(--border-medium);box-shadow:0 4px 16px #0000004d}.episode-still{flex-shrink:0;width:280px;position:relative}.episode-still img{width:100%;display:block}.no-still{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);font-size:32px;font-weight:700;color:var(--text-secondary)}.episode-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;border:none;border-radius:50%;width:60px;height:60px;font-size:24px;color:#fff;cursor:pointer;opacity:0;transition:opacity .3s}.episode-card:hover .episode-play-button{opacity:1}.episode-downloaded-badge{position:absolute;top:8px;right:8px;background:#10b981;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;box-shadow:0 2px 8px #10b9814d}.episode-card.downloaded{border-color:#10b9814d;background:linear-gradient(135deg,var(--bg-secondary),rgba(16,185,129,.05))}.episode-queued-badge{position:absolute;top:8px;left:8px;background:#f59e0b;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;box-shadow:0 2px 8px #f59e0b4d}.episode-action-buttons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:12px;opacity:0;transition:opacity .3s}.episode-card:hover .episode-action-buttons{opacity:1}.episode-action-btn{background:#000000e6;border:2px solid white;border-radius:50%;width:50px;height:50px;font-size:20px;color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.episode-action-btn.download-btn{border-color:#10b981;color:#10b981}.episode-action-btn.download-btn:hover{background:#10b981;color:#fff;transform:scale(1.1)}.episode-action-btn.play-btn{border-color:var(--hot-pink);color:var(--hot-pink)}.episode-action-btn.play-btn:hover{background:var(--hot-pink);color:#fff;transform:scale(1.1)}.episode-info{flex:1;padding:16px}.episode-info h4{margin-bottom:8px;font-size:16px;color:var(--text-primary)}.episode-info p{color:var(--text-secondary);font-size:14px;line-height:1.6}.loading-spinner{text-align:center;padding:60px;font-size:24px;color:var(--text-secondary)}.error-message{background:#f003;border:1px solid rgba(255,0,0,.5);border-radius:8px;padding:16px;margin-top:16px;color:#f66}.info-message{background:#0ff3;border:1px solid var(--cyber-cyan);border-radius:8px;padding:16px;margin-top:16px;color:var(--cyber-cyan)}.empty-message{text-align:center;padding:60px;font-size:20px;color:var(--text-secondary)}@media (max-width: 768px){.details-content{flex-direction:column;padding-top:20vh}.details-poster{width:200px}.details-title{font-size:32px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.episode-card{flex-direction:column}.episode-still{width:100%}.seasons-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.sidebar{width:250px;max-width:80vw;transform:translate(0)}.sidebar.collapsed{transform:translate(-100%);width:250px;max-width:80vw}.main-content{margin-left:0;max-width:100vw}.app-container{padding-left:0;max-width:100vw;overflow-x:hidden}}.delete-button{background:linear-gradient(135deg,#f44,#c00);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;padding:12px 32px;cursor:pointer;transition:all .3s}.delete-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #f449}.delete-button:disabled{opacity:.5;cursor:not-allowed}.keep-forever-button{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;cursor:pointer;transition:all .3s}.keep-forever-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #6b728066}.keep-forever-button.active{background:linear-gradient(135deg,#f59e0b,#d97706)}.keep-forever-button.active:hover:not(:disabled){box-shadow:0 4px 20px #f59e0b80}.keep-forever-button:disabled{opacity:.5;cursor:not-allowed}.episode-keep-forever-btn{position:absolute;top:8px;left:8px;background:#000000b3;border:none;border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;transition:all .2s;z-index:10}.episode-keep-forever-btn:hover{background:#000000e6;transform:scale(1.1)}.episode-keep-forever-btn.active{background:#f59e0bcc}.episode-delete-btn{position:absolute;top:8px;left:42px;background:#000000b3;border:none;border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;transition:all .2s;z-index:10}.episode-delete-btn:hover{background:#dc2626e6;transform:scale(1.1)}.poster-keep-badge{position:absolute;top:8px;left:8px;background:#f59e0be6;border:none;border-radius:50%;width:24px;height:24px;font-size:12px;display:flex;align-items:center;justify-content:center;z-index:10}.poster-keep-btn{position:absolute;top:8px;left:8px;background:#000000b3;border:none;border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;transition:all .2s;z-index:10;display:flex;align-items:center;justify-content:center}.poster-keep-btn:hover{background:#000000e6;transform:scale(1.1)}.poster-keep-btn.active{background:#f59e0bcc}.watchlist-button{background:transparent;border:2px solid var(--border-medium);border-radius:8px;color:var(--text-secondary);font-size:15px;font-weight:600;padding:10px 20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.watchlist-button:hover{border-color:var(--cyber-cyan);color:var(--cyber-cyan);background:#00d9ff1a}.watchlist-button.active{background:linear-gradient(135deg,var(--cyber-cyan),var(--electric-purple));border-color:transparent;color:#fff}.watchlist-button.active:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px #00d9ff66}.spinner{font-size:48px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:12px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009,0 0 1px var(--border-accent);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border-subtle)}.modal-header h2{font-size:22px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:transparent;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-size:20px;width:36px;height:36px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-tertiary);border-color:var(--border-medium);color:var(--text-primary);transform:rotate(90deg)}.modal-body{padding:24px 32px;overflow-y:auto;flex:1}.modal-footer{padding:20px 32px;border-top:2px solid rgba(255,0,128,.3);display:flex;justify-content:flex-end;gap:12px}.cancel-button{background:transparent;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-secondary);font-size:16px;font-weight:600;padding:12px 32px;cursor:pointer;transition:all .3s}.cancel-button:hover{border-color:var(--hot-pink);color:var(--hot-pink)}.torrent-list{display:flex;flex-direction:column;gap:12px}.torrent-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s}.torrent-item:hover{border-color:var(--hot-pink);background:#ff00801a;transform:translate(4px)}.torrent-info{flex:1}.torrent-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.torrent-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.torrent-quality{background:linear-gradient(135deg,var(--hot-pink),var(--electric-purple));color:#fff;padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;text-transform:uppercase}.torrent-size{color:var(--cyber-cyan);font-weight:600}.torrent-seeders{color:var(--text-secondary)}.torrent-download-btn{background:linear-gradient(135deg,var(--cyber-cyan),var(--electric-purple));border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;padding:12px 24px;cursor:pointer;transition:all .3s;flex-shrink:0}.torrent-download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0ff9}.download-queue-modal{max-width:700px}.modal-close-button{background:linear-gradient(135deg,var(--hot-pink),var(--electric-purple));border:none;border-radius:50%;color:#fff;font-size:24px;font-weight:700;width:40px;height:40px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ff008066}.modal-close-button:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 25px #ff008099}.queue-list{display:flex;flex-direction:column;gap:12px;padding:20px;max-height:500px;overflow-y:auto}.queue-item{background:var(--bg-tertiary);border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:16px}.queue-item-content{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.queue-item-info{flex:1}.queue-item-info h4{color:var(--text-primary);margin-bottom:8px;font-size:14px}.queue-status{color:var(--text-secondary);font-size:13px;margin:0}.queue-cancel-button{background:#dc262633;border:2px solid #dc2626;border-radius:50%;color:#dc2626;font-size:20px;font-weight:700;width:36px;height:36px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.queue-cancel-button:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.queue-progress-bar{margin-top:12px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.queue-progress-fill{height:100%;background:linear-gradient(90deg,var(--hot-pink),var(--cyber-cyan));transition:width .3s ease}.abort-button{background:#dc262633;border:2px solid #dc2626;border-radius:8px;color:#dc2626;font-size:16px;font-weight:600;padding:12px 24px;cursor:pointer;transition:all .3s;margin-top:20px}.abort-button:hover{background:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #dc262666}.download-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;font-size:15px;font-weight:600;padding:10px 20px;cursor:pointer;transition:all .2s ease}.download-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.download-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.delete-button{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:6px;color:#fff;font-size:15px;font-weight:600;padding:10px 20px;cursor:pointer;transition:all .2s ease}.delete-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #dc262666}.delete-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.modal-content{width:95%;max-height:90vh}.modal-header,.modal-body,.modal-footer{padding:16px 20px}.torrent-item{flex-direction:column;align-items:flex-start;gap:12px}.torrent-download-btn{width:100%}}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.user-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s}.user-card:hover{border-color:var(--border-accent);box-shadow:0 8px 24px var(--accent-glow)}.user-avatar{width:100px;height:100px;border-radius:50%;border:3px solid var(--accent-primary);margin-bottom:16px;object-fit:cover}.user-info{margin-bottom:16px;width:100%}.user-info h3{font-size:20px;margin-bottom:8px;color:var(--text-primary)}.user-role{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.user-badge{display:inline-block;background:var(--accent-primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-top:8px}.user-created{color:var(--text-tertiary);font-size:12px;margin-top:8px}.user-actions{display:flex;gap:12px;width:100%}.user-btn{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.edit-btn{background:var(--accent-secondary);color:#fff}.edit-btn:hover{background:#9000ff;transform:translateY(-2px)}.delete-btn{background:#f003;color:#f44;border:1px solid rgba(255,0,0,.3)}.delete-btn:hover{background:#ff00004d;transform:translateY(-2px)}.admin-modal{max-width:600px}.form-group{margin-bottom:24px}.form-group label{display:block;color:var(--text-secondary);font-size:14px;margin-bottom:8px;font-weight:600}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-top:12px}.avatar-option{width:80px;height:80px;border-radius:50%;border:3px solid var(--border-subtle);cursor:pointer;transition:all .2s;overflow:hidden;position:relative}.avatar-option img{width:100%;height:100%;object-fit:cover}.avatar-option:hover{border-color:var(--accent-tertiary);transform:scale(1.1)}.avatar-option.selected{border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.livetv-container{display:flex;gap:20px;height:calc(100vh - 120px);padding:20px}.livetv-sidebar{width:300px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-subtle);overflow:hidden;display:flex;flex-direction:column}.livetv-sidebar-title{padding:20px;font-size:20px;font-weight:600;border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary)}.livetv-channel-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-tertiary)}.livetv-channel-item{padding:16px 20px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:all .2s}.livetv-channel-item:hover{background:var(--bg-tertiary)}.livetv-channel-item.active{background:linear-gradient(90deg,rgba(255,0,128,.15),transparent);border-left:3px solid var(--accent-primary)}.channel-name{font-weight:600;margin-bottom:4px;color:var(--text-primary)}.channel-program{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.livetv-main{flex:1;display:flex;flex-direction:column;gap:20px}.livetv-player-wrapper{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:12px;overflow:hidden;border:1px solid var(--border-subtle)}.livetv-player{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.livetv-info{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-subtle);padding:24px}.livetv-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.livetv-info-header h2{font-size:24px;font-weight:700}.livetv-find-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.livetv-find-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff00804d}.livetv-find-button:disabled{opacity:.5;cursor:not-allowed}.livetv-program-info h3{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.5px}.program-title{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--accent-primary)}.program-description{color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.program-time{color:var(--text-tertiary);font-size:14px}.livetv-upcoming{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-subtle)}.livetv-upcoming h3{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;letter-spacing:.5px}.upcoming-list{display:flex;flex-direction:column;gap:12px}.upcoming-item{display:flex;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;transition:all .2s}.upcoming-item:hover{background:var(--bg-elevated);transform:translate(4px)}.upcoming-time{font-weight:600;color:var(--accent-primary);flex-shrink:0;width:70px}.upcoming-title{color:var(--text-primary);flex:1}@media (max-width: 1200px){.livetv-container{flex-direction:column;height:auto}.livetv-sidebar{width:100%;height:200px}.livetv-channel-list{display:flex;overflow-x:auto;overflow-y:hidden}.livetv-channel-item{flex-shrink:0;min-width:200px}}.tv-guide-container{height:100vh;overflow:hidden;background:linear-gradient(135deg,#0a0e27,#1a1f3a);position:relative;display:flex;flex-direction:column}.tv-guide-header-combined{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#0a0e27,#1a1f3a);border-bottom:3px solid #4fc3f7;box-shadow:0 4px 20px #0009;flex-shrink:0}.tv-guide-header-top{display:flex;align-items:stretch;min-height:180px;border-bottom:1px solid rgba(255,255,255,.1)}.tv-guide-header-top.header-focused{box-shadow:inset 0 0 0 3px #4fc3f7}.tv-guide-header-top.header-focused .header-record-btn{box-shadow:0 0 0 3px #4fc3f7,0 4px 16px #ff004480;animation:pulse-focus 1.5s ease-in-out infinite}@keyframes pulse-focus{0%,to{box-shadow:0 0 0 3px #4fc3f7,0 4px 16px #ff004480}50%{box-shadow:0 0 0 5px #4fc3f7,0 4px 20px #ff0044b3}}.tv-guide-pip{width:320px;flex-shrink:0;background:#000000e6;border-right:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.pip-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#fff6;font-size:14px}.tv-guide-header-info{flex:1;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0a0e27f2}.header-channel-info{display:flex;flex-direction:column;gap:8px}.header-channel-name{font-size:24px;font-weight:700;color:#4fc3f7;text-shadow:0 0 10px rgba(79,195,247,.5)}.header-program-info{display:flex;align-items:center;gap:8px}.header-now-label{font-size:12px;color:#ffffff80;text-transform:uppercase;font-weight:600}.header-program-name{font-size:16px;color:#fff}.header-dvr-badge{display:inline-block;background:linear-gradient(135deg,var(--hot-pink),var(--electric-purple));color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;width:fit-content;box-shadow:0 2px 8px var(--accent-glow)}.header-record-btn{background:linear-gradient(135deg,#f04,#f44);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.header-record-btn:hover,.header-record-btn:focus{transform:scale(1.05);box-shadow:0 4px 16px #ff004480;outline:none}.tv-guide-header-timeline{display:flex;background:linear-gradient(180deg,#1a1f3a,#0f1229)}.pip-video-wrapper{position:relative;width:100%;height:100%}.pip-video-wrapper:fullscreen,.pip-video-wrapper:-webkit-full-screen{width:100vw;height:100vh;background:#000;display:flex;flex-direction:column;justify-content:center}.pip-video-wrapper:fullscreen .tv-guide-pip-video,.pip-video-wrapper:-webkit-full-screen .tv-guide-pip-video{width:100%;height:100%;max-height:100vh;object-fit:contain}.pip-video-wrapper:fullscreen .dvr-controls-overlay,.pip-video-wrapper:-webkit-full-screen .dvr-controls-overlay{opacity:0;transition:opacity .3s ease;z-index:2147483647;position:fixed;bottom:0;left:0;right:0}.pip-video-wrapper:fullscreen:hover .dvr-controls-overlay,.pip-video-wrapper:-webkit-full-screen:hover .dvr-controls-overlay,.pip-video-wrapper:fullscreen .dvr-controls-overlay.visible,.pip-video-wrapper:-webkit-full-screen .dvr-controls-overlay.visible{opacity:1}.pip-video-wrapper:fullscreen .dvr-live-indicator,.pip-video-wrapper:-webkit-full-screen .dvr-live-indicator{z-index:2147483647;position:fixed;top:24px;left:24px;font-size:16px;padding:10px 20px}.pip-video-wrapper:fullscreen .dvr-controls-bar,.pip-video-wrapper:-webkit-full-screen .dvr-controls-bar{padding:16px 32px}.pip-video-wrapper:fullscreen .dvr-control-btn,.pip-video-wrapper:-webkit-full-screen .dvr-control-btn{width:50px;height:50px;font-size:24px}.pip-video-wrapper:fullscreen .dvr-progress-bar,.pip-video-wrapper:-webkit-full-screen .dvr-progress-bar{height:10px}.pip-video-wrapper:fullscreen .dvr-time-display,.pip-video-wrapper:-webkit-full-screen .dvr-time-display{font-size:14px;margin-top:8px}.tv-guide-pip-video{width:100%;height:180px;display:block;background:#000;object-fit:cover}.tv-guide-pip-info{display:none}.pip-channel-name{font-size:14px;font-weight:700;color:#4fc3f7;margin-bottom:4px}.pip-program-name{font-size:12px;color:#fff;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pip-dvr-badge{display:inline-block;background:linear-gradient(135deg,var(--hot-pink),var(--electric-purple));color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;margin-top:6px;box-shadow:0 2px 8px var(--accent-glow)}.dvr-controls-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 70%,transparent 100%);padding:12px;opacity:0;transition:opacity .3s ease;pointer-events:none}.dvr-controls-overlay.visible{opacity:1;pointer-events:auto}.tv-guide-pip-video.dvr-mode::-webkit-media-controls{display:none!important}.tv-guide-pip-video.dvr-mode::-webkit-media-controls-enclosure{display:none!important}.tv-guide-pip-video.dvr-mode::-webkit-media-controls-panel{display:none!important}.tv-guide-pip-video.dvr-mode::-webkit-media-controls-play-button{display:none!important}.tv-guide-pip-video.dvr-mode::-webkit-media-controls-current-time-display,.tv-guide-pip-video.dvr-mode::-webkit-media-controls-time-remaining-display{display:none!important}.tv-guide-pip-video.dvr-mode::-webkit-media-controls-timeline{display:none!important}.tv-guide-pip-video.dvr-mode::-webkit-media-controls-volume-slider{display:none!important}.tv-guide-pip-video.dvr-mode::-webkit-media-controls-mute-button{display:none!important}.tv-guide-pip-video.dvr-mode::-webkit-media-controls-fullscreen-button{display:none!important}.tv-guide-pip:hover .dvr-controls-overlay{opacity:1}.dvr-live-indicator{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:6px;background:#000000d9;padding:5px 10px;border-radius:16px;font-size:11px;font-weight:700;z-index:20;pointer-events:none}.dvr-live-indicator.live{color:#f44}.dvr-live-indicator.behind{color:#888}.live-dot{width:8px;height:8px;background:#f44;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.pause-icon{font-size:12px}.dvr-controls-bar{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.dvr-control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.dvr-control-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.dvr-control-btn:active{transform:translateY(0)}.dvr-control-btn.jump-live{font-size:16px}.dvr-control-btn.jump-live.behind-live{background:linear-gradient(135deg,var(--hot-pink),var(--electric-purple));border:none;animation:glow-pulse 2s ease-in-out infinite}.dvr-control-btn.jump-live.at-live{background:#ffffff26;border:1px solid rgba(255,0,128,.3);color:#fff9;cursor:not-allowed;opacity:.7}.dvr-control-btn.jump-live.at-live:hover{transform:none;background:#ffffff26}.dvr-control-btn.record-btn{display:flex;align-items:center;justify-content:center}.dvr-control-btn.record-btn .record-dot{width:12px;height:12px;background:#f44;border-radius:50%;animation:record-pulse 1.5s ease-in-out infinite}.dvr-control-btn.record-btn:hover .record-dot{background:#f66}@keyframes record-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #ff008080}50%{box-shadow:0 0 20px #ff0080cc}}.dvr-progress-container{flex:1;min-width:150px;display:flex;flex-direction:column;gap:4px}.dvr-timeline-wrapper{position:relative;width:100%}.dvr-hover-tooltip{position:absolute;bottom:12px;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:10;border:1px solid var(--hot-pink)}.dvr-current-time-tooltip{position:absolute;bottom:12px;transform:translate(-50%);background:linear-gradient(135deg,var(--hot-pink),var(--electric-purple));color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:11;box-shadow:0 2px 8px #00000080,0 0 12px #ff008099;animation:tooltip-pulse 1.5s ease-in-out infinite}@keyframes tooltip-pulse{0%,to{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:.9;transform:translate(-50%) translateY(-2px)}}.dvr-progress-bar{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:3px;outline:none;cursor:pointer}.dvr-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--hot-pink);border-radius:50%;cursor:pointer;box-shadow:0 0 8px #ff008099;transition:all .2s ease}.dvr-progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #ff0080e6}.dvr-progress-bar::-moz-range-thumb{width:14px;height:14px;background:var(--hot-pink);border:none;border-radius:50%;cursor:pointer;box-shadow:0 0 8px #ff008099;transition:all .2s ease}.dvr-progress-bar::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #ff0080e6}.dvr-time-display{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#ffffffb3;font-weight:600;gap:8px}.dvr-time-left{flex:0 0 auto;color:#ffffff80}.dvr-time-center{flex:1;text-align:center;color:var(--cyber-cyan);font-weight:700;font-size:11px}.dvr-time-right{flex:0 0 auto;color:#f44;font-weight:700}.tv-guide-header{display:none}.tv-guide-corner{width:250px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#0a0e27f2;border-right:2px solid rgba(255,255,255,.1);position:sticky;left:0;z-index:51}.tv-guide-logo{font-size:16px;font-weight:700;color:#4fc3f7;text-shadow:0 0 10px rgba(79,195,247,.5)}.tv-guide-timeline-header{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#4fc3f7 #0a0e27}.tv-guide-time-slot{min-width:200px;padding:12px 8px;text-align:center;border-right:1px solid rgba(255,255,255,.05)}.time-slot-time{font-size:14px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.tv-guide-grid{flex:1;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#4fc3f7 #0a0e27;min-height:0}.tv-guide-row{display:flex;border-bottom:1px solid rgba(255,255,255,.1);min-height:100px;background:#ffffff05}.tv-guide-row:nth-child(2n){background:#ffffff0a}.tv-guide-row:hover{background:#4fc3f71a}.tv-guide-row.highlighted{background:#4fc3f733;box-shadow:inset 0 0 0 2px #4fc3f799}.tv-guide-row.highlighted .tv-guide-channel{background:#4fc3f726}.tv-guide-channel{width:250px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:12px;border-right:2px solid rgba(255,255,255,.1);background:#0a0e27f2;position:sticky;left:0;z-index:20}.channel-logo-wrapper{text-align:center;cursor:pointer;transition:transform .2s,opacity .2s;padding:8px;border-radius:8px}.channel-logo-wrapper:hover{transform:scale(1.05);background:#4fc3f71a}.channel-logo-wrapper.active{background:#4fc3f733;box-shadow:0 0 12px #4fc3f766}.channel-logo-wrapper.focused{background:#ffd7004d;box-shadow:0 0 0 3px gold,0 0 20px #ffd70080;transform:scale(1.05)}.channel-logo{max-width:80px;max-height:50px;object-fit:contain;margin-bottom:8px}.channel-logo-fallback{width:60px;height:60px;background:linear-gradient(135deg,#4fc3f7,#29b6f6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;margin:0 auto 8px;box-shadow:0 4px 8px #0000004d}.channel-name-small{font-size:11px;color:#fff;opacity:.9;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.channel-number{position:absolute;top:8px;left:8px;font-size:11px;font-weight:700;color:#fff9;background:#0006;padding:2px 6px;border-radius:4px;z-index:25}.channel-recording-indicator{position:absolute;top:8px;right:8px;font-size:14px;z-index:25}.channel-recording-indicator.recording{animation:pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.channel-recording-indicator.scheduled{opacity:.7;font-size:12px}.tv-guide-timeline{display:flex;flex:1}.tv-guide-program{min-width:200px;padding:12px;border-right:1px solid rgba(255,255,255,.1);cursor:pointer;background:#1e2337cc;transition:all .2s;position:relative;overflow:hidden}.tv-guide-program:hover{background:#4fc3f733;transform:translateY(-2px);box-shadow:0 4px 12px #4fc3f74d;z-index:10}.tv-guide-program.focused{background:#ffd7004d;box-shadow:0 0 0 3px gold,0 0 20px #ffd70080;transform:scale(1.02);z-index:15}.tv-guide-program.now-playing{background:linear-gradient(135deg,#ff98004d,#ff57224d);border:2px solid #ff9800;animation:pulse-orange 2s ease-in-out infinite}@keyframes pulse-orange{0%,to{box-shadow:0 0 8px #ff980066}50%{box-shadow:0 0 16px #ff980099}}.tv-guide-program.empty{background:#14192880;opacity:.6;cursor:default}.tv-guide-program.empty:hover{background:#14192880;transform:none;box-shadow:none}.tv-guide-program.past{background:#0f121eb3;opacity:.5}.tv-guide-program.past:hover{opacity:.7;background:#1e283c99}.tv-guide-program.past .program-title-grid{color:#fff9}.tv-guide-program.past .program-time-grid{color:#4fc3f780}.program-title-grid{font-size:13px;font-weight:600;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.program-time-grid{font-size:11px;color:#4fc3f7;opacity:.8}.tv-guide-time-indicator{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ff5722,#f44336);box-shadow:0 0 12px #ff5722cc;z-index:40;pointer-events:none}.tv-guide-grid::-webkit-scrollbar,.tv-guide-timeline-header::-webkit-scrollbar{height:8px;width:8px}.tv-guide-grid::-webkit-scrollbar-track,.tv-guide-timeline-header::-webkit-scrollbar-track{background:#0a0e27}.tv-guide-grid::-webkit-scrollbar-thumb,.tv-guide-timeline-header::-webkit-scrollbar-thumb{background:#4fc3f7;border-radius:4px}.tv-guide-grid::-webkit-scrollbar-thumb:hover,.tv-guide-timeline-header::-webkit-scrollbar-thumb:hover{background:#29b6f6}@media (max-width: 1024px){.tv-guide-pip{width:300px;top:10px;right:10px}.tv-guide-pip-video{height:169px}.tv-guide-corner,.tv-guide-channel{width:150px;position:sticky;left:0}.channel-logo{max-width:60px;max-height:40px}.tv-guide-time-slot,.tv-guide-program{min-width:150px}}@media (max-width: 768px){.tv-guide-pip{width:250px}.tv-guide-pip-video{height:140px}.tv-guide-corner,.tv-guide-channel{width:100px;position:sticky;left:0}.channel-name-small{font-size:9px}.program-title-grid{font-size:11px}}.recordings-view{padding:20px 0}.recordings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.storage-indicator{display:flex;align-items:center;gap:8px;font-size:14px}.storage-used{color:var(--text-primary);font-weight:600}.storage-separator{color:var(--text-tertiary)}.storage-limit{color:var(--text-secondary)}.storage-bar{width:80px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.storage-fill{height:100%;background:linear-gradient(90deg,var(--cyber-cyan),var(--electric-purple));border-radius:3px;transition:width .3s ease}.storage-fill.warning{background:linear-gradient(90deg,#ff6b00,var(--hot-pink))}.recordings-section{margin-bottom:30px}.subsection-title{font-size:16px;color:var(--text-secondary);margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.recordings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.recording-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.recording-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0006}.recording-card.scheduled{border:1px solid var(--cyber-cyan);cursor:default}.recording-card.processing{border:1px solid var(--electric-purple);cursor:default}.recording-card.error{border:1px solid #ff4444;cursor:default}.recording-thumbnail{position:relative;height:160px;background:var(--bg-tertiary);overflow:hidden}.recording-thumbnail img{width:100%;height:100%;object-fit:cover}.recording-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-elevated))}.recording-placeholder.no-thumbnail{display:flex}.recording-placeholder .play-icon{font-size:48px;opacity:.5}.recording-placeholder .scheduled-icon{font-size:48px;opacity:.7}.recording-placeholder .error-icon{font-size:48px}.recording-placeholder.error{background:linear-gradient(135deg,#311,#1a0808)}.processing-spinner{width:40px;height:40px;border:3px solid var(--bg-secondary);border-top-color:var(--electric-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.recording-duration-badge{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.recording-info{padding:15px}.recording-title{font-size:16px;font-weight:600;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recording-channel{font-size:13px;color:var(--cyber-cyan);margin-bottom:4px}.recording-time,.recording-date{font-size:12px;color:var(--text-secondary);margin-bottom:2px}.recording-duration,.recording-size{font-size:12px;color:var(--text-tertiary)}.recording-status{font-size:12px;color:var(--electric-purple)}.recording-error{font-size:12px;color:#f44}.recording-progress{margin-top:8px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.recording-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--electric-purple),var(--hot-pink));transition:width .3s ease}.recording-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.recording-card:hover .recording-actions,.recording-card.scheduled .recording-actions,.recording-card.error .recording-actions{opacity:1}.recording-action{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform .2s ease,background .2s ease}.recording-action.delete{background:#ff4444e6}.recording-action.cancel{background:#646464e6;color:#fff}.recording-action:hover{transform:scale(1.1)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-icon{font-size:64px;display:block;margin-bottom:20px;opacity:.5}.empty-hint{font-size:14px;color:var(--text-tertiary);margin-top:10px}@media (max-width: 768px){.recordings-header{flex-direction:column;gap:15px;align-items:flex-start}.recordings-grid{grid-template-columns:1fr}.recording-thumbnail{height:140px}}.tv-guide-corner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 12px}.tv-guide-logo{font-size:18px;font-weight:700;color:#4fc3f7;text-shadow:0 0 10px rgba(79,195,247,.5)}.manual-record-btn{background:linear-gradient(135deg,#f04,#f44);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.manual-record-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #f046}.tv-guide-program{position:relative}.program-record-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#f04c;color:#fff;font-size:10px;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.tv-guide-program:hover .program-record-btn{opacity:1}.program-record-btn:hover{transform:scale(1.1);background:#f04}.program-record-badge{position:absolute;top:4px;right:4px;font-size:14px}.tv-guide-program.scheduled{border:2px solid var(--hot-pink);background:#ff00801a}.record-modal{max-width:500px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;gap:12px;margin-top:20px;justify-content:flex-end}.btn-primary{background:linear-gradient(135deg,var(--hot-pink),var(--electric-purple));color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff00804d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-medium);padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-secondary:hover{background:var(--bg-elevated)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.player-dropdown-menu{position:absolute;top:100%;right:0;background:#000000f2;border-radius:8px;padding:8px;min-width:180px;margin-top:8px;z-index:10000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080;max-height:300px;overflow-y:auto}.player-dropdown-menu button{display:block;width:100%;padding:10px 12px;background:transparent;border:none;color:#fff;text-align:left;cursor:pointer;border-radius:4px;font-size:14px;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.player-dropdown-menu button:hover{background:#ffffff1a}.player-dropdown-menu button.selected{background:var(--accent, #10b981)}.player-dropdown-menu .menu-header{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px}