.navbar-container{z-index:1000;height:var(--header-height);justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex;position:sticky;top:0}.navbar-brand-section{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand-logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.brand-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.brand-icon-bg{background:var(--gradient-brand);width:36px;height:36px;box-shadow:0 4px 14px var(--yt-red-glow);border-radius:9px;justify-content:center;align-items:center;transition:transform .2s;display:flex}.brand-pulse-dot{background:var(--accent-cyan);width:9px;height:9px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;animation:1.2s infinite pulse-subtle;position:absolute;top:-2px;right:-2px}.brand-text-wrapper{align-items:center;gap:5px;display:flex}.brand-title{letter-spacing:-.4px;background:linear-gradient(#fff 40%,#c0c5d5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.22rem;font-weight:800}.brand-badge{letter-spacing:.7px;color:#ff4d6d;background:#ff00332e;border:1px solid #ff00334d;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:700}.desktop-search-outer{flex:1;max-width:620px;position:relative}.navbar-search-form{align-items:center;width:100%;display:flex}.search-input-wrapper{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full) 0 0 var(--radius-full);border-right:none;flex:1;align-items:center;transition:border-color .2s,background-color .2s;display:flex;position:relative}.search-input-wrapper:focus-within{background:var(--bg-elevated);border-color:#3ea6ff}.search-input{width:100%;color:var(--text-primary);background:0 0;border:none;padding:9px 16px;font-size:.92rem}.search-input::placeholder{color:var(--text-muted)}.clear-search-btn{color:var(--text-muted);align-items:center;padding:8px 10px;display:flex}.clear-search-btn:hover{color:var(--text-primary)}.search-submit-btn{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:0 var(--radius-full) var(--radius-full) 0;color:var(--text-secondary);justify-content:center;align-items:center;padding:9px 20px;transition:all .2s;display:flex}.search-submit-btn:hover{background:var(--bg-active);color:var(--text-primary)}.suggestions-dropdown{z-index:2500;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid #ffffff26;border-radius:12px;max-height:420px;padding:8px 0;animation:.15s dropFadeIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #000000f2,0 0 0 1px #ffffff0f;background:#14161d!important}@keyframes dropFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.suggestions-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 18px 8px;font-size:.68rem;font-weight:700;display:flex}.clear-history-all-btn{color:var(--text-muted);background:#ffffff0a;border-radius:4px;align-items:center;gap:5px;padding:2px 8px;font-size:.7rem;font-weight:600;transition:all .15s;display:flex}.clear-history-all-btn:hover{color:var(--yt-red);background:#ff00331f}.suggestion-row{cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;transition:background-color .12s;display:flex;position:relative}.suggestion-row:hover,.suggestion-row-active{background:#ffffff14}.history-row{background:#9d4edd0a}.history-row:hover,.history-row.suggestion-row-active{background:#9d4edd26}.suggestion-content{flex-direction:row;flex:1;align-items:center;gap:14px;min-width:0;display:flex}.item-icon{flex-shrink:0}.icon-history{color:#c084fc}.icon-search{color:var(--text-muted)}.suggestion-query-text{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:400;overflow:hidden}.text-history-highlight{color:#fff;font-weight:600}.remove-history-item-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:inline-flex}.remove-history-item-btn:hover{color:#fff;background:#ff003340}.navbar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.mobile-search-trigger{display:none}.icon-btn{width:38px;height:38px;color:var(--text-secondary);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn-active{color:var(--yt-red);background:#f033;border:1px solid #f036}.visualizer-icon-active{color:#f36;animation:1.2s infinite pulse-subtle}.action-pill-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-full);align-items:center;gap:6px;padding:7px 14px;font-size:.84rem;font-weight:500;transition:all .2s;display:flex}.action-pill-btn:hover{background:var(--bg-hover);border-color:#fff3}.queue-btn{position:relative}.queue-count-badge{background:var(--yt-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.mobile-search-bar{align-items:center;gap:8px;width:100%;display:flex}.mobile-search-box-wrap{flex:1;position:relative}.mobile-search-form{background:var(--bg-surface);border-radius:var(--radius-full);border:1px solid #3ea6ff;align-items:center;width:100%;padding:2px 8px 2px 14px;display:flex}.mobile-search-input{color:#fff;background:0 0;border:none;flex:1;padding:6px 0;font-size:.95rem}.mobile-search-submit{color:var(--text-secondary);align-items:center;padding:6px;display:flex}@media (max-width:768px){.navbar-container{padding:0 10px;padding-left:calc(10px + env(safe-area-inset-left,0px));padding-right:calc(10px + env(safe-area-inset-right,0px));gap:8px;height:60px}.navbar-brand-section{gap:8px}.brand-icon-bg{border-radius:8px;width:34px;height:34px}.brand-title{font-size:1.12rem}.brand-badge,.desktop-search-outer{display:none}.navbar-actions{gap:4px}.mobile-search-trigger{width:38px;min-width:38px;height:38px;min-height:38px;display:flex}.action-pill-btn{border-radius:50%;justify-content:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:8px}.btn-label{display:none}.icon-btn{width:38px;min-width:38px;height:38px;min-height:38px}.mobile-search-bar{padding:8px 10px;padding-top:calc(8px + env(safe-area-inset-top,0px));gap:6px}.mobile-search-form{min-height:42px;padding:4px 8px 4px 12px}.mobile-search-input{font-size:16px}.suggestions-dropdown{max-height:min(340px,100vh - 130px)}.suggestion-row{min-height:44px;padding:10px 14px}}@media (max-width:360px){.navbar-container{gap:4px;padding:0 6px}.navbar-actions{gap:2px}.icon-btn,.action-pill-btn,.mobile-search-trigger{width:36px;min-width:36px;height:36px;min-height:36px}.brand-title{font-size:1.05rem}}
.sidebar-container{height:calc(100vh - var(--header-height));background:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:120;flex-direction:column;flex-shrink:0;justify-content:flex-start;transition:width .2s cubic-bezier(.4,0,.2,1),transform .25s;display:flex;overflow:hidden auto}.sidebar-expanded{width:var(--sidebar-width);padding:0 10px 14px}.sidebar-collapsed{width:var(--sidebar-collapsed-width);align-items:center;padding:0 4px 14px}.sidebar-top-mobile{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:10px;padding:6px 10px 14px;display:none}.mobile-sidebar-title{font-size:1rem;font-weight:700}.mobile-close-btn{color:var(--text-secondary);border-radius:50%;padding:6px}.mobile-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-backdrop{display:none}.sidebar-section{flex-direction:column;gap:2px;width:100%;display:flex}.section-label{color:var(--text-muted);letter-spacing:.8px;-webkit-user-select:none;user-select:none;padding:6px 14px 4px;font-size:.72rem;font-weight:700}.nav-list{flex-direction:column;gap:3px;width:100%;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;align-items:center;gap:16px;width:100%;padding:10px 14px;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item-active{color:#fff;background:#ff00331f;font-weight:600}.nav-item-active .nav-icon-box{color:var(--yt-red)}.nav-icon-box{flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-label-full{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.nav-label-mini{display:none}.active-glow-pill{background:var(--yt-red);width:4px;height:18px;box-shadow:0 0 10px var(--yt-red);border-radius:4px;position:absolute;right:6px}.sidebar-divider{background:var(--border-subtle);width:calc(100% - 20px);height:1px;margin:14px 10px}.sidebar-footer{margin-top:auto;padding:16px 10px 8px}.tech-badge{border-radius:var(--radius-sm);color:var(--text-secondary);-webkit-user-select:none;user-select:none;background:#00f0ff0f;border:1px solid #00f0ff26;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;display:flex}.sidebar-collapsed .section-label,.sidebar-collapsed .sidebar-divider,.sidebar-collapsed .sidebar-footer,.sidebar-collapsed .active-glow-pill,.sidebar-collapsed .nav-label-full{display:none!important}.sidebar-collapsed .nav-item{border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:6px;width:64px;margin:0 auto 4px;padding:12px 2px}.sidebar-collapsed .nav-label-mini{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:60px;font-size:.66rem;font-weight:500;line-height:1.1;overflow:hidden;display:block!important}.sidebar-collapsed .nav-item-active .nav-label-mini{color:#fff;font-weight:700}@media (min-width:769px){.sidebar-container{height:calc(100vh - var(--header-height));position:sticky;top:0}.sidebar-top-mobile,.mobile-backdrop{display:none!important}}@media (max-width:768px){.mobile-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:110;background:#000000bf;display:block;position:fixed;inset:0}.sidebar-container{z-index:120;height:100vh;padding:16px 12px;position:fixed;top:0;bottom:0;left:0;box-shadow:10px 0 30px #000000d9;width:280px!important}.sidebar-collapsed{transform:translate(-100%)}.sidebar-expanded{transform:translate(0)}.sidebar-top-mobile{display:flex}.nav-label-full,.section-label,.sidebar-divider,.sidebar-footer{display:block!important}.nav-label-mini{display:none!important}.nav-item{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;padding:10px 14px!important}}
.audio-card{cursor:pointer;border-radius:var(--radius-lg);background:0 0;flex-direction:column;gap:12px;padding:8px;transition:transform .2s,background-color .2s,box-shadow .2s;display:flex;position:relative}.audio-card:hover{background:var(--bg-surface);box-shadow:var(--shadow-md);transform:translateY(-3px)}.audio-card-active{background:var(--bg-surface);border:1px solid var(--border-active);box-shadow:0 0 20px #f033}.thumbnail-wrapper{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--bg-elevated);width:100%;position:relative;overflow:hidden}.thumbnail-wrapper .thumbnail-img{object-fit:cover;transition:transform .3s}.audio-card:hover .thumbnail-img{transform:scale(1.04)}.audio-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--accent-cyan);letter-spacing:.5px;border-radius:var(--radius-sm);z-index:2;background:#000000bf;border:1px solid #00f0ff4d;align-items:center;gap:5px;padding:3px 8px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.duration-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:2;background:#000000d9;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600;position:absolute;bottom:8px;right:8px}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;z-index:3;background:#0a0b0ea6;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}.audio-card:hover .overlay,.overlay-active{opacity:1}.play-circle{background:var(--gradient-brand);width:52px;height:52px;box-shadow:0 4px 18px var(--yt-red-glow);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex}.audio-card:hover .play-circle{transform:scale(1.1)}.overlay-text{color:#fff;letter-spacing:.4px;text-shadow:0 2px 4px #000c;font-size:.8rem;font-weight:600}.playing-bars{z-index:4;background:#000000bf;border-radius:4px;align-items:flex-end;gap:3px;height:18px;padding:3px 6px;display:flex;position:absolute;bottom:8px;left:8px}.bar{background:var(--yt-red);border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate equalizer}.bar-1{animation-delay:.1s}.bar-2{animation-delay:.3s}.bar-3{animation-delay:.2s}.bar-4{animation-delay:.4s}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card-details{align-items:flex-start;gap:12px;display:flex;position:relative}.channel-avatar{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--accent-cyan);background:linear-gradient(135deg,#2a2e3d,#1c1e28);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.88rem;font-weight:700;display:flex}.text-content{flex:1;min-width:0}.card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.95rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card-uploader{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.card-uploader:hover{color:var(--text-primary)}.card-meta{color:var(--text-muted);margin-top:2px;font-size:.78rem}.card-actions-row{align-items:center;gap:4px;display:flex}.card-action-btn{background:var(--bg-hover);width:30px;height:30px;color:var(--text-secondary);opacity:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.audio-card:hover .card-action-btn{opacity:1}.card-action-btn:hover{background:var(--bg-active);color:var(--text-primary);transform:scale(1.1)}.queue-added{color:#fff!important;opacity:1!important;background:#2ecc71!important}@media (max-width:768px){.card-action-btn{opacity:1;background:var(--bg-elevated)}.audio-card:active{transform:scale(.98)}.card-title{font-size:.9rem}}@media (max-width:640px){.audio-card{border-radius:var(--radius-md);box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0a;flex-direction:row;align-items:center;gap:12px;margin-bottom:2px;padding:10px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.audio-card-active{background:#ff003314!important;border:1px solid #ff003361!important;box-shadow:0 4px 18px #ff003329!important}.audio-card-active .card-title{color:#ff4d6d!important}.audio-card:hover{transform:none}.audio-card:active{background:#ffffff0f}.thumbnail-wrapper{aspect-ratio:16/9;isolation:isolate;border-radius:8px;flex-shrink:0;width:108px;min-width:108px;height:62px;position:relative;overflow:hidden}.audio-badge{display:none}.duration-pill{border-radius:3px;padding:1px 5px;font-size:.68rem;bottom:4px;right:4px}.card-details{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;display:flex;overflow:hidden}.channel-avatar{display:none}.text-content{width:100%;min-width:0;overflow:hidden}.card-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.6em;margin-bottom:2px;font-size:.88rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card-uploader{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.card-meta{color:var(--text-muted);margin-top:1px;font-size:.7rem}.card-actions-row{align-items:center;gap:8px;margin-top:5px;display:flex}.card-action-btn{width:28px;min-width:28px;height:28px;min-height:28px;color:var(--text-secondary);opacity:1;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.card-action-btn:active{background:var(--bg-active);color:#fff;transform:scale(.92)}.overlay .play-circle{width:32px;height:32px}.overlay .overlay-text{display:none}}
.fullscreen-player-overlay{z-index:9999;will-change:transform;-webkit-user-select:none;user-select:none;background:#09090e;flex-direction:column;justify-content:flex-start;align-items:center;animation:.32s cubic-bezier(.16,1,.3,1) forwards slideUpIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes slideUpIn{0%{opacity:.7;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.fullscreen-ambient-bg{filter:blur(55px)brightness(.24)saturate(1.8);pointer-events:none;z-index:1;background-position:50%;background-size:cover;position:absolute;inset:-40px;transform:scale(1.15)}.fullscreen-ambient-scrim{pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 20%,#ff00331f 0%,#0000 65%),linear-gradient(#0a0a10bf 0%,#07070cf0 85%);position:absolute;inset:0}.fullscreen-player-container{z-index:3;width:100%;max-width:480px;height:100dvh;padding:env(safe-area-inset-top,12px) 24px env(safe-area-inset-bottom,20px);box-sizing:border-box;flex-direction:column;justify-content:space-between;display:flex;position:relative}.fullscreen-drag-handle-bar{justify-content:center;padding-top:6px;padding-bottom:4px;display:flex}.fullscreen-drag-pill{background:#ffffff47;border-radius:999px;width:38px;height:4px}.fullscreen-top-bar{justify-content:space-between;align-items:center;height:48px;display:flex}.fullscreen-icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.fullscreen-icon-btn:hover,.fullscreen-icon-btn:active{color:#fff;background:#ffffff1a;transform:scale(1.05)}.fullscreen-header-title{text-align:center;flex-direction:column;align-items:center;display:flex}.header-subtitle{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700}.header-queue-pos{color:var(--text-secondary);margin-top:2px;font-size:.72rem;font-weight:500}.fullscreen-queue-pill{background:var(--yt-red);color:#fff;border-radius:999px;padding:1px 5px;font-size:.6rem;font-weight:700;position:absolute;top:4px;right:4px}.fullscreen-artwork-wrapper{flex:1;justify-content:center;align-items:center;min-height:180px;max-height:380px;margin:12px 0;display:flex}.fullscreen-artwork-card{aspect-ratio:1;background:#121218;border-radius:20px;width:min(78vw,320px);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 16px 40px #000000a6,0 0 0 1px #ffffff1a}.artwork-playing{transform:scale(1.02);box-shadow:0 20px 50px #ff003347,0 0 0 1.5px #ff00334d}.fullscreen-artwork-img{object-fit:cover;width:100%;height:100%;display:block}.fullscreen-glow-ring{pointer-events:none;border-radius:20px;position:absolute;inset:0;box-shadow:inset 0 0 30px #0006}.fullscreen-track-info-section{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.fullscreen-track-meta{flex:1;min-width:0}.fullscreen-track-title{color:var(--text-primary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:1.22rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.fullscreen-track-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:.9rem;font-weight:500;overflow:hidden}.fullscreen-info-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.fullscreen-action-pill-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.fullscreen-action-pill-btn:hover,.fullscreen-action-pill-btn:active{color:#fff;background:#ffffff2e;transform:scale(1.06)}.fullscreen-action-pill-btn.sponsor-pill-active{color:#10b981;background:#10b98126;border-color:#10b98166}.fullscreen-progress-wrapper{margin:10px 0 6px}.fullscreen-segment-marker{z-index:1;pointer-events:none;border-radius:999px;height:5px;position:absolute;top:50%;transform:translateY(-50%)}.fullscreen-timeline-container{cursor:pointer;align-items:center;width:100%;height:24px;display:flex;position:relative}.fullscreen-scrub-slider{opacity:0;z-index:3;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.fullscreen-timeline-container:before{content:"";background:#ffffff29;border-radius:999px;height:5px;position:absolute;left:0;right:0}.fullscreen-scrub-fill{background:var(--gradient-brand);height:5px;box-shadow:0 0 10px var(--yt-red-glow);pointer-events:none;z-index:2;border-radius:999px;position:absolute;left:0}.fullscreen-time-row{font-size:.74rem;font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:2px;display:flex}.fullscreen-controls-cluster{justify-content:space-between;align-items:center;gap:8px;margin:10px 0;padding:0 4px;display:flex}.fullscreen-ctrl-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex;position:relative}.fullscreen-ctrl-btn:hover,.fullscreen-ctrl-btn:active{color:#fff;background:#ffffff14;transform:scale(1.1)}.ctrl-btn-active{color:var(--yt-red)!important}.rewind-btn,.forward-btn{position:relative}.skip-badge{font-size:.55rem;font-weight:800;font-family:var(--font-mono);pointer-events:none;color:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fullscreen-play-hero-btn{background:var(--gradient-brand);width:64px;height:64px;box-shadow:0 8px 24px var(--yt-red-glow);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex}.fullscreen-play-hero-btn:hover,.fullscreen-play-hero-btn:active{box-shadow:0 10px 30px var(--yt-red-glow);transform:scale(1.08)}.fullscreen-hero-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.fullscreen-volume-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;margin:6px 0;padding:8px 16px;display:flex}.fullscreen-vol-icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.fullscreen-volume-slider{height:4px;accent-color:var(--yt-red);cursor:pointer;flex:1}.fullscreen-bottom-actions{justify-content:space-between;align-items:center;gap:8px;padding-top:6px;display:flex}.fullscreen-util-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff17;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.fullscreen-util-btn:hover,.fullscreen-util-btn:active{color:#fff;background:#ffffff1f}.util-active{color:var(--accent-cyan);background:#00f0ff1a;border-color:#00f0ff59}.video-accent-btn{color:var(--accent-cyan);border-color:#00f0ff47}.video-accent-btn:hover{background:#00f0ff2e}@media (max-height:720px){.fullscreen-artwork-card{width:min(65vw,240px)}.fullscreen-play-hero-btn{width:56px;height:56px}.fullscreen-track-title{font-size:1.05rem}.fullscreen-volume-row{padding:6px 12px}}@media (max-height:600px){.fullscreen-artwork-wrapper{display:none}.fullscreen-player-container{justify-content:space-around}}
.player-empty-bar{z-index:1000;height:56px;color:var(--text-muted);justify-content:center;align-items:center;padding:0 16px;font-size:.88rem;display:flex;position:fixed;bottom:0;left:0;right:0}.empty-content{align-items:center;gap:10px;display:flex}.empty-resume-content{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1200px;display:flex}.empty-left{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.empty-text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.resume-accent-time{color:var(--accent-cyan);font-family:var(--font-mono)}.quick-resume-dock-btn{border-radius:var(--radius-full);background:var(--yt-red);color:#fff;cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.quick-resume-dock-btn:hover{background:var(--yt-red-hover);transform:scale(1.05)}.spin-slow{animation:8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.player-bar-container{height:var(--player-height);z-index:1000;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #0009}.timeline-container{cursor:pointer;height:8px;position:absolute;top:-3px;left:0;right:0}.scrub-slider{opacity:0;cursor:pointer;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.scrub-progress-fill{background:var(--gradient-brand);height:3px;box-shadow:0 0 10px var(--yt-red-glow);pointer-events:none;transition:height .15s}.timeline-container:hover .scrub-progress-fill{height:6px}.scrub-segment-marker{z-index:2;pointer-events:none;border-radius:1px;height:3px;transition:height .15s;position:absolute;top:0}.timeline-container:hover .scrub-segment-marker{height:6px}.seg-color-music_offtopic{background:#06b6d4;box-shadow:0 0 6px #06b6d499}.seg-color-sponsor{background:#10b981;box-shadow:0 0 6px #10b98199}.seg-color-outro{background:#a855f7;box-shadow:0 0 6px #a855f799}.seg-color-selfpromo{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.seg-color-interaction{background:#ec4899;box-shadow:0 0 6px #ec489999}.sponsor-dock-btn.sponsor-btn-active{color:#10b981;background:#10b98114;border-color:#10b9814d}.sponsor-dock-btn:hover{background:#10b98126;border-color:#10b98166}.player-content{flex:1;justify-content:space-between;align-items:center;gap:20px;padding:0 24px;display:flex}.track-info-section{align-items:center;gap:14px;min-width:240px;max-width:320px;display:flex}.mini-thumbnail-box{border:2px solid var(--border-subtle);background:#181818;border-radius:50%;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080}.thumbnail-playing{border-color:var(--yt-red);box-shadow:0 0 14px var(--yt-red-glow)}.mini-thumb-img{object-fit:cover;width:100%;height:100%}.vinyl-center-dot{background:var(--bg-base);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.track-meta{flex:1;min-width:0}.track-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.track-uploader{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.78rem;overflow:hidden}.yt-link-btn{color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.yt-link-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.player-controls-section{flex-direction:column;align-items:center;gap:4px;display:flex}.controls-row{align-items:center;gap:14px;display:flex}.ctrl-btn{color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.ctrl-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.ctrl-active{color:var(--yt-red)!important}.play-main-btn{background:var(--gradient-brand);width:44px;height:44px;box-shadow:0 4px 16px var(--yt-red-glow);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.play-main-btn:hover{box-shadow:0 6px 20px var(--yt-red-glow);transform:scale(1.08)}.ctrl-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.time-display{font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:5px;display:flex}.time-sep{opacity:.5}.player-actions-section{justify-content:flex-end;align-items:center;gap:14px;min-width:240px;display:flex}.action-btn{color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.action-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.action-btn-active{color:var(--yt-red);background:#ff003326}.mobile-expand-btn{display:none}.video-mode-btn{border-radius:var(--radius-full);color:var(--accent-cyan);background:#00f0ff1a;border:1px solid #00f0ff4d;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.video-mode-btn:hover{background:#00f0ff33;transform:translateY(-1px)}.speed-selector-wrapper{position:relative}.speed-btn{font-size:.78rem;font-weight:700;font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:4px 8px}.speed-dropdown{border-radius:var(--radius-md);min-width:90px;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;bottom:48px;right:0}.dropdown-title{color:var(--text-muted);text-transform:uppercase;padding:4px 8px;font-size:.7rem;font-weight:700}.speed-option{font-size:.82rem;font-family:var(--font-mono);border-radius:var(--radius-sm);text-align:left;color:var(--text-secondary);padding:6px 12px}.speed-option:hover{background:var(--bg-hover);color:var(--text-primary)}.speed-active{color:var(--yt-red);background:#ff00331f;font-weight:700}.volume-group{align-items:center;gap:6px;display:flex}.volume-slider{width:80px;accent-color:var(--yt-red);cursor:pointer;height:4px}.queue-dock-btn{position:relative}.queue-pill{background:var(--yt-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:3px;right:3px}@media (max-width:768px){.player-content{justify-content:space-between;align-items:center;gap:10px;padding:0 12px}.track-info-section{cursor:pointer;border-radius:8px;flex:auto;gap:10px;min-width:0;max-width:calc(100vw - 170px);padding:2px 4px;transition:background .15s}.track-info-section:active{background:#ffffff14}.track-meta{min-width:0;overflow:hidden}.track-title{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.track-uploader{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.mini-thumbnail-box{border-radius:8px;flex-shrink:0;width:44px;height:44px}.yt-link-btn{display:none}.player-controls-section{flex:none;gap:0}.controls-row{gap:4px}.controls-row>.ctrl-btn:first-child,.controls-row>.ctrl-btn:nth-child(2),.controls-row>.ctrl-btn:nth-child(3),.controls-row>.ctrl-btn:nth-child(6),.controls-row>.ctrl-btn:nth-child(7){display:none}.controls-row>.ctrl-btn:nth-child(5){min-width:36px;min-height:36px;padding:6px;display:flex}.play-main-btn{width:44px;height:44px}.time-display{display:none}.player-actions-section{flex:none;justify-content:flex-end;gap:4px;min-width:auto}.video-mode-btn,.action-btn:not(.mobile-expand-btn),.speed-selector-wrapper,.volume-group{display:none}.mobile-expand-btn{width:38px;height:38px;color:var(--accent-cyan);cursor:pointer;background:#00f0ff14;border:1px solid #00f0ff38;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.mobile-expand-btn:active{background:#00f0ff38;transform:scale(1.1)}}@media (max-width:380px){.track-info-section{max-width:calc(100vw - 145px)}.controls-row>.ctrl-btn:nth-child(5){display:none}}
.visualizer-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080a0ee0;justify-content:center;align-items:center;padding:24px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.visualizer-container{border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:900px;height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #000c,0 0 40px #ff003326}.visualizer-header{border-bottom:1px solid var(--border-subtle);background:#12141a99;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.track-hero-info{align-items:center;gap:14px;max-width:55%;display:flex}.hero-title{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.hero-artist{color:var(--text-secondary);font-size:.82rem}.header-actions{align-items:center;gap:16px;display:flex}.mode-toggle-group{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;padding:3px;display:flex}.mode-btn{border-radius:var(--radius-full);color:var(--text-secondary);padding:5px 12px;font-size:.78rem;font-weight:500;transition:all .2s}.mode-btn:hover{color:var(--text-primary)}.mode-active{background:var(--gradient-brand);color:#fff;font-weight:600}.close-btn{width:36px;height:36px;color:var(--text-secondary);background:var(--bg-hover);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.close-btn:hover{background:var(--yt-red);color:#fff}.canvas-wrapper{background:radial-gradient(circle,#9d4edd1a 0%,#0000 75%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.center-artwork-wrapper{z-index:10;border:3px solid #ffffff26;border-radius:50%;width:140px;height:140px;transition:transform .3s;position:absolute;overflow:hidden;box-shadow:0 0 30px #000000e6}.artwork-pulsing{animation:2.5s ease-in-out infinite pulse-artwork}@keyframes pulse-artwork{0%,to{transform:scale(1);box-shadow:0 0 20px #ff00334d}50%{transform:scale(1.06);box-shadow:0 0 40px #00f0ff66}}.center-artwork-img{object-fit:cover;width:100%;height:100%}.visualizer-canvas{width:100%;height:100%;position:absolute;inset:0}.visualizer-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);background:#12141a99;justify-content:space-between;align-items:center;padding:14px 24px;font-size:.78rem;display:flex}.stream-badge{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.footer-tip{font-family:var(--font-mono);font-size:.72rem}@media (max-width:768px){.visualizer-modal-overlay{padding:0}.visualizer-container{border:none;border-radius:0;max-width:100%;height:100dvh}.visualizer-header{flex-wrap:wrap;gap:10px;padding:12px 14px}.track-hero-info{flex:auto;min-width:0;max-width:100%}.hero-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;display:-webkit-box}.header-actions{justify-content:space-between;gap:8px;width:100%}.mode-toggle-group{flex:1}.mode-btn{flex:1;padding:8px 6px;font-size:.72rem}.center-artwork-wrapper{width:120px;height:120px}.visualizer-footer{padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.footer-tip{display:none}}
.modal-overlay{z-index:2500;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a0ed9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);width:100%;max-width:540px;box-shadow:0 20px 50px #000c, 0 0 30px var(--yt-red-glow);animation:.2s cubic-bezier(.16,1,.3,1) popIn;overflow:hidden}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title-box{align-items:center;gap:10px;display:flex}.modal-title{font-size:1.1rem;font-weight:700}.close-icon-btn{width:32px;height:32px;color:var(--text-secondary);background:var(--bg-hover);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.close-icon-btn:hover{background:var(--yt-red);color:#fff}.modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.modal-description{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.input-field-group{gap:10px;display:flex}.url-input{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);flex:1;padding:12px 16px;font-size:.92rem;transition:border-color .2s}.url-input:focus{border-color:#3ea6ff}.submit-play-btn{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 14px var(--yt-red-glow);align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.submit-play-btn:hover:not(:disabled){transform:translateY(-1px)}.submit-play-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-badge{border-radius:var(--radius-sm);color:#ff4d6d;background:#ff003326;border:1px solid #ff003359;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}.presets-section{flex-direction:column;gap:10px;margin-top:4px;display:flex}.presets-label{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.preset-buttons-row{flex-wrap:wrap;gap:8px;display:flex}.preset-pill{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);padding:6px 12px;font-size:.8rem;transition:all .2s}.preset-pill:hover:not(:disabled){background:var(--bg-active);color:var(--text-primary);border-color:#fff3}@media (max-width:600px){.modal-overlay{padding:12px}.modal-header{padding:14px 18px}.modal-body{gap:16px;padding:18px 16px}.input-field-group{flex-direction:column}.submit-play-btn{justify-content:center;width:100%}}
.queue-overlay{z-index:1500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-panel{background:var(--bg-surface);border-left:1px solid var(--border-subtle);flex-direction:column;width:100%;max-width:420px;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:-10px 0 30px #000000b3}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.tabs-row{background:var(--bg-base);border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-full);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.tab-active{background:var(--bg-elevated);color:var(--text-primary);font-weight:600}.close-drawer-btn{width:32px;height:32px;color:var(--text-secondary);background:var(--bg-hover);border-radius:50%;justify-content:center;align-items:center;display:flex}.close-drawer-btn:hover{color:#fff;background:var(--yt-red)}.now-playing-box{border-bottom:1px solid var(--border-subtle);background:#ff003314;padding:16px 20px}.now-playing-label{color:var(--yt-red);letter-spacing:.6px;margin-bottom:8px;font-size:.68rem;font-weight:700}.now-track-row{align-items:center;gap:12px;display:flex}.now-thumb{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-subtle);width:44px;height:44px}.now-info{flex:1;min-width:0}.now-title{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;display:block;overflow:hidden}.now-artist{color:var(--text-secondary);margin-top:2px;font-size:.76rem;display:block}.drawer-body{flex:1;padding:16px 20px;overflow-y:auto}.empty-state{text-align:center;height:260px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.88rem;display:flex}.empty-state span{color:var(--text-muted);font-size:.78rem}.list-container{flex-direction:column;gap:8px;display:flex}.list-header{color:var(--text-muted);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:2px;font-size:.78rem;font-weight:600;display:flex}.upcoming-title-wrap{align-items:center;gap:6px;display:flex}.upcoming-count-badge{background:var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-full);font-size:.7rem;font-family:var(--font-mono);padding:1px 6px}.header-actions{align-items:center;gap:8px;display:flex}.autoplay-pill-btn{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .2s;display:flex}.autoplay-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;transition:all .2s}.autoplay-active{color:var(--accent-cyan);background:#00f0ff1f;border-color:#00f0ff59}.autoplay-active .autoplay-dot{background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.clear-btn{color:var(--text-muted);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:flex}.clear-btn:hover{color:var(--yt-red);background:#ff00331a}.swipe-hint{color:var(--text-muted);text-align:center;opacity:.6;padding:0 0 4px;font-size:.66rem}.finding-related-banner{color:var(--accent-cyan);border-radius:var(--radius-sm);text-align:center;background:#00f0ff14;border:1px solid #00f0ff33;margin-bottom:4px;padding:6px 10px;font-size:.72rem;animation:1.8s ease-in-out infinite pulseGlow}.bottom-loading-wrap{color:var(--accent-cyan);border-radius:var(--radius-sm);background:#00f0ff0f;border:1px dashed #00f0ff40;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:10px 12px;font-size:.74rem;display:flex}.bottom-loading-dot{background:var(--accent-cyan);width:8px;height:8px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;animation:1.2s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}.track-item{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 10px;transition:transform .2s,opacity .2s,background-color .15s;display:flex;position:relative}.track-played{opacity:.55}.track-played .item-title{color:var(--text-secondary)}.track-current{opacity:1;background:#ff00331f;border-color:#ff003373;box-shadow:0 0 16px #ff003326}.track-current .item-title{color:#fff;font-weight:700}.item-index{width:18px;font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);text-align:center;flex-shrink:0}.track-item:hover{background:var(--bg-hover);border-color:#ffffff26}.track-dragging{z-index:10;background:var(--bg-active)!important;border-color:var(--accent-cyan)!important}.drag-handle{color:var(--text-muted);cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px 0;transition:color .15s;display:flex}.drag-handle:hover{color:var(--text-primary)}.drag-handle:active{cursor:grabbing;color:var(--accent-cyan)}.item-thumb{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px}.thumb-container{border-radius:var(--radius-sm);flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.thumb-container .item-thumb{width:100%;height:100%}.thumb-progress-bar{background:#0009;height:3px;position:absolute;bottom:0;left:0;right:0}.thumb-progress-fill{background:var(--yt-red);border-radius:2px;height:100%}.item-info{flex:1;min-width:0}.item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;display:block;overflow:hidden}.item-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;display:block;overflow:hidden}.history-meta-row{align-items:center;gap:6px;margin-top:3px;display:flex}.history-resume-tag{color:var(--accent-cyan);font-size:.7rem;font-weight:600;font-family:var(--font-mono);background:#00f0ff1a;border-radius:4px;align-items:center;padding:1px 6px;display:inline-flex}.history-duration-tag{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono)}.item-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.item-play-btn{background:var(--yt-red);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s;display:flex}.item-play-btn:hover{transform:scale(1.1)}.item-del-btn{width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.item-del-btn:hover{color:var(--yt-red);background:#ff003326}.rewind-group-card{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:border-color .2s,box-shadow .2s;overflow:hidden}.rewind-group-card.rewind-group-expanded{border-color:#00f0ff73;box-shadow:0 4px 20px #0000008c,0 0 15px #00f0ff1a}.rewind-card{background:0 0;align-items:center;gap:12px;padding:10px 12px;transition:background-color .15s;display:flex;position:relative}.rewind-card:hover{background:var(--bg-hover)}.rewind-thumb-wrap{border-radius:var(--radius-sm);background:var(--bg-base);flex-shrink:0;width:50px;min-width:50px;height:50px;min-height:50px;position:relative;overflow:hidden}.rewind-thumb{object-fit:cover;width:100%;height:100%}.rewind-track-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--accent-cyan);background:#000000d1;border-radius:3px;align-items:center;gap:3px;padding:1px 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;bottom:2px;right:2px}.rewind-info{flex:1;min-width:0}.rewind-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;display:block;overflow:hidden}.rewind-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;display:block;overflow:hidden}.rewind-sub-actions{align-items:center;margin-top:4px;display:flex}.rewind-toggle-btn{color:var(--accent-cyan);cursor:pointer;background:#00f0ff14;border:1px solid #00f0ff38;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:600;transition:all .15s;display:inline-flex}.rewind-toggle-btn:hover{border-color:var(--accent-cyan);background:#00f0ff2e;transform:translateY(-1px)}.rewind-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.rewind-songs-list{border-top:1px solid var(--border-subtle);background:#00000059;flex-direction:column;gap:3px;max-height:290px;padding:6px 8px;display:flex;overflow-y:auto}.rewind-songs-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:4px 6px 6px;font-size:.68rem;font-weight:600;display:flex}.rewind-songs-hint{color:var(--accent-cyan);text-transform:none;letter-spacing:normal;opacity:.85;font-size:.64rem}.rewind-song-item{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:6px 8px;transition:background-color .15s,transform .1s;display:flex}.rewind-song-item:hover{background:#ffffff12;border-color:#00f0ff40;transform:translate(2px)}.rewind-song-idx{color:var(--text-muted);text-align:right;flex-shrink:0;width:16px;font-size:.68rem}.rewind-song-thumb{object-fit:cover;background:var(--bg-base);border-radius:4px;flex-shrink:0;width:32px;min-width:32px;height:32px}.rewind-song-details{flex:1;min-width:0}.rewind-song-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:500;display:block;overflow:hidden}.rewind-song-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;display:block;overflow:hidden}.rewind-song-duration{color:var(--text-muted);flex-shrink:0;margin-right:4px;font-size:.68rem}.rewind-song-play-icon{width:24px;height:24px;color:var(--accent-cyan);cursor:pointer;background:#00f0ff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.rewind-song-item:hover .rewind-song-play-icon{background:var(--accent-cyan);color:#000;transform:scale(1.1)}.cursor-pointer{cursor:pointer}@media (max-width:500px){.drawer-panel{max-width:100%}.drawer-header{padding:14px 16px}.drawer-body{padding:12px 14px}}
.video-overlay{z-index:2200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080a0ee6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-card{border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:960px;display:flex;overflow:hidden;box-shadow:0 24px 60px #000c,0 0 40px #f033}.video-header{border-bottom:1px solid var(--border-subtle);background:#12141ab3;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.title-area{align-items:center;gap:12px;max-width:50%;display:flex}.live-pill{border-radius:var(--radius-sm);color:var(--yt-red);letter-spacing:.5px;background:#ff003326;border:1px solid #ff00334d;flex-shrink:0;align-items:center;gap:6px;padding:3px 8px;font-size:.68rem;font-weight:700;display:flex}.dot{background:var(--yt-red);border-radius:50%;width:6px;height:6px}.video-title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.actions-area{align-items:center;gap:8px;display:flex}.sync-pill{border-radius:var(--radius-full);color:var(--accent-cyan);font-family:var(--font-mono);background:#00f0ff14;border:1px solid #00f0ff40;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:600;display:flex}.switch-audio-btn{border-radius:var(--radius-full);color:var(--accent-cyan);background:#00f0ff26;border:1px solid #00f0ff66;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.switch-audio-btn:hover{background:#00f0ff40;transform:scale(1.02)}.icon-btn{width:36px;height:36px;color:var(--text-secondary);background:var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.quality-dropdown-wrapper{position:relative}.quality-btn{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:auto;min-width:48px;padding:0 8px;font-size:.76rem;font-weight:700}.quality-menu{border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:42px;right:0}.menu-header{color:var(--text-muted);text-transform:uppercase;padding:4px 8px;font-size:.7rem;font-weight:700}.menu-item{font-size:.82rem;font-family:var(--font-mono);border-radius:var(--radius-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.menu-item-active{color:var(--yt-red);background:#ff00331a;font-weight:700}.close-btn{width:36px;height:36px;color:var(--text-secondary);background:var(--bg-hover);border-radius:50%;justify-content:center;align-items:center;display:flex}.close-btn:hover{background:var(--yt-red);color:#fff}.player-frame-wrapper{aspect-ratio:16/9;background:#000;width:100%;position:relative}.video-iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.video-footer{border-top:1px solid var(--border-subtle);background:#12141ab3;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.footer-meta{color:var(--text-secondary);align-items:center;gap:8px;font-size:.84rem;display:flex}.channel-name{color:var(--text-primary);font-weight:600}.badge-pill{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--bg-hover);padding:2px 8px;font-size:.75rem}.sync-tip{color:var(--accent-cyan);opacity:.85;font-size:.78rem}.text-btn{color:var(--text-secondary);border-radius:var(--radius-sm);background:var(--bg-hover);align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:flex}.text-btn:hover{color:var(--text-primary);background:var(--bg-active)}@media (max-width:768px){.video-overlay{padding:0}.video-card{border:none;border-radius:0;justify-content:center;height:100vh}.title-area{max-width:40%}.sync-tip{display:none}}
.download-modal-overlay{z-index:2600;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a0ed9;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.download-card{border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:0 24px 60px #000c, 0 0 30px var(--yt-red-glow);animation:.2s cubic-bezier(.16,1,.3,1) popIn;overflow:hidden}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.download-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-title-box{align-items:center;gap:10px;display:flex}.header-title{font-size:1.05rem;font-weight:700}.close-btn{width:32px;height:32px;color:var(--text-secondary);background:var(--bg-hover);border-radius:50%;justify-content:center;align-items:center;display:flex}.close-btn:hover{background:var(--yt-red);color:#fff}.download-body{flex-direction:column;gap:18px;padding:20px;display:flex}.track-summary{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px;display:flex}.track-img{object-fit:cover;border-radius:6px;width:60px;height:45px}.track-info{flex:1;min-width:0}.track-title{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.track-artist{color:var(--text-secondary);margin-top:2px;font-size:.78rem}.track-duration{color:var(--accent-cyan);font-size:.72rem;font-family:var(--font-mono)}.type-toggle-group{grid-template-columns:1fr 1fr;gap:12px;display:grid}.type-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.type-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.type-btn:disabled{opacity:.6;cursor:not-allowed}.type-active{border-color:var(--yt-red);color:#fff;background:#ff00331f}.type-text{flex-direction:column;display:flex}.type-name{font-size:.88rem;font-weight:600}.type-desc{color:var(--text-muted);font-size:.72rem}.quality-section{flex-direction:column;gap:8px;display:flex}.quality-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.quality-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quality-header-row{justify-content:space-between;align-items:center;display:flex}.quality-loading-badge{color:var(--accent-cyan);opacity:.85;align-items:center;gap:5px;font-size:.72rem;display:flex}.quality-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.82rem;transition:all .2s;display:flex}.quality-chip:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.quality-chip:disabled{opacity:.6;cursor:not-allowed}.quality-active{border-color:var(--accent-cyan);color:#fff;background:#00f0ff14;box-shadow:0 0 10px #00f0ff26}.direct-download-box{margin-top:6px}.direct-link-btn{border:1px solid var(--accent-cyan);border-radius:var(--radius-sm);color:var(--accent-cyan);background:#00f0ff1f;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.direct-link-btn:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 16px #00f0ff66}.download-error{color:#ff4d6d;font-size:.82rem}.progress-card{border-radius:var(--radius-md);background:#0006;border:1px solid #00f0ff33;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.progress-top-row{justify-content:space-between;align-items:center;display:flex}.progress-stage-badge{align-items:center;gap:7px;display:flex}.stage-dot{background:var(--accent-cyan);width:8px;height:8px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;animation:1.2s ease-in-out infinite pulseDot}.stage-dot.dot-convert{background:#fa0;box-shadow:0 0 8px #fa0}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.stage-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);font-size:.76rem;font-weight:700}.progress-pct-val{font-size:.8rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-cyan)}.progress-bar-track{background:#ffffff14;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#00f0ff,#0070f3);border-radius:999px;height:100%;transition:width .3s;box-shadow:0 0 10px #00f0ff80}.progress-bar-fill.fill-convert{background:linear-gradient(90deg,#fa0,#f03);box-shadow:0 0 10px #ffaa0080}.progress-label-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:.78rem;display:flex}.progress-label-row .spin{color:var(--accent-cyan);flex-shrink:0;animation:.85s linear infinite modal-spin}@keyframes modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.download-actions{flex-direction:column;gap:8px;display:flex}.download-action-btn,.download-cancel-btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:13px;font-size:.92rem;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.download-action-btn{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 16px var(--yt-red-glow)}.download-action-btn:hover{transform:translateY(-1px)}.download-cancel-btn{border:1px solid var(--border-subtle);color:var(--text-primary);background:#ffffff0f}.download-cancel-btn:hover{border-color:var(--yt-red);background:#ff003326}.download-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);background:#12141a80;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.75rem;display:flex}
.sponsor-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(8px);background:#000000b8;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out forwards sponsorBackdropFade;display:flex;position:fixed;inset:0}@keyframes sponsorBackdropFade{0%{opacity:0}to{opacity:1}}.sponsor-modal-card{background:#12141a;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:88vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards sponsorCardScale;display:flex;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 30px #10b9811a}@keyframes sponsorCardScale{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.sponsor-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.sponsor-header-title-box{align-items:center;gap:12px;display:flex}.sponsor-header-icon{background:#10b9811f;border:1px solid #10b98140;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.sponsor-title{color:var(--text-main,#fff);margin:0;font-size:1.05rem;font-weight:700}.sponsor-subtitle{color:var(--text-muted,#9ca3af);margin:2px 0 0;font-size:.78rem}.sponsor-close-btn{width:32px;height:32px;color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.sponsor-close-btn:hover{color:#fff;background:#ffffff14}.sponsor-modal-body{flex-direction:column;gap:20px;padding:20px;display:flex;overflow-y:auto}.sponsor-master-row{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.sponsor-master-info{flex-direction:column;display:flex}.sponsor-master-label{color:#fff;font-size:.92rem;font-weight:600}.sponsor-master-sub{color:var(--text-muted,#9ca3af);font-size:.76rem}.sponsor-switch{cursor:pointer;background:#ffffff26;border:none;border-radius:13px;width:46px;height:26px;padding:2px;transition:background .25s;position:relative}.sponsor-switch.active{background:#10b981}.sponsor-switch-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.16,1,.3,1);transform:translate(0);box-shadow:0 2px 5px #0000004d}.sponsor-switch.active .sponsor-switch-knob{transform:translate(20px)}.sponsor-section{flex-direction:column;gap:10px;display:flex}.sponsor-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#9ca3af);font-size:.8rem;font-weight:700}.sponsor-mode-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sponsor-mode-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;transition:all .2s;display:flex;position:relative}.sponsor-mode-card:hover{background:#ffffff0f;border-color:#ffffff26}.sponsor-mode-card.selected{background:#10b98114;border-color:#10b98166}.sponsor-mode-icon{width:32px;height:32px;color:var(--text-muted,#9ca3af);background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sponsor-mode-card.selected .sponsor-mode-icon{color:#10b981;background:#10b98133}.sponsor-mode-text{flex-direction:column;flex:1;min-width:0;display:flex}.sponsor-mode-text strong{color:#fff;font-size:.84rem}.sponsor-mode-text span{color:var(--text-muted,#9ca3af);font-size:.72rem}.mode-check{color:#10b981;flex-shrink:0}.sponsor-categories-list{flex-direction:column;gap:8px;display:flex}.sponsor-cat-row{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.sponsor-cat-row:hover{background:#ffffff0d}.cat-label-box{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.cat-icon{flex-shrink:0}.cat-icon.music-cat{color:#06b6d4}.cat-icon.sponsor-cat{color:#10b981}.cat-icon.outro-cat{color:#a855f7}.cat-icon.promo-cat{color:#f59e0b}.cat-icon.interact-cat{color:#ec4899}.cat-title{color:#fff;font-size:.84rem;font-weight:600;display:block}.cat-desc{color:var(--text-muted,#9ca3af);font-size:.72rem;display:block}.cat-checkbox{accent-color:#10b981;cursor:pointer;flex-shrink:0;width:18px;height:18px}.segments-preview-list{flex-direction:column;gap:6px;display:flex}.segment-preview-item{background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:flex}.seg-badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:600}.seg-badge.seg-music_offtopic{color:#06b6d4;background:#06b6d426}.seg-badge.seg-sponsor{color:#10b981;background:#10b98126}.seg-badge.seg-outro{color:#a855f7;background:#a855f726}.seg-badge.seg-selfpromo{color:#f59e0b;background:#f59e0b26}.seg-time{color:#fff;font-weight:500}.seg-dur{color:var(--text-muted,#9ca3af);font-size:.72rem}.no-segments-text{color:var(--text-muted,#9ca3af);margin:0;font-size:.8rem;font-style:italic}.sponsor-modal-footer{background:#0003;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sponsor-credit-link{color:var(--text-muted,#9ca3af);align-items:center;gap:5px;font-size:.76rem;text-decoration:none;transition:color .15s;display:inline-flex}.sponsor-credit-link:hover{color:#10b981}.sponsor-save-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:8px 20px;font-size:.84rem;font-weight:600;transition:all .15s}.sponsor-save-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (max-width:600px){.sponsor-mode-grid{grid-template-columns:1fr}}
.sponsor-toast-container{bottom:calc(var(--player-height) + 16px);z-index:1200;-webkit-backdrop-filter:blur(16px);pointer-events:auto;background:#12141aeb;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:14px;min-width:290px;max-width:400px;padding:10px 14px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;right:20px;box-shadow:0 10px 30px #00000080,0 0 15px #10b98126}.sponsor-toast-container.manual-prompt{border-color:#f59e0b59;box-shadow:0 10px 30px #00000080,0 0 18px #f59e0b33}.animate-toast-slide{animation:.3s cubic-bezier(.16,1,.3,1) forwards sponsorToastSlideUp}@keyframes sponsorToastSlideUp{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.sponsor-toast-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sponsor-toast-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sponsor-toast-icon-box.auto-skip{background:#10b98126;border:1px solid #10b9814d}.sponsor-toast-icon-box.prompt{background:#f59e0b26;border:1px solid #f59e0b4d}.sponsor-toast-body{flex-direction:column;min-width:0;display:flex}.sponsor-toast-title{color:var(--text-main,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.sponsor-toast-sub{color:var(--text-muted,#9ca3af);font-size:.72rem}.sponsor-toast-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.sponsor-undo-btn{color:var(--text-main,#fff);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.sponsor-undo-btn:hover{background:#ffffff29;border-color:#ffffff4d;transform:translateY(-1px)}.sponsor-skip-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 3px 8px #f59e0b4d}.sponsor-skip-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.sponsor-dismiss-btn{width:26px;height:26px;color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.sponsor-dismiss-btn:hover{color:var(--text-main,#fff);background:#ffffff14}@media (max-width:768px){.sponsor-toast-container{left:14px;right:14px;bottom:calc(var(--player-height) + 12px + env(safe-area-inset-bottom,0px));min-width:0;max-width:none}}
.app-shell{background:var(--bg-base);flex-direction:column;height:100dvh;min-height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}.main-layout{min-height:0;height:calc(100dvh - var(--header-height));flex:1;display:flex;overflow:hidden}.content-scrollable{-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:calc(var(--player-height) + 24px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;display:flex;overflow-y:auto}.feed-container{width:100%;max-width:1700px;margin:0 auto;padding:24px 32px}.resume-session-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#12141af2,#1a1e2af2);border:1px solid #00f0ff40;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 18px;animation:.3s slideDown;display:flex;box-shadow:0 8px 24px #0006,0 0 16px #00f0ff14}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.resume-left{align-items:center;gap:14px;min-width:0;display:flex}.resume-icon-badge{background:#00f0ff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.resume-thumb{border-radius:var(--radius-sm);object-fit:cover;border:1px solid #ffffff1a;flex-shrink:0;width:48px;height:48px}.resume-info{min-width:0}.resume-kicker{letter-spacing:.08em;color:var(--accent-cyan);text-transform:uppercase;font-size:.68rem;font-weight:700}.resume-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:480px;font-size:.92rem;font-weight:600;overflow:hidden}.resume-meta{color:var(--text-muted);margin-top:2px;font-size:.78rem}.resume-timestamp{color:var(--accent-cyan);font-weight:600;font-family:var(--font-mono)}.resume-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.resume-play-btn{border-radius:var(--radius-full);background:var(--yt-red);color:#fff;cursor:pointer;align-items:center;gap:7px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #ff003359}.resume-play-btn:hover{background:var(--yt-red-hover);transform:scale(1.04)}.resume-dismiss-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.resume-dismiss-btn:hover{color:#fff;background:#ffffff14}.feed-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.feed-title-box{align-items:center;gap:16px;display:flex}.feed-icon-circle{border-radius:var(--radius-md);background:#ff00331f;border:1px solid #ff003340;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feed-icon-foryou{background:#00f0ff1a;border-color:#00f0ff4d}.for-you-section{margin-bottom:28px}.for-you-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.for-you-title-row{align-items:center;gap:8px;display:flex}.for-you-title-row h2{font-size:1.05rem;font-weight:700}.for-you-see-all{color:var(--accent-cyan);border-radius:var(--radius-full);background:#00f0ff14;border:1px solid #00f0ff33;padding:6px 12px;font-size:.82rem;font-weight:600;transition:background .15s}.for-you-see-all:hover{background:#00f0ff29}.for-you-loading{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:20px;font-size:.85rem;display:flex}.trending-divider{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;margin:8px 0 18px;font-size:.78rem;font-weight:700;display:flex}.trending-divider:before,.trending-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.feed-title{letter-spacing:-.3px;font-size:1.4rem;font-weight:700}.feed-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.84rem}.refresh-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;transition:all .2s;display:flex}.refresh-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.spin-icon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.simple-loader-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.simple-spinner-ring{border:3px solid #ffffff14;border-top-color:var(--yt-red);border-right-color:var(--accent-cyan);width:44px;height:44px;box-shadow:0 0 20px var(--yt-red-glow);border-radius:50%;animation:.75s cubic-bezier(.5,.1,.4,.9) infinite spin}.simple-loader-text h3{color:var(--text-primary);margin-bottom:4px;font-size:1.05rem;font-weight:600}.simple-loader-text p{color:var(--text-secondary);font-size:.82rem}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px 18px;display:grid}.skeleton-card{flex-direction:column;gap:12px;display:flex}.skeleton-thumb{aspect-ratio:16/9;border-radius:var(--radius-md);background:linear-gradient(90deg,#181b22 0%,#222734 50%,#181b22 100%) 0 0/200% 100%;width:100%;animation:1.5s infinite shimmer}.skeleton-details{gap:12px;display:flex}.skeleton-avatar{background:#1e222d;border-radius:50%;flex-shrink:0;width:36px;height:36px}.skeleton-lines{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-line{background:linear-gradient(90deg,#181b22 0%,#222734 50%,#181b22 100%) 0 0/200% 100%;border-radius:4px;height:12px;animation:1.5s infinite shimmer}.line-title{width:85%}.line-subtitle{width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-card{border-radius:var(--radius-md);background:#ff00331a;border:1px solid #ff00334d;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.error-text{flex:1}.error-text h3{color:#ff4d6d;font-size:.95rem}.error-text p{color:var(--text-secondary);font-size:.82rem}.retry-btn{background:var(--yt-red);color:#fff;border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem;font-weight:600}.feed-empty-state{height:300px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.infinite-scroll-sentinel{justify-content:center;align-items:center;width:100%;min-height:40px;padding:28px 0 16px;display:flex}.infinite-loader-row{color:var(--text-secondary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#12141ab3;align-items:center;gap:12px;padding:10px 22px;font-size:.88rem;font-weight:500;animation:.2s fadeIn;display:flex;box-shadow:0 4px 16px #0000004d}.infinite-spinner{border:2.5px solid #ffffff1f;border-top-color:var(--yt-red);border-right-color:var(--accent-cyan);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.infinite-end-msg{color:var(--text-muted);border-radius:var(--radius-full);background:#ffffff08;border:1px dashed #ffffff14;padding:12px 20px;font-size:.82rem}@media (max-width:768px){.feed-container{padding:14px 12px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px 12px}.feed-header{flex-direction:column;align-items:flex-start;gap:12px}.feed-title{font-size:1.2rem}}@media (max-width:640px){.feed-container{padding:10px 8px;padding-bottom:calc(var(--player-height) + 40px)}.video-grid,.for-you-grid{grid-template-columns:1fr;gap:8px}}