:root{--bg: #0b0b0b;--bg-elevated: #121212;--panel: #181818;--panel-2: #202020;--sidebar: #000000;--sidebar-soft: #121212;--accent: #1ed760;--accent-deep: #1db954;--accent-soft: rgba(30, 215, 96, .16);--text: #ffffff;--muted: #b3b3b3;--line: rgba(255, 255, 255, .08);--shadow: 0 18px 44px rgba(0, 0, 0, .38);--radius-xl: 24px;--cover-radius-sm: 14px;--cover-radius-md: 18px;--cover-radius-lg: 24px;--font-display: "Segoe UI Variable", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "Segoe UI Variable", "PingFang SC", "Microsoft YaHei", sans-serif;--window-safe-top: 0px}@supports (top: env(titlebar-area-height)){:root{--window-safe-top: max(env(safe-area-inset-top, 0px), env(titlebar-area-height, 0px))}}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(30,215,96,.72) transparent;-webkit-user-select:none;user-select:none}html,body,#app{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,rgba(30,215,96,.12),transparent 22%),radial-gradient(circle at top right,rgba(255,255,255,.04),transparent 18%),linear-gradient(180deg,#1a1a1a 0%,var(--bg) 32%)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent;border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1ed760e6,#1db954b8);border:2px solid rgba(15,15,15,.92);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#35e576,#1ed760e6)}*::-webkit-scrollbar-button{display:none;width:0;height:0}*::-webkit-scrollbar-corner{background:transparent}button,input{font:inherit}input,textarea{-webkit-user-select:text;user-select:text}button{border:0;cursor:pointer}img{display:block;max-width:100%}svg{display:block;flex-shrink:0}.sidebar,.hero-card,.library-panel,.player-dock{box-shadow:var(--shadow)}.sidebar{position:sticky;top:calc(16px + var(--window-safe-top));height:calc(100vh - 138px - var(--window-safe-top));background:radial-gradient(circle at top,rgba(30,215,96,.18),transparent 24%),linear-gradient(180deg,var(--sidebar-soft) 0%,var(--sidebar) 100%);color:var(--text);border-radius:var(--radius-xl);padding:24px 20px;display:flex;flex-direction:column;gap:20px;overflow:auto}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:24px;height:24px;display:grid;place-items:center;color:var(--accent);flex-shrink:0}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy strong{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.04em}.brand-copy span,.muted-copy,.nav-item small{color:#f5f7fba8}.nav-panel{display:grid;gap:10px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);color:inherit;text-align:left}.nav-item.is-active{background:linear-gradient(135deg,#1ed76029,#ffffff0f);border-color:#1ed7603d}.nav-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#ffffff14;color:#fff}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);gap:18px;min-height:100vh;height:100vh;padding:calc(16px + var(--window-safe-top)) 16px 122px;overflow:hidden}.detail-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;min-height:100vh;height:100vh}.detail-stage{min-height:100vh;height:100vh}.main-stage,.page-content,.hero-summary,.track-list{display:grid;gap:12px;justify-items:start}.track-list{align-content:start;grid-auto-rows:max-content}.main-stage{gap:24px;grid-template-rows:minmax(0,1fr);min-height:0;height:100%;padding-right:4px;overflow:hidden;scrollbar-width:none;align-content:stretch}.main-stage::-webkit-scrollbar{width:0;height:0}.page-content{gap:18px;grid-template-rows:minmax(0,1fr);min-height:0;height:100%;width:100%;overflow:hidden;justify-items:stretch;align-content:stretch}.main-stage>.playlist-stage,.page-content>.album-browser,.page-content>.library-management-panel{width:100%;height:100%;min-height:0;justify-self:stretch;align-self:stretch}.topbar,.section-head,.dock-track,.transport,.progress-row,.volume-wrap{display:flex}.topbar,.section-head{justify-content:space-between;align-items:flex-start;gap:18px}.topbar h1{margin:8px 0 0;font-size:clamp(1.8rem,2vw,2.6rem);line-height:1.15;font-family:var(--font-display);max-width:14ch}.topbar-actions,.hero-meta,.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.eyebrow{margin:0;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700}.search-field{min-width:min(360px,72vw);display:flex;align-items:center;gap:10px;background:#242424;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:14px 18px}.search-field input{width:100%;border:0;outline:none;background:transparent;color:var(--text)}.search-field span,.search-field svg{color:var(--muted)}.hero-card,.library-panel{background:var(--panel);border:1px solid rgba(255,255,255,.04)}.hero-card{border-radius:var(--radius-xl);padding:28px;display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:26px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:auto -8% -40% auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(30,215,96,.12),transparent 68%);pointer-events:none}.cover-art{position:relative;overflow:hidden;border-radius:var(--cover-radius-lg);background:linear-gradient(135deg,#2c2c2c,#171717);display:grid;place-items:center}.cover-art:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.cover-art img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.cover-art span{font-family:var(--font-display);letter-spacing:.18em;font-size:1.1rem;color:#ffffff61}.hero-cover{aspect-ratio:1}.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:16px}.hero-copy h2{margin:0;font-size:clamp(1.8rem,2.2vw,2.8rem);line-height:1.08;font-family:var(--font-display)}.hero-artist{margin:0;font-size:1rem;line-height:1.7;color:var(--muted);max-width:62ch}.hero-meta span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--muted)}.summary-card{padding:18px;border-radius:22px;background:var(--panel-2);border:1px solid rgba(255,255,255,.06);display:grid;gap:10px}.summary-card span{color:var(--muted);font-size:.92rem}.summary-card strong{font-size:1.32rem;font-family:var(--font-display)}.library-panel{border-radius:var(--radius-xl);padding:24px 24px 10px;min-height:0;height:100%}.section-head h2{margin:0;color:var(--accent);font-size:1.08rem;font-weight:700;line-height:1.2}.library-status{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:var(--accent-soft);color:#9bf0bd;font-weight:600}.empty-panel{padding:72px 16px 82px;text-align:center;color:var(--muted)}.empty-panel--fill{display:grid;place-content:center;min-height:100%}.empty-panel strong{display:block;color:var(--text);font-size:1.08rem;margin-bottom:10px}.source-list{display:grid;gap:10px;margin-top:16px;justify-items:stretch}.source-list--panel{margin-top:0;min-height:0;overflow:auto;align-content:start;padding-left:0;padding-right:12px}.source-item,.source-copy{display:flex}.source-item{align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:100%;height:60px;min-height:60px;padding:12px 14px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);justify-self:stretch}.source-copy{min-width:0;justify-content:center;flex-direction:column;gap:4px}.source-copy strong,.source-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-copy span{color:#f5f7fba3;font-size:.84rem}.source-remove{min-width:72px;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:6px}.library-management-panel{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;min-height:0;height:100%;padding-right:0}.library-management-panel>.section-head,.library-management-panel>.library-management-hint,.library-management-panel>.library-management-actions,.library-management-panel>.empty-panel{padding-right:24px}.library-management-hint{margin:0;color:var(--muted);line-height:1.5}.library-management-actions{display:flex;gap:10px;flex-wrap:wrap}.library-action-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;min-height:40px;padding:0 16px;border-radius:14px;font-size:.92rem}.library-management-empty{padding-inline:24px}.playlist-stage{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;height:100%;width:100%;justify-self:stretch;overflow:hidden}.playlist-searchbar{position:relative;z-index:5;width:100%;padding:0 0 10px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.playlist-scroll{width:100%;min-height:0;height:100%;overflow:hidden;padding-right:0;scrollbar-gutter:stable}.playlist-scroll>.library-panel{min-height:100%;width:100%;justify-self:stretch;display:flex;flex-direction:column;padding-left:0;padding-right:0}.playlist-scroll>.library-panel>.section-head,.playlist-scroll>.library-panel>.track-header,.playlist-scroll>.library-panel>.empty-panel{padding-left:24px;padding-right:24px}.playlist-scroll>.library-panel .track-list{flex:1;min-height:0;height:100%;width:100%;overflow:auto;justify-items:stretch}.playlist-scroll>.library-panel .track-list--empty{display:flex;align-items:center;justify-content:center}.playlist-scroll>.library-panel .track-list--empty>.empty-panel--fill{width:100%;min-height:0;height:auto;padding-block:0}.playlist-scroll>.library-panel .track-row{width:auto;margin-inline:24px}.playlist-scroll::-webkit-scrollbar{width:10px;height:10px}.track-header,.track-row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(160px,1.4fr) 82px 112px;align-items:center;gap:12px}.track-header{margin-top:8px;padding:0 12px 10px;color:var(--muted);font-size:.84rem;border-bottom:1px solid var(--line)}.track-header span:last-child{justify-self:end}.track-row{width:100%;max-width:100%;justify-self:stretch;align-self:start;padding:10px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.02);transition:background .16s ease,transform .16s ease}.track-row:hover{background:#222;transform:translateY(-1px)}.track-row.is-active{background:linear-gradient(135deg,#1ed7601f,#ffffff08);border-color:#1ed76033}.track-song{display:flex;align-items:center;gap:12px;min-width:0}.track-thumb{width:42px;aspect-ratio:1;border-radius:var(--cover-radius-sm);overflow:hidden;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);display:grid;place-items:center;flex-shrink:0}.track-copy,.track-album,.dock-copy{min-width:0}.track-copy strong,.track-copy span,.track-album strong,.track-album span,.dock-copy strong,.dock-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy span,.track-album span,.dock-copy span,.track-duration{color:var(--muted)}.row-action{justify-self:end;display:flex;align-items:center;gap:8px}.album-browser{display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;min-height:0;height:100%;align-content:start;overflow:hidden}.album-browser-body{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:18px;min-height:0;height:100%;align-items:start;align-content:start;overflow:hidden}.album-list,.album-song-list{display:grid;gap:10px;min-height:0;height:100%;overflow:auto;align-content:start;justify-items:stretch}.album-list{align-content:start;padding-right:6px;align-self:start}.album-item,.album-song-row{width:100%;max-width:100%;border-radius:18px;text-align:left;color:inherit;justify-self:stretch}.album-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.album-item.is-active{background:linear-gradient(135deg,#1ed76024,#ffffff0a);border-color:#1ed7603d}.album-item-cover,.album-detail-cover{overflow:hidden;border-radius:var(--cover-radius-md);background:#ffffff0f;display:grid;place-items:center;color:#ffffffb8}.album-item-cover{width:56px;height:56px}.album-item-cover img,.album-detail-cover img{width:100%;height:100%;object-fit:cover}.album-item-copy,.album-detail-copy,.album-song-copy{min-width:0}.album-item-copy strong,.album-item-copy span,.album-song-copy strong,.album-song-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-item-copy span,.album-item-meta,.album-detail-copy span,.album-detail-stats,.album-song-copy span,.album-song-duration{color:var(--muted)}.album-item-meta{font-size:.84rem}.album-detail{width:100%;justify-self:stretch;min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;align-self:start;align-content:start;overflow:hidden}.album-detail-head{display:grid;grid-template-columns:116px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px;border-radius:24px;background:linear-gradient(135deg,#1ed7601a,#ffffff0a);border:1px solid rgba(255,255,255,.06)}.album-detail-cover{width:116px;height:116px;border-radius:var(--cover-radius-lg)}.album-detail-copy h3{margin:6px 0 8px;font-size:1.4rem}.album-detail-stats{display:flex;gap:16px;margin-top:12px;font-size:.92rem}.album-play-button{display:inline-flex;align-items:center;gap:8px;min-width:116px}.album-song-list{width:100%;justify-self:stretch;padding-right:0;grid-auto-rows:max-content;justify-items:stretch}.album-song-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-self:start;gap:12px;padding:12px 14px;background:#ffffff06;border:1px solid rgba(255,255,255,.04)}.album-song-row.is-active{background:linear-gradient(135deg,#1ed7601f,#ffffff0a);border-color:#1ed76038}.album-song-main{display:flex;align-items:center;gap:14px;min-width:0}.album-song-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;color:var(--text);flex-shrink:0}.album-song-row.is-active .album-song-icon{background:var(--accent);color:#04110a}.player-dock{position:fixed;inset:auto 16px 16px;height:96px;border-radius:26px;padding:12px 20px;background:#181818f5;border:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:minmax(220px,272px) minmax(0,1fr) minmax(170px,210px);align-items:center;gap:14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 26px 52px #00000070,0 10px 24px #00000047,0 0 0 1px #ffffff05,0 0 28px #1ed76014}.dock-track{align-items:center;gap:12px}.dock-extra{display:flex;align-items:center;justify-content:flex-end;gap:10px}.detail-trigger{width:100%;padding:0;background:transparent;color:inherit;border:0;text-align:left}.detail-trigger:hover .dock-copy strong,.detail-trigger:hover .dock-copy span{color:#fff}.dock-cover{width:60px;height:60px;border-radius:var(--cover-radius-md);flex-shrink:0}.dock-cover:before{content:none}.dock-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;max-width:min(100%,240px)}.dock-copy strong{display:block;width:100%;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dock-copy span{display:block;width:100%;font-size:.92rem;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dock-center{display:flex;flex-direction:column;justify-content:center;gap:6px}.transport,.progress-row{width:100%;align-items:center;gap:8px}.transport{justify-content:center}.progress-row span{min-width:44px;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 6px 14px #d33a313d}.progress-slider{flex:1}.volume-wrap{gap:10px;justify-content:flex-end;width:100%}.volume-label{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.volume-slider{width:120px}.primary-button,.ghost-button,.secondary-button,.play-button,.icon-button,.play-toggle,.mode-button,.row-play,.row-like{transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,border-color .16s ease}.primary-button,.play-button,.play-toggle{background:linear-gradient(135deg,#1fdf64 0%,var(--accent-deep) 100%);color:#04110a;box-shadow:0 14px 30px #1ed7603d}.primary-button,.ghost-button,.secondary-button,.play-button{min-height:48px;padding:0 20px;border-radius:16px;font-weight:700}.secondary-button,.ghost-button,.icon-button,.mode-button,.row-play,.row-like{background:#2a2a2a;color:var(--text);border:1px solid rgba(255,255,255,.06)}.secondary-button.is-active,.mode-button.is-active{background:#2a2a2a;color:#ffffffe6;border-color:#ffffff24}.ghost-button{background:#ffffff0a;color:#fff;border-color:#ffffff14}.icon-button,.row-play,.row-like{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:700}.row-play svg,.row-like svg,.icon-button svg{stroke-width:2.1}.play-toggle{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:1.05rem}.play-toggle svg{stroke-width:2.4}.mode-button{min-width:92px;min-height:42px;padding:0 14px;border-radius:999px;font-size:.88rem}.mode-button--icon{min-width:40px;width:40px;padding:0;border-radius:12px;display:grid;place-items:center}.row-play:hover,.track-row.is-active .row-play,.primary-button:hover,.play-button:hover,.play-toggle:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover,.mode-button:hover{transform:translateY(-1px)}.track-row.is-active .row-play,.row-play:hover{background:var(--accent);color:#04110a}.favorite-button.is-active,.row-like.is-active{background:#1ed76029;color:#9bf0bd;border-color:#1ed7603d}.detail-page{position:relative;width:100%;height:100vh;min-height:100vh;isolation:isolate;background:radial-gradient(circle at top left,rgba(30,215,96,.12),transparent 24%),linear-gradient(180deg,#171717,#111);border:0;border-radius:0;box-shadow:none;overflow:hidden;display:flex;flex-direction:column}.detail-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;opacity:.16;filter:blur(48px) saturate(1.2);transform:scale(1.1);pointer-events:none}.detail-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a0a0af5,#0a0a0ad6 44%,#0a0a0ae6)}.detail-head,.detail-body,.detail-meta,.detail-copy,.detail-progress,.detail-transport{display:flex}.detail-head{position:relative;z-index:1;align-items:center;padding:calc(18px + var(--window-safe-top)) 24px 8px}.detail-body{position:relative;z-index:1;flex:1;min-height:0;overflow:hidden}.detail-meta,.detail-lyrics{width:50%;min-height:0}.detail-meta{flex:0 0 44%;padding:20px 24px 18px;flex-direction:column;justify-content:center;align-items:center;gap:16px;overflow:auto;position:relative}.detail-meta:after{content:"";position:absolute;top:20px;right:0;bottom:28px;width:1px;background:#ffffff0f}.detail-lyrics{flex:1 1 56%;position:relative;display:flex;flex-direction:column;padding:20px 24px 28px;overflow:hidden}.detail-cover{width:min(100%,clamp(180px,22vw,300px));aspect-ratio:1;border-radius:var(--cover-radius-lg);background:transparent;box-shadow:none;align-self:center;flex-shrink:0}.detail-cover:before{content:none}.dock-cover img,.detail-cover img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit}.detail-cover img{object-fit:contain}.detail-copy{flex-direction:column;gap:8px;align-items:center;text-align:center}.detail-copy h3{margin:0;font-size:clamp(1.45rem,2.2vw,2.4rem);line-height:1.06;font-family:var(--font-display)}.detail-copy p{margin:0;color:var(--muted);font-size:.94rem}.detail-controls{display:grid;gap:12px;width:min(100%,460px)}.detail-progress{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;width:100%}.detail-progress span{width:42px;min-width:42px;color:var(--muted);font-size:.84rem;font-variant-numeric:tabular-nums;text-align:center}.detail-transport{align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.detail-main-toggle{width:60px;height:60px;border-radius:20px;font-size:1.2rem}.detail-control-button{width:44px;height:44px;border-radius:14px}.detail-volume{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;width:100%}.detail-volume .volume-label{justify-content:flex-start;width:42px;min-width:42px;overflow:hidden;padding-left:6px}.detail-progress .progress-slider,.detail-volume-slider{width:100%;min-width:0}.detail-volume-end{width:42px;min-width:42px}.lyrics-scroll{flex:1;display:block;min-height:0;overflow-y:auto;overflow-x:hidden;padding:56px 0 112px;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:y proximity;-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,1) 52px,rgba(0,0,0,1) calc(100% - 76px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,1) 52px,rgba(0,0,0,1) calc(100% - 76px),transparent 100%)}.lyrics-scroll::-webkit-scrollbar{width:0;height:0}.lyrics-list{width:min(100%,640px);margin:0 auto;padding-right:10px}.lyrics-line{width:100%;display:block;padding:14px 0;margin-bottom:6px;background:transparent;color:var(--muted);text-align:center;line-height:1.6;font-size:1.18rem;opacity:.62;transition:color .26s ease,transform .26s ease,opacity .26s ease,text-shadow .26s ease;scroll-snap-align:start}.lyrics-line.is-clickable{cursor:pointer}.lyrics-line.is-clickable:hover{opacity:.86;color:#fff}.lyrics-line.is-active{color:#fff;font-weight:700;transform:scale(1.06);transform-origin:center center;opacity:1;text-shadow:0 0 20px rgba(255,255,255,.12)}.detail-empty{padding-top:120px}@keyframes root-fade-out{0%{opacity:1}to{opacity:.88}}@keyframes root-fade-in{0%{opacity:.88}to{opacity:1}}::view-transition-old(root){animation:root-fade-out .32s ease}::view-transition-new(root){animation:root-fade-in .38s ease}::view-transition-group(active-cover-art){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-image-pair(active-cover-art){isolation:auto}::view-transition-old(active-cover-art),::view-transition-new(active-cover-art){animation-duration:.42s;animation-timing-function:cubic-bezier(.22,1,.36,1);height:100%;width:100%;object-fit:cover;border-radius:var(--cover-radius-md);overflow:clip;clip-path:inset(0 round var(--cover-radius-md));box-shadow:none}.detail-overlay-enter-active,.detail-overlay-leave-active{transition:opacity .26s ease,transform .32s ease}.detail-overlay-enter-from,.detail-overlay-leave-to{opacity:0}.detail-overlay-enter-from{transform:translateY(56px) scale(.985)}.detail-overlay-leave-to{transform:translateY(56px) scale(.99)}@media(max-width:1260px){.hero-card{grid-template-columns:200px minmax(0,1fr)}.hero-summary{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.player-dock{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.dock-extra{display:none}}@media(max-width:1080px){.app-shell{grid-template-columns:1fr;height:auto;overflow:visible;padding:calc(18px + var(--window-safe-top)) 18px 180px}.sidebar{position:static;top:auto;height:auto;overflow:visible}.topbar,.section-head{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%}.search-field{min-width:0;flex:1}.player-dock{height:auto;grid-template-columns:1fr;padding:18px}.detail-body{flex-direction:column}.detail-meta,.detail-lyrics{width:100%}.detail-meta{border-right:0;border-bottom:1px solid rgba(255,255,255,.06);overflow:visible}}@media(max-width:820px){.hero-card{grid-template-columns:1fr}.hero-cover{width:min(280px,100%);justify-self:center}.hero-summary{grid-template-columns:1fr}.track-header{display:none}.track-row{grid-template-columns:48px minmax(0,1fr) 80px;grid-template-areas:"index song action" "index album duration"}.track-index{grid-area:index}.track-song{grid-area:song}.track-album{grid-area:album}.track-duration{grid-area:duration;justify-self:start}.row-action{grid-area:action}}@media(max-width:640px){.app-shell{padding:calc(14px + var(--window-safe-top)) 14px 188px}.sidebar,.hero-card,.library-panel{border-radius:24px;padding:20px}.topbar-actions,.hero-actions{width:100%;flex-direction:column;align-items:stretch}.transport{flex-wrap:wrap}.detail-head,.detail-meta,.detail-lyrics{padding-left:18px;padding-right:18px}.detail-transport{gap:10px}.detail-main-toggle{width:60px;height:60px}.lyrics-line{font-size:1.08rem}}