@layer reset,base,tokens,recipes,utilities;html{color-scheme:dark;--accent: oklch(.72 .19 145)}body{margin:0;font-family:Geist Sans,system-ui,-apple-system,sans-serif;background:#020202;color:#e8e8e8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100dvh}*,*:before,*:after{box-sizing:border-box}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}input{font:inherit;color:inherit;background:none;border:none;outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.lyrics-panel{position:fixed;top:0;right:0;width:360px;height:100dvh;background:#030303;border-left:1px solid oklch(.2 0 0);display:flex;flex-direction:column;z-index:50;transform:translate(100%);transition:transform .2s ease-out}.lyrics-panel.open{transform:translate(0)}.lyrics-panel[hidden]{display:none}.lyrics-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid oklch(.18 0 0)}.lyrics-heading{font-size:1rem;font-weight:600;margin:0}.lyrics-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:gray;transition:color .12s,background .12s}.lyrics-close:hover{color:#e8e8e8;background:#161616}.lyrics-body{flex:1;overflow-y:auto;padding:24px 20px;scrollbar-width:thin;scrollbar-color:oklch(.25 0 0) transparent}.lyrics-line{font-size:1.125rem;font-weight:500;line-height:1.7;color:#555;margin:0;padding:4px 0;transition:color .2s}.lyrics-line.active{color:#e8e8e8}.lyrics-break{height:20px}.lyrics-empty{color:#484848;font-size:.875rem;text-align:center;margin-top:48px}.lyrics-source{padding:12px 20px;font-size:.6875rem;color:#3a3a3a;border-top:1px solid oklch(.18 0 0)}.lyrics-loading{display:flex;flex-direction:column;gap:14px;padding-top:12px}.lyrics-skel{height:18px;border-radius:6px;background:#121212;animation:pulse 1.5s ease-in-out infinite;width:85%}.lyrics-skel.short{width:55%}@media(max-width:640px){.lyrics-panel{width:100%}}.fs-player{position:fixed;inset:0;z-index:200;background:#010101;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease-out}.fs-player.open{opacity:1}.fs-player[hidden]{display:none}.fs-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(80px) saturate(1.4) brightness(.2);transform:scale(1.3);opacity:.6}.fs-content{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:32px 24px;gap:28px}.fs-close{position:absolute;top:0;left:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#9e9e9e;transition:color .12s,background .12s}.fs-close:hover{color:#e8e8e8;background:#161616}.fs-art{width:280px;height:280px;border-radius:14px;background:#0b0b0b;background-size:cover;background-position:center;box-shadow:0 24px 80px #0009}.fs-info{text-align:center;width:100%;padding:0 12px}.fs-title{font-size:1.25rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-artist{font-size:.875rem;color:#717171;margin:6px 0 0}.fs-progress{width:100%}.fs-slider{-webkit-appearance:none;appearance:none;width:100%;height:5px;background:#222;border-radius:3px;cursor:pointer;outline:none}.fs-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#eee;cursor:pointer}.fs-times{display:flex;justify-content:space-between;font-size:.6875rem;color:#555;margin-top:8px;font-variant-numeric:tabular-nums}.fs-controls{display:flex;align-items:center;gap:20px}.fs-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:#cecece;transition:color .12s,transform .1s,background .12s}.fs-btn:hover{color:#fff;background:#0b0b0b}.fs-btn:active{transform:scale(.92)}.fs-btn--sm{width:40px;height:40px;color:#636363}.fs-btn--sm:hover{color:#cecece;background:#0b0b0b}.fs-btn--play{width:64px;height:64px;background:#eee;color:#010101}.fs-btn--play:hover{transform:scale(1.06);background:#fff;color:#010101}.fs-btn--play:active{transform:scale(.95);color:#010101}.fs-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:4px}.fs-volume{display:flex;align-items:center;gap:8px;color:#636363}.fs-vol-slider{-webkit-appearance:none;appearance:none;width:90px;height:4px;background:#222;border-radius:2px;cursor:pointer;outline:none}.fs-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#cecece;cursor:pointer}@media(max-width:640px){.fs-content{padding:56px 20px 20px;gap:24px;max-width:100%}.fs-art{width:min(280px,70vw);height:min(280px,70vw);border-radius:12px}.fs-title{font-size:1.125rem}.fs-controls{gap:16px}.fs-btn{width:44px;height:44px}.fs-btn--play{width:60px;height:60px}.fs-btn--sm{width:38px;height:38px}.fs-bottom{flex-direction:column;gap:12px}.fs-volume{width:100%;justify-content:center}.fs-vol-slider{width:120px}}.q-section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#555;padding:16px 0 6px}.q-track{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:6px;cursor:pointer;transition:background .12s}.q-track:hover{background:#121212}.q-track--active{background:#0d0d0d}.q-track--active .q-title{color:var(--accent)}.q-thumb{width:40px;height:40px;border-radius:5px;background:#161616;background-size:cover;background-position:center;flex-shrink:0}.q-info{display:flex;flex-direction:column;min-width:0;gap:1px}.q-title{font-size:.8125rem;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-artist{font-size:.6875rem;color:#636363;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@layer reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;font-family:var(--global-font-body, var(--font-fallback));-webkit-tap-highlight-color:transparent}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentcolor);box-sizing:border-box}hr{color:inherit;height:0px;border-top-width:1px}body{line-height:inherit;height:100%}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;background:transparent;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit}::placeholder{--placeholder-fallback: rgba(0, 0, 0, .5);opacity:1;color:var(--global-color-placeholder, var(--placeholder-fallback))}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{--placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent)}}::selection{background-color:var(--global-color-selection, rgba(0, 115, 255, .3))}textarea{resize:vertical}table{border-color:inherit;text-indent:0px;border-collapse:collapse}summary{display:list-item}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{text-decoration:inherit;color:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em;font-feature-settings:normal;font-variation-settings:normal}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda: "🐼"}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}}@layer tokens{:where(:root,:host){--colors-void: oklch(.08 0 0);--colors-surface: oklch(.14 0 0);--colors-surface-hover: oklch(.18 0 0);--colors-ink: oklch(.93 0 0);--colors-muted: oklch(.6 0 0);--colors-green: oklch(.72 .19 145);--colors-green-dim: oklch(.55 .14 145);--colors-ember: oklch(.65 .18 30);--fonts-sans: "Geist Sans", system-ui, -apple-system, sans-serif;--radii-sm: 6px;--radii-md: 10px;--radii-lg: 14px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}}