.page-fade-leave-active{z-index:20;transition:opacity .15s cubic-bezier(.4,0,1,1),transform .15s cubic-bezier(.4,0,1,1);pointer-events:none}.page-fade-leave-to{opacity:0;transform:translateY(-6px)}.page-fade-enter-active{z-index:10;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.page-fade-enter-from{opacity:0;transform:translateY(8px)}:root{--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.3, 0, 0, 1);--ease-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--ease-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-size-xs: clamp(.6875rem, .65rem + .1vw, .75rem);--font-size-sm: clamp(.75rem, .7rem + .15vw, .8125rem);--font-size-base: clamp(.8125rem, .75rem + .2vw, .875rem);--font-size-md: clamp(.875rem, .8rem + .25vw, .9375rem);--font-size-lg: clamp(.9375rem, .85rem + .3vw, 1rem);--font-size-xl: clamp(1rem, .9rem + .4vw, 1.125rem);--font-size-2xl: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--font-size-3xl: clamp(1.625rem, 1.4rem + .9vw, 2rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--letter-spacing-tight: 0;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--letter-spacing-wider: .05em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--duration-xs: .1s;--duration-sm: .15s;--duration-md: .2s;--duration-lg: .25s;--duration-xl: .3s;--duration-2xl: .4s;--duration-3xl: .5s;--transition-fast: var(--duration-sm) var(--ease-standard);--transition-normal: var(--duration-md) var(--ease-standard);--transition-slow: var(--duration-xl) var(--ease-emphasized);--transition-bounce: var(--duration-xl) var(--ease-spring);--scrollbar-hit-size: 10px;--scrollbar-thumb-idle-inset: 3px;--scrollbar-thumb-active-inset: 2px;--enter-duration: var(--duration-2xl);--enter-ease: var(--ease-emphasized-decelerate);--enter-delay-base: 60ms;font-family:var(--font-family);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root{--ink: initial;--ink-soft: initial;--ink-muted: initial;--ink-subtle: initial;--line: initial;--line-soft: initial;--line-strong: initial;--surface-shell: initial;--surface-sidebar: initial;--surface-main: initial;--surface-panel: initial;--surface-base: initial;--surface-elevated: initial;--surface-overlay: initial;--shadow-shell: initial;--shadow-soft: initial;--shadow-sm: initial;--dark-ink: #e8eaf0;--dark-ink-soft: #a0a8b8;--dark-ink-muted: #6b7280;--dark-ink-subtle: #4b5563;--dark-surface-base: #0f1115;--dark-surface-elevated: #1a1d23;--dark-surface-overlay: #14161a;--dark-line: rgba(255, 255, 255, .08);--dark-line-soft: rgba(255, 255, 255, .05);--dark-line-strong: rgba(255, 255, 255, .12);--radius-sm: initial;--radius-md: initial;--radius-lg: initial;--radius-xl: initial;--radius-2xl: initial;--radius-full: 9999px;--scrollbar-thumb-idle: initial;--scrollbar-thumb-hover: initial;--scrollbar-thumb-active: initial}:root{background:var(--of-page-gradient);color:var(--ink);-moz-osx-font-smoothing:grayscale}html[data-effective-color-scheme=dark]{--ink: #f0f2f6;--ink-soft: #b0b7c3;--ink-muted: #818998;--ink-subtle: #565d6c;--primary: #8ab4f8;--primary-light: #aecbfa;--primary-dark: #669df6;--primary-container: rgba(138, 180, 248, .15);--on-primary: #000000;--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .04);--line-strong: rgba(255, 255, 255, .12);--surface-shell: rgba(22, 25, 31, .85);--surface-sidebar: rgba(18, 20, 25, .65);--surface-main: rgba(22, 25, 31, .4);--surface-panel: rgba(26, 30, 38, .85);--surface-variant: rgba(30, 35, 43, .95);--surface-base: #101216;--surface-elevated: #1a1d24;--surface-overlay: rgba(26, 30, 38, .95);--surface-hover: rgba(255, 255, 255, .05);--surface-active: rgba(255, 255, 255, .08);--surface-dim: rgba(0, 0, 0, .25);--surface-card: rgba(255, 255, 255, .03);--focus-ring: rgba(138, 180, 248, .4);--selection-bg: rgba(138, 180, 248, .2);--state-layer-hover: rgba(255, 255, 255, .06);--state-layer-pressed: rgba(255, 255, 255, .1);--border-inner: rgba(255, 255, 255, .04);--highlight-top: linear-gradient(90deg, transparent, rgba(255, 255, 255, .06), transparent);--shadow-shell: 0 40px 80px -20px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-soft: 0 12px 32px -12px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 12px -4px rgba(0, 0, 0, .4);--scrollbar-thumb-idle: rgba(255, 255, 255, 0);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--scrollbar-thumb-active: rgba(255, 255, 255, .3)}html[data-theme][data-effective-color-scheme=dark] .player-shell,html[data-effective-color-scheme=dark] .player-shell{background:linear-gradient(180deg,var(--surface-shell),var(--surface-panel));backdrop-filter:blur(24px) saturate(120%)}html[data-theme][data-effective-color-scheme=dark] .panel-sidebar,html[data-effective-color-scheme=dark] .panel-sidebar{background:var(--surface-sidebar);backdrop-filter:blur(16px)}html[data-effective-color-scheme=dark] body{background:var(--of-page-gradient);color:var(--ink)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;min-height:100dvh;color:var(--ink)}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,label:focus-within{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}::selection{background-color:var(--selection-bg);color:var(--ink)}html{scroll-behavior:smooth}button,input,select{transition:all var(--transition-fast),transform var(--transition-bounce)}button:active:not(:disabled){transform:scale(.98)}::placeholder{color:var(--ink-subtle);opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{--page-shell-gap: clamp(12px, 2.4vmin, 32px);--player-shell-ratio: 1.6;--player-shell-max-width: 1240px;--player-shell-max-height: calc(var(--player-shell-max-width) / var(--player-shell-ratio));--launch-top-reserve: 52px;--launch-bottom-reserve: 28px;--launch-side-offset: clamp(44px, 6vw, 120px);--launch-side-gap: clamp(12px, 1.6vw, 22px);--player-shell-available-width: calc(100vw - (var(--page-shell-gap) * 2));--player-shell-available-height: calc( 100dvh - (var(--page-shell-gap) * 2) - var(--launch-top-reserve) - var(--launch-bottom-reserve) );--player-shell-width: min( var(--player-shell-max-width), var(--player-shell-available-width), calc(var(--player-shell-available-height) * var(--player-shell-ratio)) );--player-shell-height: min( var(--player-shell-max-height), var(--player-shell-available-height), calc(var(--player-shell-available-width) / var(--player-shell-ratio)) );--launch-side-lane: max( 0px, calc((var(--player-shell-available-width) - var(--player-shell-width)) / 2) );--launch-gutter-width: min(var(--launch-side-offset), var(--launch-side-lane));min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;position:relative;display:grid;place-items:center;padding:var(--page-shell-gap);overflow:hidden}.page-stage{width:calc(var(--player-shell-width) + (var(--launch-gutter-width) * 2));height:calc(var(--launch-top-reserve) + var(--player-shell-height) + var(--launch-bottom-reserve));display:grid;grid-template-columns:minmax(0,var(--launch-gutter-width)) minmax(0,var(--player-shell-width)) minmax(0,var(--launch-gutter-width));grid-template-rows:var(--launch-top-reserve) var(--player-shell-height) var( --launch-bottom-reserve );align-items:start;justify-items:stretch;overflow:visible}.site-entry-link{grid-column:1;grid-row:2;justify-self:end;align-self:start;margin-inline-end:var(--launch-side-gap);z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 1rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.7);background:#ffffffe0;box-shadow:0 14px 36px -24px #1a1f2e4d,inset 0 1px #ffffffad;color:var(--ink);font-size:.8125rem;font-weight:var(--font-weight-semibold);text-decoration:none;white-space:nowrap;backdrop-filter:blur(12px) saturate(145%);-webkit-backdrop-filter:blur(12px) saturate(145%);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);opacity:1}.site-entry-link:hover{color:var(--ink);border-color:#ffffffd6;background:#fffffff5;box-shadow:0 18px 40px -24px #1a1f2e57,inset 0 1px #ffffffc2;opacity:1}.site-entry-link:active{opacity:.84}.player-shell{grid-column:2;grid-row:2;width:var(--player-shell-width);height:var(--player-shell-height);max-width:100%;max-height:100%;aspect-ratio:16 / 10;display:grid;grid-template-columns:250px minmax(0,1fr);overflow:hidden;border-radius:var(--radius-2xl);background:linear-gradient(180deg,var(--surface-shell),var(--surface-panel));border:1px solid var(--line-soft);box-shadow:var(--shadow-shell),inset 0 1px 0 var(--border-inner);backdrop-filter:blur(20px)}.launch-legal-line{margin:0;grid-column:2;grid-row:3;align-self:center;justify-self:center;width:min(calc(var(--player-shell-width) - 96px),860px);color:var(--ink-muted);font-size:.75rem;line-height:1.45;text-align:center;opacity:.72;letter-spacing:0;pointer-events:none}.ad-slot-left{grid-column:1;grid-row:2;align-self:end;justify-self:end;margin-inline-end:var(--launch-side-gap);margin-block-end:18px;width:152px;display:none}@media(min-width:1440px){.ad-slot-left{display:flex}}.ad-slot-inner{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:#ffffffb8;border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 12px #0000000f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:100%}.ad-slot-slogan{margin:0;font-size:.68rem;font-weight:700;color:var(--ink-soft, rgba(0, 0, 0, .55));line-height:1.4;letter-spacing:-.01em}.ad-slot-sub{margin:0;font-size:.62rem;color:var(--ink-muted, rgba(0, 0, 0, .38));line-height:1.5}.launch-legal-line a{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast);pointer-events:auto}.launch-legal-line a:hover{color:var(--ink);border-color:currentColor}.panel{min-height:0}.panel-sidebar{display:flex;flex-direction:column;align-items:center;--sidebar-content-width: min(100%, 15rem);gap:.375rem;min-height:0;padding:.625rem .5rem .5rem 1rem;background:linear-gradient(180deg,var(--surface-sidebar),var(--surface-dim));border-right:1px solid var(--line-soft);overflow:hidden}.panel-player{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-5);padding:var(--space-6) var(--space-6) var(--space-5);background:linear-gradient(180deg,var(--surface-hover),var(--surface-panel));overflow:hidden}.eyebrow{margin:0 0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--ink-muted);animation:eyebrow-enter var(--duration-lg) var(--ease-emphasized-decelerate) both}.sidebar-nav-head .eyebrow{animation-delay:.3s}.content-header .eyebrow{animation-delay:.32s}.sidebar-top h1,.content-title{margin:0;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--ink)}.sidebar-top h1{font-size:var(--font-size-md);line-height:var(--line-height-tight);animation:title-enter var(--duration-xl) var(--ease-emphasized-decelerate) both;animation-delay:.34s}.sidebar-nav-head{display:flex;flex-direction:column;gap:.125rem;padding:.25rem .375rem .125rem;width:var(--sidebar-content-width);margin-inline:auto}.sidebar-nav-head h1{margin:0;font-size:clamp(var(--font-size-2xl),2.4vw,var(--font-size-3xl));line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--ink);animation:title-enter var(--duration-xl) var(--ease-emphasized-decelerate) both;animation-delay:.34s}.sidebar-copy,.content-copy,.playback-copy span,.main-empty-state span{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--ink-muted)}.sidebar-copy{margin-top:var(--space-2)}.sidebar-status-card{display:flex;flex-direction:column;gap:.5rem;padding:.625rem;border-radius:1rem;background:linear-gradient(180deg,var(--surface-card),var(--surface-dim));border:1px solid var(--line-soft);box-shadow:var(--shadow-sm)}.sidebar-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.sidebar-status-pill{flex-shrink:0;padding:.25rem .55rem;border-radius:var(--radius-full);background:var(--state-layer-hover);font-size:.625rem;font-weight:var(--font-weight-bold);letter-spacing:.03em;text-transform:none;color:var(--ink-soft)}.sidebar-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.sidebar-metric{display:flex;flex-direction:column;gap:.125rem;padding:.5rem .375rem;border-radius:.75rem;background:var(--surface-dim);border:1px solid var(--line-soft)}.sidebar-metric strong{font-size:1rem;font-weight:var(--font-weight-semibold);letter-spacing:-.03em;color:var(--ink)}.sidebar-metric span{font-size:.625rem;font-weight:var(--font-weight-bold);letter-spacing:0;text-transform:none;line-height:1.1;color:var(--ink-muted)}.sidebar-session-details{border-top:1px solid var(--line-soft);padding-top:.375rem;margin-top:.0625rem}.sidebar-session-details summary{display:flex;flex-direction:column;gap:.125rem;list-style:none;cursor:pointer;padding:.125rem;margin:-.125rem}.sidebar-session-details summary::-webkit-details-marker{display:none}.sidebar-session-details summary span{font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:0;text-transform:none;color:var(--ink-soft)}.sidebar-session-details summary small{font-size:.75rem;color:var(--ink-muted)}.sidebar-session-detail-grid{display:grid;gap:.375rem;margin-top:.5rem;padding-top:.375rem}.sidebar-session-detail-grid div{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-session-detail-grid span{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--ink-muted)}.sidebar-session-detail-grid strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);color:var(--ink)}.sidebar-group{display:flex;flex-direction:column;gap:.375rem;flex-shrink:0}.sidebar-group-label{margin:0;padding:0 .375rem;font-size:.6875rem;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--ink-muted)}.sidebar-selector-panel{padding:.5rem .375rem;position:relative}.sidebar-selector-panel:not(:last-child):after{content:"";position:absolute;bottom:0;left:.5rem;right:.5rem;height:1px;background:var(--line-soft)}.sidebar-selector-list{display:flex;flex-direction:column;gap:.3125rem;padding-inline:.125rem}.sidebar-selector-item{width:100%;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.4375rem .5625rem;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;text-align:left;position:relative;transition:all var(--transition-normal)}.sidebar-selector-item:hover{border-color:var(--line-soft);background:var(--surface-hover);transform:translate(2px)}.sidebar-selector-item.is-active{border-color:var(--line-soft);background:var(--surface-active);box-shadow:inset 2px 0 0 var(--primary);transform:translate(0)}.sidebar-selector-icon{width:16px;height:16px;color:var(--ink-muted);flex:0 0 auto;transition:transform var(--transition-bounce),color var(--transition-normal);animation:icon-spin-in var(--duration-lg) var(--ease-emphasized-decelerate) both}.sidebar-selector-panel:nth-child(1) .sidebar-selector-item:nth-child(1) .sidebar-selector-icon{animation-delay:.43s}.sidebar-selector-panel:nth-child(1) .sidebar-selector-item:nth-child(2) .sidebar-selector-icon{animation-delay:.47s}.sidebar-selector-panel:nth-child(1) .sidebar-selector-item:nth-child(3) .sidebar-selector-icon{animation-delay:.51s}.sidebar-selector-panel:nth-child(1) .sidebar-selector-item:nth-child(4) .sidebar-selector-icon{animation-delay:.55s}.sidebar-selector-panel:nth-child(2) .sidebar-selector-item:nth-child(1) .sidebar-selector-icon{animation-delay:.51s}.sidebar-selector-panel:nth-child(2) .sidebar-selector-item:nth-child(2) .sidebar-selector-icon{animation-delay:.55s}.sidebar-selector-panel:nth-child(2) .sidebar-selector-item:nth-child(3) .sidebar-selector-icon{animation-delay:.59s}.sidebar-selector-panel:nth-child(2) .sidebar-selector-item:nth-child(4) .sidebar-selector-icon{animation-delay:.63s}.sidebar-selector-panel:nth-child(3) .sidebar-selector-item:nth-child(1) .sidebar-selector-icon{animation-delay:.59s}.sidebar-selector-panel:nth-child(3) .sidebar-selector-item:nth-child(2) .sidebar-selector-icon{animation-delay:.63s}.sidebar-selector-panel:nth-child(3) .sidebar-selector-item:nth-child(3) .sidebar-selector-icon{animation-delay:.67s}.sidebar-selector-panel:nth-child(3) .sidebar-selector-item:nth-child(4) .sidebar-selector-icon{animation-delay:.71s}.sidebar-selector-item:hover .sidebar-selector-icon{transform:scale(1.1)}.sidebar-selector-item.is-active .sidebar-selector-icon{color:var(--ink);transform:scale(1.08)}.sidebar-selector-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:transform var(--transition-fast)}.sidebar-selector-item:hover .sidebar-selector-name{transform:translate(2px)}.sidebar-selector-count{font-size:.6875rem;font-weight:var(--font-weight-bold);color:var(--ink-soft);min-width:1.75rem;text-align:right;transition:transform var(--transition-bounce),color var(--transition-normal)}.sidebar-selector-item:hover .sidebar-selector-count{transform:scale(1.05);color:var(--ink-muted)}.sidebar-selector-item.is-active .sidebar-selector-count{color:var(--ink);transform:scale(1.1)}.sidebar-overview-group{padding-top:.125rem}.sidebar-overview-card{display:flex;flex-direction:column;gap:.375rem;padding:.625rem;border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:linear-gradient(180deg,var(--surface-card),var(--surface-dim));box-shadow:var(--shadow-sm)}.sidebar-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.sidebar-overview-copy{display:flex;flex-direction:column;gap:.125rem;min-width:0}.sidebar-overview-body{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--ink-soft);line-height:1.4}.sidebar-nav-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.sidebar-nav-item,.sidebar-settings{width:100%;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;padding:.5rem .625rem;text-align:left;transition:all var(--transition-fast);position:relative}.sidebar-nav-item{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:.5rem}.sidebar-nav-copy,.sidebar-settings-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-nav-icon,.sidebar-settings-icon{width:16px;height:16px;color:var(--ink-muted);stroke-width:2}.sidebar-nav-item span,.sidebar-settings-copy span{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);color:var(--ink)}.sidebar-nav-item small,.sidebar-settings-copy small{font-size:var(--font-size-sm);color:var(--ink-muted)}.sidebar-nav-item:hover,.sidebar-settings:hover{border-color:var(--line-soft);background:var(--surface-hover)}.sidebar-nav-item.is-active{border-color:transparent;background:transparent}.sidebar-nav-item.is-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 2px 2px 0;background:var(--primary)}.sidebar-nav-item.is-active .sidebar-nav-icon{color:var(--ink)}.sidebar-nav-item.is-active .sidebar-nav-copy span{color:var(--ink);font-weight:var(--font-weight-semibold)}.sidebar-session-group{padding-top:.375rem;border-top:1px solid var(--line-soft)}.sidebar-session-card{display:flex;flex-direction:column;gap:.125rem;padding:.4375rem .5625rem;border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--line-soft)}.sidebar-session-card strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--ink)}.sidebar-session-card span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--ink-soft)}.sidebar-session-card small{font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--ink-muted)}.sidebar-spacer{flex:1 0 .25rem;min-height:.25rem}.sidebar-settings{position:sticky;bottom:0;z-index:2;margin-top:auto;border:1px solid var(--line);border-radius:var(--radius-lg);display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:.375rem;min-height:44px;padding:.4375rem .5625rem;background:linear-gradient(180deg,var(--surface-card),var(--surface-panel));box-shadow:0 -4px 12px -4px var(--state-layer-hover);backdrop-filter:blur(12px);flex-shrink:0}.sidebar-settings-icon-wrap{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--surface-card);border:1px solid var(--line-soft);transition:transform var(--transition-bounce),background var(--transition-normal)}.sidebar-settings:hover .sidebar-settings-icon-wrap,.sidebar-action:hover .sidebar-settings-icon-wrap{transform:scale(1.08) rotate(-3deg);background:var(--surface-main)}.content-header{position:relative;z-index:4;isolation:isolate;display:flex;flex-direction:column;gap:var(--space-4)}.content-header-main{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--line-soft)}.content-title{font-size:clamp(var(--font-size-2xl),2.4vw,var(--font-size-3xl));line-height:var(--line-height-tight);animation:title-enter var(--duration-xl) var(--ease-emphasized-decelerate) both;animation-delay:.36s}.content-copy{margin-top:var(--space-3);font-size:var(--font-size-base);animation:fade-in var(--duration-lg) var(--ease-standard) both;animation-delay:.4s}.header-import{display:inline-flex;flex-direction:column;gap:var(--space-1);min-width:132px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--surface-card);box-shadow:var(--shadow-sm);transition:all var(--transition-bounce);cursor:pointer}.header-import:hover{border-color:var(--line-strong);background:var(--surface-main);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.header-import:active{transform:translateY(0)}.header-import span{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);color:var(--ink)}.header-import small{font-size:var(--font-size-sm);color:var(--ink-muted)}.tool-label{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--ink-muted)}.library-toolbar{position:relative;z-index:5;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:44px;padding:0 var(--space-1)}.library-toolbar-copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.library-toolbar-summary{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex-wrap:wrap}.library-toolbar-copy strong,.playback-copy strong{display:block;margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--ink)}.library-toolbar-summary span{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);color:var(--ink-muted)}.library-toolbar-actions{position:relative;z-index:6;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.library-toolbar-selectors{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.library-toolbar-menu{position:relative}.library-toolbar-select{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-full);background:linear-gradient(180deg,var(--surface-card),var(--surface-dim));box-shadow:var(--shadow-sm);transition:all var(--transition-bounce);position:relative;overflow:hidden}.library-toolbar-select-button{min-width:160px;cursor:pointer;justify-content:flex-start}.library-toolbar-select:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--border-inner),transparent);opacity:0;transition:opacity var(--transition-normal)}.library-toolbar-select:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.library-toolbar-select:hover:before{opacity:1}.library-toolbar-select:active{transform:translateY(0) scale(.98)}.library-toolbar-select:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 3px var(--focus-ring),var(--shadow-sm)}.library-toolbar-select span{flex:0 0 auto;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;position:relative;z-index:1;transition:color var(--transition-fast)}.library-toolbar-select:hover span{color:var(--ink-soft)}.library-toolbar-select-button strong{position:relative;z-index:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--ink)}.library-toolbar-select-button svg{position:relative;z-index:1;width:16px;height:16px;margin-left:auto;color:var(--ink-soft);transition:transform var(--transition-normal),color var(--transition-fast)}.library-toolbar-select-button.is-open{border-color:var(--line-strong);background:linear-gradient(180deg,#fffffffa,#fafcffeb);box-shadow:var(--shadow-soft)}.library-toolbar-select-button.is-open svg{transform:rotate(180deg);color:var(--ink)}.library-toolbar-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:32;display:grid;gap:.3125rem;min-width:100%;padding:.5rem;border:1px solid rgba(255,255,255,.46);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff9e,#f6f9fdb3),radial-gradient(circle at top left,rgba(188,214,241,.16),transparent 40%);box-shadow:0 18px 36px -24px #1a1f2e57;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}html[data-effective-color-scheme=dark] .library-toolbar-dropdown{background:linear-gradient(180deg,#222632cc,#1a1e2ae0),radial-gradient(circle at top left,rgba(80,120,200,.08),transparent 40%);border-color:#ffffff17;box-shadow:0 18px 36px -12px #00000080,0 0 0 1px #ffffff0a}html[data-effective-color-scheme=dark] .library-toolbar-option:hover{background:#ffffff12}html[data-effective-color-scheme=dark] .library-toolbar-option.is-active{background:var(--of-brand-soft);color:var(--of-brand)}.library-toolbar-option{width:100%;padding:.625rem .75rem;border:none;border-radius:var(--radius-md);background:transparent;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--ink);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.library-toolbar-option:hover{background:#ffffff8f;transform:translate(1px)}.library-toolbar-option.is-active{background:var(--of-brand-soft);color:var(--of-brand)}.library-search-popover input{width:100%;border:none;background:transparent;outline:none;color:var(--ink)}.library-search-toggle,.library-search-clear{display:grid;place-items:center;padding:0;border:1px solid var(--line);background:linear-gradient(180deg,#ffffffeb,#f8fafddb);box-shadow:var(--shadow-sm);color:var(--ink-soft);position:relative;overflow:hidden}.library-search-toggle:before,.library-search-clear:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(26,31,46,.06) 0%,transparent 70%);opacity:0;transform:scale(0);transition:transform var(--duration-xl) var(--ease-standard),opacity var(--duration-lg) var(--ease-standard)}.library-search-toggle{width:40px;height:40px;min-width:40px;border-radius:50%}.library-search-toggle:hover,.library-search-clear:hover{border-color:var(--line-strong);background:linear-gradient(180deg,#fffffffa,#fafcfff0);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.library-search-toggle:hover:before,.library-search-clear:hover:before{opacity:1;transform:scale(1.5)}.library-search-toggle:active,.library-search-clear:active{transform:translateY(0) scale(.95)}.library-search-toggle.is-active{border-color:var(--of-brand-border);background:var(--of-brand-soft);color:var(--of-brand);box-shadow:0 0 0 3px var(--of-brand-soft),var(--shadow-sm)}.library-search-icon,.library-search-toggle svg,.library-search-clear svg{width:16px;height:16px;flex:0 0 auto;stroke-width:2;position:relative;z-index:1;transition:transform var(--transition-bounce),color var(--transition-fast)}.library-search-toggle:hover svg,.library-search-clear:hover svg{transform:scale(1.08)}.library-search-toggle.is-active svg{transform:rotate(-8deg) scale(1.1)}.library-search-icon{color:var(--ink-muted)}.library-search-popover{position:absolute;top:50%;right:var(--space-1);z-index:28;display:flex;align-items:center;gap:var(--space-2);width:min(320px,calc(100% - 12px));min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--line);background:#fffffff5;box-shadow:var(--shadow-soft),0 0 0 1px #fffc;backdrop-filter:blur(16px);transform:translateY(-50%) scale(.95);opacity:0;animation:search-popover-enter var(--duration-xl) var(--ease-emphasized-decelerate) forwards}@keyframes search-popover-enter{0%{opacity:0;transform:translateY(-50%) scale(.95) translate(8px)}to{opacity:1;transform:translateY(-50%) scale(1) translate(0)}}.library-search-popover input{font-size:var(--font-size-base)}.library-search-popover input::placeholder{color:var(--ink-subtle)}.toolbar-menu-enter-active,.toolbar-menu-leave-active{transition:opacity var(--transition-fast),transform var(--transition-fast);transform-origin:top center}.toolbar-menu-enter-from,.toolbar-menu-leave-to{opacity:0;transform:translateY(-4px) scale(.98)}.library-search-clear{width:28px;height:28px;min-width:28px;border-radius:50%}.library-search-clear svg{width:14px;height:14px}.library-search-inline{display:flex;align-items:center;gap:var(--space-2);padding:0 10px;height:40px;border:1.5px solid var(--primary, #6d5acd);border-radius:var(--radius-full);background:#ffffffeb;box-shadow:0 0 0 3px #6d5acd1a;min-width:180px;transition:box-shadow var(--transition-fast)}.library-search-inline input{flex:1;min-width:0;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--ink);outline:none;line-height:1}.library-search-inline input::placeholder{color:var(--ink-muted)}html[data-effective-color-scheme=dark] .library-search-inline{background:#1a1e2ae6;border-color:var(--primary, #8ab4f8);box-shadow:0 0 0 3px #8ab4f81f}html[data-effective-color-scheme=dark] .library-search-toggle,html[data-effective-color-scheme=dark] .library-search-clear{background:linear-gradient(180deg,#222632d9,#1a1e2ae6);border-color:#ffffff1a}html[data-effective-color-scheme=dark] .library-search-toggle:hover,html[data-effective-color-scheme=dark] .library-search-clear:hover{background:linear-gradient(180deg,#2c3242e6,#222636f2);border-color:#ffffff2e}html[data-effective-color-scheme=dark] .library-search-toggle.is-active{background:linear-gradient(180deg,#2d52484d,#23413a59);border-color:#2d524880}.playback-artwork{position:relative;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;width:52px;padding:0;aspect-ratio:1;appearance:none;border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:radial-gradient(circle at top left,rgba(188,214,241,.65),transparent 55%),linear-gradient(145deg,#fdfefffa,#eef3f9eb);box-shadow:var(--shadow-sm);transition:transform var(--transition-bounce)}.playback-artwork:hover{transform:scale(1.08)}.playback-artwork:disabled{cursor:default}.playback-artwork:disabled:hover{transform:none}.playback-artwork:before{content:"";position:absolute;width:64%;aspect-ratio:1;border-radius:50%;border:1px solid var(--line);background:#fff6;animation:artwork-rotate 20s linear infinite;animation-play-state:paused}.playback-dock.is-playing .playback-artwork:before{animation-play-state:running}@keyframes artwork-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.playback-artwork span{position:relative;z-index:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);color:var(--ink-soft)}.track-region{position:relative;z-index:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-radius:var(--radius-xl);background:#ffffff80;border:1px solid var(--line-soft);overflow:hidden}.track-region-head,.song-row{display:grid;align-items:center;gap:var(--space-4)}.track-region-head{grid-template-columns:42px minmax(0,1fr) 92px 100px 32px 32px;padding:var(--space-3) var(--space-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--ink-muted);background:#f9fbfdd9;border-bottom:1px solid var(--line-soft)}.track-region-head-cell--duration{justify-self:stretch;padding-inline-end:var(--space-2);text-align:right}.track-region-head-cell--format{justify-self:start;padding-inline-start:var(--space-2)}.track-region-head-cell--favorite,.track-region-head-cell--more{justify-self:center}.main-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10) var(--space-8);text-align:center;min-height:200px}.main-empty-state p{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--ink);max-width:280px}.main-empty-state span{font-size:var(--font-size-sm);color:var(--ink-muted);max-width:320px;line-height:var(--line-height-relaxed)}.main-empty-state:before{content:"";width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#bcd6f14d,#ffd6c94d);margin-bottom:var(--space-2)}.song-list{min-height:0;margin:0;padding:0;overflow:auto;list-style:none;scroll-behavior:smooth;will-change:transform}.sidebar-nav-stack{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:0;width:var(--sidebar-content-width);margin-inline:auto;padding:.75rem .5rem;scrollbar-gutter:stable both-edges;border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:var(--surface-card);box-shadow:var(--shadow-sm)}.song-list,.sidebar-nav-stack,.track-inspector-scroll,.settings-modal-content{scrollbar-gutter:stable}@supports selector(::-webkit-scrollbar){.song-list,.sidebar-nav-stack,.track-inspector-scroll,.settings-modal-content{scrollbar-width:auto;scrollbar-color:auto}.song-list::-webkit-scrollbar,.sidebar-nav-stack::-webkit-scrollbar,.track-inspector-scroll::-webkit-scrollbar,.settings-modal-content::-webkit-scrollbar{width:var(--scrollbar-hit-size);height:var(--scrollbar-hit-size)}.song-list::-webkit-scrollbar-track,.sidebar-nav-stack::-webkit-scrollbar-track,.track-inspector-scroll::-webkit-scrollbar-track,.settings-modal-content::-webkit-scrollbar-track,.song-list::-webkit-scrollbar-track-piece,.sidebar-nav-stack::-webkit-scrollbar-track-piece,.track-inspector-scroll::-webkit-scrollbar-track-piece,.settings-modal-content::-webkit-scrollbar-track-piece{background:transparent;border-radius:var(--radius-full)}.song-list::-webkit-scrollbar-thumb,.sidebar-nav-stack::-webkit-scrollbar-thumb,.track-inspector-scroll::-webkit-scrollbar-thumb,.settings-modal-content::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background-clip:content-box;background-color:var(--scrollbar-thumb-idle);border:var(--scrollbar-thumb-idle-inset) solid transparent;transition:background-color var(--transition-fast),border-width var(--transition-fast)}.song-list:hover::-webkit-scrollbar-thumb,.song-list:focus-within::-webkit-scrollbar-thumb,.sidebar-nav-stack:hover::-webkit-scrollbar-thumb,.sidebar-nav-stack:focus-within::-webkit-scrollbar-thumb,.track-inspector-scroll:hover::-webkit-scrollbar-thumb,.track-inspector-scroll:focus-within::-webkit-scrollbar-thumb,.settings-modal-content:hover::-webkit-scrollbar-thumb,.settings-modal-content:focus-within::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-hover);border-width:var(--scrollbar-thumb-active-inset)}.song-list::-webkit-scrollbar-thumb:hover,.song-list::-webkit-scrollbar-thumb:active,.sidebar-nav-stack::-webkit-scrollbar-thumb:hover,.sidebar-nav-stack::-webkit-scrollbar-thumb:active,.track-inspector-scroll::-webkit-scrollbar-thumb:hover,.track-inspector-scroll::-webkit-scrollbar-thumb:active,.settings-modal-content::-webkit-scrollbar-thumb:hover,.settings-modal-content::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active);border-width:1px}.song-list::-webkit-scrollbar-button,.song-list::-webkit-scrollbar-button:start:decrement,.song-list::-webkit-scrollbar-button:end:increment,.song-list::-webkit-scrollbar-button:single-button,.sidebar-nav-stack::-webkit-scrollbar-button,.sidebar-nav-stack::-webkit-scrollbar-button:start:decrement,.sidebar-nav-stack::-webkit-scrollbar-button:end:increment,.sidebar-nav-stack::-webkit-scrollbar-button:single-button,.track-inspector-scroll::-webkit-scrollbar-button,.track-inspector-scroll::-webkit-scrollbar-button:start:decrement,.track-inspector-scroll::-webkit-scrollbar-button:end:increment,.track-inspector-scroll::-webkit-scrollbar-button:single-button,.settings-modal-content::-webkit-scrollbar-button,.settings-modal-content::-webkit-scrollbar-button:start:decrement,.settings-modal-content::-webkit-scrollbar-button:end:increment,.settings-modal-content::-webkit-scrollbar-button:single-button{display:block;width:0;height:0;background:transparent}.song-list::-webkit-scrollbar-corner,.sidebar-nav-stack::-webkit-scrollbar-corner,.track-inspector-scroll::-webkit-scrollbar-corner,.settings-modal-content::-webkit-scrollbar-corner{background:transparent}}@supports not selector(::-webkit-scrollbar){.song-list,.sidebar-nav-stack,.track-inspector-scroll,.settings-modal-content{scrollbar-width:thin;scrollbar-color:transparent transparent}.song-list:hover,.song-list:focus-within,.sidebar-nav-stack:hover,.sidebar-nav-stack:focus-within,.track-inspector-scroll:hover,.track-inspector-scroll:focus-within,.settings-modal-content:hover,.settings-modal-content:focus-within{scrollbar-color:var(--scrollbar-thumb-hover) transparent}}html:lang(zh) .eyebrow,html:lang(zh) .sidebar-status-pill,html:lang(zh) .sidebar-group-label,html:lang(zh) .sidebar-metric span,html:lang(zh) .sidebar-session-details summary span,html:lang(zh) .sidebar-session-detail-grid span{letter-spacing:var(--letter-spacing-normal);text-transform:none}html:lang(zh) .sidebar-metrics{gap:var(--space-2)}html:lang(zh) .sidebar-metric{padding-inline:var(--space-2)}html:lang(zh) .sidebar-metric span,html:lang(zh) .sidebar-status-pill{white-space:nowrap}html:lang(zh) .panel-sidebar{gap:.625rem}html:lang(zh) .sidebar-nav-item span,html:lang(zh) .sidebar-settings-copy span{font-size:var(--font-size-base)}html:lang(zh) .library-toolbar-select{gap:var(--space-1)}html:lang(zh) .library-toolbar-select span{letter-spacing:var(--letter-spacing-normal);text-transform:none}html:lang(zh) .library-toolbar-option{font-size:var(--font-size-base)}html:lang(zh) .sidebar-selector-copy span,html:lang(zh) .sidebar-overview-body{font-size:var(--font-size-sm)}.player-shell,.panel-sidebar,.song-row,.transport-button,.playback-artwork,.slider::-webkit-slider-thumb{will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.playback-artwork:before{animation:none}}.song-row-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 32px 32px;align-items:center;gap:var(--space-1);padding-right:var(--space-4);border-bottom:1px solid var(--line-soft);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.song-row-shell:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink);opacity:0;transition:width var(--transition-normal),opacity var(--transition-normal)}.song-row{width:100%;grid-template-columns:42px minmax(0,1fr) 92px 100px;padding:var(--space-3) 0 var(--space-3) var(--space-5);border:none;background:transparent;text-align:left;cursor:pointer;position:relative}.song-row-shell:hover{background:#f9fbfdfa}.song-row-shell:hover:before{width:2px;opacity:.15}.song-row-shell.is-active{background:var(--of-track-bg-active);box-shadow:inset 2px 0 0 var(--line-strong)}.song-row-shell.is-playing{background:var(--of-track-bg-active);box-shadow:inset 2px 0 0 var(--of-track-border-active)}.song-row-shell.is-playing:before{width:2px;opacity:1;background:var(--of-playing)}.song-row-index{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);color:var(--ink-subtle)}.song-row-index:before{content:attr(data-index)}.song-title,.playback-copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.song-title strong,.song-title span,.song-duration,.song-state,.playback-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-title strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);color:var(--ink)}.song-title span,.song-duration{font-size:var(--font-size-sm);color:var(--ink-muted)}.song-duration{justify-self:stretch;min-width:4ch;padding-inline-end:var(--space-2);text-align:right;font-variant-numeric:tabular-nums}.song-state{justify-self:start;margin-inline-start:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--of-playing-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--of-playing)}.song-state--empty{padding:0;background:transparent}.song-row-shell.is-playing .song-state{background:var(--of-playing-soft);color:var(--of-playing)}.song-row-shell.is-active .song-title strong,.song-row-shell.is-playing .song-title strong{color:var(--ink)}.song-row-shell.is-playing .song-duration{color:var(--of-playing)}.playback-dock-wrap{position:relative;z-index:12;overflow:visible}.playback-dock{position:relative;z-index:1;isolation:isolate;display:grid;grid-template-columns:minmax(0,.95fr) minmax(260px,1.4fr) minmax(120px,.58fr);align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--line-soft);background:linear-gradient(180deg,#f9fbfdb8,#f7f9fc9e);box-shadow:var(--shadow-sm);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);overflow:hidden}.playback-dock.has-track{border-color:var(--line);background:linear-gradient(180deg,#f8fafec7,#f5f8fcad);box-shadow:var(--shadow-soft)}.playback-dock:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,#ffffff3d,#f4f8fc33),radial-gradient(circle at top left,rgba(188,214,241,.18),transparent 42%)}.playback-dock>*{position:relative;z-index:1}.playback-summary{min-width:0;display:flex;align-items:flex-start;gap:var(--space-4)}.playback-copy strong{font-size:var(--font-size-lg)}.playback-meta{display:-webkit-box;font-size:var(--font-size-sm);line-height:1.4;color:var(--ink-muted);-webkit-box-orient:vertical;-webkit-line-clamp:2}.meta-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);background:var(--state-layer-hover);font-size:.6875rem;font-weight:var(--font-weight-bold);letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}.meta-tag--format{background:var(--state-layer-pressed);color:var(--ink)}.meta-sep{color:var(--ink-subtle)}.playback-copy span{font-size:var(--font-size-sm)}.playback-copy .playback-meta{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere}.playback-copy.is-empty strong{color:var(--ink-soft)}.playback-dock.has-track .playback-copy strong{color:var(--ink)}.playback-dock.has-track .playback-copy span{color:var(--ink-muted)}.playback-core{min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.transport-row{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.transport-button{border:1px solid var(--line);border-radius:var(--radius-full);width:52px;height:52px;min-width:52px;padding:0;display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:all var(--transition-bounce);cursor:pointer;position:relative;overflow:hidden}.transport-button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transform:scale(0);transition:transform var(--duration-xl) var(--ease-standard),opacity var(--duration-xl) var(--ease-standard)}.transport-button:active:not(:disabled):after{opacity:1;transform:scale(1)}.transport-button svg{width:18px;height:18px;stroke-width:2;position:relative;z-index:1;transition:transform var(--transition-bounce)}.transport-button:disabled{cursor:not-allowed;opacity:.4}.transport-button:not(:disabled):hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.transport-button:not(:disabled):active{transform:translateY(0) scale(.96)}.transport-button:not(:disabled):hover svg{transform:scale(1.05)}.transport-button-primary{width:68px;height:68px;min-width:68px;border-color:var(--ink);background:linear-gradient(180deg,var(--of-ink-soft),var(--ink));color:var(--of-btn-primary-text);box-shadow:0 4px 12px #1a1f2e33}.transport-button-primary:hover{box-shadow:0 6px 20px #1a1f2e40}.transport-button-play svg{width:22px;height:22px}.transport-button-secondary{background:#ffffffb3;color:var(--ink)}.playback-progress{position:relative;display:flex;flex-direction:column;gap:var(--space-3)}.timeline-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.timeline-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.timeline-head span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;letter-spacing:var(--letter-spacing-wide);color:var(--ink-muted)}.progress-inspector-toggle{display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;border:1px solid var(--line);border-radius:50%;background:#ffffffd6;box-shadow:var(--shadow-sm);color:var(--ink-soft);transition:transform var(--transition-bounce),border-color var(--transition-fast),background var(--transition-fast)}.progress-inspector-toggle:hover{border-color:var(--line-strong);background:#fffffff5;transform:translateY(-1px)}.progress-inspector-toggle.is-active{border-color:var(--line-strong);background:#f8fafdfa;color:var(--ink)}.progress-inspector-toggle svg{width:15px;height:15px;stroke-width:2}.slider{width:100%;appearance:none;height:18px;padding:0;border:none;background:transparent;cursor:pointer;transition:opacity var(--transition-fast),filter var(--transition-fast);position:relative}.slider:hover{filter:saturate(1.05)}.slider:disabled{cursor:not-allowed;opacity:.4}.slider::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--line-strong),var(--line));transition:box-shadow var(--transition-fast),background var(--transition-fast)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:linear-gradient(180deg,#fff,#f0f2f5);box-shadow:0 2px 8px #1a1f2e26,0 0 0 1px var(--line-strong);cursor:pointer;transition:all var(--transition-bounce)}.slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #1a1f2e33,0 0 0 1px var(--line-strong)}.slider::-webkit-slider-thumb:active{transform:scale(1.2);box-shadow:0 6px 16px #1a1f2e40,0 0 0 2px var(--ink)}.slider::-moz-range-track{height:6px;border:none;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--line-strong),var(--line));transition:box-shadow var(--transition-fast),background var(--transition-fast)}.slider:hover::-webkit-slider-runnable-track,.slider:hover::-moz-range-track{box-shadow:0 0 0 1px #435d811f}.slider::-moz-range-thumb{width:18px;height:18px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:linear-gradient(180deg,#fff,#f0f2f5);box-shadow:0 2px 8px #1a1f2e26,0 0 0 1px var(--line-strong);cursor:pointer;transition:all var(--transition-bounce)}.slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #1a1f2e33,0 0 0 1px var(--line-strong)}.slider::-moz-range-thumb:active{transform:scale(1.2);box-shadow:0 6px 16px #1a1f2e40,0 0 0 2px var(--ink)}.playback-volume{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);color:var(--ink-muted);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.playback-volume:focus-within,.playback-volume .slider:focus-visible{box-shadow:none}.playback-volume .slider{max-width:150px}@media(min-width:1920px){:root{--font-weight-normal: 700;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}}@media(max-width:920px){:root{--font-weight-normal: 600;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}.page-shell{--page-shell-gap: var(--space-5);--launch-top-reserve: 0px;--launch-bottom-reserve: 0px;height:auto;min-height:100vh;min-height:100dvh;place-items:start center;padding:var(--page-shell-gap);overflow:auto}.page-stage{width:min(760px,calc(100vw - 32px));height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:var(--space-3)}.player-shell{width:min(760px,calc(100vw - 32px));height:auto;aspect-ratio:auto;max-height:none;grid-template-columns:1fr}.site-entry-link,.launch-legal-line{position:static;width:auto;transform:none;pointer-events:auto}.site-entry-link{grid-column:1;grid-row:1;justify-self:start;align-self:auto;margin-inline-end:0;margin-bottom:var(--space-2)}.launch-legal-line{grid-column:1;grid-row:3;margin-top:var(--space-3);text-align:left;opacity:1}.panel-sidebar{border-right:none;border-bottom:1px solid var(--line-soft);padding-left:.625rem}.panel-player{padding-top:var(--space-5)}.library-toolbar{align-items:flex-start;flex-direction:column;padding-inline:0}.library-toolbar-actions{width:100%;justify-content:flex-start}.sidebar-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.playback-dock{grid-template-columns:1fr}.playback-volume{justify-content:flex-start}}@media(max-width:640px){:root{--font-weight-normal: 600;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}.player-shell{border-radius:var(--radius-xl)}.panel-sidebar,.panel-player{padding:var(--space-4)}.content-header-main{flex-direction:column;align-items:flex-start}.sidebar-status-card{padding:var(--space-4)}.sidebar-metrics{grid-template-columns:1fr}.header-import,.library-toolbar-actions{width:100%}.library-toolbar-select{flex:1 1 170px;justify-content:space-between}.library-search-popover{top:calc(100% + var(--space-2));right:0;left:0;width:auto;transform:none}.track-region{border-radius:var(--radius-lg)}.track-region-head{display:none}.song-row-shell{grid-template-columns:minmax(0,1fr) 28px 28px;gap:var(--space-2);padding-right:var(--space-3)}.song-row{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"index title state" ". duration state";align-items:start;row-gap:var(--space-2);padding:var(--space-3) 0 var(--space-3) var(--space-4)}.song-row-index{grid-area:index;padding-top:2px}.song-title{grid-area:title}.song-duration{grid-area:duration;text-align:left}.song-state{grid-area:state;justify-self:end}.transport-row{flex-wrap:wrap}.transport-button{flex:0 0 auto}.playback-volume{display:grid;justify-content:stretch}.playback-volume .slider{max-width:none}}.page-shell{animation:fade-in .24s var(--ease-standard) both}.player-shell{animation:scale-in-soft var(--duration-3xl) var(--ease-emphasized-decelerate) both;animation-delay:80ms}.panel-sidebar{animation:slide-in-left var(--duration-3xl) var(--ease-emphasized-decelerate) both;animation-delay:.16s}.panel-player{animation:slide-in-right var(--duration-3xl) var(--ease-emphasized-decelerate) both;animation-delay:.16s}.sidebar-nav-head{animation:slide-up-fade var(--duration-xl) var(--ease-emphasized-decelerate) both;animation-delay:.28s}.sidebar-nav-stack{animation:fade-in var(--duration-lg) var(--ease-standard) both;animation-delay:.32s}.sidebar-selector-panel{animation:fade-in var(--duration-lg) var(--ease-standard) both}.sidebar-group-label{animation:label-enter var(--duration-lg) var(--ease-emphasized-decelerate) both}.sidebar-selector-panel:nth-child(1) .sidebar-group-label{animation-delay:.4s}.sidebar-selector-panel:nth-child(2) .sidebar-group-label{animation-delay:.48s}.sidebar-selector-panel:nth-child(3) .sidebar-group-label{animation-delay:.56s}.sidebar-actions{animation:slide-up-fade var(--duration-xl) var(--ease-emphasized-decelerate) both;animation-delay:.62s}.sidebar-action{animation:item-enter var(--duration-lg) var(--ease-emphasized-decelerate) both;animation-delay:.68s}.sidebar-settings{animation:item-enter var(--duration-lg) var(--ease-emphasized-decelerate) both;animation-delay:.74s}.content-header{animation:slide-up-fade var(--duration-xl) var(--ease-emphasized-decelerate) both;animation-delay:.3s}.library-toolbar{animation:fade-in var(--duration-lg) var(--ease-standard) both;animation-delay:.38s}.track-region{animation:slide-up-fade-soft var(--duration-3xl) var(--ease-emphasized-decelerate) both;animation-delay:.46s}.sidebar-selector-item{animation:item-enter var(--duration-md) var(--ease-emphasized-decelerate) both}.sidebar-selector-panel:nth-child(1) .sidebar-selector-item:nth-child(1){animation-delay:.41s}.sidebar-selector-panel:nth-child(1) .sidebar-selector-item:nth-child(2){animation-delay:.45s}.sidebar-selector-panel:nth-child(1) .sidebar-selector-item:nth-child(3){animation-delay:.49s}.sidebar-selector-panel:nth-child(1) .sidebar-selector-item:nth-child(4){animation-delay:.53s}.sidebar-selector-panel:nth-child(2) .sidebar-selector-item:nth-child(1){animation-delay:.49s}.sidebar-selector-panel:nth-child(2) .sidebar-selector-item:nth-child(2){animation-delay:.53s}.sidebar-selector-panel:nth-child(2) .sidebar-selector-item:nth-child(3){animation-delay:.57s}.sidebar-selector-panel:nth-child(2) .sidebar-selector-item:nth-child(4){animation-delay:.61s}.sidebar-selector-panel:nth-child(3) .sidebar-selector-item:nth-child(1){animation-delay:.57s}.sidebar-selector-panel:nth-child(3) .sidebar-selector-item:nth-child(2){animation-delay:.61s}.sidebar-selector-panel:nth-child(3) .sidebar-selector-item:nth-child(3){animation-delay:.65s}.sidebar-selector-panel:nth-child(3) .sidebar-selector-item:nth-child(4){animation-delay:.69s}.list-move,.list-enter-active,.list-leave-active{transition:all var(--duration-xl) var(--ease-standard)}.list-enter-from{opacity:0;transform:translateY(12px) scale(.96)}.list-leave-to{opacity:0;transform:translate(-16px) scale(.98)}.list-leave-active{position:absolute}.playback-dock{animation:dock-enter var(--duration-3xl) var(--ease-emphasized-decelerate) both;animation-delay:.58s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in-soft{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-fade-soft{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes label-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes item-enter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes dock-enter{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes icon-spin-in{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes eyebrow-enter{0%{opacity:0;transform:translateY(-8px);letter-spacing:.2em}to{opacity:1;transform:translateY(0);letter-spacing:var(--letter-spacing-wider)}}@keyframes title-enter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}html[data-theme=paper]{--surface-shell: rgba(255, 252, 248, .95);--surface-sidebar: rgba(250, 246, 240, .9);--surface-main: rgba(255, 253, 250, .78);--surface-panel: rgba(252, 248, 243, .92);--line: rgba(80, 60, 38, .08);--line-soft: rgba(80, 60, 38, .05);--line-strong: rgba(80, 60, 38, .12)}body.has-modal-open{overflow:hidden}.playback-artwork img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.settings-modal-root{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--space-6)}.settings-modal-backdrop{position:absolute;inset:0;background:var(--of-dialog-overlay);backdrop-filter:blur(10px)}.settings-modal{position:relative;z-index:1;width:min(860px,calc(100vw - 48px));height:min(640px,calc(100dvh - 48px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:1.75rem;border:1px solid var(--line);background:linear-gradient(180deg,#fffffff5,#f8fafdf0);box-shadow:0 32px 72px -18px #1a1f2e3d}.settings-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);padding:1.25rem 1.5rem;border-bottom:1px solid var(--line-soft)}.settings-modal-header h2{margin:0;font-size:clamp(1.5rem,2vw,1.875rem);font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:-.02em}.settings-modal-header p:last-child{margin:.75rem 0 0;font-size:var(--font-size-base);color:var(--ink-muted)}.settings-modal-close{display:grid;place-items:center;width:40px;height:40px;min-width:40px;border-radius:50%;border:1px solid var(--line);background:#ffffffd1;color:var(--ink-soft)}.settings-modal-close svg{width:16px;height:16px}.settings-modal-body{min-height:0;display:grid;grid-template-columns:204px minmax(0,1fr)}.settings-modal-nav{display:flex;flex-direction:column;gap:var(--space-2);padding:1.25rem;background:#f8fafcb8;border-right:1px solid var(--line-soft)}.settings-nav-item{display:flex;flex-direction:column;gap:.1875rem;padding:.75rem;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;text-align:left;transition:all var(--transition-normal)}.settings-nav-item:hover{border-color:var(--line-soft);background:#ffffffb3}.settings-nav-item.is-active{border-color:var(--line);background:#ffffffeb;box-shadow:var(--shadow-sm)}.settings-nav-item span{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.4;letter-spacing:-.005em;color:var(--ink)}.settings-nav-item small{display:block;margin-top:.125rem;font-size:.8125rem;font-weight:var(--font-weight-normal);color:var(--ink-muted);line-height:1.45}.settings-modal-content{min-height:0;overflow-x:hidden;overflow-y:auto;padding:1rem 1.25rem 1.25rem;scrollbar-gutter:stable}.settings-category-head{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.settings-category-head strong{display:block;font-size:1.125rem;font-weight:var(--font-weight-bold);line-height:1.25;letter-spacing:-.015em;color:var(--ink)}.settings-category-head span{display:block;margin-top:.25rem;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--ink-soft);line-height:1.5}.settings-panel-list{display:grid;gap:.625rem;align-content:start}.settings-panel-card{position:relative;z-index:0;display:grid;gap:.625rem;padding:.875rem;border-radius:var(--radius-xl);border:1px solid var(--line-soft);background:#ffffffc7}.settings-panel-card.has-open-menu{z-index:100}.settings-panel-copy{display:flex;flex-direction:column;gap:.375rem}.settings-panel-label{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.4;letter-spacing:-.01em;color:var(--ink)}.settings-panel-copy p{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--ink-soft);line-height:1.6}.settings-choice-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.settings-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;min-height:8.5rem;padding:.875rem;border-radius:var(--radius-lg);border:1px solid var(--line-soft);background:#f8fafcc7;text-align:left;transition:all var(--transition-normal)}.settings-choice:hover{border-color:var(--line);background:#fffffff5}.settings-choice.is-active{border-color:var(--primary);background:linear-gradient(180deg,var(--primary-container),var(--surface-active))}.settings-choice-icon,.settings-choice-check,.settings-select svg{width:16px;height:16px}.settings-choice-icon{color:var(--ink-muted)}.settings-choice strong{display:block;font-size:1rem;font-weight:var(--font-weight-semibold);line-height:1.35;letter-spacing:-.008em;color:var(--ink)}.settings-choice span{display:block;margin-top:.125rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--ink-muted)}.settings-choice-check{position:absolute;top:var(--space-3);right:var(--space-3);color:var(--ink)}.settings-toggle{justify-self:start;display:inline-flex;align-items:center;gap:var(--space-3);min-width:120px;padding:.375rem .4375rem .375rem var(--space-4);border-radius:var(--radius-full);border:1px solid var(--line);background:#f8fafcd1;color:var(--ink-soft);font-weight:var(--font-weight-semibold)}.settings-toggle.is-active{border-color:var(--of-brand-border);background:var(--of-brand-soft);color:var(--of-brand)}.settings-toggle-thumb{position:relative;width:34px;height:20px;border-radius:var(--radius-full);background:var(--state-layer-pressed);transition:background var(--transition-normal)}.settings-toggle-thumb:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--on-primary);box-shadow:0 1px 4px var(--shadow-sm);transition:transform var(--transition-bounce)}.settings-toggle.is-active .settings-toggle-thumb{background:var(--of-brand-soft)}.settings-toggle.is-active .settings-toggle-thumb:after{transform:translate(14px)}.settings-select-menu{position:relative;z-index:1;width:min(100%,240px)}.settings-select{display:inline-flex;align-items:center;gap:var(--space-3);min-height:46px;width:100%;max-width:240px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--line);background:#ffffffdb}.settings-select-trigger{justify-content:flex-start;cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-bounce),background var(--transition-fast)}.settings-select-trigger:hover{border-color:var(--line-strong);background:#fffffff5;transform:translateY(-1px)}.settings-select-trigger.is-open{border-color:var(--line-strong);background:#fffffff5;box-shadow:var(--shadow-md)}.settings-select svg{color:var(--ink-muted);flex:0 0 auto}.settings-select strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--ink)}.settings-select-trigger>:last-child{margin-left:auto;transition:transform var(--transition-fast),color var(--transition-fast)}.settings-select-trigger.is-open>:last-child{transform:rotate(180deg);color:var(--ink)}.settings-select-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:24;display:grid;gap:.3125rem;width:100%;min-width:220px;padding:.5rem;border:1px solid rgba(118,128,154,.14);border-radius:var(--radius-lg);background:var(--of-surface)!important;box-shadow:0 0 0 .5px #76809a14 inset,0 16px 32px -18px #1a1f2e38,0 4px 12px -6px #1a1f2e1f;backdrop-filter:none!important}.settings-select-option{width:100%;padding:.625rem .75rem;border:none;border-radius:var(--radius-md);background:transparent;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--ink);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.settings-select-option:hover{background:#1a1f2e0f;transform:translate(1px)}.settings-select-option.is-active{background:var(--of-brand-soft);color:var(--of-brand)}.settings-modal-enter-active{transition:opacity var(--duration-md) var(--ease-standard)}.settings-modal-leave-active{transition:opacity var(--duration-sm) var(--ease-standard)}.settings-modal-enter-active .settings-modal{transition:transform var(--duration-xl) var(--ease-emphasized-decelerate),opacity var(--duration-md) var(--ease-standard)}.settings-modal-leave-active .settings-modal{transition:transform var(--duration-md) var(--ease-emphasized-accelerate),opacity var(--duration-sm) var(--ease-standard)}.settings-modal-enter-from,.settings-modal-leave-to{opacity:0}.settings-modal-enter-from .settings-modal{opacity:0;transform:translateY(16px) scale(.96)}.settings-modal-leave-to .settings-modal{opacity:0;transform:translateY(8px) scale(.98)}.settings-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--line);background:var(--surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--ink);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.01em}.settings-action-btn:hover:not(:disabled){background:var(--state-layer-hover);border-color:var(--line-strong, var(--ink-muted))}.settings-action-btn:disabled{opacity:.4;cursor:not-allowed}.settings-action-btn svg{width:15px;height:15px;flex-shrink:0}.settings-action-btn--danger{border-color:var(--of-danger-border);color:var(--of-danger);background:var(--of-danger-soft)}.settings-action-btn--danger:hover:not(:disabled){background:var(--of-danger-soft);border-color:var(--of-danger-border)}.settings-action-btn--ghost{background:transparent;border-color:var(--line);color:var(--ink-soft)}.settings-action-btn--ghost:hover:not(:disabled){background:var(--state-layer-hover)}.settings-action-btn--danger-confirm{border-color:transparent;background:var(--of-danger);color:var(--of-danger-text-on-fill)}.settings-action-btn--danger-confirm:hover:not(:disabled){background:var(--of-danger-hover)}.settings-action-btn--danger-confirm:disabled{background:var(--of-danger-soft);color:#ffffff80;border-color:transparent}.settings-panel-label-icon{display:inline-block;width:15px;height:15px;vertical-align:text-bottom;margin-inline-end:.3em;flex-shrink:0}.settings-panel-label-icon--warn{color:var(--of-warning)}.settings-panel-card--danger{border-color:var(--of-danger-border)}.settings-panel-card--danger.is-expanded{border-color:var(--of-danger-border);background:var(--of-danger-soft)}.settings-danger-zone{display:flex;flex-direction:column;gap:var(--space-3)}.settings-danger-warning{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--of-danger)}.settings-danger-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--ink-soft);letter-spacing:.03em;text-transform:uppercase}.settings-danger-input{width:100%;padding:.5rem .875rem;border-radius:var(--radius-lg);border:1.5px solid var(--of-danger-border);background:#ffffffe6;font-size:var(--font-size-sm);color:var(--ink);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-danger-input:focus{border-color:var(--of-danger);box-shadow:0 0 0 3px var(--of-danger-soft)}.settings-danger-actions{display:flex;gap:var(--space-2)}.settings-danger-actions .settings-action-btn{flex:1}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html[data-motion=reduced] .playback-artwork:before{animation:none!important}@media(max-width:920px){.settings-modal{width:min(760px,calc(100vw - 32px));height:min(620px,calc(100dvh - 32px))}}@media(max-width:640px){.sidebar-selector-panel,.sidebar-overview-card{padding-inline:.5rem}.settings-modal-root{padding:var(--space-4)}.settings-modal{width:calc(100vw - 24px);height:calc(100dvh - 24px);border-radius:var(--radius-xl)}.settings-modal-header,.settings-modal-content,.settings-modal-nav{padding:var(--space-4)}.settings-modal-body{grid-template-columns:1fr}.settings-modal-nav{border-right:none;border-bottom:1px solid var(--line-soft)}.settings-choice-grid{grid-template-columns:1fr}}.player-shell{grid-template-columns:272px minmax(0,1fr)}.panel-sidebar{gap:var(--space-3);padding:.75rem .625rem .625rem 1rem}.sidebar-nav-head{padding:.375rem .5rem .125rem}.sidebar-actions{display:flex;flex-direction:column;gap:var(--space-2);width:var(--sidebar-content-width);margin-inline:auto;padding-top:var(--space-3);border-top:1px solid var(--line-soft)}.sidebar-action,.sidebar-settings{width:100%;border:1px solid var(--line);border-radius:var(--radius-lg);display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:.375rem;min-height:40px;padding:.5rem .625rem;background:linear-gradient(180deg,#fafcfefa,#f8fafdfc);box-shadow:var(--shadow-sm)}.sidebar-action{cursor:pointer}.sidebar-action:hover,.sidebar-settings:hover{border-color:var(--line-strong);background:#ffffffeb}.sidebar-settings{position:static;bottom:auto;z-index:auto;margin-top:0;background:linear-gradient(180deg,#ffffffd1,#f8fafdbd);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.sidebar-settings-icon-wrap{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-sm);background:#ffffffbf;border:1px solid var(--line-soft)}.sidebar-settings-icon{width:14px;height:14px;color:var(--ink-muted);stroke-width:2}.sidebar-settings-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--ink)}.panel-player{grid-template-rows:minmax(0,1fr) auto;gap:var(--space-5)}.player-main{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);transition:grid-template-columns var(--transition-slow)}.player-main.has-inspector{grid-template-columns:minmax(0,1fr) 320px}.player-content{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-4)}.content-header-main-compact{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-2);padding-bottom:var(--space-4)}.content-header-main-compact .eyebrow{margin-bottom:0;animation-delay:.32s}.track-inspector{position:relative;min-height:0;display:flex;flex-direction:column;padding:0;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.5);background:linear-gradient(180deg,#fffffff2,#f3f7fcfa),radial-gradient(circle at top left,rgba(188,214,241,.18),transparent 42%);box-shadow:0 24px 56px -28px #1a1f2e47,inset 0 1px #ffffff61;overflow:hidden}.track-inspector:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.15) 42%,transparent 100%)}.track-inspector>*{position:relative;z-index:1}.track-inspector-scroll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);overflow:auto;overscroll-behavior:contain}.track-inspector-popover{width:min(248px,calc(100vw - 32px));max-height:min(72vh,480px);background:linear-gradient(180deg,#fcfdff80,#f4f8fe94),radial-gradient(circle at top right,rgba(200,220,245,.22),transparent 50%);box-shadow:0 20px 48px -16px #1a1f2e47,inset 0 1px #fff9;border-color:#ffffff85;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}.track-inspector-popover:before{display:none}html[data-effective-color-scheme=dark] .track-inspector{background:linear-gradient(180deg,#1e222eeb,#161a26f5),radial-gradient(circle at top left,rgba(80,120,200,.06),transparent 42%);border-color:#ffffff12;box-shadow:0 24px 56px -20px #0000008c,inset 0 1px #ffffff0f}html[data-effective-color-scheme=dark] .track-inspector:before{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent)}html[data-effective-color-scheme=dark] .track-inspector-popover{background:linear-gradient(180deg,#1c202e94,#121624ad),radial-gradient(circle at top right,rgba(80,120,200,.1),transparent 50%);border-color:#ffffff1a;box-shadow:0 20px 48px -14px #0000008c,0 0 0 1px #ffffff0d,inset 0 1px #ffffff12}.track-inspector-head{display:flex;flex-direction:column;gap:var(--space-2)}.track-inspector-head h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--ink)}.track-inspector-body,.track-inspector-empty{display:flex;flex-direction:column;gap:var(--space-4)}.track-inspector-artwork{display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--line-soft);background:radial-gradient(circle at top left,rgba(188,214,241,.65),transparent 55%),linear-gradient(145deg,#fdfefffa,#f2f5f9f5);color:var(--ink);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-bold);letter-spacing:-.04em}.track-inspector-artwork img{width:100%;height:100%;object-fit:cover}.track-inspector-popover .track-inspector-scroll{padding:.875rem;gap:var(--space-2)}.track-inspector-popover .track-inspector-head h3{font-size:var(--font-size-sm)}.track-inspector-popover .track-inspector-artwork{width:40%;max-width:92px;margin-inline:auto}.track-inspector-popover .track-inspector-copy strong{font-size:.9375rem;line-height:1.35}.track-inspector-popover .track-inspector-copy span,.track-inspector-popover .track-inspector-copy small{font-size:.75rem;line-height:1.4}.track-inspector-popover .track-inspector-copy strong,.track-inspector-popover .track-inspector-copy span,.track-inspector-popover .track-inspector-copy small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.track-inspector-popover .track-inspector-copy strong,.track-inspector-popover .track-inspector-copy span{-webkit-line-clamp:2}.track-inspector-popover .track-inspector-copy small{-webkit-line-clamp:1}.track-inspector-popover .track-inspector-meta{gap:.625rem}.track-inspector-popover .track-inspector-meta-item{gap:.25rem;padding-bottom:.625rem}.track-inspector-popover .track-inspector-meta-item dt{font-size:.625rem}.track-inspector-popover .track-inspector-meta-item dd{font-size:.8125rem;line-height:1.35}.track-inspector-popover--compact{width:min(264px,calc(100vw - 32px))}.track-inspector-popover--compact .track-inspector-scroll{padding:.75rem;gap:.625rem}.track-inspector-popover--compact .track-inspector-artwork{width:36%;max-width:84px}.track-inspector-popover--compact .track-inspector-copy{gap:.1875rem}.track-inspector-popover--compact .track-inspector-copy strong{font-size:.875rem}.track-inspector-popover--compact .track-inspector-copy span,.track-inspector-popover--compact .track-inspector-copy small{font-size:.6875rem}.track-inspector-popover--compact .track-inspector-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.track-inspector-popover--compact .track-inspector-meta-item{min-width:0;padding:.5rem .625rem;border:1px solid var(--line-soft);border-radius:calc(var(--radius-lg) - 2px);background:#fff6}.track-inspector-popover--compact .track-inspector-meta-item:last-child{padding:.5rem .625rem;border-bottom:1px solid var(--line-soft)}.track-inspector-popover--compact .track-inspector-meta-item dd{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}html[data-effective-color-scheme=dark] .track-inspector-popover--compact .track-inspector-meta-item{background:#ffffff0a;border-color:#ffffff14}.track-inspector-copy{display:flex;flex-direction:column;gap:var(--space-1)}.track-inspector-copy strong{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--ink)}.track-inspector-copy span,.track-inspector-copy small,.track-inspector-empty span{font-size:var(--font-size-base);color:var(--ink-muted)}.track-inspector-empty p{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--ink)}.track-inspector-meta{display:grid;gap:var(--space-3);margin:0}.track-inspector-meta-item{display:grid;gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--line-soft)}.track-inspector-meta-item:last-child{padding-bottom:0;border-bottom:none}.track-inspector-meta-item dt{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--ink-muted)}.track-inspector-meta-item dd{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--ink);word-break:break-word}.inspector-popover-enter-active,.inspector-popover-leave-active{transition:opacity var(--transition-normal),transform var(--transition-normal);transform-origin:bottom right;will-change:transform,opacity}.inspector-popover-enter-from,.inspector-popover-leave-to{opacity:0;transform:translateY(10px) scale(.97)}@media(max-width:1180px){.player-main{grid-template-columns:1fr}}@media(max-width:920px){.player-shell{width:min(820px,calc(100vw - 32px));grid-template-columns:1fr}.player-main{grid-template-columns:1fr}.track-inspector{max-height:none}.track-inspector-popover{width:min(240px,calc(100vw - 32px));max-height:min(52vh,400px)}}@media(max-width:640px){.sidebar-nav-stack{overflow:visible}.content-header-main-compact{padding-bottom:var(--space-3)}.track-inspector-scroll{padding:var(--space-4)}.track-inspector-popover{width:min(228px,calc(100vw - 24px))}}@media(min-width:921px)and (max-height:900px){.page-shell{--page-shell-gap: clamp(10px, 1.8vh, 20px);--launch-top-reserve: 46px;--launch-bottom-reserve: 28px;--launch-side-offset: clamp(40px, 5vw, 92px);--launch-side-gap: clamp(10px, 1.4vw, 18px)}.panel-sidebar{gap:var(--space-2);padding:.625rem .5rem .5rem .875rem}.panel-player{gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4)}.player-main,.player-content,.content-header{gap:var(--space-3)}.content-header-main,.content-header-main-compact{padding-bottom:var(--space-3)}.sidebar-actions{padding-top:var(--space-2)}.track-region-head{padding-block:var(--space-2);padding-inline:var(--space-4)}.song-row{padding-block:var(--space-2);padding-inline-start:var(--space-4)}.song-row-shell{padding-right:var(--space-3)}.playback-dock{grid-template-columns:minmax(0,.92fr) minmax(240px,1.32fr) minmax(112px,.55fr);gap:var(--space-4);padding:var(--space-3) var(--space-4)}.transport-row{gap:var(--space-3)}.transport-button{width:48px;height:48px;min-width:48px}.transport-button-primary{width:60px;height:60px;min-width:60px}.site-entry-link{min-height:34px;padding-inline:.875rem;font-size:.75rem}.launch-legal-line{width:min(calc(var(--player-shell-width) - 112px),760px);font-size:.6875rem;opacity:.68}}@media(min-width:921px)and (max-height:760px){.page-shell{--page-shell-gap: 10px;--launch-top-reserve: 42px;--launch-bottom-reserve: 24px;--launch-side-offset: clamp(32px, 4vw, 72px);--launch-side-gap: clamp(8px, 1.2vw, 14px)}.player-shell{grid-template-columns:256px minmax(0,1fr);border-radius:1.5rem}.panel-player{gap:var(--space-3);padding:var(--space-4)}.playback-dock{grid-template-columns:minmax(0,.88fr) minmax(220px,1.24fr) minmax(104px,.5fr)}.playback-artwork{width:48px}.playback-copy strong{font-size:var(--font-size-md)}.playback-meta{gap:var(--space-1);font-size:var(--font-size-xs)}.library-toolbar-select-button{min-width:148px}.site-entry-link{min-height:32px;padding-inline:.75rem;font-size:.6875rem}.launch-legal-line{width:min(calc(var(--player-shell-width) - 128px),700px);font-size:.625rem;line-height:1.35;opacity:.64}}html[data-effective-color-scheme=dark] .library-toolbar-select{background:linear-gradient(180deg,#222632d9,#1a1e2ae6);border-color:#ffffff1a;color:var(--ink)}html[data-effective-color-scheme=dark] .library-toolbar-select:hover{background:linear-gradient(180deg,#2c3242e6,#222636f2);border-color:#ffffff2e}html[data-effective-color-scheme=dark] .library-toolbar-select-button.is-open{background:linear-gradient(180deg,#282c3cf2,#1e2232fa);border-color:var(--of-brand-border);box-shadow:0 0 0 3px var(--of-brand-soft)}html[data-effective-color-scheme=dark] .settings-panel-card{background:#1a1e2abf;border-color:#ffffff12}html[data-effective-color-scheme=dark] .settings-panel-card--danger{border-color:var(--of-danger-border)}html[data-effective-color-scheme=dark] .settings-panel-card--danger.is-expanded{background:var(--of-danger-soft);border-color:var(--of-danger-border)}html[data-effective-color-scheme=dark] .settings-choice{background:#1a1e2a99;border-color:#ffffff12}html[data-effective-color-scheme=dark] .settings-choice:hover{background:#222636cc;border-color:#ffffff1f}html[data-effective-color-scheme=dark] .settings-choice.is-active{background:var(--of-brand-soft);border-color:var(--of-brand-border)}html[data-effective-color-scheme=dark] .settings-select{background:#1a1e2abf;border-color:#ffffff1a}html[data-effective-color-scheme=dark] .settings-toggle{background:#1a1e2abf;border-color:#ffffff1a;color:var(--ink-muted)}html[data-effective-color-scheme=dark] .settings-toggle.is-active{background:var(--of-brand-soft);border-color:var(--of-brand-border);color:var(--of-brand)}html[data-effective-color-scheme=dark] .settings-toggle.is-active .settings-toggle-thumb{background:var(--of-brand-soft)}html[data-effective-color-scheme=dark] .settings-action-btn{background:#1a1e2ab3;border-color:#ffffff1a;color:var(--ink)}html[data-effective-color-scheme=dark] .settings-action-btn:hover:not(:disabled){background:#222636d9;border-color:#ffffff2e}html[data-effective-color-scheme=dark] .settings-action-btn--danger{background:var(--of-danger-soft);border-color:var(--of-danger-border);color:var(--of-danger)}html[data-effective-color-scheme=dark] .settings-action-btn--danger:hover:not(:disabled){background:var(--of-danger-soft);border-color:var(--of-danger-border)}html[data-effective-color-scheme=dark] .settings-danger-input{background:var(--of-surface-sunken);border-color:var(--of-danger-border);color:var(--ink)}html[data-effective-color-scheme=dark] .ad-slot-inner{background:#1a1e2ab3;border-color:#ffffff12}html[data-effective-color-scheme=dark] .site-entry-link{background:#1a1e2abf;border-color:#ffffff1a}html[data-effective-color-scheme=dark] .site-entry-link:hover{background:#222636e6;border-color:#ffffff2e}html[data-effective-color-scheme=dark] .playback-artwork{background:radial-gradient(circle at top left,rgba(50,80,130,.4),transparent 55%),linear-gradient(145deg,#1c202cf2,#161a26e6);border-color:#ffffff14}html[data-effective-color-scheme=dark] .dialog-modal,html[data-effective-color-scheme=dark] .dialog-root .dialog-box{background:#161a24f7;border-color:#ffffff14}html[data-effective-color-scheme=dark] .dialog-input{background:#10121ad9;border-color:#ffffff1a;color:var(--ink)}html[data-effective-color-scheme=dark] .dialog-hint{background:#1a1e2ab3;border-color:#ffffff12}html[data-effective-color-scheme=dark] .settings-modal{background:#12141cf7;border-color:#ffffff12}html[data-effective-color-scheme=dark] .settings-modal-nav{background:#0e1018b3;border-color:#ffffff0f}html[data-effective-color-scheme=dark] .settings-nav-item.is-active{background:var(--of-brand-soft)}html[data-effective-color-scheme=dark] .playback-dock{background:linear-gradient(180deg,#181c28d1,#121622c7);border-color:#ffffff12;box-shadow:0 -1px #ffffff0a,var(--shadow-sm)}html[data-effective-color-scheme=dark] .playback-dock.has-track{background:linear-gradient(180deg,#1a1e2ce0,#141826d9);border-color:#ffffff17;box-shadow:var(--shadow-soft)}html[data-effective-color-scheme=dark] .playback-dock:before{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),radial-gradient(circle at top left,rgba(80,120,200,.06),transparent 42%)}html[data-effective-color-scheme=dark] .transport-button{border-color:#ffffff1a;background:#1e2230b3;color:var(--ink)}html[data-effective-color-scheme=dark] .transport-button:not(:disabled):hover{border-color:#ffffff2e;background:#282e40e6;box-shadow:var(--shadow-soft)}html[data-effective-color-scheme=dark] .transport-button-secondary{background:#1e2230b3;color:var(--ink-soft)}html[data-effective-color-scheme=dark] .transport-button-primary{background:linear-gradient(180deg,#3c4664e6,#283250f2);border-color:#ffffff26;color:var(--of-btn-primary-text);box-shadow:0 4px 12px #00000059}html[data-effective-color-scheme=dark] .transport-button-primary:not(:disabled):hover{box-shadow:0 6px 20px #00000073}html[data-effective-color-scheme=dark] .progress-inspector-toggle{background:#1c202ed9;border-color:#ffffff1a;color:var(--ink-muted)}html[data-effective-color-scheme=dark] .progress-inspector-toggle:hover{background:#262c3cf2;border-color:#ffffff29}html[data-effective-color-scheme=dark] .progress-inspector-toggle.is-active{background:var(--of-brand-soft);border-color:var(--of-brand-border);color:var(--of-brand)}html[data-effective-color-scheme=dark] .slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#8ab4f880,#ffffff14)}html[data-effective-color-scheme=dark] .slider::-moz-range-track{background:linear-gradient(90deg,#8ab4f880,#ffffff14)}html[data-effective-color-scheme=dark] .slider::-webkit-slider-thumb{border-color:#ffffff26;background:linear-gradient(180deg,#3a4060,#2a3050);box-shadow:0 2px 8px #00000080,0 0 0 1px #ffffff1a}html[data-effective-color-scheme=dark] .slider::-moz-range-thumb{border-color:#ffffff26;background:linear-gradient(180deg,#3a4060,#2a3050);box-shadow:0 2px 8px #00000080,0 0 0 1px #ffffff1a}html[data-effective-color-scheme=dark] .song-row-shell:hover{background:#ffffff0a}html[data-effective-color-scheme=dark] .song-row-shell.is-active{background:#ffffff0f;box-shadow:inset 2px 0 #ffffff2e}html[data-effective-color-scheme=dark] .song-row-shell.is-playing{background:linear-gradient(90deg,#2d524838,#23413a29);box-shadow:inset 2px 0 #50b48c80}html[data-effective-color-scheme=dark] .song-row-shell.is-playing:before{background:#50b48ce6}html[data-effective-color-scheme=dark] .sidebar-action,html[data-effective-color-scheme=dark] .sidebar-settings{background:linear-gradient(180deg,#1c202cd9,#161a26cc);border-color:#ffffff12}html[data-effective-color-scheme=dark] .sidebar-action:hover,html[data-effective-color-scheme=dark] .sidebar-settings:hover{background:#262c3ceb;border-color:#ffffff21}html[data-effective-color-scheme=dark] .sidebar-settings-icon-wrap{background:#ffffff0f;border-color:#ffffff0f}html[data-effective-color-scheme=dark] .sidebar-settings:hover .sidebar-settings-icon-wrap,html[data-effective-color-scheme=dark] .sidebar-action:hover .sidebar-settings-icon-wrap{background:#ffffff1a}html[data-effective-color-scheme=dark] .settings-modal-close{background:#1c202cd9;border-color:#ffffff14}html[data-effective-color-scheme=dark] .settings-modal-close:hover{background:#282e3ef2;border-color:#ffffff24}html[data-effective-color-scheme=dark] .settings-nav-item:hover{border-color:#ffffff0f;background:#ffffff0a}html[data-effective-color-scheme=dark] .settings-nav-item.is-active{border-color:#ffffff1a;background:var(--of-brand-soft);box-shadow:var(--shadow-sm)}html[data-theme][data-effective-color-scheme=dark]{--ink: #f0f2f6;--ink-soft: #b0b7c3;--ink-muted: #818998;--ink-subtle: #565d6c;--primary: #8ab4f8;--primary-light: #aecbfa;--primary-dark: #669df6;--primary-container: rgba(138, 180, 248, .15);--on-primary: #000000;--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .04);--line-strong: rgba(255, 255, 255, .12);--surface-shell: rgba(22, 25, 31, .85);--surface-sidebar: rgba(18, 20, 25, .65);--surface-main: rgba(22, 25, 31, .4);--surface-panel: rgba(26, 30, 38, .85);--surface-variant: rgba(30, 35, 43, .95);--surface-base: #101216;--surface-elevated: #1a1d24;--surface-overlay: rgba(26, 30, 38, .95);--surface-hover: rgba(255, 255, 255, .05);--surface-active: rgba(255, 255, 255, .08);--surface-dim: rgba(0, 0, 0, .25);--surface-card: rgba(255, 255, 255, .03);--focus-ring: rgba(138, 180, 248, .4);--selection-bg: rgba(138, 180, 248, .2);--state-layer-hover: rgba(255, 255, 255, .06);--state-layer-pressed: rgba(255, 255, 255, .1);--border-inner: rgba(255, 255, 255, .04);--highlight-top: linear-gradient(90deg, transparent, rgba(255, 255, 255, .06), transparent);--shadow-shell: 0 40px 80px -20px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-soft: 0 12px 32px -12px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 12px -4px rgba(0, 0, 0, .4);--scrollbar-thumb-idle: rgba(255, 255, 255, 0);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--scrollbar-thumb-active: rgba(255, 255, 255, .3)}html[data-effective-color-scheme=dark] .track-region{background:#ffffff08;border-color:#ffffff0d}html[data-effective-color-scheme=dark] .track-region-head{background:#ffffff0a;border-bottom-color:#ffffff0d}html[data-effective-color-scheme=dark] .settings-modal{background:linear-gradient(180deg,#12141cfa,#0e1018f5);border-color:#ffffff12}html[data-effective-color-scheme=dark] .song-row-shell{border-bottom-color:#ffffff0a}html[data-theme=material][data-effective-color-scheme=dark]{background:#0f0b14}html[data-theme=material][data-effective-color-scheme=dark] .page-shell{background:radial-gradient(circle at top left,rgba(103,80,164,.12),transparent 40%),radial-gradient(circle at bottom right,rgba(103,80,164,.08),transparent 40%),#0f0b14}html[data-theme=material][data-effective-color-scheme=dark] .player-shell{background:linear-gradient(180deg,#161220eb,#100c18e0);border:1px solid rgba(103,80,164,.2);box-shadow:0 8px 32px -8px #0009,0 0 0 1px #6750a41f}html[data-theme=material][data-effective-color-scheme=dark] .panel-sidebar{background:#120e1cb3;border-right-color:#6750a426}html[data-effective-color-scheme=dark] .menu-dropdown{background:#161a26f7;border-color:#ffffff14;box-shadow:0 18px 40px -16px #0009,0 0 0 1px #ffffff0a}html[data-effective-color-scheme=dark] .menu-dropdown-item:hover:not(:disabled){background:#ffffff0f}html[data-effective-color-scheme=dark] .dialog-modal{background:linear-gradient(180deg,#181a24fa,#12141ef7);border-color:#ffffff14;box-shadow:0 24px 56px -14px #0009}html[data-effective-color-scheme=dark] .dialog-close{background:#1c202cd9;border-color:#ffffff14}html[data-effective-color-scheme=dark] .dialog-close:hover{background:#282e3ef2;border-color:#ffffff24}html[data-effective-color-scheme=dark] .dialog-button-cancel{background:#1c202cd9;border-color:#ffffff1a;color:var(--ink)}html[data-effective-color-scheme=dark] .dialog-button-cancel:hover{background:#282e3ef2;border-color:#ffffff2e}html[data-effective-color-scheme=dark] .playlist-dialog-option{background:#1c202cb3;border-color:#ffffff12}html[data-effective-color-scheme=dark] .playlist-dialog-option:hover:not(:disabled){background:#262c3ce6;border-color:#ffffff21}html[data-effective-color-scheme=dark] .playlist-dialog-option.is-active{border-color:var(--of-brand-border);background:var(--of-brand-soft)}:root{--of-brand: #0ea5e9;--of-brand-hover: #0284c7;--of-brand-active: #0369a1;--of-brand-soft: rgba(14, 165, 233, .12);--of-brand-border: rgba(14, 165, 233, .28);--of-accent: #14b8a6;--of-accent-hover: #0d9488;--of-accent-active: #0f766e;--of-accent-soft: rgba(20, 184, 166, .12);--of-accent-border: rgba(20, 184, 166, .28);--of-warm: #ff7a3d;--of-warm-hover: #f97316;--of-warm-active: #ea580c;--of-warm-soft: rgba(255, 122, 61, .14);--of-warm-border: rgba(255, 122, 61, .3);--of-bg: #f7fafc;--of-bg-soft: #f1f5f9;--of-surface: #ffffff;--of-surface-raised: #ffffff;--of-surface-sunken: #eef4f8;--of-surface-glass: rgba(255, 255, 255, .7);--of-border: #dde7ee;--of-divider: rgba(15, 23, 42, .08);--of-border-subtle: rgba(0, 0, 0, .05);--of-ink: #111827;--of-ink-soft: #334155;--of-ink-muted: #64748b;--of-ink-subtle: #94a3b8;--of-ink-disabled: #cbd5e1;--of-danger: #ff3b30;--of-danger-hover: #dc2626;--of-danger-active: #b91c1c;--of-danger-soft: rgba(255, 59, 48, .12);--of-danger-border: rgba(255, 59, 48, .34);--of-danger-text-on-fill: #ffffff;--of-warning: #f59e0b;--of-warning-hover: #d97706;--of-warning-active: #b45309;--of-warning-soft: rgba(245, 158, 11, .14);--of-warning-border: rgba(245, 158, 11, .32);--of-success: #10b981;--of-success-hover: #059669;--of-success-active: #047857;--of-success-soft: rgba(16, 185, 129, .12);--of-success-border: rgba(16, 185, 129, .3);--of-info: #2563eb;--of-info-hover: #1d4ed8;--of-info-active: #1e40af;--of-info-soft: rgba(37, 99, 235, .12);--of-info-border: rgba(37, 99, 235, .3);--of-playing: var(--of-brand);--of-playing-soft: var(--of-brand-soft);--of-playing-border: var(--of-brand-border);--of-like: #ff4d8d;--of-like-hover: #f43f7f;--of-like-active: #db2777;--of-like-soft: rgba(255, 77, 141, .14);--of-like-border: rgba(255, 77, 141, .3);--of-pro: #d6a548;--of-pro-hover: #c9942e;--of-pro-active: #a8741e;--of-pro-soft: rgba(214, 165, 72, .16);--of-pro-border: rgba(214, 165, 72, .35);--of-local: var(--of-warm);--of-local-soft: var(--of-warm-soft);--of-local-border: var(--of-warm-border);--of-platform-web: var(--of-warm);--of-platform-desktop: var(--of-brand);--of-platform-mobile: var(--of-accent);--of-platform-community: #8b5cf6;--of-tier-free: var(--of-ink-soft);--of-tier-plus: var(--of-brand);--of-tier-pro: var(--of-pro);--of-tier-lifetime: var(--of-warm);--of-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--of-shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--of-shadow-lg: 0 18px 48px rgba(15, 23, 42, .12);--of-glow-brand: 0 0 24px rgba(14, 165, 233, .24);--of-glow-like: 0 0 24px rgba(255, 77, 141, .22);--of-glow-danger: 0 0 24px rgba(255, 59, 48, .22);--of-page-gradient: radial-gradient(circle at 18% 12%, rgba(14, 165, 233, .12), transparent 32%), radial-gradient(circle at 82% 88%, rgba(255, 122, 61, .1), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);--of-player-gradient: radial-gradient(circle at 20% 20%, rgba(14, 165, 233, .18), transparent 36%), radial-gradient(circle at 80% 80%, rgba(255, 77, 141, .14), transparent 38%), linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(247, 250, 252, .78))}[data-theme=mist]{--of-bg: #f7fafc;--of-bg-soft: #f1f5f9;--of-surface: #ffffff;--of-surface-raised: #ffffff;--of-surface-sunken: #eef4f8;--of-border: #dde7ee;--of-divider: rgba(15, 23, 42, .08);--of-ink: #1a1f2e;--of-ink-soft: #3d4556;--of-ink-muted: #6b7280;--of-ink-subtle: #9ca3af;--of-ink-disabled: #cbd5e1;--of-brand: #3d4556;--of-brand-hover: #2d3546;--of-brand-active: #1a1f2e;--of-brand-soft: rgba(61, 69, 86, .12);--of-brand-border: rgba(61, 69, 86, .28);--of-surface-shell: rgba(255, 255, 255, .95);--of-surface-sidebar: rgba(248, 250, 252, .9);--of-surface-main: rgba(255, 255, 255, .75);--of-surface-panel: rgba(250, 251, 253, .92);--of-surface-variant: rgba(248, 250, 252, .95);--of-surface-hover: rgba(255, 255, 255, .72);--of-surface-active: rgba(248, 250, 253, .96);--of-surface-dim: rgba(250, 251, 253, .88);--of-surface-card: rgba(255, 255, 255, .85);--of-focus-ring: rgba(26, 31, 46, .12);--of-selection-bg: rgba(26, 31, 46, .12);--of-state-layer-hover: rgba(26, 31, 46, .06);--of-state-layer-pressed: rgba(26, 31, 46, .12);--of-shadow-sm: 0 2px 8px -2px rgba(26, 31, 46, .06);--of-shadow-md: 0 8px 24px -8px rgba(26, 31, 46, .08);--of-shadow-lg: 0 32px 64px -12px rgba(26, 31, 46, .12);--of-radius-sm: .5rem;--of-radius-md: .75rem;--of-radius-lg: 1rem;--of-radius-xl: 1.5rem;--of-radius-2xl: 2rem;--of-scrollbar-idle: rgba(26, 31, 46, 0);--of-scrollbar-hover: rgba(26, 31, 46, .26);--of-scrollbar-active: rgba(26, 31, 46, .38)}[data-theme=paper]{--of-bg: #fafaf8;--of-bg-soft: #f5f5f3;--of-surface: #ffffff;--of-surface-raised: #ffffff;--of-surface-sunken: #f0f0ee;--of-border: #e5e5e3;--of-divider: rgba(0, 0, 0, .06);--of-ink: #1a1a1a;--of-ink-soft: #2c2c2c;--of-ink-muted: #8c8c8c;--of-ink-subtle: #bfbfbf;--of-ink-disabled: #d4d4d4;--of-brand: #2c2c2c;--of-brand-hover: #1a1a1a;--of-brand-active: #000000;--of-brand-soft: rgba(44, 44, 44, .08);--of-brand-border: rgba(44, 44, 44, .2);--of-surface-shell: #fafaf8;--of-surface-sidebar: #f5f5f3;--of-surface-main: #ffffff;--of-surface-panel: #fafaf8;--of-surface-variant: #f0f0ee;--of-surface-hover: rgba(0, 0, 0, .03);--of-surface-active: rgba(0, 0, 0, .05);--of-surface-dim: rgba(0, 0, 0, .02);--of-surface-card: #ffffff;--of-focus-ring: rgba(0, 0, 0, .12);--of-selection-bg: rgba(0, 0, 0, .08);--of-state-layer-hover: rgba(0, 0, 0, .04);--of-state-layer-pressed: rgba(0, 0, 0, .08);--of-shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .04);--of-shadow-md: 0 8px 24px -8px rgba(0, 0, 0, .06);--of-shadow-lg: 0 20px 60px -15px rgba(0, 0, 0, .08);--of-radius-sm: .375rem;--of-radius-md: .5rem;--of-radius-lg: .75rem;--of-radius-xl: 1rem;--of-radius-2xl: 1.5rem;--of-scrollbar-idle: rgba(0, 0, 0, 0);--of-scrollbar-hover: rgba(0, 0, 0, .2);--of-scrollbar-active: rgba(0, 0, 0, .35)}[data-theme=material]{--of-bg: #fffbfe;--of-bg-soft: #f7f2fa;--of-surface: #ffffff;--of-surface-raised: #ffffff;--of-surface-sunken: #f6f1fa;--of-border: #e7e0ec;--of-divider: rgba(28, 27, 31, .12);--of-ink: #1c1b1f;--of-ink-soft: #49454f;--of-ink-muted: #79747e;--of-ink-subtle: #a8a29e;--of-ink-disabled: #cac4d0;--of-brand: #6750a4;--of-brand-hover: #5a4594;--of-brand-active: #381e72;--of-brand-soft: rgba(103, 80, 164, .14);--of-brand-border: rgba(103, 80, 164, .32);--of-playing: var(--of-brand);--of-playing-soft: var(--of-brand-soft);--of-playing-border: var(--of-brand-border);--of-surface-shell: #fffbfe;--of-surface-sidebar: #f7f2fa;--of-surface-main: #ffffff;--of-surface-panel: #fffbfe;--of-surface-variant: #e7e0ec;--of-surface-hover: rgba(103, 80, 164, .08);--of-surface-active: rgba(103, 80, 164, .12);--of-surface-dim: rgba(250, 247, 254, .88);--of-surface-card: rgba(255, 251, 254, .95);--of-focus-ring: rgba(103, 80, 164, .12);--of-selection-bg: rgba(103, 80, 164, .2);--of-state-layer-hover: rgba(103, 80, 164, .08);--of-state-layer-pressed: rgba(103, 80, 164, .12);--of-shadow-sm: 0 2px 4px -1px rgba(103, 80, 164, .2), 0 4px 5px 0 rgba(103, 80, 164, .14), 0 1px 10px 0 rgba(103, 80, 164, .12);--of-shadow-md: 0 3px 5px -1px rgba(103, 80, 164, .2), 0 6px 10px 0 rgba(103, 80, 164, .14), 0 1px 18px 0 rgba(103, 80, 164, .12);--of-shadow-lg: 0 8px 10px -5px rgba(103, 80, 164, .2), 0 16px 24px 2px rgba(103, 80, 164, .14), 0 6px 30px 5px rgba(103, 80, 164, .12);--of-elevation-1: 0 1px 2px rgba(103, 80, 164, .3), 0 1px 3px 1px rgba(103, 80, 164, .15);--of-elevation-2: 0 1px 2px rgba(103, 80, 164, .3), 0 2px 6px 2px rgba(103, 80, 164, .15);--of-elevation-3: 0 4px 8px 3px rgba(103, 80, 164, .15), 0 1px 3px rgba(103, 80, 164, .3);--of-elevation-4: 0 6px 10px 4px rgba(103, 80, 164, .15), 0 2px 3px rgba(103, 80, 164, .3);--of-elevation-5: 0 8px 12px 6px rgba(103, 80, 164, .15), 0 4px 4px rgba(103, 80, 164, .3);--of-radius-sm: .25rem;--of-radius-md: .5rem;--of-radius-lg: .75rem;--of-radius-xl: 1.5rem;--of-radius-2xl: 2rem;--of-scrollbar-idle: rgba(103, 80, 164, 0);--of-scrollbar-hover: rgba(103, 80, 164, .26);--of-scrollbar-active: rgba(103, 80, 164, .38)}html[data-effective-color-scheme=dark]{--of-bg: #080c12;--of-bg-soft: #0d131c;--of-surface: #111827;--of-surface-raised: #172033;--of-surface-sunken: #0b111a;--of-border: rgba(148, 163, 184, .18);--of-divider: rgba(148, 163, 184, .12);--of-ink: #f8fafc;--of-ink-soft: #cbd5e1;--of-ink-muted: #94a3b8;--of-ink-subtle: #64748b;--of-ink-disabled: #475569;--of-brand: #38bdf8;--of-brand-hover: #7dd3fc;--of-brand-active: #0ea5e9;--of-brand-soft: rgba(56, 189, 248, .16);--of-brand-border: rgba(56, 189, 248, .34);--of-accent: #2dd4bf;--of-accent-hover: #5eead4;--of-accent-soft: rgba(45, 212, 191, .16);--of-accent-border: rgba(45, 212, 191, .34);--of-warm: #fb923c;--of-warm-hover: #fdba74;--of-warm-soft: rgba(251, 146, 60, .16);--of-warm-border: rgba(251, 146, 60, .34);--of-danger: #ff6b5e;--of-danger-hover: #ff8a80;--of-danger-soft: rgba(255, 107, 94, .16);--of-danger-border: rgba(255, 107, 94, .36);--of-warning: #fbbf24;--of-warning-hover: #fcd34d;--of-warning-soft: rgba(251, 191, 36, .16);--of-warning-border: rgba(251, 191, 36, .36);--of-success: #34d399;--of-success-hover: #6ee7b7;--of-success-soft: rgba(52, 211, 153, .16);--of-success-border: rgba(52, 211, 153, .36);--of-info: #60a5fa;--of-info-hover: #93c5fd;--of-info-soft: rgba(96, 165, 250, .16);--of-info-border: rgba(96, 165, 250, .36);--of-like: #ff6fa3;--of-like-hover: #ff8db8;--of-like-soft: rgba(255, 111, 163, .16);--of-like-border: rgba(255, 111, 163, .36);--of-pro: #e2b866;--of-pro-hover: #f0cb84;--of-pro-soft: rgba(226, 184, 102, .18);--of-pro-border: rgba(226, 184, 102, .38);--of-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--of-shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--of-shadow-lg: 0 18px 48px rgba(0, 0, 0, .5);--of-glow-brand: 0 0 24px rgba(56, 189, 248, .3);--of-glow-like: 0 0 24px rgba(255, 111, 163, .3);--of-glow-danger: 0 0 24px rgba(255, 107, 94, .3);--of-page-gradient: radial-gradient(circle at 18% 12%, rgba(56, 189, 248, .14), transparent 34%), radial-gradient(circle at 82% 88%, rgba(20, 184, 166, .1), transparent 36%), linear-gradient(180deg, #080c12 0%, #0d131c 100%);--of-player-gradient: radial-gradient(circle at 20% 20%, rgba(56, 189, 248, .2), transparent 36%), radial-gradient(circle at 80% 80%, rgba(255, 111, 163, .14), transparent 38%), linear-gradient(145deg, rgba(17, 24, 39, .88), rgba(13, 19, 28, .78));--of-surface-shell: rgba(22, 25, 31, .85);--of-surface-sidebar: rgba(18, 20, 25, .65);--of-surface-main: rgba(22, 25, 31, .4);--of-surface-panel: rgba(26, 30, 38, .85);--of-surface-variant: rgba(30, 35, 43, .95);--of-surface-hover: rgba(255, 255, 255, .05);--of-surface-active: rgba(255, 255, 255, .08);--of-surface-dim: rgba(0, 0, 0, .25);--of-surface-card: rgba(255, 255, 255, .03);--of-surface-glass: rgba(13, 18, 27, .8);--of-border-subtle: rgba(255, 255, 255, .08);--of-focus-ring: rgba(56, 189, 248, .4);--of-selection-bg: rgba(56, 189, 248, .2);--of-state-layer-hover: rgba(255, 255, 255, .06);--of-state-layer-pressed: rgba(255, 255, 255, .1);--of-scrollbar-idle: rgba(255, 255, 255, 0);--of-scrollbar-hover: rgba(255, 255, 255, .2);--of-scrollbar-active: rgba(255, 255, 255, .35)}[data-page-context=tools]{--of-brand: var(--of-info);--of-brand-hover: var(--of-info-active);--of-brand-active: var(--of-info-active);--of-brand-soft: var(--of-info-soft);--of-brand-border: var(--of-info-border)}html[data-theme=material][data-effective-color-scheme=dark]{--of-brand: #d0bcff;--of-brand-hover: #eaddff;--of-brand-active: #6750a4;--of-brand-soft: rgba(208, 188, 255, .16);--of-brand-border: rgba(208, 188, 255, .34);--of-playing: var(--of-brand);--of-playing-soft: var(--of-brand-soft);--of-playing-border: var(--of-brand-border);--of-surface-shell: rgba(22, 18, 32, .92);--of-surface-sidebar: rgba(18, 14, 28, .7);--of-surface-main: rgba(22, 18, 32, .4);--of-surface-panel: rgba(28, 24, 38, .88);--of-shadow-sm: 0 2px 4px -1px rgba(0, 0, 0, .3), 0 4px 5px 0 rgba(0, 0, 0, .2);--of-shadow-md: 0 3px 5px -1px rgba(0, 0, 0, .3), 0 6px 10px 0 rgba(0, 0, 0, .2);--of-shadow-lg: 0 8px 10px -5px rgba(0, 0, 0, .3), 0 16px 24px 2px rgba(0, 0, 0, .2)}:root{--of-btn-primary-bg: var(--of-brand);--of-btn-primary-bg-hover: var(--of-brand-hover);--of-btn-primary-bg-active: var(--of-brand-active);--of-btn-primary-text: #ffffff;--of-btn-secondary-bg: var(--of-surface);--of-btn-secondary-bg-hover: var(--of-bg-soft);--of-btn-secondary-text: var(--of-ink-soft);--of-btn-secondary-text-hover: var(--of-ink);--of-btn-secondary-border: var(--of-border);--of-btn-danger-bg: var(--of-danger);--of-btn-danger-bg-hover: var(--of-danger-hover);--of-btn-danger-bg-active: var(--of-danger-active);--of-btn-danger-text: var(--of-danger-text-on-fill);--of-btn-danger-soft-bg: var(--of-danger-soft);--of-btn-danger-soft-text: var(--of-danger);--of-btn-danger-soft-border: var(--of-danger-border);--of-player-current-text: var(--of-playing);--of-player-current-bg: var(--of-playing-soft);--of-player-current-border: var(--of-playing-border);--of-player-progress: var(--of-playing);--of-player-progress-bg: var(--of-border);--of-player-control-text: var(--of-ink-muted);--of-player-control-text-hover: var(--of-playing);--of-player-control-bg-hover: var(--of-playing-soft);--of-like-button-text: var(--of-ink-muted);--of-like-button-text-active: var(--of-like);--of-like-button-bg-active: var(--of-like-soft);--of-like-button-border-active: var(--of-like-border);--of-badge-pro-text: var(--of-pro);--of-badge-pro-bg: var(--of-pro-soft);--of-badge-pro-border: var(--of-pro-border);--of-card-bg: var(--of-surface);--of-card-bg-hover: var(--of-surface-raised);--of-card-border: var(--of-border);--of-card-shadow: var(--of-shadow-sm);--of-card-shadow-hover: var(--of-shadow-md);--of-dialog-bg: var(--of-surface);--of-dialog-header-bg: var(--of-ink);--of-dialog-header-text: #ffffff;--of-dialog-border: var(--of-border);--of-dialog-shadow: var(--of-shadow-lg);--of-dialog-overlay: rgba(0, 0, 0, .5);--of-input-bg: var(--of-surface-sunken);--of-input-bg-focus: var(--of-surface);--of-input-border: var(--of-border);--of-input-border-focus: var(--of-brand);--of-input-text: var(--of-ink);--of-input-placeholder: var(--of-ink-subtle);--of-md-note: var(--of-info);--of-md-note-bg: var(--of-info-soft);--of-md-note-border: var(--of-info-border);--of-md-tip: var(--of-success);--of-md-tip-bg: var(--of-success-soft);--of-md-tip-border: var(--of-success-border);--of-md-warning: var(--of-warning);--of-md-warning-bg: var(--of-warning-soft);--of-md-warning-border: var(--of-warning-border);--of-md-caution: var(--of-danger);--of-md-caution-bg: var(--of-danger-soft);--of-md-caution-border: var(--of-danger-border);--of-md-important: var(--of-brand);--of-md-important-bg: var(--of-brand-soft);--of-md-important-border: var(--of-brand-border);--of-sidebar-bg: var(--of-surface);--of-sidebar-border: var(--of-border);--of-sidebar-item-text: var(--of-ink-soft);--of-sidebar-item-text-active: var(--of-ink);--of-sidebar-item-bg-active: var(--of-brand-soft);--of-track-bg: transparent;--of-track-bg-hover: var(--of-bg-soft);--of-track-bg-active: var(--of-playing-soft);--of-track-border-active: var(--of-playing-border);--of-track-text: var(--of-ink);--of-track-text-secondary: var(--of-ink-muted);--of-tag-web: var(--of-platform-web);--of-tag-desktop: var(--of-platform-desktop);--of-tag-mobile: var(--of-platform-mobile);--of-tag-community: var(--of-platform-community);--of-pricing-free: var(--of-tier-free);--of-pricing-plus: var(--of-tier-plus);--of-pricing-pro: var(--of-tier-pro);--of-pricing-lifetime: var(--of-tier-lifetime);--of-scrollbar-idle: rgba(0, 0, 0, 0);--of-scrollbar-hover: rgba(0, 0, 0, .2);--of-scrollbar-active: rgba(0, 0, 0, .35);--of-tool-notice-error-bg: var(--of-danger-soft);--of-tool-notice-error-text: var(--of-danger);--of-tool-notice-error-border: var(--of-danger-border);--of-tool-notice-warning-bg: var(--of-warning-soft);--of-tool-notice-warning-text: var(--of-warning);--of-tool-notice-warning-border: var(--of-warning-border);--of-tool-notice-info-bg: var(--of-info-soft);--of-tool-notice-info-text: var(--of-info);--of-tool-notice-info-border: var(--of-info-border);--of-tool-notice-success-bg: var(--of-success-soft);--of-tool-notice-success-text: var(--of-success-active);--of-tool-notice-success-border: var(--of-success-border);--of-tool-callout-bg-from: var(--of-info-soft);--of-tool-callout-bg-to: var(--of-surface);--of-tool-callout-accent: var(--of-info);--of-tool-callout-accent-hover: var(--of-info-active)}html[data-effective-color-scheme=dark]{--of-scrollbar-idle: rgba(255, 255, 255, 0);--of-scrollbar-hover: rgba(255, 255, 255, .2);--of-scrollbar-active: rgba(255, 255, 255, .35)}:root{--of-player-accent: var(--of-brand);--of-player-accent-hover: var(--of-brand-hover);--of-player-accent-active: var(--of-brand-active);--of-player-accent-soft: var(--of-brand-soft);--of-player-accent-border: var(--of-brand-border);--of-player-bg: var(--of-surface);--of-player-bg-elevated: var(--of-surface-raised);--of-player-bg-glass: rgba(255, 255, 255, .85);--of-player-text: var(--of-ink);--of-player-text-secondary: var(--of-ink-soft);--of-player-text-muted: var(--of-ink-muted);--of-player-border: var(--of-border);--of-player-border-subtle: var(--of-divider);--of-player-shadow: var(--of-shadow-md);--of-player-shadow-elevated: var(--of-shadow-lg);--of-player-radius: var(--of-radius-xl);--of-player-radius-sm: var(--of-radius-md);--of-player-progress: var(--of-player-accent);--of-player-progress-bg: var(--of-border);--of-player-progress-thumb: var(--of-player-accent);--of-player-control: var(--of-ink-muted);--of-player-control-hover: var(--of-player-accent);--of-player-control-active: var(--of-player-accent);--of-player-control-bg-hover: var(--of-player-accent-soft);--of-player-play-bg: var(--of-player-accent);--of-player-play-bg-hover: var(--of-player-accent-hover);--of-player-play-text: #ffffff;--of-player-current-text: var(--of-player-accent);--of-player-current-bg: var(--of-player-accent-soft);--of-player-current-border: var(--of-player-accent-border);--of-player-like: var(--of-like);--of-player-like-hover: var(--of-like-hover);--of-player-like-active: var(--of-like-active);--of-player-like-soft: var(--of-like-soft);--of-player-volume: var(--of-player-accent);--of-player-volume-bg: var(--of-border);--of-player-volume-muted: var(--of-ink-disabled);--of-player-lyrics-text: var(--of-ink);--of-player-lyrics-current: var(--of-player-accent);--of-player-lyrics-muted: var(--of-ink-subtle);--of-player-cover-shadow: 0 8px 32px rgba(0, 0, 0, .15);--of-player-cover-radius: var(--of-radius-lg)}[data-player-theme=blue]{--of-player-accent: #0ea5e9;--of-player-accent-hover: #0284c7;--of-player-accent-active: #0369a1;--of-player-accent-soft: rgba(14, 165, 233, .12);--of-player-accent-border: rgba(14, 165, 233, .28)}[data-player-theme=orange]{--of-player-accent: #f97316;--of-player-accent-hover: #ea580c;--of-player-accent-active: #c2410c;--of-player-accent-soft: rgba(249, 115, 22, .12);--of-player-accent-border: rgba(249, 115, 22, .28)}[data-player-theme=green]{--of-player-accent: #10b981;--of-player-accent-hover: #059669;--of-player-accent-active: #047857;--of-player-accent-soft: rgba(16, 185, 129, .12);--of-player-accent-border: rgba(16, 185, 129, .28)}[data-player-theme=rose]{--of-player-accent: #f43f5e;--of-player-accent-hover: #e11d48;--of-player-accent-active: #be123c;--of-player-accent-soft: rgba(244, 63, 94, .12);--of-player-accent-border: rgba(244, 63, 94, .28)}[data-player-theme=violet]{--of-player-accent: #8b5cf6;--of-player-accent-hover: #7c3aed;--of-player-accent-active: #6d28d9;--of-player-accent-soft: rgba(139, 92, 246, .12);--of-player-accent-border: rgba(139, 92, 246, .28)}[data-player-theme=amber]{--of-player-accent: #f59e0b;--of-player-accent-hover: #d97706;--of-player-accent-active: #b45309;--of-player-accent-soft: rgba(245, 158, 11, .12);--of-player-accent-border: rgba(245, 158, 11, .28)}[data-player-theme=teal]{--of-player-accent: #14b8a6;--of-player-accent-hover: #0d9488;--of-player-accent-active: #0f766e;--of-player-accent-soft: rgba(20, 184, 166, .12);--of-player-accent-border: rgba(20, 184, 166, .28)}[data-player-theme=slate]{--of-player-accent: #475569;--of-player-accent-hover: #334155;--of-player-accent-active: #1e293b;--of-player-accent-soft: rgba(71, 85, 105, .12);--of-player-accent-border: rgba(71, 85, 105, .28)}html[data-effective-color-scheme=dark]{--of-player-bg: var(--of-surface);--of-player-bg-elevated: var(--of-surface-raised);--of-player-bg-glass: rgba(17, 24, 39, .85);--of-player-text: var(--of-ink);--of-player-text-secondary: var(--of-ink-soft);--of-player-text-muted: var(--of-ink-muted);--of-player-border: var(--of-border);--of-player-border-subtle: var(--of-divider);--of-player-shadow: 0 8px 32px rgba(0, 0, 0, .3);--of-player-shadow-elevated: 0 16px 48px rgba(0, 0, 0, .4);--of-player-cover-shadow: 0 8px 32px rgba(0, 0, 0, .4)}html[data-effective-color-scheme=dark][data-player-theme=blue]{--of-player-accent: #38bdf8;--of-player-accent-hover: #7dd3fc;--of-player-accent-soft: rgba(56, 189, 248, .16);--of-player-accent-border: rgba(56, 189, 248, .34)}html[data-effective-color-scheme=dark][data-player-theme=orange]{--of-player-accent: #fb923c;--of-player-accent-hover: #fdba74;--of-player-accent-soft: rgba(251, 146, 60, .16);--of-player-accent-border: rgba(251, 146, 60, .34)}html[data-effective-color-scheme=dark][data-player-theme=green]{--of-player-accent: #34d399;--of-player-accent-hover: #6ee7b7;--of-player-accent-soft: rgba(52, 211, 153, .16);--of-player-accent-border: rgba(52, 211, 153, .34)}html[data-effective-color-scheme=dark][data-player-theme=rose]{--of-player-accent: #fb7185;--of-player-accent-hover: #fda4af;--of-player-accent-soft: rgba(251, 113, 133, .16);--of-player-accent-border: rgba(251, 113, 133, .34)}html[data-effective-color-scheme=dark][data-player-theme=violet]{--of-player-accent: #a78bfa;--of-player-accent-hover: #c4b5fd;--of-player-accent-soft: rgba(167, 139, 250, .16);--of-player-accent-border: rgba(167, 139, 250, .34)}html[data-effective-color-scheme=dark][data-player-theme=amber]{--of-player-accent: #fbbf24;--of-player-accent-hover: #fcd34d;--of-player-accent-soft: rgba(251, 191, 36, .16);--of-player-accent-border: rgba(251, 191, 36, .34)}html[data-effective-color-scheme=dark][data-player-theme=teal]{--of-player-accent: #2dd4bf;--of-player-accent-hover: #5eead4;--of-player-accent-soft: rgba(45, 212, 191, .16);--of-player-accent-border: rgba(45, 212, 191, .34)}html[data-effective-color-scheme=dark][data-player-theme=slate]{--of-player-accent: #94a3b8;--of-player-accent-hover: #cbd5e1;--of-player-accent-soft: rgba(148, 163, 184, .16);--of-player-accent-border: rgba(148, 163, 184, .34)}[data-player-custom=true]{--of-player-accent: var(--of-player-custom-accent, var(--of-brand));--of-player-accent-hover: var(--of-player-custom-accent-hover, var(--of-brand-hover));--of-player-accent-active: var(--of-player-custom-accent-active, var(--of-brand-active));--of-player-accent-soft: var(--of-player-custom-accent-soft, var(--of-brand-soft));--of-player-accent-border: var(--of-player-custom-accent-border, var(--of-brand-border))}[data-theme=mist]{--ink: #1a1f2e;--ink-soft: #3d4556;--ink-muted: #6b7280;--ink-subtle: #9ca3af;--primary: #3d4556;--primary-light: #6b7280;--primary-dark: #1a1f2e;--primary-container: rgba(61, 69, 86, .12);--on-primary: #ffffff;--line: rgba(26, 31, 46, .08);--line-soft: rgba(26, 31, 46, .06);--line-strong: rgba(26, 31, 46, .12);--surface-shell: rgba(255, 255, 255, .95);--surface-sidebar: rgba(248, 250, 252, .9);--surface-main: rgba(255, 255, 255, .75);--surface-panel: rgba(250, 251, 253, .92);--surface-variant: rgba(248, 250, 252, .95);--surface-base: rgba(255, 255, 255, .96);--surface-elevated: rgba(255, 255, 255, .98);--surface-overlay: rgba(250, 251, 253, .94);--surface-hover: rgba(255, 255, 255, .72);--surface-active: rgba(248, 250, 253, .96);--surface-dim: rgba(250, 251, 253, .88);--surface-card: rgba(255, 255, 255, .85);--focus-ring: rgba(26, 31, 46, .12);--selection-bg: rgba(26, 31, 46, .12);--state-layer-hover: rgba(26, 31, 46, .06);--state-layer-pressed: rgba(26, 31, 46, .12);--border-inner: rgba(255, 255, 255, .8);--highlight-top: linear-gradient(90deg, transparent, rgba(255, 255, 255, .8), transparent);--shadow-shell: 0 32px 64px -12px rgba(26, 31, 46, .12);--shadow-soft: 0 8px 24px -8px rgba(26, 31, 46, .08);--shadow-sm: 0 2px 8px -2px rgba(26, 31, 46, .06);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--scrollbar-thumb-idle: rgba(26, 31, 46, 0);--scrollbar-thumb-hover: rgba(26, 31, 46, .26);--scrollbar-thumb-active: rgba(26, 31, 46, .38)}[data-theme=mist] .player-shell{background:linear-gradient(180deg,var(--surface-shell),rgba(248,250,253,.92));backdrop-filter:blur(20px)}[data-theme=mist] .panel-sidebar{background:var(--surface-sidebar);backdrop-filter:blur(12px)}[data-theme=paper]{--ink: #2c2c2c;--ink-soft: #595959;--ink-muted: #8c8c8c;--ink-subtle: #bfbfbf;--primary: #2c2c2c;--primary-light: #595959;--primary-dark: #1a1a1a;--primary-container: rgba(44, 44, 44, .08);--on-primary: #ffffff;--line: rgba(0, 0, 0, .06);--line-soft: rgba(0, 0, 0, .04);--line-strong: rgba(0, 0, 0, .1);--surface-shell: #fafaf8;--surface-sidebar: #f5f5f3;--surface-main: #ffffff;--surface-panel: #fafaf8;--surface-variant: #f0f0ee;--surface-base: rgba(255, 252, 248, .96);--surface-elevated: rgba(255, 252, 248, .98);--surface-overlay: rgba(250, 246, 240, .94);--surface-hover: rgba(0, 0, 0, .02);--surface-active: rgba(0, 0, 0, .04);--surface-dim: rgba(250, 250, 248, .88);--surface-card: rgba(255, 255, 255, .95);--focus-ring: rgba(44, 44, 44, .15);--selection-bg: rgba(44, 44, 44, .12);--state-layer-hover: rgba(44, 44, 44, .04);--state-layer-pressed: rgba(44, 44, 44, .08);--border-inner: rgba(255, 255, 255, .9);--highlight-top: linear-gradient(90deg, transparent, rgba(255, 255, 255, .95), transparent);--shadow-shell: 0 20px 60px -15px rgba(0, 0, 0, .08);--shadow-soft: 0 4px 12px -4px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 4px -1px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--scrollbar-thumb-idle: rgba(0, 0, 0, 0);--scrollbar-thumb-hover: rgba(0, 0, 0, .2);--scrollbar-thumb-active: rgba(0, 0, 0, .32)}[data-theme=paper] .player-shell{background:var(--surface-shell);box-shadow:var(--shadow-shell);border:1px solid var(--line)}[data-theme=paper] .panel-sidebar{background:var(--surface-sidebar);border-right:1px solid var(--line)}[data-theme=paper] .song-item:hover{background:var(--surface-hover)}[data-theme=paper] .song-item.is-active{background:var(--surface-active)}[data-theme=paper] .button-primary{background:var(--primary);color:var(--on-primary);border:none}[data-theme=paper] .button-secondary{background:transparent;color:var(--primary);border:1px solid var(--line-strong)}[data-theme=paper] input[type=text],[data-theme=paper] input[type=search]{background:var(--surface-main);border:1px solid var(--line);color:var(--ink)}[data-theme=paper] input[type=text]:focus,[data-theme=paper] input[type=search]:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-container)}[data-theme=material]{--primary: #6750a4;--primary-light: #d0bcff;--primary-dark: #381e72;--primary-container: #eaddff;--on-primary: #ffffff;--secondary: #625b71;--secondary-light: #ccc2dc;--secondary-dark: #332d41;--secondary-container: #e8def8;--tertiary: #00bfa5;--tertiary-light: #80cbc4;--tertiary-dark: #00897b;--tertiary-container: #b2dfdb;--ink: #1c1b1f;--ink-soft: #49454f;--ink-muted: #79747e;--ink-subtle: #a8a29e;--line: rgba(28, 27, 31, .12);--line-soft: rgba(28, 27, 31, .08);--line-strong: rgba(28, 27, 31, .2);--surface-shell: #fffbfe;--surface-sidebar: #f7f2fa;--surface-main: #ffffff;--surface-panel: #fffbfe;--surface-variant: #e7e0ec;--surface-base: #fcfaff;--surface-elevated: #ffffff;--surface-overlay: #f6f1fa;--surface-hover: rgba(103, 80, 164, .08);--surface-active: var(--primary-container);--surface-dim: rgba(250, 247, 254, .88);--surface-card: rgba(255, 251, 254, .95);--focus-ring: rgba(103, 80, 164, .12);--selection-bg: rgba(103, 80, 164, .2);--state-layer-hover: rgba(103, 80, 164, .08);--state-layer-pressed: rgba(103, 80, 164, .12);--border-inner: rgba(255, 255, 255, .95);--highlight-top: linear-gradient(90deg, transparent, rgba(255, 255, 255, .98), transparent);--error: #b3261e;--error-container: #f9dedc;--shadow-shell: 0 8px 10px -5px rgba(103, 80, 164, .2), 0 16px 24px 2px rgba(103, 80, 164, .14), 0 6px 30px 5px rgba(103, 80, 164, .12);--shadow-soft: 0 3px 5px -1px rgba(103, 80, 164, .2), 0 6px 10px 0 rgba(103, 80, 164, .14), 0 1px 18px 0 rgba(103, 80, 164, .12);--shadow-sm: 0 2px 4px -1px rgba(103, 80, 164, .2), 0 4px 5px 0 rgba(103, 80, 164, .14), 0 1px 10px 0 rgba(103, 80, 164, .12);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--elevation-1: 0 1px 2px rgba(103, 80, 164, .3), 0 1px 3px 1px rgba(103, 80, 164, .15);--elevation-2: 0 1px 2px rgba(103, 80, 164, .3), 0 2px 6px 2px rgba(103, 80, 164, .15);--elevation-3: 0 4px 8px 3px rgba(103, 80, 164, .15), 0 1px 3px rgba(103, 80, 164, .3);--elevation-4: 0 6px 10px 4px rgba(103, 80, 164, .15), 0 2px 3px rgba(103, 80, 164, .3);--elevation-5: 0 8px 12px 6px rgba(103, 80, 164, .15), 0 4px 4px rgba(103, 80, 164, .3);--scrollbar-thumb-idle: rgba(103, 80, 164, 0);--scrollbar-thumb-hover: rgba(103, 80, 164, .26);--scrollbar-thumb-active: rgba(103, 80, 164, .38)}html[data-theme=material]{background:#eaddff}[data-theme=material] .page-shell{background:linear-gradient(135deg,#f7f2fa,#fffbfe,#eaddff)}[data-theme=material] .player-shell{background:var(--surface-shell);box-shadow:var(--elevation-3);border-radius:var(--radius-xl);border:none}[data-theme=material] .panel-sidebar{background:var(--surface-sidebar);border-right:1px solid var(--line-soft)}[data-theme=material] .button-primary,[data-theme=material] .play-button{background:var(--primary);color:#fff;border-radius:var(--radius-full);font-weight:500;letter-spacing:.025em;box-shadow:var(--elevation-1);transition:all var(--transition-normal)}[data-theme=material] .button-primary:hover,[data-theme=material] .play-button:hover{background:var(--primary-dark);box-shadow:var(--elevation-2)}[data-theme=material] .button-secondary{background:transparent;color:var(--primary);border:1px solid var(--line-strong);border-radius:var(--radius-full);font-weight:500}[data-theme=material] .button-secondary:hover{background:var(--primary-container);border-color:var(--primary)}[data-theme=material] .card,[data-theme=material] .settings-panel-card{background:var(--surface-panel);box-shadow:var(--elevation-1);border-radius:var(--radius-md);border:none;transition:all var(--transition-normal)}[data-theme=material] .card:hover,[data-theme=material] .settings-panel-card:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}[data-theme=material] input[type=text],[data-theme=material] input[type=search]{background:var(--surface-variant);border:2px solid transparent;border-radius:var(--radius-md);color:var(--ink);transition:all var(--transition-normal)}[data-theme=material] input[type=text]:focus,[data-theme=material] input[type=search]:focus{background:var(--surface-main);border-color:var(--primary);box-shadow:0 0 0 4px #6750a41f}[data-theme=material] .song-item{border-radius:var(--radius-md);transition:all var(--transition-fast)}[data-theme=material] .song-item:hover{background:var(--surface-variant)}[data-theme=material] .song-item.is-active{background:var(--primary-container);border-left:4px solid var(--primary)}[data-theme=material] .badge,[data-theme=material] .sidebar-status-pill{background:var(--tertiary);color:#fff;border-radius:var(--radius-full);font-weight:600;box-shadow:var(--elevation-1)}[data-theme=material] .settings-nav-item.is-active,[data-theme=material] .settings-choice.is-active{background:var(--primary-container);color:var(--primary-dark);border-color:var(--primary)}[data-theme=material] .settings-nav-item.is-active span,[data-theme=material] .settings-choice.is-active strong{color:var(--primary-dark)}[data-theme=material] .settings-toggle.is-active{background:var(--primary);border-color:var(--primary);color:#fff}[data-theme=material] .settings-toggle.is-active .settings-toggle-thumb{background:#ffffff4d}[data-theme=material] .progress-fill{background:var(--primary)}[data-theme=material] .progress-thumb{background:var(--primary);box-shadow:var(--elevation-2)}[data-theme=material] .control-button{color:var(--ink-soft)}[data-theme=material] .control-button:hover{color:var(--primary);background:var(--primary-container)}[data-theme=material] .control-button.is-active{color:var(--primary)}