.music-player{padding-top:30px}.player-surface{padding:26px 28px 20px;background:#80808029;border-radius:24px}.player-heading{display:flex;flex-direction:column;min-width:0}.player-kicker{color:var(--muted);font-size:10px;letter-spacing:.08em}.player-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:600}.player-heading span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.player-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:22px}.mode-button,.transport-controls button{border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer}.mode-button{text-align:left;font-size:11px}.transport-controls{display:flex;align-items:center;gap:18px}.transport-controls button{font-size:20px;line-height:1}.transport-controls .play-button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#c94736;color:#fff;font-size:18px}.volume-control{display:flex;justify-content:flex-end;align-items:center;gap:10px;color:var(--muted);font-size:10px}.volume-control input{accent-color:#c94736;width:100px}.progress-control{margin-top:22px}.progress-rail{position:relative;height:24px;padding-top:10px;cursor:pointer;outline:none}.progress-rail:before,.progress-rail span:first-child{content:"";position:absolute;left:0;right:0;top:10px;height:4px;border-radius:4px;background:#6e6e6e6b}.progress-rail span:first-child{right:auto;width:0;background:#c94736}.progress-rail span:last-child{position:absolute;top:5px;left:0;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000038;transform:translate(-50%)}.progress-rail:hover:before,.progress-rail:focus:before{height:8px;top:8px}.time-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.track-list{list-style:none;margin:20px 0 0;padding:0}.track-list li{border-bottom:1px solid var(--line)}.track-list button{display:flex;align-items:center;gap:14px;width:100%;padding:12px 4px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.track-list img{width:42px;height:42px;object-fit:cover;background:#80808029}.track-copy{display:flex;flex:1;min-width:0;flex-direction:column}.track-copy strong,.track-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-copy strong{font-weight:500}.track-copy small{color:var(--muted);font-size:11px}.track-list time{color:var(--muted);font-size:11px}.empty-state{padding:42px 0;color:var(--muted)}@media(max-width:760px){.player-surface{padding:22px 18px}.player-controls{grid-template-columns:1fr;gap:16px}.mode-button{text-align:center}.transport-controls,.volume-control{justify-content:center}.volume-control input{width:min(180px,60vw)}}.mode-button{display:grid;place-items:center;width:40px;height:40px;padding:8px;color:var(--muted);justify-self:start}.expand-player{position:absolute;top:18px;right:20px;border:0;background:transparent;font-size:24px;cursor:pointer}.player-surface{position:relative}.lyrics-panel{margin-top:24px;height:clamp(240px,50vh,560px);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.lyrics-panel::-webkit-scrollbar{display:none;width:0;height:0}.lyrics-panel ol{margin:0;padding:0;list-style:none;text-align:center}.lyrics-panel li{padding:8px;color:var(--muted);transition:color .2s,transform .2s}.lyrics-panel li[data-active]{color:var(--ink);font-weight:700;transform:scale(1.03)}html.player-expanded,html.player-expanded body{height:100%;overflow:hidden;overscroll-behavior:none}.player-expanded main{overflow:hidden}.player-expanded .back-link,.player-expanded .music-player[data-expanded=true]>.track-list,.player-expanded .music-player[data-expanded=true]>.empty-state{display:none}.player-expanded .music-player[data-expanded=true]{position:fixed;inset:0 0 0 299px;z-index:10;height:100dvh;padding:30px;background:var(--paper);overflow:hidden;transform-origin:top left}.player-expanded .music-player[data-expanded=true] .player-surface{height:100%;display:flex;flex-direction:column;border-radius:0}.player-expanded .music-player[data-expanded=true] .lyrics-panel{flex:1;min-height:0;height:auto}@media(max-width:760px){.player-expanded .music-player[data-expanded=true]{inset:0;padding:18px}.player-expanded .music-player[data-expanded=true] .player-surface{padding:22px 18px}}@media(prefers-reduced-motion:reduce){.lyrics-panel li{transition:none}.player-expanded .music-player{animation:none}}.mode-button svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.mode-button svg[hidden]{display:none}.mode-button .mode-arrow{fill:currentColor;stroke:none}.mode-button:hover{color:var(--ink)}.home-music-player{padding-top:0;margin-bottom:30px}@media(max-width:760px){.mode-button{justify-self:center}}.player-expanded .music-player[data-expanded=true]{background:color-mix(in srgb,var(--paper) 62%,transparent);backdrop-filter:blur(30px) saturate(1.18);-webkit-backdrop-filter:blur(30px) saturate(1.18);border-top-left-radius:var(--radius)}.player-expanded .music-player[data-expanded=true] .player-surface{border-radius:24px;background:#80808021}.transport-controls .play-button{display:grid;place-items:center;padding:0;line-height:0}.play-button svg{display:block;width:32px;height:32px;fill:currentColor}.play-button svg[hidden]{display:none}
