.hero-ch-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;opacity:0;transition:opacity .4s}[data-theme=light] .hero-ch-bg,[data-theme=auto] .hero-ch-bg{opacity:1}@media(prefers-color-scheme:dark){[data-theme=auto] .hero-ch-bg{opacity:0}}[data-theme=dark] .hero-ch-bg{opacity:0}.hero-ch-bg:before{content:"";position:absolute;right:-40px;top:-30px;width:60%;height:170%;border-radius:40% 60% 55% 45%/35% 30% 70% 65%;background:radial-gradient(ellipse at 65% 35%,rgba(255,158,181,.18) 0%,rgba(74,178,220,.12) 45%,transparent 70%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 30%,rgba(0,0,0,.85) 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 30%,rgba(0,0,0,.85) 100%)}.hero-ch-bg[data-mode=new]:before{background:radial-gradient(ellipse at 65% 35%,rgba(74,178,220,.22) 0%,rgba(144,215,240,.12) 45%,transparent 70%)}.hero-ch-bg[data-mode=old]:before{background:radial-gradient(ellipse at 65% 35%,rgba(244,196,74,.2) 0%,rgba(212,154,106,.1) 45%,transparent 70%)}.hero-ch-bg[data-mode=all]:before{background:radial-gradient(ellipse at 75% 25%,rgba(74,178,220,.18) 0%,rgba(255,158,181,.12) 40%,rgba(244,196,74,.08) 65%,transparent 80%)}.hero-ch-bg:after{content:"\266a";position:absolute;right:28px;bottom:12px;font-size:96px;line-height:1;color:var(--primary);opacity:.07;transform:rotate(-8deg);pointer-events:none;user-select:none}.hero>*:not(.hero-ch-bg){position:relative;z-index:1}button.official-link{cursor:pointer;font-family:inherit}.ch-dialog{max-width:640px}.ch-modal-body{display:flex;flex-direction:column;gap:16px}.ch-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.ch-card-banner{height:80px;display:flex;align-items:flex-end;padding:10px 16px;position:relative;background:linear-gradient(135deg,#4ab2dc,#9bdcf7);overflow:hidden}.ch-card-banner--old{background:linear-gradient(135deg,#c8a02a,#f4c44a 50%,#d49a6a)}.ch-card-banner--img{height:120px}.ch-card-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.ch-card-avatar--img{padding:0;background:transparent;box-shadow:0 2px 12px #00000038}.ch-card-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ch-card-body{padding:16px;display:flex;flex-direction:column;gap:12px}.ch-card-header{display:flex;align-items:center;gap:12px}.ch-card-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--primary-strong));border:3px solid var(--surface);box-shadow:0 2px 10px #00000026;margin-top:-32px;position:relative;z-index:1}.ch-card-avatar--old{background:linear-gradient(135deg,#c8a02a,#f4c44a)}.ch-card-meta{min-width:0}.ch-card-name{font-size:15px;font-weight:800;color:var(--ink);line-height:1.3}.ch-card-handle{font-size:11.5px;color:var(--ink-mute);font-weight:500;margin-top:1px}.ch-card-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.65;margin:0}.ch-card-links{display:flex;flex-wrap:wrap;gap:7px;padding-top:2px}.ch-card-link{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--surface-3);border:1px solid var(--border);border-radius:999px;font-size:11.5px;color:var(--ink-soft);text-decoration:none;transition:background .12s,border-color .12s,color .12s}.ch-card-link:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong);text-decoration:none}.ch-card-link-icon{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1}.ch-card-link-icon svg{width:14px;height:14px;flex-shrink:0}.ch-card-actions{display:flex;gap:8px}.ch-card-yt-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:red;border:none;border-radius:999px;color:#fff;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:opacity .15s,transform .15s}.ch-card-yt-btn:hover{opacity:.88;transform:translateY(-1px);color:#fff;text-decoration:none}@media(max-width:520px){.ch-dialog{max-width:100%}}.btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:2px solid var(--border-strong);color:var(--ink-soft);padding:8px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:hover{border-color:var(--primary);color:var(--primary-strong);transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));border-color:var(--primary-strong);color:#fff}.btn.primary:hover{box-shadow:var(--shadow);filter:brightness(1.05)}.btn.ghost{background:transparent;border-color:var(--border)}.btn.danger{background:linear-gradient(135deg,#ff7575,var(--red));border-color:var(--red);color:#fff}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface);border:2px solid var(--border);border-radius:50%;color:var(--ink-soft);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease}.icon-btn:hover{border-color:var(--primary);color:var(--primary-strong);transform:rotate(40deg)}.icon-btn:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px}.help-btn,.help-close{font-size:17px;font-weight:800;line-height:1}.help-btn:hover,.help-close:hover{transform:translateY(-1px)}.channel-switch{display:inline-flex;background:var(--surface);border:2px solid var(--border);border-radius:999px;padding:3px;gap:2px;height:36px;overflow:hidden}.ch-btn{background:transparent;border:none;color:var(--ink-soft);padding:0 12px;border-radius:999px;font-size:11.5px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease;white-space:nowrap;font-family:inherit}.ch-btn:hover{color:var(--primary-strong)}.ch-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;box-shadow:var(--shadow-sm)}.ch-btn[data-channel=all].active{background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.ch-btn[data-channel=old].active{background:linear-gradient(135deg,var(--gold),#c8a02a)}.audience-switch .ch-btn[data-audience=singer].active{background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.audience-switch .ch-btn[data-audience=listener].active{background:linear-gradient(135deg,var(--primary),var(--primary-strong))}.ch-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.channel-switch{height:32px;width:100%}.ch-btn{flex:1 1 0;min-width:0;padding:0 6px;font-size:10.5px;overflow:hidden;text-overflow:ellipsis}.audience-switch .ch-btn{padding:0 7px}}.theme-toggle{display:inline-flex;align-items:center;gap:6px;height:36px;background:var(--surface);border:2px solid var(--border);border-radius:999px;color:var(--ink-soft);cursor:pointer;padding:0 14px;font-size:12px;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease;position:relative}.theme-toggle:hover{border-color:var(--primary)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(-4px);background:var(--ink);color:var(--surface);font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:100}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}[data-tooltip][data-tooltip-pos=top]:after{top:auto;bottom:calc(100% + 6px);transform:translate(-50%) translateY(4px)}[data-tooltip][data-tooltip-pos=top]:hover:after,[data-tooltip][data-tooltip-pos=top]:focus-visible:after{transform:translate(-50%) translateY(0)}[data-tooltip][data-tooltip-pos=left]:after{top:50%;left:auto;right:calc(100% + 6px);transform:translateY(-50%) translate(4px)}[data-tooltip][data-tooltip-pos=left]:hover:after,[data-tooltip][data-tooltip-pos=left]:focus-visible:after{transform:translateY(-50%) translate(0)}.theme-icon{font-size:14px}.theme-label{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-mute)}.load-more-btn{background:var(--surface);border:2px solid var(--border-strong);color:var(--primary-strong);padding:10px 24px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease}.load-more-btn:hover{background:var(--primary-soft);transform:translateY(-1px)}.text-input,.select-input{height:40px;padding:0 16px;border:2px solid var(--border);border-radius:999px;background:var(--surface);color:var(--ink);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.text-input:focus,.select-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.text-input::placeholder{color:var(--ink-mute)}.select-input{padding-right:36px;cursor:pointer}.tabs{display:inline-flex;align-items:center;gap:6px;max-width:100%;width:fit-content;margin:26px 0 18px;padding:6px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 72%,var(--surface-3) 28%);box-shadow:var(--shadow-sm);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}@media(max-width:700px){.tabs{display:none}}.tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 15px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-mute);font-size:12.5px;font-weight:800;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease;white-space:nowrap}.tab-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px;color:currentColor}.tab-icon svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tab-icon svg path:first-child:last-child,.tab-icon svg rect:first-child:last-child{fill:none}.tab-btn:hover{background:color-mix(in srgb,var(--surface) 68%,var(--primary-soft) 32%);border-color:color-mix(in srgb,var(--primary) 28%,transparent);color:var(--primary-strong)}.tab-btn.active,.tab-btn[aria-selected=true]{background:color-mix(in srgb,var(--surface) 74%,var(--primary-soft) 26%);color:var(--primary-strong);border-color:color-mix(in srgb,var(--primary) 42%,var(--border));box-shadow:var(--shadow-sm),inset 0 0 0 1px color-mix(in srgb,var(--primary) 16%,transparent)}.tab-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 32%,transparent);outline-offset:2px}.tab-group{display:contents}.mobile-tab-nav{display:none}@media(min-width:1021px){.tabs{position:fixed;inset:0 auto 0 0;z-index:80;display:flex;flex-direction:column;align-items:stretch;width:var(--db-sidebar-current);max-width:none;height:100vh;margin:0;padding:14px 12px 18px;gap:8px;border-width:0 1px 0 0;border-color:var(--border-soft);border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,var(--primary-soft) 6%),var(--surface-glass));box-shadow:var(--shadow);overflow:visible}body.sidebar-anim-ready .tabs{transition:width .18s ease,padding .18s ease}.db-sidebar-head{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;margin-bottom:8px}.db-sidebar-toggle{display:inline-grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--ink-soft);cursor:pointer;box-shadow:var(--shadow-sm)}.db-sidebar-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.db-sidebar-toggle:hover{border-color:var(--primary);color:var(--primary-strong);background:var(--primary-soft)}.db-sidebar-title{color:var(--ink-mute);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tab-btn{justify-content:flex-start;width:100%;min-height:44px;padding:8px 14px;gap:12px}.tab-btn .tab-icon{width:22px;height:22px;flex-basis:22px}.tab-btn .tab-icon svg{width:21px;height:21px}.tab-btn span:not(.tab-icon){overflow:hidden;text-overflow:ellipsis}.db-sidebar-profile{position:relative;width:100%;margin-top:auto;padding-top:14px;border-top:1px solid var(--border-soft)}.db-profile-button{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:52px;padding:6px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.db-profile-button:hover,.db-profile-button[aria-expanded=true]{border-color:var(--border);background:color-mix(in srgb,var(--surface) 74%,var(--primary-soft) 26%)}.db-profile-button img{width:40px;height:40px;border-radius:50%;box-shadow:var(--shadow-sm)}.db-profile-text{min-width:0;line-height:1.2}.db-profile-text strong,.db-profile-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-profile-text strong{color:var(--ink);font-size:13px;font-weight:900}.db-profile-text small{color:var(--accent-strong);font-size:10px;font-weight:800;letter-spacing:.06em}.db-profile-menu{position:absolute;left:0;bottom:calc(100% + 10px);display:grid;min-width:180px;padding:8px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.db-profile-menu[hidden]{display:none}.db-profile-menu button,.db-profile-menu a{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 10px;border:0;border-radius:12px;background:transparent;color:var(--ink-soft);font-size:12px;font-weight:800;text-align:left;text-decoration:none;cursor:pointer}.db-profile-menu button:hover,.db-profile-menu a:hover{background:var(--primary-soft);color:var(--primary-strong);text-decoration:none}.db-link-icon{display:inline-grid;place-items:center;width:20px;height:20px;color:var(--accent-strong);font-size:11px}.db-link-ch-icon{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.db-link-icon-svg{flex-shrink:0;color:var(--ink-soft)}body.sidebar-collapsed .tabs{padding-inline:10px}body.sidebar-collapsed .db-sidebar-head{justify-content:center}body.sidebar-collapsed .db-sidebar-title,body.sidebar-collapsed .tab-btn span:not(.tab-icon),body.sidebar-collapsed .db-profile-text{display:none}body.sidebar-collapsed .tab-btn{justify-content:center;padding-inline:0}body.sidebar-collapsed .tab-btn .tab-icon{margin:0 auto}body.sidebar-collapsed .db-profile-button{display:flex;justify-content:center;padding-inline:0}}@media(min-width:1021px){body[data-active-tab=playlists],body:has(#stream-viewer:not([hidden]):not(.sv-minified):not(.sv-music-minified)){--db-sidebar-current: 0px;padding-left:0!important}body[data-active-tab=playlists] .tabs,body:has(#stream-viewer:not([hidden]):not(.sv-minified):not(.sv-music-minified)) .tabs{display:none}body[data-active-tab=playlists] .topbar,body:has(#stream-viewer:not([hidden]):not(.sv-minified):not(.sv-music-minified)) .topbar{left:0!important;width:100%!important}}@media(max-width:700px){.mobile-tab-nav{position:fixed;right:14px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.mobile-tab-toggle,.mobile-tab-panel{pointer-events:auto}.mobile-tab-toggle{appearance:none;display:inline-flex;align-items:center;gap:8px;min-width:156px;min-height:44px;padding:8px 14px;border:2px solid color-mix(in srgb,var(--primary) 44%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,var(--primary-soft));color:var(--primary-strong);box-shadow:0 10px 28px #387e9c3d;font-size:12px;font-weight:800;line-height:1.2;cursor:pointer;backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px)}.mobile-tab-toggle[aria-expanded=true]{background:linear-gradient(135deg,var(--primary),var(--primary-strong));border-color:var(--primary-strong);color:#fff}.mobile-tab-toggle-icon{display:inline-flex;align-items:center;flex:0 0 16px}.mobile-tab-current{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-tab-panel{width:min(320px,calc(100vw - 28px));padding:10px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft));box-shadow:0 18px 44px #387e9c47;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px)}.mobile-tab-panel[hidden]{display:none}.mobile-tab-item{appearance:none;min-height:40px;padding:8px 9px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface);color:var(--ink-soft);font-size:12px;font-weight:800;text-align:center;cursor:pointer;box-shadow:var(--shadow-sm)}.mobile-tab-item.is-active,.mobile-tab-item[aria-current=page]{background:linear-gradient(135deg,var(--primary),var(--primary-strong));border-color:var(--primary-strong);color:#fff}.mobile-tab-item--sub{grid-column:1 / -1;margin-top:4px;border-style:dashed;background:var(--surface-2);color:var(--ink-mute);font-weight:700}}.panels{min-height:720px;margin-top:24px}.panel{display:none;animation:fadeIn .3s ease}.panel.active{display:block}body[data-active-tab=dashboard] .panels{min-height:1480px}#panel-songs:not(.active),#panel-ranking:not(.active),#panel-timeline:not(.active),#panel-analytics:not(.active){display:none}#panel-dashboard:not(.active){display:none}.card{background:var(--surface);border:2px solid var(--border-soft);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-sm)}.card.lg{padding:28px;border-radius:var(--radius-lg)}.card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:14px}.card-title .pill{font-size:11px;font-weight:600;background:var(--primary-soft);color:#1a6b8d;padding:2px 9px;border-radius:999px}:root[data-theme=dark] .card-title .pill{color:var(--primary-strong)}@media(prefers-color-scheme:dark){:root[data-theme=auto] .card-title .pill{color:var(--primary-strong)}}.ui-icon,.label-icon,.section-header h2>svg,.card-title>svg,.omni-search-icon>svg,.omni-item-icon>svg,.pl-icon,.btn-icon{width:1em;height:1em;display:inline-block;vertical-align:-.16em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.section-header h2,.card-title,.omni-section-label{display:flex;align-items:center;gap:7px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.section-header h2{font-size:19px;color:var(--ink);padding-left:12px;border-left:6px solid var(--primary);border-radius:2px}.count-pill{background:var(--primary-soft);color:#1a6b8d;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:600}:root[data-theme=dark] .count-pill{color:var(--primary-strong)}@media(prefers-color-scheme:dark){:root[data-theme=auto] .count-pill{color:var(--primary-strong)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-card{background:linear-gradient(180deg,var(--surface-2),var(--surface-3));border:2px solid var(--border);border-radius:var(--radius);padding:16px 14px;text-align:center;transition:transform .15s ease;min-height:88px;display:flex;flex-direction:column;justify-content:center;align-items:center}.stat-card:hover{transform:translateY(-2px)}.stat-card.placeholder{opacity:.4;animation:pulse 1.5s ease-in-out infinite}.stat-card .stat-label{font-size:11px;color:var(--ink-soft);letter-spacing:.05em;margin-bottom:4px}.stat-card .stat-value{font-size:26px;font-weight:700;color:var(--ink);line-height:1.1;font-feature-settings:var(--tnum)}.stat-card .stat-unit{font-size:11px;color:var(--ink-mute);margin-left:2px;font-weight:500}.stat-card.accent{background:linear-gradient(180deg,var(--accent-soft),var(--accent));border-color:var(--accent)}:root[data-theme=dark] .stat-card.accent{background:linear-gradient(180deg,var(--accent-soft),#6a3554)}.stat-card.accent .stat-value{color:var(--accent-strong)}.stat-card.gold{background:linear-gradient(180deg,#fff5d8,#fde9a8);border-color:var(--gold)}:root[data-theme=dark] .stat-card.gold{background:linear-gradient(180deg,#3a3018,#2a2210)}.stat-card.gold .stat-value{color:#b88d1a}:root[data-theme=dark] .stat-card.gold .stat-value{color:var(--gold)}@media(prefers-color-scheme:dark){:root[data-theme=auto] .stat-card.accent{background:linear-gradient(180deg,var(--accent-soft),#6a3554)}:root[data-theme=auto] .stat-card.gold{background:linear-gradient(180deg,#3a3018,#2a2210)}:root[data-theme=auto] .stat-card.gold .stat-value{color:var(--gold)}}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;background:var(--primary-soft);color:var(--primary-strong)}.badge.fresh{background:var(--green-bg);color:var(--green-text)}.badge.stale{background:var(--orange-bg);color:var(--orange-text)}.badge.never{background:var(--surface-3);color:var(--ink-mute)}.badge.accent{background:var(--accent-soft);color:var(--accent-strong)}.spinner{width:36px;height:36px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:0 auto 14px;animation:spin .9s linear infinite}.state-card{background:var(--surface);border:2px solid var(--border-soft);border-radius:var(--radius-lg);padding:36px 28px;text-align:center;box-shadow:var(--shadow);margin-top:28px}.state-card .msg{color:var(--ink-soft);font-size:14px}.state-card .err-detail{margin-top:10px;font-family:ui-monospace,monospace;font-size:12px;color:var(--red);word-break:break-all}.empty-state{text-align:center;padding:40px 20px;color:var(--ink-mute);font-size:14px}.filter-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--accent-soft),var(--accent));border:2px solid var(--accent-strong);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;box-shadow:var(--shadow-sm);flex-wrap:wrap}:root[data-theme=dark] .filter-banner{background:linear-gradient(135deg,var(--accent-soft),#6a3554)}@media(prefers-color-scheme:dark){:root[data-theme=auto] .filter-banner{background:linear-gradient(135deg,var(--accent-soft),#6a3554)}}.filter-banner .filter-icon{font-size:18px}.filter-banner .filter-text{flex:1 1 200px;font-size:13px;color:var(--ink);line-height:1.5}.filter-banner .filter-text strong{color:var(--accent-strong);font-weight:700}.filter-banner .filter-text .meta{display:block;color:var(--ink-mute);font-size:11px;margin-top:2px}.clear-btn{background:var(--surface);border:2px solid var(--accent-strong);color:var(--accent-strong);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease}.clear-btn:hover{background:var(--accent-strong);color:#fff}.hero{background:var(--surface);border-radius:var(--radius-lg);padding:36px 32px 28px;border:2px solid var(--border-soft);box-shadow:var(--shadow);position:relative;overflow:hidden;contain:layout style}.hero:before{content:"";display:none}.hero:after{content:"\1fae7";position:absolute;bottom:16px;right:22px;font-size:20px;opacity:.5}.hero-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(20px,3.5vw,28px);text-align:center;letter-spacing:.04em;color:var(--ink);margin-bottom:4px}.hero-title-icon{width:32px;height:32px;flex:0 0 auto;filter:drop-shadow(0 4px 10px rgba(55,166,217,.2))}.hero-sub{text-align:center;color:var(--ink);font-size:12px;letter-spacing:.1em;margin-bottom:6px}.hero-description{max-width:760px;margin:0 auto 10px;color:var(--ink);font-size:12px;line-height:1.7;text-align:center}.official-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0}.official-link{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 14px;border-radius:999px;border:2px solid var(--border);background:var(--surface-2);color:var(--ink-soft);font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .15s ease,border-color .15s ease,color .15s ease,background .15s ease}.official-link:hover{transform:translateY(-1px);text-decoration:none}.topbar-official-links{align-items:center;justify-content:flex-start}.topbar-official-label{color:var(--ink-mute);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.topbar-official-links .official-link{min-height:30px;width:30px;padding:0;font-size:10.5px}.hero-updated{text-align:center;color:var(--ink);font-size:12px;margin-bottom:22px}.hero-updated strong{color:var(--ink)}.controls{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;align-items:center}.controls .text-input{flex:1 1 280px;min-width:220px}.controls .select-input{flex:0 0 auto}.controls .genre-select{min-width:170px}.controls .search-input-wrap{flex:1 1 280px;min-width:220px}.songs-search-shell{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-bottom:8px}.songs-search-shell .search-input-wrap{min-width:0}.songs-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--primary-strong);font-size:14px;font-weight:900;pointer-events:none;z-index:1}.songs-search-input{min-height:42px;padding-left:36px!important;border-radius:12px;background:var(--surface);border-width:1px;box-shadow:0 1px #195f870f}.songs-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.songs-fav-toggle{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--ink-mute);font-family:inherit;font-size:18px;font-weight:900;cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform .12s}.songs-fav-toggle:hover,.songs-fav-toggle.is-active{color:var(--accent-strong);border-color:var(--accent);background:var(--accent-soft)}.songs-fav-toggle:hover{transform:translateY(-1px)}.songs-setlist-mini{min-height:42px;border-radius:12px;white-space:nowrap}.songs-suggest-strip{margin-bottom:8px}.songs-advanced{margin:0 0 12px;border:1px solid var(--border-soft);border-radius:12px;background:color-mix(in srgb,var(--surface) 84%,transparent);overflow:clip}.songs-advanced>summary{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 12px;cursor:pointer;color:var(--ink-soft);font-size:12px;font-weight:800;list-style:none}.songs-advanced>summary::-webkit-details-marker{display:none}.songs-advanced>summary:after{content:"\2304";margin-left:auto;color:var(--ink-mute);transition:transform .14s}.songs-advanced[open]>summary:after{transform:rotate(180deg)}.songs-advanced>summary small{color:var(--ink-mute);font-size:11px;font-weight:600}.songs-advanced-body{padding:0 12px 12px}.songs-control-grid{display:grid;grid-template-columns:minmax(160px,auto) minmax(170px,auto);justify-content:start;gap:8px;margin-bottom:10px}.songs-filter-row{gap:7px;margin-bottom:10px}.songs-advanced .genre-strip{margin:0}@media(max-width:700px){.songs-search-shell{grid-template-columns:minmax(0,1fr) auto;gap:6px}.songs-setlist-mini{grid-column:1 / -1;justify-content:center}.songs-suggest-strip{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.songs-suggest-strip::-webkit-scrollbar{display:none}.songs-advanced>summary small{display:none}.songs-control-grid{grid-template-columns:1fr}.songs-control-grid .select-input,.songs-control-grid .genre-select{width:100%}.songs-filter-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.songs-filter-row::-webkit-scrollbar{display:none}.songs-filter-row .btn{flex:0 0 auto}}.mobile-panel-switch{display:none}.genre-strip{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 16px}.genre-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 12px;border-radius:999px;border:2px solid var(--border);background:var(--surface);color:var(--ink-soft);font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer;transition:transform .15s ease,border-color .15s ease,color .15s ease,background .15s ease}.genre-chip:hover{border-color:var(--primary);color:var(--primary-strong);transform:translateY(-1px)}.genre-chip.active{border-color:var(--primary-strong);background:var(--primary-soft);color:var(--primary-strong)}.genre-chip small{color:var(--ink-mute);font-size:10px;font-weight:700;font-feature-settings:var(--tnum)}mark.hl{background:var(--accent-soft);color:var(--accent-strong);padding:0 2px;border-radius:3px}.search-input-wrap{position:relative;flex:1 1 280px;min-width:220px}.search-input-wrap .text-input{width:100%}.search-history-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--surface);border:2px solid var(--border);border-radius:12px;box-shadow:var(--shadow);margin-top:4px;max-height:320px;overflow-y:auto}.search-history-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-soft);font-size:12px;font-weight:600;color:var(--ink-soft)}.search-history-clear-btn{background:transparent;border:none;color:var(--ink-mute);font-size:11px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease}.search-history-clear-btn:hover{background:var(--surface-3);color:var(--ink)}.search-history-empty{padding:16px;text-align:center;color:var(--ink-mute);font-size:12px}.search-history-item{display:flex;align-items:center;padding:10px 14px;cursor:pointer;transition:background .1s ease}.search-history-item:hover{background:var(--surface-2)}.search-history-query{flex:1;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-history-remove{flex:0 0 auto;background:transparent;border:none;color:var(--ink-mute);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease,opacity .15s ease}.search-history-remove:hover{background:var(--surface-3);color:var(--red)}.suggest-strip{display:flex;gap:6px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;margin:4px 0 0}.suggest-strip::-webkit-scrollbar{display:none}.suggest-chip{display:inline-flex;align-items:center;gap:3px;padding:4px 11px;border:1.5px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--ink-soft);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;line-height:1.3;transition:background .12s,border-color .12s,color .12s}.suggest-chip:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.suggest-chip.is-active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong);font-weight:700}.filter-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:2px}@media(max-width:600px){.search-input-wrap{flex:1 1 100%;min-width:0}}@media(max-width:600px){.btn,.card,.stat-card{min-width:0}main.container{padding-top:18px}.hero{padding:24px 18px 20px}.hero-title{font-size:19px;line-height:1.45;flex-wrap:wrap}.hero-title-icon{width:28px;height:28px}.panels{min-height:560px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px 8px;min-height:76px}.stat-card .stat-value{font-size:20px;overflow-wrap:anywhere}.topbar-inner{height:auto}.brand-title{font-size:13px}.brand-sub{font-size:9.5px}.theme-label{display:none}.theme-toggle{padding:0 10px}.card,.card.lg{padding:16px 14px;border-radius:16px}.controls{gap:8px}.mobile-panel-switch{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:-4px 0 12px}.mobile-panel-switch .btn{justify-content:center;min-height:34px;padding:6px 10px}.mobile-panel-switch .btn.active{background:linear-gradient(135deg,var(--primary),var(--primary-strong));border-color:var(--primary-strong);color:#fff;box-shadow:var(--shadow-sm)}.mobile-panel:not(.is-open){display:none}.mobile-panel.is-open{display:block}.controls .text-input,.controls .select-input,.controls .genre-select,.controls .search-input-wrap{flex:1 1 100%;width:100%;min-width:0}.genre-strip{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.genre-strip::-webkit-scrollbar{display:none}.genre-chip{flex:0 0 auto}.filter-banner{padding:10px 12px}.filter-banner .clear-btn{width:100%}}@media(max-width:700px){.stat-card{min-height:76px}}@media(max-width:420px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card .stat-label{font-size:10px}.stat-card .stat-value{font-size:18px}.tab-btn{padding:8px 7px;font-size:11px}}#yt-player-panel{position:fixed;bottom:16px;right:16px;z-index:1000;width:340px;background:#0d1e2e;border:1px solid rgba(74,178,220,.22);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #000000a6,0 2px 8px #0006;display:flex;flex-direction:column}#yt-player-panel[hidden]{display:none}.yt-mini-video-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}#yt-player-container{position:absolute;inset:0;width:100%;height:100%}#yt-player-container iframe,#yt-player-container>div{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}.yt-mini-progress-wrap{height:4px;background:#ffffff12;position:relative;flex-shrink:0;transition:height .15s}#yt-player-panel:hover .yt-mini-progress-wrap{height:6px}.yt-mini-progress-bar{position:absolute;inset:0;cursor:pointer}.yt-mini-progress-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:#4ab2dcd9;pointer-events:none}.yt-mini-bar{display:flex;align-items:center;gap:6px;padding:7px 9px;background:#0d1e2e;border-top:1px solid rgba(74,178,220,.1);min-width:0}.yt-mini-play-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#4ab2dc2e;border:1px solid rgba(74,178,220,.38);color:#7ecfee;font-size:11px;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.yt-mini-play-btn:before{content:"";width:0;height:0;margin-left:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.yt-mini-play-btn[data-playing="1"]:before{width:11px;height:12px;margin-left:0;border:0;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65% 100%)}.yt-mini-play-btn:hover{background:#4ab2dc52;color:#b4e6f7}.yt-mini-restore{flex:1;min-width:0;background:none;border:none;text-align:left;padding:0;cursor:default;overflow:hidden}#yt-player-panel.has-stream .yt-mini-restore{cursor:pointer}#yt-player-panel.has-stream .yt-mini-restore:hover .yt-mini-stream-title{color:#b4e6f7}.yt-mini-stream-title{display:block;font-size:11.5px;font-weight:700;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;transition:color .12s}.yt-mini-hint{display:block;font-size:9.5px;color:#4ab2dca6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;line-height:1.4}.yt-mini-close-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffff80;font-size:13px;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s,border-color .12s}.yt-mini-close-btn:hover{background:#dc50502e;border-color:#dc505066;color:#f08080}@media(max-width:480px){#yt-player-panel{width:calc(100vw - 24px);right:12px;bottom:12px}}#panel-player{min-height:calc(100vh - 140px);background:var(--surface);margin-inline:calc(-1*clamp(16px,1.6vw,32px))}.sv-topnav{margin:10px clamp(16px,1.6vw,32px) 0}.panel-topnav{margin-bottom:14px}.sv-topnav,.panel-topnav{display:inline-flex;align-items:center;gap:4px;padding:5px;width:calc(100% - (2*clamp(16px,1.6vw,32px)));border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 72%,var(--surface-3) 28%);box-shadow:var(--shadow-sm);overflow-x:auto;scrollbar-width:none}.panel-topnav{width:auto}.sv-topnav::-webkit-scrollbar,.panel-topnav::-webkit-scrollbar{display:none}.sv-topnav-btn,.panel-topnav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 13px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-mute);font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.sv-topnav-btn svg,.panel-topnav-btn svg{width:15px;height:15px;display:block;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sv-topnav-btn:hover,.panel-topnav-btn:hover{background:color-mix(in srgb,var(--surface) 74%,var(--primary-soft) 26%);color:var(--primary-strong)}.sv-topnav-btn.active,.panel-topnav-btn.active{background:color-mix(in srgb,var(--surface) 74%,var(--primary-soft) 26%);color:var(--primary-strong);border-color:color-mix(in srgb,var(--primary) 42%,var(--border));box-shadow:var(--shadow-sm),inset 0 0 0 1px color-mix(in srgb,var(--primary) 16%,transparent)}@media(max-width:1020px){.sv-topnav,.panel-topnav{width:100%;margin-inline:0;border-radius:0;border-left:none;border-right:none}}#stream-viewer{position:relative;display:flex;flex-direction:column;background:var(--surface)}#stream-viewer[hidden]{display:none}body.has-sv-fullscreen .container{z-index:auto}#stream-viewer.sv-fullscreen{position:fixed!important;inset:0!important;z-index:300!important;height:100vh!important;min-height:unset!important}.sv-player-section{display:flex;flex-direction:column;min-width:0}#stream-viewer.sv-fullscreen .sv-player-section{flex:1;min-height:0;overflow:hidden}#stream-viewer.sv-fullscreen .sv-below-player{display:none}#stream-viewer:not(.sv-fullscreen) .sv-body{align-items:start}#stream-viewer:not(.sv-fullscreen) .sv-player-wrap{aspect-ratio:16 / 9;flex:0 0 auto;min-height:unset}#stream-viewer:not(.sv-fullscreen) .sv-panel{overflow:hidden;height:auto;max-height:calc((100vw - 24px)*.5625)}#stream-viewer:not(.sv-fullscreen) .sv-setlist{overflow-y:auto;flex:1;min-height:0}.sv-player-section .sv-below-player{border-top:2px solid var(--border-soft);margin-top:8px;padding-top:4px}#stream-viewer.sv-fullscreen .sv-player-wrap{aspect-ratio:unset;flex:1}#stream-viewer.sv-fullscreen .sv-fullscreen-btn{display:none!important}.sv-container{display:flex;flex-direction:column;width:100%;height:100%;max-width:1600px;margin:0 auto;overflow:hidden}.sv-header{display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--surface-glass);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--border-soft);flex:0 0 auto;height:52px}.sv-close-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:999px;color:var(--ink-soft);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.sv-close-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.sv-esc-hint{display:inline-flex;align-items:center;padding:1px 5px;background:var(--surface-3);border:1px solid var(--border);border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.04em;color:var(--ink-mute);line-height:1.6}.sv-title-area{flex:1;min-width:0;overflow:hidden}.sv-breadcrumb{display:flex;align-items:center;gap:5px;overflow:hidden;flex-wrap:nowrap}.sv-bc-btn{background:transparent;border:none;color:var(--ink-mute);font-size:11.5px;font-weight:600;cursor:pointer;padding:0;white-space:nowrap;flex-shrink:0;transition:color .14s}.sv-bc-btn:hover{color:var(--ink)}.sv-bc-sep{color:var(--border-strong);font-size:11px;flex-shrink:0;user-select:none}.sv-bc-current{font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.3}.sv-stream-meta{font-size:11px;color:var(--ink-mute);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-yt-link,.sv-music-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:var(--primary-soft);border:1px solid var(--border-strong);border-radius:999px;color:var(--primary-strong);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.sv-music-btn{cursor:pointer}.sv-fullscreen-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink-soft);font-size:17px;cursor:pointer;flex-shrink:0;transition:background .13s,color .13s,border-color .13s}.sv-fullscreen-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.sv-yt-link:hover,.sv-music-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong);text-decoration:none}.sv-share-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:999px;color:var(--ink-soft);font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.sv-share-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.sv-body{display:grid;grid-template-columns:1fr 340px}#stream-viewer.sv-fullscreen .sv-body{flex:1;min-height:0;overflow:hidden}.sv-player-wrap{position:relative;background:#000;overflow:hidden}.sv-player-wrap iframe,.sv-player-wrap>div:not(.sv-player-loading){position:absolute!important;inset:0;width:100%!important;height:100%!important;border:0}.sv-player-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--ink-mute);font-size:13px;font-weight:600;letter-spacing:.05em;pointer-events:none}.sv-panel{background:var(--surface-2);border-left:1px solid var(--border-soft);display:flex;flex-direction:column;overflow:hidden}.sv-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-soft);flex:0 0 auto;gap:8px}.sv-panel-head>span:first-child{font-size:11.5px;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;flex:1}.sv-panel-head-right{display:flex;align-items:center;gap:7px;flex-shrink:0}.sv-setlist-toggle,.sv-import-toggle{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;background:var(--primary-soft);border:1px solid var(--border);border-radius:999px;color:var(--primary-strong);font-size:10px;font-weight:700;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.sv-import-toggle:hover{border-color:var(--primary);background:var(--primary-soft)}.sv-setlist-toggle{background:var(--surface);color:var(--ink-soft)}.sv-setlist-toggle:hover{border-color:var(--primary);color:var(--primary-strong);background:var(--primary-soft)}.sv-song-count{font-size:11px;font-weight:700;color:var(--primary-strong);background:var(--primary-soft);padding:3px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);white-space:nowrap}.sv-import-area{padding:12px 14px;border-bottom:1px solid var(--border-soft);background:var(--surface-3);flex:0 0 auto}.sv-import-area[hidden]{display:none}.sv-import-desc{font-size:10.5px;color:var(--ink-mute);margin:0 0 8px;line-height:1.5}.sv-import-input{width:100%;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--ink);font-size:12px;font-family:ui-monospace,Cascadia Code,Menlo,monospace;line-height:1.7;padding:8px 10px;resize:vertical;outline:none;transition:border-color .12s}.sv-import-input:focus{border-color:var(--primary)}.sv-import-input::placeholder{color:var(--ink-mute);opacity:.6}.sv-import-btns{display:flex;gap:7px;margin-top:8px}.sv-import-apply{padding:5px 16px;background:var(--primary-soft);border:1px solid var(--primary);border-radius:999px;color:var(--primary-strong);font-size:12px;font-weight:700;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.sv-import-apply:hover{background:linear-gradient(135deg,var(--primary),var(--primary-strong));border-color:var(--primary-strong);color:#fff}.sv-import-cancel{padding:5px 14px;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--ink-mute);font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.sv-import-cancel:hover{background:var(--surface-3);color:var(--ink-soft)}.sv-panel-hint{padding:7px 14px;font-size:10px;color:var(--ink-mute);border-bottom:1px solid var(--border-soft);flex:0 0 auto;line-height:1.5;letter-spacing:.01em}.sv-setlist{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sv-setlist::-webkit-scrollbar{width:6px}.sv-setlist::-webkit-scrollbar-track{background:transparent}.sv-setlist::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sv-setlist::-webkit-scrollbar-thumb:hover{background:var(--ink-mute)}.sv-panel.is-setlist-collapsed .sv-import-area,.sv-panel.is-setlist-collapsed .sv-panel-hint,.sv-panel.is-setlist-collapsed .sv-setlist{display:none}.sv-side-related{flex:0 0 auto;max-height:42%;min-height:112px;overflow-y:auto;border-top:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface) 78%,var(--primary-soft));scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sv-panel.is-setlist-collapsed .sv-side-related{flex:1 1 auto;max-height:none;min-height:0;border-top:none}.sv-side-related-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft));border-bottom:1px solid var(--border-soft);color:var(--ink-soft);font-size:11px;font-weight:800}.sv-side-related-head span:last-child{color:var(--primary-strong);font-size:10px;font-weight:700}.sv-side-related-list{display:flex;flex-direction:column;gap:6px;padding:8px}.sv-side-rel-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;width:100%;padding:6px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);text-align:left;cursor:pointer;transition:border-color .14s,background .14s,transform .14s}.sv-side-rel-card:hover{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}.sv-side-rel-thumb{width:58px;height:33px;object-fit:cover;border-radius:6px;background:var(--surface-3)}.sv-side-rel-body{min-width:0;display:flex;flex-direction:column;gap:1px}.sv-side-rel-title,.sv-side-rel-songs{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-side-rel-title{color:var(--ink);font-size:11px;font-weight:700}.sv-side-rel-meta{color:var(--ink-mute);font-size:9.5px;font-weight:600}.sv-side-rel-songs{color:var(--primary-strong);font-size:9.5px}.sv-side-empty{padding:14px 10px;color:var(--ink-mute);font-size:11px;text-align:center}.sv-song{display:grid;grid-template-columns:22px max-content minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-soft);transition:background .15s ease;cursor:default}.sv-song:last-child{border-bottom:none}.sv-song:hover{background:var(--surface-3)}.sv-song.is-current{background:color-mix(in srgb,var(--accent) 10%,transparent);border-left:3px solid var(--accent);padding-left:11px}.sv-song.is-current .sv-song-num{background:var(--accent);color:#fff}.sv-song.is-current .sv-song-title{color:var(--accent)}.sv-song.is-current .sv-cts-propose{opacity:1}.sv-song-num{grid-column:1;grid-row:1 / 3;display:inline-flex;align-items:center;justify-content:center;align-self:start;margin-top:3px;width:22px;height:22px;border-radius:50%;background:var(--surface-3);font-size:10px;font-weight:800;color:var(--ink-mute);flex-shrink:0}.sv-song-info{grid-column:3;grid-row:1;min-width:0;overflow:hidden}.sv-song-title{display:block;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.sv-song-artist{display:block;font-size:10.5px;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sv-song-actions{grid-column:4;grid-row:1;display:flex;align-items:center;gap:4px;flex-shrink:0;opacity:.25;transition:opacity .15s}.sv-song:hover .sv-song-actions,.sv-song:focus-within .sv-song-actions{opacity:1}.sv-song-lead{grid-column:2;grid-row:1;display:flex;align-items:center;min-width:0}.sv-cts-main{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--primary) 14%,var(--surface));color:var(--primary-strong);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .12s,border-color .12s}.sv-cts-main:hover{background:color-mix(in srgb,var(--primary) 26%,var(--surface));border-color:var(--primary)}.sv-cts-main.is-empty{border-color:transparent;background:transparent;color:var(--ink-mute);opacity:.45;cursor:default}.sv-ts-badge.is-memo{opacity:.75;font-weight:500}#stream-viewer.sv-fullscreen .sv-cts-main{background:#60b4dc26;color:#7dd3fc;border-color:#60b4dc4d}#stream-viewer.sv-fullscreen .sv-cts-main:hover{background:#60b4dc40;border-color:#60b4dc99}#stream-viewer.sv-fullscreen .sv-cts-main.is-empty{background:transparent;border-color:transparent;color:#fff6}.sv-ts-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;background:var(--primary-soft);border:1px solid var(--primary);border-radius:999px;color:var(--primary-strong);font-size:10.5px;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.sv-ts-badge:before{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor;opacity:.7}.sv-ts-badge:hover{background:linear-gradient(135deg,var(--primary),var(--primary-strong));border-color:var(--primary-strong);color:#fff}.sv-ts-del{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--ink-mute);font-size:8px;cursor:pointer;transition:border-color .12s,color .12s,background .12s;flex-shrink:0}.sv-ts-del:hover{border-color:var(--red);color:var(--red);background:#dc323212}.sv-ts-set{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:26px;padding:0 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface-3);color:var(--ink-mute);font-size:11px;font-weight:600;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.sv-ts-set:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}@media(max-width:767px){#stream-viewer{overflow-y:auto;overscroll-behavior:contain}.sv-container{height:auto;min-height:100%;overflow:visible}.sv-body{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:visible}.sv-player-wrap{position:relative;height:0;padding-bottom:56.25%}.sv-panel{border-left:none;border-top:1px solid var(--border-soft);max-height:50vh;min-height:240px}}@media(max-width:479px){.sv-header{padding:6px 10px;height:auto;min-height:46px;gap:6px;flex-wrap:wrap}.sv-close-btn,.sv-yt-link,.sv-music-btn,.sv-share-btn{padding:5px 10px;font-size:11px}.sv-bc-btn{font-size:10px}.sv-bc-current{font-size:10.5px}.sv-stream-meta{font-size:10px}.sv-title-area{flex:1 1 100%;order:-1}.sv-close-btn,.sv-yt-link,.sv-music-btn,.sv-share-btn{flex-shrink:0}.sv-close-label,.sv-music-label,.sv-share-label,.sv-yt-label{display:none}.sv-close-btn,.sv-yt-link,.sv-music-btn,.sv-share-btn{padding:6px 10px}.sv-breadcrumb{display:none}.sv-bc-current{font-size:11px;max-width:100%}}#stream-viewer.sv-fullscreen{background:#07131f}#stream-viewer.sv-fullscreen .sv-header{background:#0d1e2e;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:#4ab2dc2e}#stream-viewer.sv-fullscreen .sv-close-btn{background:#ffffff14;border-color:#ffffff2e;color:#ffffffd9}#stream-viewer.sv-fullscreen .sv-close-btn:hover{background:#4ab2dc33;border-color:#4ab2dc8c;color:#fff}#stream-viewer.sv-fullscreen .sv-esc-hint{background:#ffffff1a;border-color:#fff3;color:#ffffff73}#stream-viewer.sv-fullscreen .sv-bc-btn{color:#fff6}#stream-viewer.sv-fullscreen .sv-bc-btn:hover{color:#ffffffd1}#stream-viewer.sv-fullscreen .sv-bc-sep{color:#fff3}#stream-viewer.sv-fullscreen .sv-bc-current{color:#ffffffeb}#stream-viewer.sv-fullscreen .sv-stream-meta{color:#ffffff6b}#stream-viewer.sv-fullscreen .sv-yt-link,#stream-viewer.sv-fullscreen .sv-music-btn{background:#4ab2dc24;border-color:#4ab2dc66;color:#7ecfee}#stream-viewer.sv-fullscreen .sv-yt-link:hover,#stream-viewer.sv-fullscreen .sv-music-btn:hover{background:#4ab2dc47;border-color:#4ab2dcb3;color:#b4e6f7}#stream-viewer.sv-fullscreen .sv-share-btn{background:#ffffff0f;border-color:#ffffff2e;color:#ffffffb8}#sv-share-modal{position:fixed;inset:0;z-index:1400}#sv-share-modal[hidden]{display:none}.sv-share-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 22% 18%,rgba(255,214,231,.58),transparent 28%),radial-gradient(circle at 80% 86%,rgba(194,236,255,.62),transparent 32%),#1f486147;backdrop-filter:blur(8px) saturate(130%);-webkit-backdrop-filter:blur(8px) saturate(130%)}.sv-share-dialog{position:absolute;left:50%;top:50%;width:min(430px,calc(100vw - 28px));transform:translate(-50%,-50%);overflow:hidden;border:2px solid var(--border);border-radius:26px;background:linear-gradient(180deg,#fffffff5,#f6fbfffa),var(--surface);box-shadow:0 24px 64px #6ab8db57;color:var(--ink);padding:18px}.sv-share-dialog:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 10%,rgba(255,158,181,.22),transparent 20%),radial-gradient(circle at 8% 96%,rgba(74,178,220,.16),transparent 24%)}.sv-share-head,.sv-share-video,.sv-share-ts,.sv-share-url-row,.sv-share-sns,.sv-share-foot{position:relative;z-index:1}.sv-share-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px}.sv-share-head-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid var(--accent);border-radius:50%;background:linear-gradient(180deg,var(--accent-soft),var(--surface));color:var(--accent-strong);font-size:18px;font-weight:900;box-shadow:var(--shadow-sm)}.sv-share-head-title{min-width:0;color:var(--ink);font-size:16px;font-weight:900;line-height:1.25}.sv-share-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--ink-mute);font-family:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:transform .12s ease,border-color .12s ease,color .12s ease,background .12s ease}.sv-share-close:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);transform:translateY(-1px)}.sv-share-charm{position:absolute;right:54px;top:52px;display:flex;gap:5px;opacity:.78}.sv-share-charm span{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:12px 8px 0 var(--accent),23px -4px 0 var(--gold)}.sv-share-video{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:58px;margin-bottom:12px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:18px;background:#ffffffbd}.sv-share-video-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--primary-soft);color:var(--primary-strong);font-size:17px;font-weight:900}.sv-share-video-title{min-width:0;overflow:hidden;color:var(--ink);font-size:13px;font-weight:800;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sv-share-ts{display:inline-grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:10px 12px;border:1px dashed var(--border-strong);border-radius:16px;background:var(--surface-2);color:var(--ink-soft);cursor:pointer}.sv-share-ts[hidden]{display:none}.sv-share-ts input{position:absolute;opacity:0;pointer-events:none}.sv-share-ts-toggle{position:relative;width:38px;height:22px;border-radius:999px;background:var(--surface);border:1px solid var(--border);transition:background .12s ease,border-color .12s ease}.sv-share-ts-toggle:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--ink-mute);transition:transform .12s ease,background .12s ease}.sv-share-ts input:checked+.sv-share-ts-toggle{border-color:var(--accent);background:var(--accent-soft)}.sv-share-ts input:checked+.sv-share-ts-toggle:after{transform:translate(16px);background:var(--accent-strong)}.sv-share-ts-text{min-width:0;font-size:12px;font-weight:800}.sv-share-ts-text strong{color:var(--primary-strong);font-variant-numeric:tabular-nums}.sv-share-url-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:12px}.sv-share-url{min-width:0;height:40px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink-soft);padding:0 12px;font-size:12px;font-weight:700;outline:none}.sv-share-url:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4ab2dc2e}.sv-share-copy,.sv-share-sns-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;font-family:inherit;font-size:12px;font-weight:900;line-height:1.2;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease}.sv-share-copy{min-width:116px;border:1px solid var(--accent);background:linear-gradient(180deg,var(--accent-soft),var(--surface));color:var(--accent-strong);padding:0 14px}.sv-share-copy:hover,.sv-share-copy.copied{transform:translateY(-1px);border-color:var(--accent-strong);background:var(--accent-soft)}.sv-share-sns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sv-share-sns-btn{border:1px solid var(--border);background:var(--surface);color:var(--primary-strong);padding:0 10px;text-align:center;text-decoration:none!important}.sv-share-sns-btn:hover{transform:translateY(-1px);border-color:var(--primary);background:var(--primary-soft)}.sv-share-line{color:var(--green-text)}.sv-share-native{color:var(--ink-soft)}.sv-share-foot{margin-top:12px;color:var(--ink-mute);font-size:11px;font-weight:800;text-align:center}@media(max-width:520px){.sv-share-dialog{padding:14px;border-radius:22px}.sv-share-head-title{font-size:14px}.sv-share-url-row,.sv-share-sns{grid-template-columns:1fr}.sv-share-copy,.sv-share-sns-btn{width:100%}}@media(prefers-color-scheme:dark){:root[data-theme=auto] .sv-share-dialog{background:linear-gradient(180deg,#14253af7,#1a2d44fa),var(--surface)}}:root[data-theme=dark] .sv-share-dialog{background:linear-gradient(180deg,#14253af7,#1a2d44fa),var(--surface)}#stream-viewer.sv-fullscreen .sv-fullscreen-btn{border-color:#4ab2dc4d;background:#4ab2dc14;color:#4ab2dccc}#stream-viewer.sv-fullscreen .sv-fullscreen-btn:hover{background:#4ab2dc38;border-color:#4ab2dc99;color:#a8e4ff}#stream-viewer.sv-fullscreen .sv-panel{background:#0f1e2d;border-left-color:#4ab2dc24;overflow-y:auto;flex:1;min-height:0}#stream-viewer.sv-fullscreen .sv-panel-head{border-bottom-color:#4ab2dc24}#stream-viewer.sv-fullscreen .sv-panel-head>span:first-child{color:#ffffff8c}#stream-viewer.sv-fullscreen .sv-import-toggle{background:#4ab2dc1a;border-color:#4ab2dc4d;color:#4ab2dccc}#stream-viewer.sv-fullscreen .sv-import-toggle:hover{background:#4ab2dc33;border-color:#4ab2dc99;color:#7ecfee}#stream-viewer.sv-fullscreen .sv-song-count{color:#4ab2dce6;background:#4ab2dc1a;border-color:#4ab2dc40}#stream-viewer.sv-fullscreen .sv-import-area{background:#00000040;border-bottom-color:#4ab2dc1f}#stream-viewer.sv-fullscreen .sv-import-desc{color:#ffffff73}#stream-viewer.sv-fullscreen .sv-import-input{background:#ffffff0d;border-color:#4ab2dc40;color:#ffffffd9}#stream-viewer.sv-fullscreen .sv-import-input:focus{border-color:#4ab2dc8c}#stream-viewer.sv-fullscreen .sv-import-input::placeholder{color:#ffffff38;opacity:1}#stream-viewer.sv-fullscreen .sv-import-apply{background:#4ab2dc40;border-color:#4ab2dc80;color:#7ecfee}#stream-viewer.sv-fullscreen .sv-import-apply:hover{background:#4ab2dc66;border-color:#4ab2dcbf;color:#b4e6f7}#stream-viewer.sv-fullscreen .sv-import-cancel{border-color:#ffffff24;color:#ffffff73}#stream-viewer.sv-fullscreen .sv-import-cancel:hover{background:#ffffff0f;color:#ffffffb3}#stream-viewer.sv-fullscreen .sv-panel-hint{color:#ffffff47;border-bottom-color:#4ab2dc14}#stream-viewer.sv-fullscreen .sv-setlist{scrollbar-color:rgba(74,178,220,.2) transparent}#stream-viewer.sv-fullscreen .sv-setlist::-webkit-scrollbar{width:6px}#stream-viewer.sv-fullscreen .sv-setlist::-webkit-scrollbar-thumb{background:#4ab2dc33}#stream-viewer.sv-fullscreen .sv-song{border-bottom-color:#ffffff0d}#stream-viewer.sv-fullscreen .sv-song:hover{background:#4ab2dc12}#stream-viewer.sv-fullscreen .sv-song.is-current{background:#4ab2dc1f;border-left:3px solid rgba(74,178,220,.8);padding-left:11px}#stream-viewer.sv-fullscreen .sv-song.is-current .sv-song-num{background:#4ab2dccc;color:#fff}#stream-viewer.sv-fullscreen .sv-song.is-current .sv-song-title{color:#7ecfee}#stream-viewer.sv-fullscreen .sv-song-num{background:#ffffff0f;color:#ffffff59}#stream-viewer.sv-fullscreen .sv-song-title{color:#ffffffe0}#stream-viewer.sv-fullscreen .sv-song-artist{color:#ffffff61}#stream-viewer.sv-fullscreen .sv-player-loading{color:#fff6}#stream-viewer.sv-fullscreen .sv-ts-badge{background:#4ab2dc26;border-color:#4ab2dc66;color:#7ecfee}#stream-viewer.sv-fullscreen .sv-ts-badge:hover{background:#4ab2dc4d;border-color:#4ab2dcb3;color:#b4e6f7}#stream-viewer.sv-fullscreen .sv-ts-del{border-color:#ffffff26;color:#ffffff59}#stream-viewer.sv-fullscreen .sv-ts-del:hover{border-color:#ff646499;color:#ff8080;background:#ff64641a}#stream-viewer.sv-fullscreen .sv-ts-set{border-color:#ffffff24;background:#ffffff0d;color:#ffffff80}#stream-viewer.sv-fullscreen .sv-ts-set:hover{border-color:#4ab2dc80;background:#4ab2dc26;color:#7ecfee}.ranking-period-selector{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 14px;align-items:center}.period-tabs{position:relative;display:inline-flex;background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:0}.period-tab-track{position:absolute;top:3px;bottom:3px;left:3px;width:60px;border-radius:calc(var(--radius-sm) - 4px);background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:var(--shadow-sm);transition:left .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1);pointer-events:none}.period-btn{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:30px;padding:4px 14px;border-radius:calc(var(--radius-sm) - 4px);border:none;background:transparent;color:var(--ink-soft);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:color .15s ease;white-space:nowrap}.period-btn:hover{color:var(--ink)}.period-btn.active{color:#fff}.period-btn:disabled{opacity:.38;cursor:not-allowed}.period-month-select{height:32px!important;font-size:12px!important;min-width:120px;flex:0 0 auto}.ranking-period-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;background:var(--primary-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 16px;margin-bottom:12px}.ranking-period-label{font-size:14px;font-weight:700;color:var(--primary-strong)}.ranking-period-meta{font-size:12px;color:var(--ink-soft)}.ranking-prev-label{font-size:11px;color:var(--ink-mute)}.rank-delta{font-size:12px;font-weight:700;text-align:right;line-height:1.3;white-space:nowrap}.rank-delta.up{color:var(--green-text)}.rank-delta.down{color:var(--orange-text)}.rank-delta.new{color:var(--accent-strong);font-size:10px;letter-spacing:.04em}.rank-delta.same{color:var(--ink-mute)}.song-list.has-delta .song-row{grid-template-columns:52px 1fr 90px 60px}@media(max-width:600px){.song-list.has-delta .song-row{grid-template-columns:34px minmax(0,1fr) minmax(90px,auto)}}@media(max-width:420px){.song-list.has-delta .song-row{grid-template-columns:28px minmax(0,1fr) minmax(80px,auto)}}@media(max-width:600px){.ranking-period-selector{gap:5px}.period-btn{min-height:28px;padding:3px 10px;font-size:11px}.period-month-select{height:28px!important;font-size:11px!important}}#omni-backdrop{position:fixed;inset:0;z-index:300;background:#1f486152;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:start center;padding:clamp(60px,10vh,100px) 16px 16px}#omni-backdrop[hidden]{display:none}#omni-box{width:min(680px,100%);background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:fadeIn .15s ease}.omni-input-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:0 12px;border-bottom:1px solid var(--border-soft)}.omni-search-icon{font-size:17px;text-align:center;color:var(--ink-mute)}.omni-input{width:100%;height:52px;border:none;outline:none;background:transparent;font-family:inherit;font-size:16px;color:var(--ink);padding:0 8px;appearance:none}.omni-input::placeholder{color:var(--ink-mute)}.omni-input::-webkit-search-cancel-button{display:none}.omni-esc-key{font-size:10px;opacity:.5}.omni-listbox{max-height:min(400px,60vh);overflow-y:auto;overscroll-behavior:contain}.omni-section-label{padding:10px 16px 4px;font-size:10.5px;font-weight:800;color:var(--ink-mute);letter-spacing:.08em;text-transform:uppercase}.omni-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:6px;padding:10px 16px;cursor:pointer;user-select:none;transition:background .08s ease}.omni-item:hover,.omni-item.is-active{background:var(--primary-soft)}.omni-item-icon{font-size:16px;text-align:center}.omni-item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.omni-item-title{font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.omni-item-meta{font-size:12px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.omni-item-count{font-size:13px;font-weight:700;color:var(--primary-strong);text-align:right;white-space:nowrap;font-feature-settings:"tnum"}.omni-item-count small{font-size:10px;font-weight:500;color:var(--ink-mute);margin-left:1px}.omni-empty{padding:28px 16px;text-align:center;color:var(--ink-mute);font-size:13px}.omni-footer{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--border-soft);font-size:11px;color:var(--ink-mute)}.omni-footer kbd{font-size:10px;padding:0 4px;border-bottom-width:1px;vertical-align:middle}@media(max-width:600px){#omni-backdrop{padding:48px 10px 10px;align-items:start}.omni-input{font-size:15px;height:46px}.omni-footer{gap:10px}.omni-item{padding:9px 12px}}.pl-wrap{padding:0}.pl-subtabs{display:flex;align-items:stretch;border-bottom:2px solid var(--border-soft);background:var(--surface);padding:0 20px;gap:2px;position:sticky;top:0;z-index:10}.pl-subtab{display:inline-flex;align-items:center;gap:6px;padding:14px 18px 12px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--ink-mute);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;margin-bottom:-2px}.pl-subtab:hover{color:var(--ink)}.pl-subtab.active{color:var(--primary-strong);border-bottom-color:var(--primary)}.pl-subtab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border);font-size:10px;font-weight:800;color:var(--ink-mute)}.pl-subtab.active .pl-subtab-count{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.pl-subtab-body{padding:20px}.pl-my-actions{display:flex;align-items:center;gap:10px;margin-bottom:18px}.pl-my-count{font-size:12px;color:var(--ink-mute);font-weight:600}.pl-new-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:7px 18px;border-radius:999px;border:2px solid var(--primary-strong);background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:filter .15s,transform .15s}.pl-new-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.pl-empty-state{text-align:center;padding:60px 20px;color:var(--ink-mute);font-size:14px;line-height:1.8}.pl-empty-hint{font-size:12px;color:var(--ink-mute);margin-top:6px}.pl-empty-hint strong{color:var(--gold)}.pl-stream-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.pl-sg-card{display:flex;flex-direction:column;background:transparent;border:none;border-radius:10px;cursor:pointer;text-align:left;padding:0;font-family:inherit;overflow:hidden;transition:transform .15s,box-shadow .15s}.pl-sg-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.pl-sg-card:hover .pl-sg-thumb{filter:brightness(1.05)}.pl-sg-thumb-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:var(--surface-3);flex-shrink:0}.pl-sg-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s}.pl-sg-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-3) 100%)}.pl-sg-add{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;opacity:.9;cursor:pointer;z-index:3;transition:opacity .15s,background .15s,color .15s}.pl-sg-add svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.pl-sg-card:hover .pl-sg-add,.pl-sg-add:focus-visible{opacity:1}.pl-sg-add:hover{background:var(--primary-strong)}.pl-sg-add.is-saved{opacity:1;background:var(--primary-strong);color:#fff}.pl-sg-add.is-saved svg{fill:currentColor;stroke:currentColor}.pl-sg-song-badge{position:absolute;right:6px;bottom:6px;background:#000000b8;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap}.pl-sg-badge-unit{font-size:9px;font-weight:500;margin-left:1px;opacity:.85}.pl-sg-info{display:flex;flex-direction:column;gap:2px;padding:7px 2px 2px}.pl-sg-title{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-sg-date{font-size:11px;color:var(--ink-mute);font-weight:500}.pl-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 0 8px}.pl-page-btn{display:inline-flex;align-items:center;padding:8px 22px;border-radius:999px;border:2px solid var(--border-strong);background:var(--surface);color:var(--ink-soft);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .12s}.pl-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary-strong);background:var(--primary-soft);transform:translateY(-1px)}.pl-page-btn:disabled{opacity:.35;cursor:not-allowed}.pl-page-info{font-size:14px;font-weight:800;color:var(--ink);min-width:60px;text-align:center;letter-spacing:.03em}.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.pl-card{background:var(--surface);border:2px solid var(--border-soft);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .15s,border-color .15s}.pl-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.pl-card-cover-wrap{flex-shrink:0;width:48px;height:28px;border-radius:4px;overflow:hidden;background:var(--surface-3)}.pl-card-cover{width:100%;height:100%;object-fit:cover;display:block}.pl-card-head-info{flex:1;min-width:0;display:flex;align-items:baseline;gap:6px}.pl-card-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border-soft);background:var(--surface-2)}.pl-card-name{flex:1;min-width:0;background:transparent;border:none;color:var(--ink);font-size:14px;font-weight:800;cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;transition:color .12s}.pl-card-name:hover{color:var(--primary-strong)}.pl-card-count{font-size:11px;font-weight:700;color:var(--ink-mute);background:var(--surface-3);border:1px solid var(--border);border-radius:999px;padding:2px 8px;flex-shrink:0;white-space:nowrap}.pl-del-btn{background:transparent;border:none;color:var(--ink-mute);font-size:14px;cursor:pointer;padding:3px 5px;border-radius:6px;flex-shrink:0;transition:color .12s,background .12s}.pl-del-btn:hover{color:var(--red);background:#dc323214}.pl-stream-list{padding:4px 0;max-height:280px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.pl-stream-empty{padding:20px 14px;text-align:center;font-size:12px;color:var(--ink-mute)}.pl-stream-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border-soft);transition:background .1s;min-width:0}.pl-stream-row:last-child{border-bottom:none}.pl-stream-row:hover{background:var(--surface-2)}.pl-stream-list.is-drag-active{user-select:none}.pl-stream-list.is-drag-active .pl-stream-row{transition:transform .15s ease}.pl-stream-row.is-dragging{transition:none!important;opacity:.92;background:var(--surface);border-radius:8px;border:1px solid var(--primary);box-shadow:0 6px 20px #00000038;z-index:10;position:relative}.pl-drag-handle{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;justify-self:center;font-size:16px;color:var(--ink-mute);cursor:grab;touch-action:none;line-height:1;padding:0;user-select:none;opacity:.5;transition:opacity .12s,color .12s}.pl-stream-row:hover .pl-drag-handle{opacity:1;color:var(--primary)}.pl-drag-handle:active{cursor:grabbing}.pl-stream-info{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:2px}.pl-stream-date{font-size:10px;color:var(--ink-mute);font-weight:600;letter-spacing:.02em}.pl-stream-title{font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-stream-meta{font-size:10px;color:var(--ink-mute)}.pl-stream-missing .pl-stream-title{color:var(--ink-mute);font-style:italic}.pl-stream-actions{display:flex;align-items:center;gap:4px;justify-self:end;min-width:max-content}.pl-play-stream-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--primary);background:var(--primary-soft);color:var(--primary-strong);font-size:11px;cursor:pointer;transition:background .12s,color .12s,transform .12s}.pl-play-stream-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.pl-rm-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--ink-mute);font-size:10px;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.pl-rm-btn:hover{border-color:var(--red);color:var(--red);background:#dc323212}.pl-sort-bar{display:flex;gap:6px;flex-wrap:wrap;padding:12px 0 8px}.pl-sort-opt{background:var(--surface);border:2px solid var(--border);border-radius:999px;color:var(--ink-soft);font-family:inherit;font-size:12px;font-weight:600;padding:5px 14px;cursor:pointer;transition:background .1s,border-color .1s,color .1s;white-space:nowrap}.pl-sort-opt:hover{border-color:var(--primary);color:var(--primary-strong)}.pl-sort-opt.active{background:linear-gradient(135deg,var(--primary),var(--primary-strong));border-color:var(--primary-strong);color:#fff}.pl-card-footer{padding:8px 12px 10px;border-top:1px solid var(--border-soft)}.pl-yt-share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--ink-soft);font-size:11.5px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.pl-yt-share-btn:hover{background:#ff000015;border-color:#f44;color:#c00}[data-theme=dark] .pl-yt-share-btn:hover{color:#f66}@media(prefers-color-scheme:dark){[data-theme=auto] .pl-yt-share-btn:hover{color:#f66}}#pl-add-modal{position:fixed;inset:0;z-index:400}#pl-add-modal[hidden]{display:none}.pl-modal-backdrop{position:absolute;inset:0;background:#1f486161;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pl-modal-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(400px,calc(100vw - 32px));background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:fadeIn .15s ease}.pl-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;font-size:14px;font-weight:800;color:var(--ink)}.pl-modal-close{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--ink-mute);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.pl-modal-close:hover{background:var(--surface-2);color:var(--red)}.pl-modal-sub{font-size:11.5px;color:var(--ink-mute);padding:0 16px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-modal-list{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);max-height:280px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.pl-modal-empty{padding:20px;text-align:center;font-size:12.5px;color:var(--ink-mute)}.pl-modal-item{display:flex;align-items:center;width:100%;padding:8px 12px;background:transparent;border:none;border-bottom:1px solid var(--border-soft);color:var(--ink);text-align:left;font-family:inherit;font-size:13px;gap:12px;cursor:pointer;transition:background .12s}.pl-modal-item:last-child{border-bottom:none}.pl-modal-item:hover{background:var(--surface-2)}.pl-modal-item:active{background:color-mix(in srgb,var(--primary) 12%,var(--surface))}.pl-modal-item.is-saved{background:var(--primary-soft)}.pl-modal-item-cover{flex:0 0 auto;width:56px;height:38px;border-radius:6px;overflow:hidden;background:var(--surface-3);display:flex;align-items:center;justify-content:center}.pl-modal-item-cover img{width:100%;height:100%;object-fit:cover;display:block}.pl-modal-item-cover--empty{font-size:16px;color:var(--ink-mute)}.pl-modal-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pl-modal-item-name{font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.pl-modal-item-count{font-size:11px;color:var(--ink-mute);font-weight:500}.pl-modal-bookmark{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--ink-mute);transition:color .12s,background .12s}.pl-modal-bookmark svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.pl-modal-item:hover .pl-modal-bookmark{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary-strong)}.pl-modal-bookmark.is-saved{color:var(--primary-strong)}.pl-modal-bookmark.is-saved svg{fill:currentColor;stroke:currentColor}.pl-modal-new{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:14px 16px;background:transparent;border:none;color:var(--primary-strong);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .12s}.pl-modal-new:hover{background:var(--primary-soft)}.pl-modal-new-icon{font-size:16px;line-height:1;font-weight:400}.pl-modal-head-title{font-size:14px;font-weight:800;color:var(--ink)}#pl-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(8px);background:#1a3252;color:#ffffffeb;border:1px solid rgba(74,178,220,.35);border-radius:999px;padding:9px 20px;font-size:13px;font-weight:700;z-index:500;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;white-space:nowrap;box-shadow:0 6px 24px #00000073}#pl-toast.pl-toast--show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1100px){.pl-stream-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.pl-stream-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pl-subtabs{padding:0 12px}.pl-subtab{padding:12px 12px 10px;font-size:13px}.pl-subtab-body{padding:14px}.pl-my-actions{margin-bottom:14px}}@media(max-width:480px){.pl-stream-grid{gap:8px}.pl-sg-title{font-size:11.5px}.pl-page-btn{padding:7px 16px;font-size:12px}.pl-grid{grid-template-columns:1fr;gap:14px}.pl-new-btn{padding:6px 14px;font-size:12px}.pl-stream-row{grid-template-columns:26px minmax(0,1fr) auto;gap:6px;padding-inline:10px}.pl-drag-handle{width:24px;height:24px;font-size:14px}.pl-play-stream-btn{width:24px;height:24px}.pl-rm-btn{width:22px;height:22px}}.sv-cts-row{grid-column:2 / 5;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:3px 0 3px 34px}.sv-cts-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary-strong);transition:background .12s,border-color .12s}.sv-cts-badge:before{content:"";width:12px;height:12px;border-radius:999px;border:2px solid currentColor;box-shadow:-5px 3px 0 -3px currentColor,5px 3px 0 -3px currentColor}.sv-cts-badge:hover{background:color-mix(in srgb,var(--primary) 22%,var(--surface));border-color:var(--primary)}#stream-viewer.sv-fullscreen .sv-cts-badge{background:#60b4dc26;color:#7dd3fc;border-color:#60b4dc4d}#stream-viewer.sv-fullscreen .sv-cts-badge:hover{background:#60b4dc40;border-color:#60b4dc99}.sv-cts-propose{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:999px;font-size:11px;font-weight:500;cursor:pointer;border:1px dashed var(--border);background:transparent;color:var(--ink-mute);transition:border-color .12s,color .12s}.sv-cts-propose .ui-icon{width:12px;height:12px}.sv-cts-propose:hover{border-color:var(--primary);color:var(--primary)}#stream-viewer.sv-fullscreen .sv-cts-propose{border-color:#fff3;color:#fff6}#stream-viewer.sv-fullscreen .sv-cts-propose:hover{border-color:#60b4dc99;color:#7dd3fc}.sv-cts-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.sv-cts-modal-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;width:100%;max-width:420px;box-shadow:0 12px 48px #00000047;display:flex;flex-direction:column;gap:12px}.sv-cts-modal-head{display:flex;align-items:center;justify-content:space-between}.sv-cts-modal-title{font-size:15px;font-weight:700;color:var(--ink)}.sv-cts-modal-close{background:none;border:none;cursor:pointer;font-size:16px;color:var(--ink-mute);padding:4px 6px;border-radius:6px;line-height:1}.sv-cts-modal-close:hover{color:var(--ink);background:var(--surface-2)}.sv-cts-modal-song{font-size:13px;color:var(--ink-soft);font-weight:600;margin:0;padding:6px 10px;background:var(--surface-2);border-radius:6px}.sv-cts-modal-label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--ink-mute);font-weight:500}.sv-cts-modal-input{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--ink);font-family:inherit;outline:none;transition:border-color .12s}.sv-cts-modal-input:focus{border-color:var(--primary)}.sv-cts-modal-hint{font-size:11px;color:var(--ink-mute);margin:0}.sv-cts-modal-btns{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.sv-cts-modal-submit{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .12s}.sv-cts-modal-submit:hover:not(:disabled){opacity:.85}.sv-cts-modal-submit:disabled{opacity:.5;cursor:not-allowed}.sv-cts-modal-cancel{background:var(--surface-2);border:1px solid var(--border);color:var(--ink-soft);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s}.sv-cts-modal-cancel:hover{background:var(--surface-3)}.sv-cts-modal-status{font-size:12px;padding:7px 10px;border-radius:6px;margin:0}.sv-cts-modal-status.success{background:color-mix(in srgb,#22c55e 12%,var(--surface));color:#16a34a;border:1px solid color-mix(in srgb,#22c55e 25%,transparent)}.sv-cts-modal-status.error{background:color-mix(in srgb,#ef4444 10%,var(--surface));color:#dc2626;border:1px solid color-mix(in srgb,#ef4444 25%,transparent)}.sv-cts-bulk-btn{background:var(--primary-soft);border:1px solid var(--primary);border-radius:6px;color:var(--primary-strong);font-family:inherit;font-size:11px;font-weight:700;padding:3px 10px;cursor:pointer;white-space:nowrap;transition:background .12s}.sv-cts-bulk-btn:hover{background:var(--primary);color:#fff}.sv-bulk-modal-box{max-width:540px}.sv-bulk-hint{font-size:11.5px;color:var(--ink-mute);margin:0}.sv-bulk-rows{display:flex;flex-direction:column;gap:4px;max-height:340px;overflow-y:auto;border:1px solid var(--border-soft);border-radius:8px;padding:6px}.sv-bulk-row{display:grid;grid-template-columns:22px 1fr 88px 28px;align-items:center;gap:6px}.sv-bulk-num{font-size:11px;color:var(--ink-mute);text-align:right}.sv-bulk-title{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-bulk-ts-input{font-family:inherit;font-size:12px;padding:3px 7px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--ink);width:100%}.sv-bulk-ts-input:focus{outline:none;border-color:var(--primary)}.sv-bulk-ts-now{background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px;padding:2px 4px;color:var(--ink-mute)}.sv-bulk-ts-now:hover{background:var(--primary-soft);border-color:var(--primary)}.sv-paste-area{border:1px solid var(--border);border-radius:8px;margin-bottom:10px;overflow:hidden}.sv-paste-summary{padding:8px 12px;font-size:12.5px;font-weight:600;color:var(--ink-mute);cursor:pointer;user-select:none;list-style:none;display:flex;align-items:center;gap:6px}.sv-paste-summary:before{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor;transition:transform .15s}details[open] .sv-paste-summary:before{transform:rotate(90deg)}.sv-paste-summary::-webkit-details-marker{display:none}.sv-paste-textarea{display:block;width:100%;box-sizing:border-box;min-height:88px;padding:8px 12px;background:var(--surface-2);border:none;border-top:1px solid var(--border);font-size:12px;font-family:monospace;color:var(--ink);resize:vertical}.sv-paste-textarea:focus{outline:none}.sv-paste-btns{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--border);background:var(--surface)}.sv-paste-result{font-size:11.5px;color:var(--primary)}@media(max-width:600px){.sv-cts-modal-box{padding:18px}.sv-cts-modal-btns{justify-content:stretch}.sv-cts-modal-submit,.sv-cts-modal-cancel{flex:1;text-align:center}.sv-bulk-row{grid-template-columns:18px 1fr 78px 26px}}.sv-bp-wrap{display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--border-soft)}.sv-bp-section{padding:14px 16px;border-bottom:1px solid var(--border-soft)}.sv-bp-section:last-child{border-bottom:none}.sv-bp-sh{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);margin-bottom:10px}.sv-bp-sh-sub{font-weight:500;text-transform:none;letter-spacing:0;font-size:10px}.sv-bp-section--nav{background:var(--surface-2)}.sv-bp-control-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.sv-bp-control-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--primary-strong);font-size:14px;font-weight:800;line-height:1;cursor:pointer;transition:background .14s,border-color .14s,color .14s,transform .14s}.sv-bp-control-btn:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary);transform:translateY(-1px)}.sv-bp-control-btn:disabled{opacity:.38;cursor:default}.sv-bp-control-btn--play{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;border-color:var(--primary-strong);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 22%,transparent)}.sv-bp-bookmark-btn svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.sv-bp-bookmark-btn.is-saved{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--primary)}.sv-bp-bookmark-btn.is-saved svg{fill:currentColor}.sv-bp-next-hint{margin-bottom:8px;color:var(--ink-mute);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-bp-ap-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--ink-soft);user-select:none;flex-shrink:0}.sv-bp-ap-switch{position:relative;display:inline-block;width:34px;height:19px;background:var(--border);border-radius:10px;transition:background .18s;flex-shrink:0}.sv-bp-ap-switch--on{background:var(--primary)}.sv-bp-ap-check{position:absolute;opacity:0;width:0;height:0}.sv-bp-ap-knob{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .18s;pointer-events:none;box-shadow:0 1px 3px #0003}.sv-bp-ap-switch--on .sv-bp-ap-knob{transform:translate(15px)}.sv-bp-ap-hint{font-size:11.5px;color:var(--ink-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.sv-bp-ap-hint--end{opacity:.5;font-style:italic}.sv-bp-nav-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sv-bp-nav-card{display:flex;flex-direction:column;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;text-align:left;padding:0;position:relative;transition:border-color .14s,transform .14s}.sv-bp-nav-card:hover{border-color:var(--primary);transform:translateY(-2px)}.sv-bp-nav-card--landscape{flex-direction:column;min-height:0}.sv-bp-nav-empty{display:flex;align-items:center;justify-content:center;min-height:206px;padding:14px;font-size:11px;color:var(--ink-mute);opacity:.45;cursor:default;transform:none!important;border-color:var(--border-soft)!important}.sv-bp-nav-dir{font-size:10px;font-weight:700;color:var(--primary-strong);position:absolute;z-index:1;top:8px;left:8px;width:auto;max-width:calc(100% - 16px);padding:4px 8px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:999px;letter-spacing:.02em;background:color-mix(in srgb,var(--surface) 86%,var(--primary-soft));border:1px solid var(--border-soft);box-shadow:0 2px 8px #387e9c1a;flex-shrink:0}.sv-bp-nav-card--landscape .sv-bp-nav-dir{top:8px;left:8px}.sv-bp-nav-thumb{width:100%;height:206px;object-fit:cover;display:block;background:var(--surface-3);flex-shrink:0}.sv-bp-nav-thumb--empty{width:100%;height:206px;background:var(--surface-3);display:block}.sv-bp-nav-card--landscape .sv-bp-nav-thumb,.sv-bp-nav-card--landscape .sv-bp-nav-thumb--empty{width:100%;height:206px;align-self:auto}.sv-bp-nav-info{padding:9px 11px 10px;min-width:0;flex:1}.sv-bp-nav-card--landscape .sv-bp-nav-info{display:block}.sv-bp-nav-title{font-size:12px;font-weight:600;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin-bottom:3px}.sv-bp-nav-meta{font-size:11px;color:var(--ink-mute)}.sv-bp-info-compact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;color:var(--ink-mute);font-size:11px;font-weight:700}.sv-bp-info-compact span{padding:3px 8px;border:1px solid var(--border-soft);border-radius:999px;background:var(--surface)}.sv-bp-related-list{display:flex;flex-direction:column;gap:6px}.sv-bp-rel-card{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px;cursor:pointer;text-align:left;width:100%;transition:border-color .14s,background .14s}.sv-bp-rel-card:hover{border-color:var(--primary);background:var(--surface-2)}.sv-bp-rel-thumb{width:72px;height:40px;object-fit:cover;border-radius:5px;flex-shrink:0;background:var(--surface-3);display:block}.sv-bp-rel-thumb--empty{width:72px;height:40px;background:var(--surface-3);border-radius:5px;flex-shrink:0}.sv-bp-rel-info{flex:1;min-width:0}.sv-bp-rel-title{font-size:12px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-bp-rel-meta{font-size:10.5px;color:var(--ink-mute);margin-top:1px}.sv-bp-rel-songs{font-size:10.5px;color:var(--primary-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}@media(max-width:767px){.sv-bp-nav-cards{grid-template-columns:1fr 1fr}.sv-bp-nav-card{flex-direction:row}.sv-bp-nav-empty{min-height:76px}.sv-bp-nav-dir{position:static;width:60px;max-width:none;padding:6px 0;border-radius:0;border:0;box-shadow:none;background:var(--primary-soft)}.sv-bp-nav-thumb,.sv-bp-nav-thumb--empty{width:132px;height:74px}}@media(max-width:479px){.sv-bp-section{padding:12px 14px}.sv-bp-nav-cards{grid-template-columns:1fr}.sv-bp-nav-dir{padding:6px 8px 2px}.sv-bp-nav-info{padding:6px 8px 8px}.sv-bp-nav-thumb,.sv-bp-nav-thumb--empty{width:148px;height:83px}}#music-bar{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--surface-glass);backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px);border-top:1px solid var(--border-soft);box-shadow:0 -4px 24px #00000026}#music-bar[hidden]{display:none}body.has-music-bar{padding-bottom:72px}.mbar-progress-track{height:3px;background:var(--border);cursor:pointer;position:relative;transition:height .15s}#music-bar:hover .mbar-progress-track{height:5px}.mbar-progress-fill{position:absolute;left:0;top:0;bottom:0;background:var(--primary);width:0;transition:width .5s linear;pointer-events:none}.mbar-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;height:68px;gap:16px}.mbar-track-info{display:flex;align-items:center;gap:12px;min-width:0}.mbar-thumb-wrap{position:relative;flex:0 0 auto;width:88px;height:50px;border-radius:6px}.mbar-video-wrap{width:88px;height:50px;border-radius:6px;overflow:hidden;background:var(--surface-3)}.mbar-video-wrap>div{width:100%;height:100%}.mbar-thumb-overlay{position:absolute;inset:0;background:#0000002e;border:none;cursor:pointer;border-radius:6px;z-index:5;display:flex;align-items:center;justify-content:center;transition:background .15s}.mbar-thumb-overlay:before{content:"";width:0;height:0;margin-left:1px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding-left:2px;border-radius:50%;background:#0000008c;opacity:.9;transition:opacity .15s,transform .15s,background .15s}.mbar-thumb-overlay:hover,.mbar-thumb-overlay:focus-visible{background:#00000073;outline:none}.mbar-thumb-overlay:hover:before,.mbar-thumb-overlay:focus-visible:before{opacity:1;transform:scale(1.12);background:var(--primary-strong, #1f789f)}.mbar-text{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:none;padding:0;cursor:pointer;text-align:left;border-radius:4px;transition:opacity .12s}.mbar-text:hover{opacity:.72}.mbar-title{display:block;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mbar-sub{display:block;font-size:11px;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mbar-type-badge{flex:0 0 auto;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.05em}.mbar-type-badge[data-type=original]{background:var(--primary-soft);color:var(--primary-strong)}.mbar-type-badge[data-type=office]{background:#fef3c7;color:#92400e}.mbar-type-badge[data-type=character]{background:#ede9fe;color:#5b21b6}.mbar-type-badge[data-type=cover]{background:var(--accent-soft);color:var(--accent-strong)}.mbar-controls{display:flex;align-items:center;gap:5px}.mbar-ctrl-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s}.mbar-ctrl-btn:hover:not(:disabled){color:var(--ink);background:var(--surface-3)}.mbar-ctrl-btn:disabled{opacity:.35;cursor:default}.mbar-mode-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--ink-mute);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;line-height:1;transition:color .12s,background .12s,border-color .12s}.mbar-mode-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.mbar-mode-btn.is-on{color:#fff;border-color:var(--primary);background:var(--primary)}.mbar-play-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .12s,transform .08s;position:relative}.mbar-play-btn:hover{background:var(--primary-strong);transform:scale(1.06)}.mbar-play-btn:before{content:"";width:0;height:0;margin-left:2px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor}.mbar-play-btn[data-playing="1"]:before{width:12px;height:15px;margin-left:0;border:0;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65% 100%)}.mbar-end{display:flex;align-items:center;justify-content:flex-end;gap:10px}.mbar-queue-info{font-size:11px;color:var(--ink-mute)}.mbar-close-btn{width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:var(--ink-mute);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s}.mbar-close-btn:hover{color:var(--ink);background:var(--surface-3)}.mbar-queue-btn.is-on{color:var(--primary-strong);border-color:var(--primary);background:var(--primary-soft)}#mbar-queue-popup{position:fixed;bottom:76px;right:16px;width:320px;max-height:50vh;overflow-y:auto;background:#0d1e2e;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 -4px 24px #00000073;z-index:210;padding:6px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}#mbar-queue-popup[hidden]{display:none}.mbar-qp-empty{padding:14px 16px;font-size:13px;color:#ffffff73;text-align:center}.mbar-qp-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;width:100%;padding:8px 14px;background:transparent;border:none;color:#ffffffbf;font-size:12.5px;text-align:left;cursor:pointer;transition:background .1s;border-radius:0}.mbar-qp-row:hover{background:#ffffff14;color:#fff}.mbar-qp-row.is-current{background:#ffffff1f;color:#fff;font-weight:700}.mbar-qp-num{font-size:11px;color:#fff6;text-align:right;font-variant-numeric:tabular-nums}.mbar-qp-row.is-current .mbar-qp-num{color:var(--primary)}.mbar-qp-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mbar-qp-badge{flex-shrink:0;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;background:#ffffff1f;color:#fff9}.mbar-qp-badge[data-type=original]{background:rgba(var(--primary-rgb,31,120,159),.25);color:#ffffffe6}.mbar-qp-badge[data-type=cover]{background:#a064dc40;color:#ffffffe6}.mbar-qp-badge[data-type=stream]{background:#3cb46440;color:#ffffffe6}.pl-music-viewbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.pl-music-search-wrap{flex:1 1 260px;min-width:220px;max-width:420px;display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm)}.pl-music-search-icon{color:var(--primary);font-size:14px;font-weight:800;line-height:1}.pl-music-search{min-width:0;flex:1;border:none;outline:none;background:transparent;color:var(--ink);font:inherit;font-size:13px}.pl-music-search::placeholder{color:var(--ink-mute)}.pl-music-count{font-size:13px;color:var(--ink-mute);white-space:nowrap}.pl-music-views{display:flex;gap:4px;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:3px}.pl-music-view-btn{padding:4px 12px;border-radius:5px;border:none;background:transparent;color:var(--ink-mute);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.pl-music-view-btn.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.mv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px 16px}.mv-card{position:relative;background:transparent;border:0;border-radius:10px;overflow:visible;transition:box-shadow .15s,transform .15s}.mv-card:hover{transform:translateY(-2px)}.mv-card:hover .mv-card-thumb-btn{box-shadow:var(--shadow)}.mv-card-thumb-btn{position:relative;display:block;width:100%;aspect-ratio:16/9;border:none;cursor:pointer;background:var(--surface-3);padding:0;text-decoration:none;border-radius:10px;overflow:hidden;box-shadow:0 1px #195f8714;transition:box-shadow .15s,filter .15s}.mv-card-thumb-btn:hover .mv-card-thumb{filter:brightness(1.05)}.mv-card-thumb{width:100%;height:100%;object-fit:cover;display:block}.mv-card-thumb-placeholder{width:100%;height:100%;background:var(--surface-3)}.mv-type-badge{position:absolute;top:6px;left:6px;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.06em;pointer-events:none}.mv-badge-original{background:var(--primary);color:#fff}.mv-badge-office{background:#d97706;color:#fff}.mv-badge-character{background:#7c3aed;color:#fff}.mv-badge-cover{background:var(--accent-strong);color:#fff}.mv-card-info{padding:7px 2px 0}.mv-card-title{display:-webkit-box;font-size:12.5px;font-weight:700;line-height:1.35;color:var(--ink);overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mv-card-sub{display:block;font-size:11px;color:var(--ink-mute);margin-top:2px}.mv-add-btn{border:1px solid var(--border);background:transparent;color:var(--ink-mute);border-radius:6px;font-size:13px;font-weight:700;padding:2px 8px;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.mv-add-btn:hover,.mv-add-btn.is-saved{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--primary)}.mv-add-btn.mv-add-btn--overlay{top:6px;right:6px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:0;opacity:.9;display:inline-flex;align-items:center;justify-content:center}.mv-add-btn.mv-add-btn--overlay:hover{background:var(--primary-strong);color:#fff}.mv-add-btn.mv-add-btn--overlay svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.mv-add-btn.mv-add-btn--overlay.is-saved{background:var(--primary-strong);color:#fff}.mv-add-btn.mv-add-btn--overlay.is-saved svg{fill:currentColor;stroke:currentColor}.mv-list{display:flex;flex-direction:column;gap:8px}.mv-list-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border-soft);transition:background .1s}.mv-list-row:hover{background:var(--surface-3)}.mv-list-row--select{grid-template-columns:28px 96px minmax(0,1fr) auto;cursor:pointer}.mv-list-row.is-selected{border-color:var(--primary);background:var(--primary-soft)}.mv-list-checkbox{width:22px;height:22px;border:1px solid var(--border);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--primary-strong);font-size:12px;font-weight:800}.mv-list-thumb{display:block;width:96px;aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;background:var(--surface-3);border:1px solid var(--border-soft)}.mv-list-thumb img{display:block;width:100%;height:100%;object-fit:cover}.mv-list-info{min-width:0}.mv-list-row .mv-add-btn{justify-self:end;min-width:34px;min-height:30px;display:inline-flex;align-items:center;justify-content:center}.mv-list-title{display:block;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mv-list-sub{font-size:11px;color:var(--ink-mute)}.mv-list-row .mv-type-badge{position:static;font-size:9px;padding:2px 6px}@media(max-width:1400px){.mv-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1000px){.mv-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.mv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mv-list-row,.mv-list-row--select{grid-template-columns:78px minmax(0,1fr) auto;gap:8px}.mv-list-row--select{grid-template-columns:24px 78px minmax(0,1fr)}.mv-list-thumb{width:78px}.mv-list-row .mv-type-badge{display:none}}.mv-category{display:flex;flex-direction:column;gap:32px}.mv-cat-heading{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:12px;display:flex;align-items:center;gap:8px}.mv-cat-count{font-size:12px;font-weight:500;color:var(--ink-mute)}.mv-badge-inline{font-size:9px;font-weight:800;padding:2px 5px;border-radius:4px;letter-spacing:.04em;vertical-align:middle}.mv-badge-inline.mv-type-original{background:var(--primary-soft);color:var(--primary-strong)}.mv-badge-inline.mv-type-office{background:#fef3c7;color:#92400e}.mv-badge-inline.mv-type-character{background:#ede9fe;color:#5b21b6}.mv-badge-inline.mv-type-cover{background:var(--accent-soft);color:var(--accent-strong)}.vol-btn{width:28px;height:28px;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .12s,background .12s;padding:0;flex-shrink:0}.vol-btn:hover{color:var(--ink);background:var(--surface-3)}.vol-slider{-webkit-appearance:none;appearance:none;width:72px;height:3px;border-radius:2px;cursor:pointer;outline:none;flex-shrink:0;background:linear-gradient(to right,var(--primary) var(--pct, 100%),var(--border-strong) var(--pct, 100%))}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 0 2px var(--surface)}.vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:none;background:var(--primary);cursor:pointer}.mbar-volume{display:flex;align-items:center;gap:4px}.mbar-expand-btn{min-width:28px;height:28px;padding:0 9px;border:1px solid var(--border);background:transparent;color:var(--ink-mute);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:999px;font-size:11px;font-weight:800;transition:color .12s,background .12s,border-color .12s;flex-shrink:0}.mbar-expand-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.sv-volume-wrap{display:flex;align-items:center;gap:4px;flex-shrink:0}.yt-mini-vol-wrap{display:flex;align-items:center;gap:2px;flex-shrink:0}.yt-mini-vol-wrap .vol-slider{width:60px}#stream-viewer.sv-mv-mode .sv-panel,#stream-viewer.sv-mv-mode .sv-import-toggle,#stream-viewer.sv-mv-mode .sv-cts-bulk-btn,#stream-viewer.sv-mv-mode .sv-side-related{display:none}#stream-viewer.sv-mv-mode:not(.sv-fullscreen) .sv-body{grid-template-columns:1fr}.sv-mv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.sv-mv-card{display:block;background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;overflow:hidden;cursor:pointer;padding:0;text-align:left;transition:border-color .15s,transform .15s,box-shadow .15s}.sv-mv-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.sv-mv-card-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#000}.sv-mv-card-body{padding:7px 9px 9px}.sv-mv-card-title{font-size:11.5px;font-weight:700;color:var(--ink);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sv-mv-card-type{font-size:9.5px;color:var(--ink-mute);margin-top:3px}.sv-mv-all-btn{margin-left:8px;background:none;border:none;color:var(--primary-strong);font-size:11px;font-weight:700;cursor:pointer;padding:2px 4px;text-transform:none;letter-spacing:normal}.sv-mv-all-btn:hover{text-decoration:underline}@media(max-width:700px){.mbar-body{grid-template-columns:1fr auto;padding:0 12px;height:60px;gap:10px}.mbar-end{display:none}.mbar-video-wrap,.mbar-thumb-wrap{width:64px;height:36px}.mbar-title{font-size:11.5px}.mbar-type-badge{display:none}.mbar-controls{gap:3px}.mbar-ctrl-btn{width:32px;height:32px}.mbar-play-btn{width:38px;height:38px}.mbar-play-btn:before{font-size:14px}.mbar-mode-btn{width:24px;height:24px;font-size:12px}.mv-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mv-list-row{grid-template-columns:72px 1fr auto;gap:8px}.mv-list-row--select{grid-template-columns:22px 72px 1fr}.mv-list-thumb{width:72px}.mv-list-row .mv-type-badge{display:none}#yt-player-panel,#stream-viewer.sv-minified,#stream-viewer.sv-music-minified{display:none!important}}@media(max-width:420px){.mbar-body{padding:0 8px;gap:6px}.mbar-track-info{gap:8px}.mbar-thumb-wrap,.mbar-video-wrap{display:none}.mbar-text{gap:0}.mbar-title{font-size:11px}.mbar-controls{gap:2px}.mbar-ctrl-btn{width:28px;height:28px}.mbar-play-btn{width:34px;height:34px}.mbar-play-btn:before{font-size:12px}.mbar-mode-btn,.mbar-volume{display:none}.mbar-expand-btn{min-width:24px;height:24px;padding:0 6px;font-size:10px}}@media(max-width:500px){.sv-volume-wrap .vol-slider{display:none}.yt-mini-vol-wrap .vol-slider{width:44px}}body.has-sv-mini .container,body.has-sv-music .container{z-index:auto}body.has-sv-mini #panel-player:not(.active),body.has-sv-music #panel-player:not(.active){display:block;min-height:0;height:0;background:none;overflow:visible;animation:none;transform:none}#stream-viewer.sv-minified,#stream-viewer.sv-music-minified{position:static;height:0;min-height:0;padding:0;margin:0;border:none;background:none;overflow:visible}#stream-viewer.sv-minified .sv-header,#stream-viewer.sv-minified .sv-topnav,#stream-viewer.sv-minified .sv-below-player,#stream-viewer.sv-minified .sv-panel,#stream-viewer.sv-music-minified .sv-header,#stream-viewer.sv-music-minified .sv-topnav,#stream-viewer.sv-music-minified .sv-below-player,#stream-viewer.sv-music-minified .sv-panel{display:none}#stream-viewer.sv-minified .sv-container,#stream-viewer.sv-minified .sv-body,#stream-viewer.sv-minified .sv-player-section,#stream-viewer.sv-music-minified .sv-container,#stream-viewer.sv-music-minified .sv-body,#stream-viewer.sv-music-minified .sv-player-section{display:block;height:0;min-height:0;padding:0;margin:0;border:none;background:none;overflow:visible}#stream-viewer.sv-minified .sv-player-wrap,#stream-viewer.sv-music-minified .sv-player-wrap{position:fixed;z-index:1001;aspect-ratio:auto;padding:0;margin:0;min-height:0;border-radius:11px 11px 0 0;overflow:hidden}#stream-viewer.sv-music-minified .sv-player-wrap{border-radius:6px;pointer-events:none}body.has-sv-mini #yt-player-panel:hover .yt-mini-progress-wrap{height:4px}.sv-queue-section{border:1px solid var(--border-strong);border-radius:12px;padding:12px 14px;background:var(--surface-2)}.sv-queue-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sv-queue-current{flex:1 1 180px;min-width:0;color:var(--ink-mute);font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-queue-toggle,.sv-queue-repeat{margin-left:auto;padding:4px 12px;background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;color:var(--ink-mute);font-size:11px;font-weight:700;cursor:pointer;text-transform:none;letter-spacing:normal;transition:background .15s,border-color .15s,color .15s}.sv-queue-toggle{margin-left:0}.sv-queue-toggle:hover,.sv-queue-repeat:hover{border-color:var(--primary);color:var(--primary-strong)}.sv-queue-repeat.is-on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.sv-queue-list{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch}.sv-queue-section.is-collapsed .sv-queue-list{display:none}.sv-queue-row{display:flex;align-items:center;gap:10px;padding:7px 10px;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.sv-queue-row:hover{background:var(--surface-3)}.sv-queue-row.is-current{background:var(--primary-soft);border-color:var(--primary)}.sv-queue-num{flex:0 0 22px;font-size:11px;font-weight:800;color:var(--ink-mute);text-align:right;font-feature-settings:var(--tnum)}.sv-queue-row.is-current .sv-queue-num{color:var(--primary-strong)}.sv-queue-title{flex:1;min-width:0;font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-queue-meta{flex:0 0 auto;font-size:10px;color:var(--ink-mute);white-space:nowrap}.pl-music-select-toggle.active{background:var(--primary);border-color:var(--primary-strong);color:#fff}.pl-music-selbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;background:var(--primary-soft);border:1px solid var(--border-strong);border-radius:10px}.pl-music-selcount{font-size:12px;font-weight:800;color:var(--primary-strong)}.pl-music-selactions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.pl-sel-btn{padding:6px 12px;background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;color:var(--ink-soft);font-size:11.5px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s}.pl-sel-btn:hover{border-color:var(--primary);color:var(--primary-strong)}.pl-sel-btn.primary{background:var(--primary);border-color:var(--primary-strong);color:#fff}.pl-sel-btn.primary:hover{filter:brightness(1.06);color:#fff}.pl-sel-btn:disabled{opacity:.5;cursor:default}.mv-card--select .mv-card-thumb-btn{cursor:pointer}.mv-card--select.is-selected{outline:2px solid var(--primary);outline-offset:1px;border-radius:10px}.mv-card-checkbox{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:#00000073;color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0006}.mv-card--select.is-selected .mv-card-checkbox{background:var(--primary-strong);border-color:#fff}.mv-list-row--select{cursor:pointer}.mv-list-row--select.is-selected{background:var(--primary-soft)}.mv-list-checkbox{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);color:var(--primary-strong);font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}.mv-list-row--select.is-selected .mv-list-checkbox{background:var(--primary);border-color:var(--primary-strong);color:#fff}@media(min-width:768px){body[data-active-tab]:not([data-active-tab=dashboard]) #hero .hero-sub,body[data-active-tab]:not([data-active-tab=dashboard]) #hero .hero-description,body[data-active-tab]:not([data-active-tab=dashboard]) #hero .hero-updated,body[data-active-tab]:not([data-active-tab=dashboard]) #hero .stats-grid{display:none}body[data-active-tab]:not([data-active-tab=dashboard]) #hero{padding:12px 20px}body[data-active-tab]:not([data-active-tab=dashboard]) #hero:after{display:none}body[data-active-tab]:not([data-active-tab=dashboard]) #hero .hero-title{font-size:16px;margin-bottom:0;justify-content:flex-start}body[data-active-tab]:not([data-active-tab=dashboard]) #hero .hero-title-icon{width:22px;height:22px}body[data-active-tab=player] #hero,body[data-active-tab=player] .tabs{display:none}#stream-viewer.sv-portrait:not(.sv-fullscreen) .sv-player-wrap{aspect-ratio:9 / 16;width:min(420px,42vh);align-self:center}}.topbar-search{display:inline-flex;align-items:center;gap:8px;flex:1 1 auto;min-width:140px;max-width:260px;height:36px;padding:0 12px 0 10px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:999px;color:var(--ink-mute);cursor:pointer;font-family:inherit;font-size:12.5px;transition:border-color .15s,background .15s;white-space:nowrap;overflow:hidden}.topbar-search:hover,.topbar-search:focus-visible{border-color:var(--primary);background:var(--primary-soft);color:var(--ink-soft);outline:none}.topbar-search-icon{flex:0 0 15px}.topbar-search-text{flex:1 1 auto;text-align:left;overflow:hidden;text-overflow:ellipsis;font-size:12px}.topbar-search-kbd{flex:0 0 auto;font-size:10px;padding:1px 5px;border:1px solid var(--border);border-radius:4px;background:var(--surface-3);color:var(--ink-soft);font-family:inherit}@media(max-width:700px){.topbar-search{display:none}}.topbar-search-in-menu{display:none}@media(max-width:700px){.topbar-search-in-menu{display:flex;align-items:center;gap:8px;grid-column:1 / -1;height:36px;padding:0 14px 0 12px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:999px;color:var(--ink-mute);font-family:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-align:left}.topbar-search-in-menu:hover,.topbar-search-in-menu:focus-visible{border-color:var(--primary);background:var(--primary-soft);outline:none}.topbar-search-in-menu span{flex:1 1 auto;color:var(--ink-mute)}.topbar-search-in-menu kbd{flex:0 0 auto;font-size:10px;padding:1px 5px;border:1px solid var(--border);border-radius:4px;background:var(--surface-3);font-family:inherit;opacity:.75}}