.player{color:#f1f1ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#0d0e10;justify-content:center;align-items:flex-end;height:460px;padding:0 16px 48px;font-family:Geist Variable,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.player-defs{position:absolute}.player-stop{stop-color:var(--player-accent);transition:stop-color .6s}.player-stop-light{stop-color:var(--player-light)}.player-anchor{max-width:100%;position:relative}.player-card{touch-action:none;-webkit-user-select:none;user-select:none;background:#17181a;border:1px solid #ffffff12;flex-direction:column;max-width:100%;display:flex;position:relative;overflow:hidden}.player-sheet{flex-direction:column;flex:none;display:flex;overflow:hidden}.player-sheet-inner{flex-direction:column;flex:1 0 252px;min-height:0;padding:6px 6px 0;display:flex}.player-head{flex:none;align-items:center;gap:8px;padding-left:12px;display:flex}.player-head-text{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.player-head-title{font-size:13px;font-weight:600}.player-head-count{color:#b9bbb6;font-size:12px}.player-list{touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a3b3f transparent;flex:1;min-height:0;padding-bottom:14px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.player-rule{background:#26272b;flex:none;height:1px;margin:0 6px}.player-row{width:100%;min-height:52px;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.player-rows .player-row{opacity:0;transition:opacity .12s,transform .12s,background-color .2s;transform:translateY(8px)}.player-rows-on .player-row{opacity:1;transition:opacity .26s,transform .3s cubic-bezier(.23,1,.32,1),background-color .2s;transform:none}.player-row:focus-visible{outline-offset:-2px;border-radius:16px;outline:2px solid #f1f1ee}.player-row-cover{border-radius:10px;flex:none;width:38px;height:38px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.player-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.player-row-title,.player-row-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-row-title{color:#f1f1ee;font-size:13px;font-weight:600;line-height:17px;transition:color .4s}.player-row-artist{color:#b9bbb6;font-size:12px;line-height:16px}.player-row-length{font-variant-numeric:tabular-nums;color:#b9bbb6;flex:none;font-size:12px}.player-row-bars{flex:none;align-items:flex-end;gap:2px;height:12px;display:flex}.player-now{flex:none;align-items:center;gap:12px;height:64px;padding:8px 6px 8px 8px;display:flex}.player-cover{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.player-ctl{color:#c9cbc6;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:background-color .15s,color .15s,transform .15s cubic-bezier(.23,1,.32,1);display:grid;position:relative}.player-ctl:active{transform:scale(.97)}.player-ctl:focus-visible{outline-offset:2px;border-radius:999px;outline:2px solid #f1f1ee}.player-ctl-face{place-items:center;display:grid;position:absolute;inset:0}.player-lyrics-icon{color:var(--player-light)}.player-art{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:999px;flex:none;width:48px;height:48px;padding:0;position:relative}.player-art:focus-visible{outline-offset:2px;border-radius:999px;outline:2px solid #f1f1ee}.player-art.player-scrubbing{cursor:ew-resize}.player-ring{transition:opacity .2s;position:absolute;inset:0;transform:rotate(-90deg)}.player-disc{background:var(--player-deep);color:#fff;border-radius:999px;place-items:center;width:36px;height:36px;transition:transform .15s cubic-bezier(.23,1,.32,1);display:grid;position:absolute;top:6px;left:6px;overflow:hidden}.player-art:active .player-disc{transform:scale(.97)}.player-art.player-scrubbing .player-disc{transition-duration:.2s;transform:scale(1.06)}.player-grain{mix-blend-mode:overlay;opacity:.1;width:100%;height:100%;position:absolute;inset:0}.player-scrim{opacity:0;background:#0a0a0a57;transition:opacity .2s;position:absolute;inset:0}.player-glyph{opacity:0;justify-content:center;align-items:center;line-height:0;transition:opacity .2s;display:flex;position:absolute;inset:0}.player-glyph-icon{filter:drop-shadow(0 1px 2px #00000073);display:block}.player-paused .player-scrim,.player-paused .player-glyph,.player-art:focus-visible .player-glyph{opacity:1}.player-main{flex:1;align-self:stretch;align-items:center;min-width:0;display:flex;position:relative}.player-layer{transition:opacity .2s,filter .2s,transform .2s cubic-bezier(.23,1,.32,1)}.player-hide{opacity:0;filter:blur(2px);pointer-events:none;transition-duration:.14s;transform:translate(-6px)}.player-face{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.player-swipe-window{flex:1;min-width:0;height:35px;margin:0 -10px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 10px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 10px calc(100% - 10px),#0000 100%)}.player-swipe{position:absolute;inset:0 10px}.player-info{flex-direction:column;justify-content:center;gap:1px;display:flex;position:absolute;inset:0}.player-title,.player-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-title{font-size:14px;font-weight:600;line-height:18px}.player-sub{font-variant-numeric:tabular-nums;color:#b9bbb6;font-size:12px;line-height:16px}.player-lyrics{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.player-line{white-space:nowrap;height:17px;font-size:13px;line-height:17px;transition:opacity .5s}.player-word{margin-right:.26em;transition:color .6s;display:inline-block}.player-bars{align-items:flex-end;gap:2px;height:18px;display:flex}.player-bar{background:linear-gradient(to top, var(--player-accent), var(--player-light));transform-origin:50% 100%;will-change:transform;border-radius:2px;width:3px;height:18px;display:block;transform:scaleY(.1)}.player-bar-sm{background:#8a8b87;width:2.5px;height:12px}.player-seek{font-variant-numeric:tabular-nums;pointer-events:none;align-items:center;gap:10px;padding-right:14px;display:flex;position:absolute;inset:0}.player-elapsed,.player-total{min-width:32px;font-size:13px}.player-elapsed{color:#f1f1ee;font-weight:600}.player-total{color:#b9bbb6;text-align:right;font-weight:500}.player-track{background:#2c2d31;border-radius:999px;flex:1;height:6px;position:relative}.player-fill{background:linear-gradient(90deg, var(--player-accent) 0%, var(--player-light) 100%);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.player-knob{width:14px;height:14px;box-shadow:0 0 0 2px var(--player-accent), 0 2px 6px #00000080;background:#f1f1ee;border-radius:999px;margin:-7px 0 0 -7px;position:absolute;top:50%}@media (hover:hover) and (pointer:fine){.player-ctl:hover{color:#fff;background:#26272b}.player-art:hover .player-scrim,.player-art:hover .player-glyph{opacity:1}.player-rows .player-row:hover{background:#202124}}@media (prefers-reduced-motion:reduce){.player-layer,.player-hide{filter:none;transform:none}.player-disc,.player-art:active .player-disc,.player-art.player-scrubbing .player-disc{transition:none;transform:none}.player-ctl:active,.player-rows .player-row,.player-rows-on .player-row{transform:none}}