:root{--bg-canvas:#09090d;--bg-sidebar:#0e0e14;--bg-surface:#14141c;--bg-surface-elevated:#1a1a24;--bg-surface-hover:#242433;--bg-glass:#14141cbf;--border-subtle:#ffffff14;--border-active:#fff3;--spotify-green:#1ed760;--spotify-glow:#1ed76066;--yt-red:#f03;--yt-glow:#f036;--accent-cyan:#00f2fe;--accent-violet:#8b5cf6;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#646473;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-card:0 10px 30px -10px #0009;--shadow-glow:0 0 25px #1ed76040;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-canvas);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;width:100vw;height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.app-layout{background-color:var(--bg-canvas);grid-template-rows:1fr 92px;grid-template-columns:260px 1fr;width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.ambient-glow{filter:blur(140px);opacity:.22;pointer-events:none;z-index:0;border-radius:50%;width:800px;height:800px;transition:background-color 1s ease-in-out;position:absolute;top:-200px;left:20%}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:10;flex-direction:column;grid-area:1/1;gap:28px;padding:24px 16px 16px;display:flex;overflow-y:auto}.brand-header{cursor:pointer;align-items:center;gap:12px;padding:0 8px;display:flex}.brand-logo-icon{background:linear-gradient(135deg, var(--spotify-green), var(--accent-cyan) 50%, var(--yt-red));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 16px #1ed76059}.brand-text-container{flex-direction:column;display:flex}.brand-title{letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#e4e4e7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:800}.brand-badges{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:.65rem;font-weight:700;display:flex}.badge-spotify{color:var(--spotify-green)}.badge-yt{color:var(--yt-red)}.nav-section{flex-direction:column;gap:6px;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 12px 6px;font-size:.72rem;font-weight:700}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:10px 14px;font-size:.92rem;font-weight:600;display:flex}.nav-item:hover{color:var(--text-primary);background:var(--bg-surface-hover);transform:translate(3px)}.nav-item.active{color:var(--text-primary);border-left:3px solid var(--spotify-green);background:linear-gradient(90deg,#1ed76026,#ffffff08);box-shadow:0 2px 10px #0003}.nav-item.active svg{color:var(--spotify-green)}.library-scroll{flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.playlist-sidebar-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);color:var(--text-secondary);align-items:center;gap:12px;padding:8px 12px;display:flex}.playlist-sidebar-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.playlist-sidebar-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:36px;height:36px}.playlist-sidebar-info{flex-direction:column;display:flex;overflow:hidden}.playlist-sidebar-title{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.playlist-sidebar-meta{color:var(--text-muted);font-size:.72rem}.main-wrapper{z-index:5;flex-direction:column;grid-area:1/2;height:calc(100vh - 92px);display:flex;position:relative;overflow:hidden}.top-navbar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);z-index:20;background:#09090dd9;justify-content:space-between;align-items:center;gap:20px;padding:16px 32px;display:flex}.search-box-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:420px;max-width:100%;transition:all var(--transition-fast);align-items:center;gap:12px;padding:8px 18px;display:flex}.search-box-container:focus-within{border-color:var(--spotify-green);background:var(--bg-surface-elevated);box-shadow:0 0 15px #1ed76040}.search-input{color:var(--text-primary);font-size:.9rem;font-family:var(--font-body);background:0 0;border:none;outline:none;width:100%}.search-input::placeholder{color:var(--text-muted)}.mode-switcher-pill{border-radius:var(--radius-full);border:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000073;align-items:center;padding:3px;display:inline-flex;position:relative}.mode-pill-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;display:flex}.mode-pill-btn.active-audio{background:var(--spotify-green);color:#000;box-shadow:0 0 14px var(--spotify-glow)}.mode-pill-btn.active-video{background:var(--yt-red);color:#fff;box-shadow:0 0 14px var(--yt-glow)}.user-profile-badge{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:4px 14px 4px 6px;display:flex}.user-profile-badge:hover{background:var(--bg-surface-hover)}.user-avatar{object-fit:cover;border:2px solid var(--spotify-green);border-radius:50%;width:32px;height:32px}.user-status{color:var(--text-primary);font-size:.8rem;font-weight:700}.premium-pill{background:linear-gradient(135deg, var(--spotify-green), var(--yt-red));color:#fff;border-radius:var(--radius-full);text-transform:uppercase;padding:2px 7px;font-size:.65rem;font-weight:800}.main-viewport{flex-direction:column;flex:1;gap:36px;padding:28px 36px 40px;display:flex;overflow-y:auto}.hero-banner{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#1ed76040,#ff003326 60%,#14141ce6);justify-content:space-between;align-items:center;padding:32px 36px;display:flex;position:relative;overflow:hidden}.hero-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 80%,#1ed76033,#0000 70%);width:350px;height:100%;position:absolute;top:0;right:0}.hero-content{z-index:2;flex-direction:column;gap:12px;max-width:600px;display:flex}.hero-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--spotify-green);align-items:center;gap:6px;font-size:.75rem;font-weight:800;display:inline-flex}.hero-title{color:#fff;font-size:2.3rem;font-weight:800;line-height:1.15}.hero-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.hero-actions{align-items:center;gap:14px;margin-top:8px;display:flex}.btn-primary-play{background:var(--spotify-green);color:#000;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 20px var(--spotify-glow);border:none;align-items:center;gap:10px;padding:12px 28px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary-play:hover{background:#23e867;transform:scale(1.05)}.btn-video-watch{color:#fff;border:1px solid var(--yt-red);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#f033;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-video-watch:hover{background:var(--yt-red);box-shadow:0 4px 20px var(--yt-glow);transform:scale(1.03)}.content-section{flex-direction:column;gap:18px;display:flex}.section-header{justify-content:space-between;align-items:center;display:flex}.section-title{font-size:1.45rem;font-weight:700}.section-link{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.85rem;font-weight:600}.section-link:hover{color:var(--spotify-green);text-decoration:underline}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:20px;display:grid}.music-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);flex-direction:column;gap:12px;padding:14px;display:flex;position:relative}.music-card:hover{background:var(--bg-surface-hover);border-color:var(--border-active);box-shadow:var(--shadow-card);transform:translateY(-5px)}.card-thumb-container{aspect-ratio:1;border-radius:var(--radius-sm);width:100%;position:relative;overflow:hidden;box-shadow:0 8px 16px #0006}.card-thumb{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-smooth)}.music-card:hover .card-thumb{transform:scale(1.05)}.card-floating-play{background:var(--spotify-green);color:#000;cursor:pointer;opacity:0;width:44px;height:44px;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(10px);box-shadow:0 4px 15px #00000080}.music-card:hover .card-floating-play{opacity:1;transform:translateY(0)}.card-floating-play:hover{background:#22ea67;transform:scale(1.1)}.card-video-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f03;border-radius:var(--radius-full);background:#000000b3;border:1px solid #ff003380;align-items:center;gap:4px;padding:3px 7px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:8px;left:8px}.card-info{flex-direction:column;gap:4px;display:flex}.card-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:.95rem;font-weight:700;overflow:hidden}.card-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.card-meta-row{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:2px;font-size:.7rem;display:flex}.tracklist-container{flex-direction:column;width:100%;display:flex}.track-table-header{border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);grid-template-columns:40px 3.5fr 2.5fr 80px 100px;align-items:center;margin-bottom:4px;padding:8px 16px;font-size:.72rem;font-weight:700;display:grid}.track-row{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);color:var(--text-secondary);grid-template-columns:40px 3.5fr 2.5fr 80px 100px;align-items:center;padding:8px 16px;display:grid}.track-row:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.track-row.playing{color:var(--spotify-green);background:#1ed76014}.track-row.playing .track-title{color:var(--spotify-green)}.track-col-number{align-items:center;font-size:.85rem;font-weight:600;display:flex}.track-col-title{align-items:center;gap:14px;display:flex;overflow:hidden}.track-table-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:44px;height:44px}.track-title-info{flex-direction:column;display:flex;overflow:hidden}.track-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.track-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.track-col-album{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.track-col-duration{color:var(--text-muted);font-size:.85rem}.player-bar{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-top:1px solid var(--border-subtle);z-index:100;background:#0e0e14f5;grid-area:2/1/auto/-1;grid-template-columns:320px 1fr 340px;align-items:center;padding:0 24px;display:grid;position:relative}.player-track-info{align-items:center;gap:14px;min-width:0;display:flex}.player-thumb-wrapper{border-radius:8px;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006}.player-thumb{object-fit:cover;width:100%;height:100%}.player-track-details{flex-direction:column;display:flex;overflow:hidden}.player-track-title{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:.92rem;font-weight:700;overflow:hidden}.player-track-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.player-action-icon-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.player-action-icon-btn:hover{color:var(--text-primary);transform:scale(1.15)}.player-action-icon-btn.liked{color:var(--spotify-green)}.player-center-controls{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:680px;margin:0 auto;display:flex}.player-buttons-row{align-items:center;gap:18px;display:flex}.ctrl-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.ctrl-btn:hover{color:var(--text-primary);transform:scale(1.12)}.ctrl-btn.active{color:var(--spotify-green)}.ctrl-btn-play{color:#000;cursor:pointer;width:42px;height:42px;transition:all var(--transition-fast);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #ffffff40}.ctrl-btn-play:hover{background:#f4f4f5;transform:scale(1.08)}.player-progress-row{align-items:center;gap:10px;width:100%;display:flex}.time-label{color:var(--text-muted);text-align:center;width:36px;font-family:monospace;font-size:.72rem}.slider-container{cursor:pointer;flex:1;align-items:center;height:16px;display:flex;position:relative}.slider-track{border-radius:var(--radius-full);width:100%;height:4px;transition:height var(--transition-fast);background:#ffffff26;position:relative;overflow:hidden}.slider-container:hover .slider-track{height:6px}.slider-fill{border-radius:var(--radius-full);height:100%;transition:background var(--transition-fast);background:#fff}.slider-container:hover .slider-fill{background:var(--spotify-green)}.player-right-controls{justify-content:flex-end;align-items:center;gap:14px;display:flex}.volume-container{align-items:center;gap:8px;width:120px;display:flex}.visualizer-container{align-items:flex-end;gap:3px;height:18px;padding:0 4px;display:flex}.eq-bar{background:var(--spotify-green);border-radius:2px;width:3px;transition:height .1s}.eq-bar:nth-child(2n){background:var(--accent-cyan)}.lyrics-overlay{-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);z-index:50;background:radial-gradient(circle at 50% 30%,#14141ef2,#09090d 90%);flex-direction:column;animation:.3s fadeIn;display:flex;position:fixed;inset:0 0 92px 260px;overflow:hidden}.lyrics-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:24px 36px;display:flex}.lyrics-scroll-body{scroll-behavior:smooth;flex-direction:column;flex:1;gap:28px;width:100%;max-width:800px;margin:0 auto;padding:60px 40px;display:flex;overflow-y:auto}.lyric-line{color:#ffffff40;cursor:pointer;font-size:1.85rem;font-weight:700;line-height:1.35;transition:all .25s}.lyric-line:hover{color:#fff9}.lyric-line.active{color:#fff;text-shadow:0 0 25px #fff6;font-size:2.15rem;transform:scale(1.02)}.lyric-line.passed{color:#ffffff73}.video-theater-view{flex-direction:column;gap:20px;width:100%;max-width:1100px;margin:0 auto;display:flex}.video-screen-container{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;border:1px solid #ffffff1a;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 30px #f033}.video-iframe-embed{border:none;width:100%;height:100%}.queue-drawer{background:var(--bg-sidebar);border-left:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:60;flex-direction:column;gap:20px;width:380px;padding:24px;animation:.25s slideLeft;display:flex;position:fixed;top:0;bottom:92px;right:0;box-shadow:-10px 0 30px #00000080}.queue-header{justify-content:space-between;align-items:center;display:flex}.queue-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface-elevated);border:1px solid var(--border-active);border-radius:var(--radius-lg);flex-direction:column;gap:20px;width:440px;max-width:90vw;padding:30px;display:flex;box-shadow:0 25px 60px #000c}.modal-title{font-size:1.35rem;font-weight:700}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.form-input{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-body);outline:none;padding:10px 14px;font-size:.9rem}.form-input:focus{border-color:var(--spotify-green)}.modal-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:9px 18px;font-weight:600}.btn-secondary:hover{background:var(--bg-surface-hover);color:#fff}.btn-confirm{background:var(--spotify-green);color:#000;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;padding:9px 22px;font-weight:700}.btn-confirm:hover{background:#23e867;transform:scale(1.03)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.genres-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;display:grid}.genre-card{border-radius:var(--radius-md);cursor:pointer;height:120px;transition:transform var(--transition-fast);flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.genre-card:hover{transform:scale(1.04)}.genre-card-title{color:#fff;z-index:2;font-size:1.2rem;font-weight:800}.filter-pills-row{align-items:center;gap:10px;display:flex}.filter-pill{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:6px 16px;font-size:.82rem;font-weight:600}.filter-pill:hover{background:var(--bg-surface-hover);color:#fff}.filter-pill.active{color:#000;background:#fff;border-color:#fff}@media (width<=1024px){.app-layout{grid-template-columns:210px 1fr}.player-bar{grid-template-columns:240px 1fr 240px}}@media (width<=768px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.lyrics-overlay{left:0}.player-bar{grid-template-columns:1fr auto;padding:0 16px}.player-track-info{max-width:180px}.volume-container{display:none}}.netflix-billboard-container{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);align-items:flex-end;width:100%;min-height:440px;padding:44px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000b3}.netflix-billboard-bg{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:transform 10s;position:absolute;top:0;left:0;transform:scale(1.02)}.netflix-billboard-container:hover .netflix-billboard-bg{transform:scale(1.06)}.netflix-billboard-vignette{background:linear-gradient(90deg,#09090df2 0%,#09090d99 50%,#09090d26 100%);position:absolute;inset:0}.netflix-billboard-bottom-gradient{background:linear-gradient(#0000 0%,#09090d 100%);height:180px;position:absolute;bottom:0;left:0;right:0}.netflix-billboard-content{z-index:3;flex-direction:column;gap:12px;max-width:650px;display:flex;position:relative}.billboard-badge-row{align-items:center;gap:10px;display:flex}.billboard-badge-exclusive{text-transform:uppercase;color:var(--spotify-green);border-radius:var(--radius-full);background:#1ed76026;border:1px solid #1ed7604d;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.billboard-badge-4k{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff26;border-radius:4px;padding:3px 8px;font-size:.68rem;font-weight:800}.billboard-match{color:#46d369;font-size:.82rem;font-weight:800}.netflix-billboard-title{color:#fff;text-shadow:0 4px 20px #000c;font-size:2.8rem;font-weight:900;line-height:1.1}.netflix-billboard-subtitle{color:#e4e4e7;font-size:1.3rem;font-weight:700}.netflix-billboard-synopsis{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.5;display:-webkit-box;overflow:hidden}.netflix-billboard-actions{align-items:center;gap:12px;margin-top:10px;display:flex}.billboard-btn-play{color:#000;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:none;align-items:center;gap:10px;padding:12px 28px;font-size:.95rem;font-weight:800;display:inline-flex}.billboard-btn-play:hover{background:#ffffffd9;transform:scale(1.04)}.billboard-btn-info{color:#fff;border-radius:var(--radius-sm);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast);background:#6d6d6eb3;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex}.billboard-btn-info:hover{background:#6d6d6e73;transform:scale(1.03)}.billboard-btn-list{border:1px solid var(--border-subtle);color:#fff;border-radius:var(--radius-sm);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast);background:#14141cb3;align-items:center;gap:8px;padding:12px 20px;font-size:.92rem;font-weight:700;display:inline-flex}.billboard-btn-list:hover{background:var(--bg-surface-hover)}.billboard-right-floater{z-index:3;align-items:center;gap:14px;display:flex;position:absolute;bottom:60px;right:0}.billboard-sound-btn{color:#fff;cursor:pointer;width:38px;height:38px;transition:background var(--transition-fast);background:#0009;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.billboard-sound-btn:hover{background:#000000d9}.billboard-age-badge{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#333333b3;border-left:3px solid #f03;padding:6px 14px 6px 10px;font-size:.85rem;font-weight:800}.top10-carousel{scroll-behavior:smooth;gap:20px;padding:10px 0 20px;display:flex;overflow-x:auto}.top10-item{cursor:pointer;min-width:220px;transition:transform var(--transition-smooth);align-items:center;display:flex;position:relative}.top10-item:hover{transform:scale(1.05)}.top10-number{font-family:var(--font-heading);color:#09090d;-webkit-text-stroke:4px #404040;-webkit-user-select:none;user-select:none;z-index:1;margin-right:-24px;font-size:7.5rem;font-weight:900;line-height:.8;position:relative}.top10-card{border-radius:var(--radius-sm);z-index:2;border:1px solid var(--border-subtle);width:145px;height:205px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0009}.top10-thumb{object-fit:cover;width:100%;height:100%}.top10-overlay{opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#0000 40%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:10px;display:flex;position:absolute;inset:0}.top10-item:hover .top10-overlay{opacity:1}.top10-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.top10-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.card-mini-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.card-mini-btn-secondary{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.continue-progress-bar{background:#fff3;height:4px;position:absolute;bottom:0;left:0;right:0}.continue-progress-fill{background:var(--yt-red);height:100%}.video-detail-modal{border-radius:var(--radius-lg);border:1px solid var(--border-active);background:#141418}.detail-hero-banner{width:100%;height:380px;position:relative;overflow:hidden}.detail-hero-img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.detail-hero-gradient{background:linear-gradient(#0000 0%,#14141866 40%,#141418 100%);position:absolute;inset:0}.detail-close-btn{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:16px;right:16px}.detail-hero-content{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:24px;left:36px;right:36px}.detail-hero-title{color:#fff;font-size:2.2rem;font-weight:800;line-height:1.15}.detail-hero-artist{color:var(--text-secondary);font-size:1.1rem}.detail-hero-buttons{align-items:center;gap:12px;margin-top:10px;display:flex}.detail-circle-btn{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.detail-modal-body{flex-direction:column;gap:20px;padding:24px 36px 36px;display:flex;overflow-y:auto}.detail-meta-row{align-items:center;gap:12px;font-size:.85rem;display:flex}.detail-match-score{color:#46d369;font-weight:800}.detail-year,.detail-duration{color:var(--text-secondary)}.detail-age-rating{border:1px solid #fff6;border-radius:3px;padding:1px 6px;font-size:.75rem;font-weight:700}.detail-tech-badge{color:var(--text-muted);background:#ffffff1a;border-radius:3px;padding:2px 7px;font-size:.65rem;font-weight:800}.detail-synopsis{color:#d4d4d8;font-size:.95rem;line-height:1.6}.detail-tabs-bar{border-bottom:1px solid var(--border-subtle);gap:12px;padding-bottom:10px;display:flex}.detail-tab-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:700;display:flex}.detail-tab-btn:hover{color:#fff;background:var(--bg-surface-hover)}.detail-tab-btn.active{color:#fff;background:var(--bg-surface-elevated);border-bottom:2px solid var(--spotify-green)}.chapter-item-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:12px;display:flex}.chapter-item-card:hover{background:var(--bg-surface-hover);border-color:var(--border-active)}.chapter-number{color:var(--text-muted);width:24px;font-size:1.1rem;font-weight:800}.chapter-title{color:#fff;font-size:.85rem;font-weight:700}.chapter-time{color:var(--text-secondary);align-items:center;gap:4px;margin-top:2px;font-size:.72rem;display:flex}.xray-container{flex-direction:column;gap:16px;display:flex}.xray-section-title{color:#fff;align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem;font-weight:800;display:flex}.xray-list{flex-direction:column;gap:8px;list-style:none;display:flex}.xray-list li{color:var(--text-secondary);padding-left:18px;font-size:.88rem;line-height:1.5;position:relative}.xray-list li:before{content:"•";color:var(--accent-cyan);font-size:1.2rem;position:absolute;left:4px}.xray-pill{color:#fff;border-radius:var(--radius-full);background:#00f2fe1a;border:1px solid #00f2fe40;padding:6px 12px;font-size:.78rem;font-weight:600}.xray-pill.secondary{border-color:var(--border-subtle);color:var(--text-secondary);background:#ffffff14}.admin-container{flex-direction:column;gap:28px;width:100%;max-width:1200px;margin:0 auto;display:flex}.admin-header-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(135deg,#1ed76026,#14141ce6);justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.admin-badge-icon{background:var(--spotify-green);color:#000;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.admin-nav-tabs{border-bottom:1px solid var(--border-subtle);gap:12px;padding-bottom:8px;display:flex}.admin-tab-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:.92rem;font-weight:700;display:flex}.admin-tab-btn:hover{background:var(--bg-surface-hover);color:#fff}.admin-tab-btn.active{background:var(--bg-surface-elevated);color:#fff;border-left:3px solid var(--spotify-green);box-shadow:0 4px 15px #0000004d}.admin-form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.admin-card-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:16px;padding:24px;display:flex}.panel-title{align-items:center;gap:10px;margin-bottom:6px;font-size:1.15rem;font-weight:800;display:flex}.upload-dropzone{border-radius:var(--radius-md);transition:all var(--transition-fast);background:#00000040;border:2px dashed #fff3;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;display:flex}.upload-dropzone:hover{border-color:var(--spotify-green);background:#1ed7600d}.admin-success-banner{border:1px solid var(--spotify-green);color:#fff;border-radius:var(--radius-md);background:#1ed76026;align-items:center;gap:12px;padding:14px 20px;font-weight:700;animation:.3s fadeIn;display:flex}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:12px 14px;font-size:.75rem}.admin-table td{border-bottom:1px solid #ffffff0a;padding:14px;font-size:.88rem}.admin-table tr:hover{background:var(--bg-surface-hover)}.content-type-badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.72rem;font-weight:800}.content-type-badge.live_concert{color:#f03;background:#f033}.content-type-badge.documentary{color:#8b5cf6;background:#8b5cf633}.content-type-badge.clip{color:#00f2fe;background:#00f2fe33}.billboard-toggle-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.billboard-toggle-btn.active{color:gold;background:#ffd7001a;border-color:gold}.metric-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:20px;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.metric-value{color:#fff;font-size:2.2rem;font-weight:900}.metric-growth{color:var(--spotify-green);font-size:.78rem;font-weight:700}.auth-modal-box{width:560px;max-width:92vw;padding:32px}.profile-card{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-surface);border:2px solid #0000;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;display:flex}.profile-card:hover{background:var(--bg-surface-hover);border-color:#fff3;transform:translateY(-4px)}.profile-card.active{border-color:var(--spotify-green);background:#1ed76014}.profile-card-avatar{object-fit:cover;border-radius:12px;width:72px;height:72px;box-shadow:0 4px 15px #00000080}.profile-role-badge{border-radius:var(--radius-full);align-items:center;gap:3px;padding:2px 7px;font-size:.65rem;font-weight:800;display:inline-flex}.profile-role-badge.admin{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.profile-role-badge.user{color:var(--text-secondary);background:#ffffff26}.profile-active-check{background:#000;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-4px;right:-4px}.profile-card-name{color:#fff;text-align:center;font-size:.88rem;font-weight:700}.profile-card-email{color:var(--text-muted);text-align:center;word-break:break-all;font-size:.7rem}.admin-nav-highlight{background:#1ed76014;border:1px solid #1ed76033}.episode-item-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:16px;padding:14px;display:flex}.episode-item-card:hover{background:var(--bg-surface-hover);border-color:var(--border-active);transform:translate(4px)}.episode-thumb-wrapper{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000;flex-shrink:0;width:140px;position:relative;overflow:hidden}.episode-thumb{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-fast)}.episode-item-card:hover .episode-thumb{transform:scale(1.08)}.episode-play-overlay{opacity:0;transition:opacity var(--transition-fast);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.episode-item-card:hover .episode-play-overlay{opacity:1}.top-navbar.theme-cinema{background:linear-gradient(#140a0ceb 0%,#09090de0 100%);border-bottom:1px solid #e5091433}.top-navbar.theme-music{background:linear-gradient(#0a140eeb 0%,#09090de0 100%);border-bottom:1px solid #1ed76033}.nav-arrow-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-arrow-btn:hover{background:var(--bg-surface-hover);color:#fff;border-color:var(--border-active)}.experience-switcher-pill{border-radius:var(--radius-full);background:#121218d9;border:1px solid #ffffff1f;align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:0 4px 20px #0006}.exp-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:6px 14px;font-size:.82rem;font-weight:700;display:flex}.exp-btn:hover{color:#fff;background:#ffffff0d}.exp-btn.active-music{border-color:var(--spotify-green);color:#fff;background:linear-gradient(135deg,#1ed76038,#10b9811f);box-shadow:0 0 16px #1ed76059}.exp-btn.active-music svg{color:var(--spotify-green)}.exp-btn.active-cinema{border-color:var(--yt-red);color:#fff;background:linear-gradient(135deg,#e5091438,#b207101f);box-shadow:0 0 16px #e5091459}.exp-btn.active-cinema svg{color:var(--yt-red)}.exp-subtag{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;font-size:.62rem;font-weight:800}.exp-subtag.spotify{color:var(--spotify-green);background:#1ed7602e;border:1px solid #1ed7604d}.exp-subtag.netflix{color:#ff4d5a;background:#e509142e;border:1px solid #e509144d}.cinema-header-nav{align-items:center;gap:16px;margin-left:6px;display:flex}.cinema-nav-link{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 4px;font-size:.85rem;font-weight:600;position:relative}.cinema-nav-link:hover{color:#fff}.cinema-nav-link.active{color:#fff;font-weight:800}.cinema-nav-link.active:after{content:"";background:var(--yt-red);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 8px #e5091499}.music-header-nav{align-items:center;gap:8px;margin-left:6px;display:flex}.music-nav-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:6px 14px;font-size:.78rem;font-weight:600}.music-nav-chip:hover{background:var(--bg-surface-hover);color:#fff;border-color:var(--border-active)}.music-nav-chip.active{color:#000;background:#fff;border-color:#fff;font-weight:800;box-shadow:0 2px 10px #fff3}.spotify-greeting-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#1ed7601f 0%,#14141cd9 60%,#00f2fe14 100%);border:1px solid #1ed76040;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px 28px;display:flex;box-shadow:0 10px 30px #0006}.spotify-greeting-title{letter-spacing:-.02em;color:#fff;font-size:1.85rem;font-weight:800}.spotify-greeting-subtitle{color:var(--text-secondary);max-width:650px;margin-top:6px;font-size:.88rem;line-height:1.45}.soundwave-live-badge{border-radius:var(--radius-full);background:#1ed7601a;border:1px solid #1ed7604d;align-items:center;gap:3px;padding:4px 10px;display:inline-flex}.live-wave-bar{background:var(--spotify-green);border-radius:2px;width:3px;height:12px;animation:1.2s ease-in-out infinite alternate bounceWave}.live-wave-bar:nth-child(2){height:16px;animation-delay:.2s}.live-wave-bar:nth-child(3){height:9px;animation-delay:.4s}.live-wave-bar:nth-child(4){height:14px;animation-delay:.6s}@keyframes bounceWave{0%{transform:scaleY(.4)}to{transform:scaleY(1.2)}}.greeting-actions-area{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-spotify-karaoke-trigger{background:var(--spotify-green);color:#000;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 16px var(--spotify-glow);border:none;align-items:center;gap:8px;padding:10px 18px;font-size:.82rem;font-weight:700;display:flex}.btn-spotify-karaoke-trigger:hover{background:#22e668;transform:scale(1.04)}.btn-switch-cinema-shortcut{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#e509141f;border:1px solid #e5091466;align-items:center;gap:8px;padding:10px 18px;font-size:.82rem;font-weight:700;display:flex}.btn-switch-cinema-shortcut:hover{border-color:var(--yt-red);background:#e5091440;transform:scale(1.02)}.spotify-quick-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:24px;display:grid}.quick-card{border-radius:var(--radius-sm);cursor:pointer;height:64px;transition:background var(--transition-fast), transform var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff0a;align-items:center;display:flex;position:relative;overflow:hidden}.quick-card:hover{background:#ffffff1f;transform:translateY(-2px)}.quick-card.playing{background:#1ed76026;border-color:#1ed76059}.quick-card-thumb{object-fit:cover;flex-shrink:0;width:64px;height:64px}.quick-card-title-box{flex-direction:column;flex:1;padding:0 14px;display:flex;overflow:hidden}.quick-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.quick-card-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.quick-card-play-btn{background:var(--spotify-green);cursor:pointer;opacity:0;width:40px;height:40px;transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;display:flex;transform:scale(.85);box-shadow:0 8px 16px #00000080}.quick-card:hover .quick-card-play-btn,.quick-card.playing .quick-card-play-btn{opacity:1;transform:scale(1)}.yt-moods-bar{align-items:center;gap:10px;margin-bottom:24px;padding-bottom:6px;display:flex;overflow-x:auto}.yt-moods-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-right:4px;font-size:.78rem;font-weight:800}.yt-mood-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;padding:6px 14px;font-size:.8rem;font-weight:600}.yt-mood-chip:hover{background:var(--bg-surface-hover);color:#fff;border-color:var(--border-active);transform:translateY(-2px)}.brand-logo-icon.cinema-logo{background:linear-gradient(135deg, var(--yt-red), #b20710 60%, var(--accent-cyan));box-shadow:0 4px 16px #e5091466}.brand-logo-icon.music-logo{background:linear-gradient(135deg, var(--spotify-green), var(--accent-cyan) 60%, var(--yt-red));box-shadow:0 4px 16px #1ed76066}.theater-native-video{object-fit:contain;border-radius:var(--radius-md);background:#000;outline:none;width:100%;height:100%}.torrent-stats-hud{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);z-index:30;background:#0a0a12eb;border:1px solid #8b5cf673;flex-direction:column;gap:10px;width:calc(100% - 40px);max-width:480px;padding:12px 16px;transition:opacity .35s,transform .35s,visibility .35s;display:flex;position:absolute;top:70px;right:20px;box-shadow:0 12px 36px #000c,0 0 20px #8b5cf633}.torrent-stats-hud.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px)}.torrent-hud-header{justifyContent:space-between;border-bottom:1px solid #ffffff14;align-items:center;padding-bottom:8px;display:flex}.torrent-pulse-dot{background:#8b5cf6;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-ring;box-shadow:0 0 10px #8b5cf6}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #8b5cf6b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #8b5cf600}to{transform:scale(.95);box-shadow:0 0 #8b5cf600}}.torrent-hud-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.torrent-metric-item{flex-direction:column;gap:2px;display:flex}.torrent-metric-item .metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.torrent-metric-item .metric-val{color:#fff;font-family:monospace;font-size:.92rem;font-weight:800}.torrent-spinner{border:3px solid #8b5cf633;border-top-color:#8b5cf6;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.source-nav-tabs{gap:8px;display:grid}.source-tab-btn{justifyContent:center;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;align-items:center;gap:8px;padding:10px 12px;font-size:.82rem;font-weight:700;display:flex}.source-tab-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3}.source-tab-btn.active{color:#fff;background:linear-gradient(135deg,#f59e0b33,#ec489933);border-color:#f59e0b;box-shadow:0 0 12px #f59e0b40}.preset-pill-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;padding:5px 12px;font-size:.75rem;font-weight:600}.preset-pill-btn:hover{background:var(--bg-surface-hover);color:#fff;border-color:var(--border-active);transform:translateY(-1px)}.preset-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;padding:8px 12px;font-size:.8rem;font-weight:600}.preset-btn:hover{border-color:var(--spotify-green);background:#ffffff1a;transform:translateY(-1px)}.source-badge-pill{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.source-badge-pill.torrent{color:#c084fc;background:#8b5cf62e;border:1px solid #8b5cf673}.source-badge-pill.direct{color:#34d399;background:#10b9812e;border:1px solid #10b98173}.source-badge-pill.youtube{color:#f87171;background:#e5091426;border:1px solid #e5091466}.video-theater-wrapper{scroll-margin-top:24px}.video-theater-view.focal-glow{border-color:#8b5cf699;box-shadow:0 0 40px #8b5cf673}.video-screen-container{aspect-ratio:16/9;border:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;background:#000;border-radius:12px;min-height:340px;position:relative;overflow:hidden;box-shadow:0 14px 44px #000000d9}.video-screen-container:fullscreen{aspect-ratio:auto;border:none;border-radius:0;width:100vw;height:100vh}.video-custom-controls{z-index:25;pointer-events:none;opacity:1;visibility:visible;background:linear-gradient(#000000e0 0%,#00000040 20%,#0000 42% 58%,#00000073 78%,#000000f5 100%);flex-direction:column;justify-content:space-between;transition:opacity .35s cubic-bezier(.16,1,.3,1),visibility .35s;display:flex;position:absolute;inset:0}.video-custom-controls.hidden{opacity:0;visibility:hidden;pointer-events:none}.video-custom-controls *{pointer-events:auto}.video-controls-top{justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.video-top-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.video-top-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 8px #000c;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:flex;overflow:hidden}.video-top-actions{align-items:center;gap:10px;display:flex}.video-center-click-area{cursor:pointer;z-index:10;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:70px 0 90px}.video-center-pulse{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;pointer-events:none;background:#0c0c12d1;border:1.5px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;animation:.65s cubic-bezier(.16,1,.3,1) forwards centerPulseAnim;display:flex;box-shadow:0 0 35px #000000e6,0 0 20px #8b5cf680}@keyframes centerPulseAnim{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1)}}.video-controls-bottom{z-index:26;flex-direction:column;gap:10px;padding:12px 24px 20px;display:flex;position:relative}.video-seekbar-container{cursor:pointer;align-items:center;width:100%;height:22px;display:flex;position:relative}.video-seekbar-rail{background:#ffffff38;border-radius:4px;width:100%;height:5px;transition:height .15s;position:relative;overflow:visible}.video-seekbar-container:hover .video-seekbar-rail{height:8px}.video-seekbar-buffered{pointer-events:none;background:#ffffff73;border-radius:4px;position:absolute;top:0;bottom:0;left:0}.video-seekbar-progress{background:linear-gradient(90deg, #ec4899, #8b5cf6 60%, var(--spotify-green));pointer-events:none;border-radius:4px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 10px #8b5cf699}.video-seekbar-thumb{width:14px;height:14px;box-shadow:0 0 8px #000c, 0 0 8px var(--spotify-green);opacity:0;pointer-events:none;background:#fff;border-radius:50%;transition:opacity .15s,transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-seekbar-container:hover .video-seekbar-thumb{opacity:1;transform:translate(-50%,-50%)scale(1.2)}.video-seekbar-tooltip{color:#fff;pointer-events:none;white-space:nowrap;background:#0a0a10f2;border:1px solid #ffffff40;border-radius:4px;padding:3px 8px;font-size:.74rem;font-weight:700;position:absolute;bottom:26px;transform:translate(-50%);box-shadow:0 4px 12px #000000b3}.video-controls-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.video-controls-left,.video-controls-right{align-items:center;gap:10px;display:flex}.video-control-btn{color:#f1f5f9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.video-control-btn:hover{color:#fff;background:#ffffff26;transform:scale(1.12)}.video-control-btn.play-circle{color:#050505;background:#fff;width:38px;height:38px;box-shadow:0 0 16px #ffffff59}.video-control-btn.play-circle:hover{background:var(--spotify-green);color:#000;transform:scale(1.1)}.video-btn-skip-number{color:#fff;letter-spacing:-.5px;font-size:.54rem;font-weight:900;position:absolute;top:13px}.video-volume-group{align-items:center;gap:8px;display:flex}.video-volume-slider{width:76px;height:4px;accent-color:var(--spotify-green);cursor:pointer;border-radius:2px;outline:none}.video-time-display{color:#e2e8f0;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.85rem;font-weight:600}.video-pill-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:6px;padding:6px 12px;font-size:.76rem;font-weight:700;transition:all .2s;display:flex}.video-pill-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.video-pill-btn.active{color:#c084fc;background:#8b5cf640;border-color:#8b5cf6}.custom-subtitle-overlay{pointer-events:none;z-index:24;text-align:center;justify-content:center;transition:bottom .25s;display:flex;position:absolute;bottom:84px;left:5%;right:5%}.custom-subtitle-overlay.offset-lower{bottom:34px}.subtitle-text-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-shadow:0 2px 4px #000000f2;white-space:pre-line;background:#000000d6;border:1px solid #ffffff1a;border-radius:6px;max-width:820px;padding:5px 16px;font-weight:600;line-height:1.45;box-shadow:0 4px 16px #0009}.audio-subs-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:45;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.audio-subs-modal{background:#0f1017;border:1px solid #8b5cf666;border-radius:18px;flex-direction:column;gap:20px;width:680px;max-width:96%;max-height:88vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 20px 50px #000000e6,0 0 35px #8b5cf640}.audio-subs-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=640px){.audio-subs-grid{grid-template-columns:1fr}}.audio-subs-column{flex-direction:column;gap:12px;display:flex}.audio-subs-col-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding-bottom:8px;font-size:.88rem;font-weight:800;display:flex}.audio-sub-option-btn{cursor:pointer;color:#e2e8f0;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;transition:all .2s;display:flex}.audio-sub-option-btn:hover{background:#ffffff17;border-color:#fff3;transform:translate(2px)}.audio-sub-option-btn.selected{color:#fff;background:#8b5cf62e;border-color:#8b5cf6;box-shadow:0 0 12px #8b5cf640}.video-theater-wrapper.theater-pip-active{transition:all .3s}.video-theater-wrapper.theater-pip-active.not-home{height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}.video-theater-wrapper.theater-pip-active.not-home .video-theater-view{gap:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}.pip-placeholder-banner{cursor:pointer;background:linear-gradient(135deg,#141420f2,#1e1432eb);border:1px solid #8b5cf673;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 24px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 30px #00000080,0 0 24px #8b5cf633}.pip-placeholder-banner:hover{border-color:#8b5cf6cc;transform:translateY(-2px);box-shadow:0 14px 40px #000000a6,0 0 32px #8b5cf659}.pip-placeholder-left{align-items:center;gap:14px;display:flex}.pip-live-pulse-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1.4s ease-in-out infinite livePipPulse;box-shadow:0 0 14px #ef4444}@keyframes livePipPulse{0%{opacity:.7;transform:scale(.9);box-shadow:0 0 6px #ef4444}50%{opacity:1;transform:scale(1.25);box-shadow:0 0 18px #ef4444}to{opacity:.7;transform:scale(.9);box-shadow:0 0 6px #ef4444}}.pip-placeholder-badge{letter-spacing:.06em;color:#c084fc;text-transform:uppercase;margin-bottom:2px;font-size:.68rem;font-weight:800}.pip-placeholder-title{color:#fff;font-size:1rem;font-weight:700}.btn-expand-pip{color:#fff;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #8b5cf666}.btn-expand-pip:hover{transform:scale(1.04);box-shadow:0 6px 20px #8b5cf699}.video-screen-container.pip-mode{transition:transform .25s,box-shadow .25s;animation:.35s cubic-bezier(.16,1,.3,1) forwards pipFlyIn;aspect-ratio:16/9!important;z-index:1200!important;border:1px solid #ffffff40!important;border-radius:12px!important;width:380px!important;max-width:calc(100vw - 32px)!important;height:auto!important;min-height:0!important;position:fixed!important;bottom:96px!important;right:24px!important;box-shadow:0 18px 50px #000000f2,0 0 0 1px #ffffff40,0 0 30px #8b5cf64d!important}.video-screen-container.pip-mode:hover{transform:translateY(-3px)scale(1.015);box-shadow:0 24px 60px #000000fa,0 0 0 1px #fff6,0 0 40px #8b5cf673!important}@keyframes pipFlyIn{0%{opacity:0;transform:translateY(30px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.pip-floating-controls{z-index:50;pointer-events:none;background:linear-gradient(#000c 0%,#00000026 25%,#0000 50%,#00000040 75%,#000000d9 100%);flex-direction:column;justify-content:space-between;transition:opacity .25s;display:flex;position:absolute;inset:0}.pip-top-bar{pointer-events:auto;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.pip-title-info{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.pip-status-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite livePipPulse;box-shadow:0 0 8px #ef4444}.pip-title-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 4px #000000e6;font-size:.75rem;font-weight:700;overflow:hidden}.pip-top-actions{align-items:center;gap:4px;display:flex}.pip-action-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.pip-action-btn:hover{color:#fff;background:#ffffff40;transform:scale(1.1)}.pip-action-btn.close:hover{background:#ef4444cc;border-color:#ef4444}.pip-click-play-area{pointer-events:auto;cursor:pointer;flex:1}.pip-bottom-bar{pointer-events:auto;opacity:0;background:linear-gradient(#0000 0%,#000000e6 100%);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:all .25s;display:flex;transform:translateY(6px)}.video-screen-container.pip-mode:hover .pip-bottom-bar{opacity:1;transform:translateY(0)}.pip-mini-ctrl-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.pip-mini-ctrl-btn:hover{background:#ffffff59;transform:scale(1.12)}.pip-time-tag{color:#cbd5e1;font-family:monospace;font-size:.72rem;font-weight:700}.pip-expand-full-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:#8b5cf64d;border:1px solid #8b5cf699;align-items:center;gap:5px;margin-left:auto;padding:4px 10px;font-size:.72rem;font-weight:800;transition:all .2s;display:flex}.pip-expand-full-btn:hover{background:#8b5cf6;transform:scale(1.05);box-shadow:0 0 12px #8b5cf699}:focus-visible{outline-offset:3px!important;z-index:50!important;outline:3px solid #1ed760!important;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s!important;box-shadow:0 0 18px #1ed760a6,0 0 35px #1ed7604d!important}.track-card:focus-visible,.movie-card:focus-visible,.profile-card:focus-visible,.dsp-preset-card:focus-visible{border-color:#1ed760!important;transform:scale(1.06)!important}.video-control-btn:focus-visible,.video-pill-btn:focus-visible,.btn-primary-play:focus-visible,.btn-confirm:focus-visible{transform:scale(1.1)!important}html,body{scroll-behavior:smooth}.torrent-picker-overlay{-webkit-backdrop-filter:blur(16px);z-index:1500;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.22s cubic-bezier(.16,1,.3,1) pickerFadeIn;display:flex;position:fixed;inset:0}@keyframes pickerFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.torrent-picker-container{background:#121218;border:1px solid #ffffff24;border-radius:20px;flex-direction:column;gap:18px;width:100%;max-width:680px;max-height:90vh;padding:26px 28px;display:flex;box-shadow:0 30px 70px #000000e6,0 0 30px #00f2fe26}.torrent-picker-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.torrent-picker-title-box{align-items:center;gap:12px;display:flex}.torrent-picker-icon-badge{color:#00f2fe;background:linear-gradient(135deg,#00f2fe33,#1ed76033);border:1px solid #00f2fe59;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.torrent-picker-title{color:#fff;margin:0;font-size:1.25rem;font-weight:800}.torrent-picker-subtitle{color:#a1a1aa;margin-top:3px;font-size:.8rem;line-height:1.4}.torrent-picker-close-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;transition:all .15s}.torrent-picker-close-btn:hover,.torrent-picker-close-btn:focus-visible{color:#fff;background:#ffffff1a}.torrent-picker-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 20px;display:flex}.torrent-picker-spinner{border:3px solid #ffffff1a;border-top-color:#00f2fe;border-radius:50%;width:40px;height:40px;animation:.9s linear infinite pickerSpin}@keyframes pickerSpin{to{transform:rotate(360deg)}}.torrent-picker-list{flex-direction:column;gap:8px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.torrent-file-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex}.torrent-file-card:hover{background:#ffffff12;border-color:#fff3}.torrent-file-card.selected{background:#00f2fe1f;border-color:#00f2fe;box-shadow:0 0 16px #00f2fe33}.torrent-file-card:focus-visible{transform:scale(1.02);outline-offset:2px!important;outline:3px solid #1ed760!important}.torrent-file-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.torrent-radio-circle{border:2px solid #71717a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.torrent-file-card.selected .torrent-radio-circle{border-color:#00f2fe}.torrent-radio-dot{background:#00f2fe;border-radius:50%;width:8px;height:8px}.torrent-file-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.torrent-file-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:700;overflow:hidden}.torrent-file-tags{align-items:center;gap:6px;display:flex}.torrent-badge-video{text-transform:uppercase;color:#1ed760;background:#1ed76033;border:1px solid #1ed76059;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.torrent-badge-sample{text-transform:uppercase;color:#f59e0b;background:#f59e0b33;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.torrent-file-size{color:#a1a1aa;flex-shrink:0;font-size:.82rem;font-weight:800}.torrent-picker-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.torrent-picker-btn-confirm{color:#000;cursor:pointer;background:linear-gradient(135deg,#00f2fe,#1ed760);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:800;transition:all .18s;display:inline-flex}.torrent-picker-btn-confirm:hover,.torrent-picker-btn-confirm:focus-visible{transform:scale(1.04);box-shadow:0 0 20px #00f2fe66}.gatekeeper-overlay{z-index:999999;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 20%,#151522 0%,#09090d 70%,#050508 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.gatekeeper-glow-top{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#1ed7602e 0%,#8b5cf61f 45%,#0000 75%);width:700px;height:380px;animation:8s ease-in-out infinite alternate pulseGlow;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.gatekeeper-glow-bottom{filter:blur(90px);pointer-events:none;background:radial-gradient(circle,#ef44441f 0%,#f59e0b14 50%,#0000 80%);width:500px;height:350px;position:absolute;bottom:-150px;right:15%}@keyframes pulseGlow{0%{opacity:.8;transform:translate(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1.1)}}.gatekeeper-card{-webkit-backdrop-filter:blur(28px);z-index:10;background:#12121ad9;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;gap:24px;width:100%;max-width:480px;padding:36px 32px;animation:.4s cubic-bezier(.16,1,.3,1) cardFadeIn;display:flex;position:relative;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff0d,inset 0 1px #ffffff26}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.gatekeeper-header{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.gatekeeper-brand-badge{color:#1ed760;letter-spacing:.06em;text-transform:uppercase;background:#1ed7601f;border:1px solid #1ed7604d;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:.76rem;font-weight:700;display:inline-flex}.gatekeeper-title{color:#fff;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#d4d4d8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.85rem;font-weight:900;line-height:1.15}.gatekeeper-subtitle{color:#a1a1aa;max-width:380px;font-size:.88rem;line-height:1.45}.gatekeeper-tabs{background:#00000059;border:1px solid #ffffff0f;border-radius:12px;gap:4px;padding:4px;display:flex}.gatekeeper-tab-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.gatekeeper-tab-btn:hover{color:#fff}.gatekeeper-tab-btn.active{color:#000;background:#1ed760;box-shadow:0 4px 14px #1ed76059}.gatekeeper-tab-btn:focus-visible{outline-offset:2px;outline:3px solid #1ed760}.gatekeeper-error{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:.84rem;font-weight:600;animation:.3s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.gatekeeper-form{flex-direction:column;gap:16px;display:flex}.gatekeeper-field{flex-direction:column;gap:6px;display:flex}.gatekeeper-label{text-transform:uppercase;letter-spacing:.05em;color:#d4d4d8;font-size:.78rem;font-weight:700}.gatekeeper-input-wrapper{align-items:center;display:flex;position:relative}.gatekeeper-input-icon{color:#71717a;pointer-events:none;position:absolute;left:14px}.gatekeeper-input{color:#fff;background:#00000073;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:14px 14px 14px 44px;font-family:inherit;font-size:.95rem;transition:all .2s}.gatekeeper-input:focus{background:#000000a6;border-color:#1ed760;outline:none;box-shadow:0 0 0 3px #1ed76040}.gatekeeper-input:focus-visible{outline:3px solid #1ed760}.gatekeeper-eye-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:flex;position:absolute;right:12px}.gatekeeper-eye-btn:hover{color:#fff}.gatekeeper-eye-btn:focus-visible{outline:2px solid #1ed760}.gatekeeper-submit-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#1ed760 0%,#15803d 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px 20px;font-size:.95rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 20px #1ed76059}.gatekeeper-submit-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 28px #1ed76080}.gatekeeper-submit-btn:active{transform:translateY(0)}.gatekeeper-submit-btn:focus-visible{outline-offset:2px;outline:4px solid #fff}.gatekeeper-profiles-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;display:grid}.gatekeeper-profile-card{cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.gatekeeper-profile-card:hover,.gatekeeper-profile-card.selected{background:#1ed76014;border-color:#1ed760;transform:translateY(-4px);box-shadow:0 8px 24px #1ed76033}.gatekeeper-profile-card:focus-visible{outline-offset:2px;outline:3px solid #1ed760}.gatekeeper-avatar-wrap{border:2px solid #fff3;border-radius:50%;width:64px;height:64px;transition:border-color .2s;position:relative;overflow:hidden}.gatekeeper-profile-card:hover .gatekeeper-avatar-wrap,.gatekeeper-profile-card.selected .gatekeeper-avatar-wrap{border-color:#1ed760}.gatekeeper-avatar-img{object-fit:cover;width:100%;height:100%}.gatekeeper-profile-name{color:#fff;font-size:.8rem;font-weight:700;line-height:1.2}.gatekeeper-profile-badge{text-transform:uppercase;color:#a1a1aa;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.gatekeeper-profile-badge.admin{color:#10b981;background:#10b98133}.gatekeeper-profile-unlock{background:#00000059;border:1px solid #1ed7604d;border-radius:14px;flex-direction:column;gap:12px;margin-top:10px;padding:16px;animation:.25s ease-out cardFadeIn;display:flex}.gatekeeper-quick-box{background:#ffffff08;border:1px dashed #ffffff24;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.gatekeeper-quick-header{justify-content:space-between;align-items:center;display:flex}.gatekeeper-quick-title{text-transform:uppercase;letter-spacing:.06em;color:#71717a;font-size:.72rem;font-weight:800}.gatekeeper-quick-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gatekeeper-quick-btn{color:#e4e4e7;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px;font-size:.74rem;font-weight:600;transition:all .15s;display:flex}.gatekeeper-quick-btn:hover{color:#1ed760;background:#1ed7601f;border-color:#1ed7604d}.gatekeeper-quick-btn:focus-visible{outline:2px solid #1ed760}.gatekeeper-quick-pass{color:#71717a;font-size:.65rem}.gatekeeper-footer{text-align:center;color:#52525b;justify-content:center;align-items:center;gap:8px;font-size:.74rem;display:flex}.dsp-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:100000;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out dspFadeIn;display:flex;position:fixed;inset:0}@keyframes dspFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.dsp-modal-container{background:#12121af5;border:1px solid #ffffff24;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:720px;max-height:94vh;padding:24px 26px 30px;display:flex;overflow-y:auto;box-shadow:0 30px 60px -15px #000000d9,0 0 0 1px #ffffff14}.dsp-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.dsp-brand{align-items:center;gap:10px;display:flex}.dsp-brand-icon{color:#00f2fe;background:linear-gradient(135deg,#00f2fe33,#8b5cf633);border:1px solid #00f2fe4d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dsp-title{color:#fff;letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.dsp-subtitle{color:#a1a1aa;font-size:.78rem}.dsp-close-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;transition:all .15s}.dsp-close-btn:hover{color:#fff;background:#ffffff14}.dsp-close-btn:focus-visible{outline:2px solid #1ed760}.dsp-visualizer-box{background:#00000073;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.dsp-visualizer-bars{flex:1;align-items:flex-end;gap:4px;height:38px;display:flex}.dsp-bar{background:linear-gradient(#00f2fe,#1ed760);border-radius:2px;flex:1;min-height:4px;transition:height 80ms}.dsp-active-tag{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.dsp-active-badge{letter-spacing:.05em;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:800}.dsp-presets-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.dsp-preset-card{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;padding:14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.dsp-preset-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}.dsp-preset-card.active{background:#1ed76014;border-color:#1ed760;box-shadow:0 4px 20px #1ed7602e}.dsp-preset-card:focus-visible{outline-offset:2px;outline:3px solid #1ed760}.dsp-card-top{justify-content:space-between;align-items:center;display:flex}.dsp-card-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.64rem;font-weight:800}.dsp-card-title{color:#fff;font-size:.88rem;font-weight:800;line-height:1.2}.dsp-card-desc{color:#a1a1aa;font-size:.72rem;line-height:1.4}.dsp-specs-box{background:#0000004d;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding:12px 14px;display:grid}.dsp-spec-item{flex-direction:column;gap:2px;display:flex}.dsp-spec-label{color:#71717a;text-transform:uppercase;font-size:.68rem;font-weight:700}.dsp-spec-value{color:#e4e4e7;font-size:.82rem;font-weight:700}.player-dsp-btn{color:#a1a1aa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:.72rem;font-weight:700;transition:all .15s;display:flex}.player-dsp-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}.player-dsp-btn.active{color:#1ed760;background:#1ed76026;border-color:#1ed76066}.player-dsp-btn:focus-visible{outline:2px solid #1ed760}