:root{color:#f3f3eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:#d6e984;--muted:#adb8a8;--accent:#d6e984;--line:#344030;--surface:#192118;background:#101410;font-family:system-ui,sans-serif}*{box-sizing:border-box;scrollbar-color:#65725d #192118;scrollbar-width:thin}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:#101410;background:var(--accent)}h1,h2,h3,p{margin:0}[hidden]{display:none!important}svg{flex-shrink:0;width:20px;height:20px;display:block}.player-page{width:min(100% - 5rem,1560px);margin-inline:auto}.page-header{border-bottom:1px solid var(--line);align-items:center;gap:2.5rem;min-height:80px;display:flex}.page-header h1{letter-spacing:-.04em;font-size:1.875rem;font-weight:800}.page-header h1 span{font-weight:450}.page-header nav{gap:.5rem;display:flex}.page-header nav a{min-width:44px;min-height:44px;color:var(--muted);border-radius:6px;place-items:center;padding-inline:.75rem;font-size:.875rem;text-decoration:none;display:grid}.page-header nav a:hover{color:#f3f3eb;background:var(--surface)}.download-playlist{background:0 0;border:1px solid #6c7a60;border-radius:6px;justify-content:center;align-items:center;gap:.625rem;min-height:44px;margin-left:auto;padding:.5rem 1rem;font-size:.8125rem;display:flex}.download-playlist:hover{background:var(--surface)}.download-playlist svg,.queue-note svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round}.collection-heading{align-items:center;gap:1rem;padding-block:1.5rem;display:flex}.collection-heading>img{border-radius:6px;width:64px;height:64px}.collection-heading h2{letter-spacing:-.025em;text-wrap:balance;font-size:1.75rem;font-weight:650;line-height:1.2}.collection-heading p{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:.5rem;font-size:.8125rem}.collection-heading p span{margin-inline:.35rem}.player-layout{grid-template-columns:minmax(280px,360px) minmax(310px,1.15fr) minmax(290px,.95fr);align-items:start;gap:2rem;display:grid}.now-playing{min-width:0}.media-mode{flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:1rem;display:flex}.media-mode button{min-height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:.5rem 1.125rem;font-size:.875rem}.media-mode button[aria-pressed=true]{color:var(--accent);background:#2e3a26}.media-mode button:hover{color:#f3f3eb;background:#2e3a26}.media-mode>span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}.media-mode>span span{margin-inline:.15rem}picture,picture img{object-fit:cover;width:100%;height:100%;display:block}.artwork,.video-player{aspect-ratio:1;background:#090c09;border-radius:12px;width:100%;overflow:hidden}.artwork{position:relative}.artwork picture img{object-fit:contain}.artwork-play{background:var(--accent);color:#17200e;border:0;border-radius:50%;place-items:center;width:64px;height:64px;padding:0;transition:background-color .18s,transform .18s;display:grid;position:absolute;bottom:1.25rem;right:1.25rem;box-shadow:0 4px 18px #0008}.artwork-play svg{fill:currentColor;width:26px;height:26px}.artwork-play:hover{background:#e6f7a7;transform:scale(1.05)}.artwork-play:active{transform:scale(.96)}.artwork-play:focus-visible{outline-offset:-6px;outline-color:#17200e}.video-player{object-fit:contain;display:block}.cover-placeholder{height:100%;color:var(--accent);background:#2e3a26;place-items:center;font-size:3rem;display:grid}.track-details{margin-block:1.5rem 1.25rem}.track-details h2{letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance;font-size:2rem;font-weight:650;line-height:1.15}.track-details p{color:var(--muted);margin-top:.625rem;font-size:.9375rem;line-height:1.5}audio{width:100%;height:44px;display:block}.transport{gap:.75rem;margin-top:.875rem;display:flex}.transport button{background:0 0;border:1px solid #6c7a60;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.625rem;min-height:48px;font-size:.8125rem;transition:background-color .15s;display:flex}.transport svg{fill:currentColor;width:16px;height:16px}.transport button:hover{background:#2e3a26}.player-error button{text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding-inline:0;text-decoration:underline}.playback-status,.player-error{margin-top:.875rem;font-size:.75rem;line-height:1.6}.playback-status{color:var(--muted);justify-content:center;align-items:center;gap:.5rem;display:flex}.status-mark{background:var(--muted);border-radius:50%;width:6px;height:6px}.status-mark.is-playing{background:var(--accent)}.player-error{color:#ffb5a7}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;min-height:44px;padding-block:.625rem;display:flex}.section-heading h2{letter-spacing:-.02em;font-size:1.125rem;font-weight:600;line-height:1.3}.section-heading>span{color:var(--muted);font-size:.75rem}.lyrics-panel{background:var(--surface);border-radius:12px;min-width:0;padding:0 1.5rem 1.25rem}.lyrics-panel .section-heading{padding-top:.875rem}.lyrics-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 1rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.lyrics-tools>span{color:var(--muted);font-size:.6875rem;line-height:1.5}.follow-lyrics{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.follow-lyrics input{width:16px;height:16px;margin:0}.lyric-lines{overscroll-behavior-y:contain;scrollbar-gutter:stable;height:480px;padding:.25rem .5rem 1rem .25rem;position:relative;overflow-y:auto}.lyric-lines button{text-align:left;color:#b1bda9;letter-spacing:-.02em;overflow-wrap:anywhere;background:0 0;border:0;border-radius:4px;align-items:baseline;gap:.75rem;width:100%;min-height:44px;padding:.75rem .25rem;font-size:1.5rem;font-weight:600;line-height:1.4;transition:color .18s,background-color .18s;display:flex}.lyric-lines button>span{color:var(--muted);letter-spacing:0;font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:.25rem;font-size:.6875rem;font-weight:400}.lyric-lines button:hover{color:#f3f3eb;background:#283422}.lyric-lines button.is-active,.lyric-lines button.is-active>span{color:var(--accent)}.lyric-lines :focus-visible{outline-offset:-2px}.media-note{color:var(--muted);max-width:65ch;margin-top:1rem;font-size:.6875rem;line-height:1.6}.empty-state{padding-block:3rem}.empty-state h3{letter-spacing:-.025em;font-size:1.5rem;font-weight:550;line-height:1.3}.empty-state p{color:var(--muted);max-width:46ch;margin-top:1rem;line-height:1.6}.lyrics-panel:has(.empty-state){min-height:340px}.collection{min-width:0}.collection>.section-heading{margin-bottom:1rem}.track-list{margin:0;padding:0;list-style:none}.track-list li+li{border-top:1px solid #263022}.track-button{text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:1rem 44px minmax(0,1fr) auto;align-items:center;gap:.625rem;width:100%;min-height:82px;padding:.875rem .5rem;transition:background-color .15s;display:grid}.track-button:hover{background:var(--surface)}.track-button.is-current{background:#2e3a26}.track-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.is-current .track-number,.is-current .track-title{color:var(--accent)}.track-cover{border-radius:4px;width:44px;height:44px;overflow:hidden}.track-copy{min-width:0}.track-title{overflow-wrap:anywhere;font-size:.875rem;font-weight:550;line-height:1.4;display:block}.track-artist{color:var(--muted);overflow-wrap:anywhere;margin-top:.25rem;font-size:.75rem;line-height:1.4;display:block}.track-duration{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.6875rem}.current-label{color:var(--accent);margin-bottom:.25rem;font-size:.625rem;display:block}.queue-note{color:var(--muted);align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;line-height:1.5;display:flex}.queue-note svg{width:16px;height:16px}.back-to-player{display:none}.page-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-block:1.5rem 2rem;font-size:.75rem;display:flex}.page-footer>span{font-weight:600}button:active,.page-header a:active{background-color:#39472f}.artwork-play:active{background-color:#e6f7a7}@media (width>=1500px){.player-layout{grid-template-columns:minmax(0,420px) minmax(0,1.15fr) minmax(0,.95fr);gap:2.5rem}.lyric-lines{height:540px}.lyric-lines button{font-size:1.75rem}.track-button{min-height:88px}}@media (width<=1100px){.player-page{width:min(100% - 3rem,940px)}.player-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:2rem}.collection{grid-column:1/-1}.track-list{columns:2;column-gap:2rem}.track-list li{break-inside:avoid}.lyrics-panel{padding-inline:1.25rem}.back-to-player{align-items:center;min-height:44px;margin-top:.5rem;font-size:.8125rem;display:inline-flex}}@media (width>=1101px) and (height<=850px){.page-header{min-height:64px}.collection-heading{padding-block:1rem}.collection-heading>img{width:48px;height:48px}.collection-heading h2{font-size:1.5rem}.player-layout{grid-template-columns:minmax(280px,320px) minmax(310px,1.15fr) minmax(290px,.95fr)}.track-details{margin-block:1rem .875rem}.track-details h2{font-size:1.75rem}.lyric-lines{height:390px}}@media (width<=720px){html{scroll-padding-top:1rem}.player-page{width:min(100% - 2rem,480px)}.page-header{flex-wrap:wrap;gap:.75rem;min-height:76px}.page-header h1{font-size:1.625rem}.page-header nav{gap:0;margin-left:auto}.page-header nav a{padding-inline:.5rem;font-size:.8125rem}.page-header nav a[href=\#player]{display:none}.download-playlist{width:44px;margin-left:0;padding:0}.download-playlist span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.collection-heading{gap:.75rem;padding-block:1.5rem}.collection-heading>img{width:48px;height:48px}.collection-heading h2{font-size:1.125rem;line-height:1.3}.collection-heading p{margin-top:.375rem;font-size:.6875rem}.collection-heading p span{margin-inline:.15rem}.player-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.now-playing{width:100%}.media-mode{margin-bottom:.875rem}.artwork,.video-player{width:min(100%,320px);margin-inline:auto}.artwork-play{width:60px;height:60px;bottom:1rem;right:1rem}.track-details{margin-block:1.25rem 1rem}.track-details h2{font-size:1.75rem}.track-details p{font-size:.875rem}.lyrics-panel{padding-inline:1rem;padding-bottom:1rem}.lyrics-panel .section-heading{gap:.5rem}.section-heading>span{font-size:.6875rem}.lyrics-tools{margin-bottom:.5rem}.lyric-lines{height:290px}.lyric-lines button{font-size:1.375rem}.lyrics-panel:has(.empty-state){min-height:0}.track-list{columns:auto}.track-button{grid-template-columns:1rem 44px minmax(0,1fr) auto}.page-footer{margin-top:2rem;font-size:.6875rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}