:root{--bg:#0b0a0e;--bg-elev:#15131e;--bg-elev-2:#1d1b29;--bg-elev-3:#262335;--text:#efecf4;--text-dim:#8c87a2;--text-ghost:#423e52;--accent:#8b7bf5;--accent-bright:#a99bff;--accent-glow:#8b7bf529;--accent-glow-s:#8b7bf50f;--danger:#d05a6e;--border:#ffffff12;--border-focus:#8b7bf599;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-pill:999px;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--text-xs:.72rem;--text-sm:.82rem;--text-base:.925rem;--text-md:1.05rem;--text-lg:1.3rem;--text-xl:2.2rem;--lh-tight:1.2;--lh-base:1.45;--lh-loose:1.65;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #0000008c;--shadow-lg:0 16px 48px #000000b3;--shadow-glow:0 0 20px #8b7bf533;--dur-fast:80ms;--dur-base:.16s;--dur-slow:.28s;--dur-enter:.36s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--ease-snappy:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--lh-base);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}body:after{content:"";pointer-events:none;z-index:9999;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}::view-transition-old(root){animation:.2s var(--ease-in) both vt-fade-out}::view-transition-new(root){animation:.28s var(--ease-out) both vt-fade-in}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body:after{display:none}}footer.svelte-gs8b8u{align-items:center;gap:var(--sp-4);height:84px;padding:0 var(--sp-6);padding-bottom:env(safe-area-inset-bottom);background:var(--bg-elev);border-top:1px solid var(--border);z-index:50;grid-template-columns:1fr 2fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.ambient-bg.svelte-gs8b8u{object-fit:cover;filter:blur(40px)saturate(.7)brightness(.2);pointer-events:none;z-index:0;width:100%;height:100%;transition:opacity var(--dur-slow) var(--ease-out);position:absolute;inset:0;transform:scale(1.15)}.meta.svelte-gs8b8u,.controls.svelte-gs8b8u,.vol.svelte-gs8b8u{z-index:1;position:relative}.meta.svelte-gs8b8u{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.cover.svelte-gs8b8u{border-radius:var(--r-md);object-fit:cover;background:var(--bg-elev-2);width:52px;height:52px;box-shadow:var(--shadow-sm);flex:none}.cover.ph.svelte-gs8b8u{color:var(--text-dim);place-items:center;font-size:1.3rem;display:grid}.txt.svelte-gs8b8u{min-width:0}.t.svelte-gs8b8u{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:580;overflow:hidden}.a.svelte-gs8b8u{color:var(--text-dim);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.controls.svelte-gs8b8u{align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.btns.svelte-gs8b8u{align-items:center;gap:var(--sp-3);display:flex}.btns.svelte-gs8b8u button:where(.svelte-gs8b8u){color:var(--text);width:34px;height:34px;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.btns.svelte-gs8b8u button:where(.svelte-gs8b8u):not(.play):hover{color:var(--accent)}.btns.svelte-gs8b8u button:where(.svelte-gs8b8u):disabled{opacity:.3;cursor:default}.btns.svelte-gs8b8u .toggle:where(.svelte-gs8b8u){color:var(--text-dim);width:30px;height:30px;position:relative}.btns.svelte-gs8b8u .toggle.on:where(.svelte-gs8b8u){color:var(--accent)}.btns.svelte-gs8b8u .toggle.on:where(.svelte-gs8b8u):after{content:"";background:var(--accent);border-radius:50%;width:3px;height:3px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.btns.svelte-gs8b8u .toggle:where(.svelte-gs8b8u) .one:where(.svelte-gs8b8u){font-family:var(--font-mono);color:var(--accent);background:var(--bg-elev);border-radius:3px;padding:0 1px;font-size:8px;font-weight:600;line-height:1.2;position:absolute;top:-1px;right:0}.btns.svelte-gs8b8u .play:where(.svelte-gs8b8u){background:var(--accent);color:var(--bg);width:38px;height:38px;box-shadow:var(--shadow-glow);transition:transform var(--dur-fast) var(--ease-snappy), box-shadow var(--dur-base) var(--ease-out)}.btns.svelte-gs8b8u .play:where(.svelte-gs8b8u):not(:disabled):hover{color:var(--bg);transform:scale(1.08);box-shadow:0 0 28px #8b7bf566}.btns.svelte-gs8b8u .play:where(.svelte-gs8b8u):not(:disabled):active{transition-duration:var(--dur-fast);transform:scale(.94)}.seek.svelte-gs8b8u{align-items:center;gap:var(--sp-3);width:100%;max-width:520px;display:flex}.tc.svelte-gs8b8u{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--text-dim);text-align:center;min-width:38px}.seek.svelte-gs8b8u input:where(.svelte-gs8b8u){flex:1}.vol.svelte-gs8b8u{align-items:center;gap:var(--sp-2);color:var(--text-dim);justify-content:flex-end;display:flex}.vol.svelte-gs8b8u input:where(.svelte-gs8b8u){width:90px}input[type=range].svelte-gs8b8u{appearance:none;background:var(--text-ghost);border-radius:var(--r-pill);cursor:pointer;outline:none;height:3px}input[type=range].svelte-gs8b8u::-webkit-slider-thumb{appearance:none;background:var(--accent);width:12px;height:12px;transition:transform var(--dur-fast) var(--ease-snappy);border-radius:50%;box-shadow:0 0 6px #8b7bf580}input[type=range].svelte-gs8b8u:hover::-webkit-slider-thumb{transform:scale(1.4)}input[type=range].svelte-gs8b8u::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;width:12px;height:12px}input[type=range].svelte-gs8b8u:disabled{opacity:.5;cursor:default}@media (width<=720px){footer.svelte-gs8b8u{height:auto;padding-top:var(--sp-2);gap:var(--sp-2) var(--sp-3);grid-template-rows:auto auto;grid-template-columns:1fr auto}.meta.svelte-gs8b8u{grid-area:1/1}.vol.svelte-gs8b8u{display:none}.controls.svelte-gs8b8u{grid-area:2/1/auto/-1}}