:root{--bg:#14100c;--card-bg:#faf6eeeb;--card-fg:#221a12;--card-fg-muted:#6b5f4f;--accent:#2e6e4e;--accent-soft:#cfe3d8;--radius:14px;--font-ui:"Karla", system-ui, -apple-system, sans-serif;--font-display:"Fraunces", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);font-family:var(--font-ui);color:var(--card-fg);overflow:hidden}#app{width:100vw;height:100dvh;position:relative}#yt-mount{opacity:.01;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;right:0;overflow:hidden}.scene{background:linear-gradient(#1c2a26 0%,#24403a 34%,#3a5c4e 58%,#6a7d5a 78%,#8a7d55 100%);position:absolute;inset:0;overflow:hidden}.scene__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scene__grain{pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='0.5'/></svg>");position:absolute;inset:0}.scene__vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 55%,#0a0c0a73 100%),linear-gradient(#0a0c0a59 0%,#0000 22%),linear-gradient(#0000 70%,#0a0c0a80 100%);position:absolute;inset:0}.scene__header{color:#f4efe4;z-index:2;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:absolute;top:0;left:0;right:0}.scene__listeners{letter-spacing:.05em;opacity:.9;align-items:center;gap:7px;font-size:.8rem;display:flex}.scene__listeners[hidden]{display:none}.scene__listeners-dot{background:#7fd88f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #7fd88f}.scene__playlist-links{gap:16px;font-size:.85rem;display:flex}.scene__playlist-links a{color:#f4efe4;opacity:.85;text-decoration:none}.scene__playlist-links a:hover{opacity:1;text-decoration:underline}.scene__center{text-align:center;color:#f4efe4;z-index:1;pointer-events:none;place-items:center;padding:0 20px;display:grid;position:absolute;inset:0}.scene__wordmark{font-family:var(--font-display,Georgia, serif);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 4px 32px #0000008c;font-size:clamp(2.6rem,9vw,6.5rem);line-height:.95}.scene__tagline{letter-spacing:.04em;opacity:.85;text-shadow:0 2px 12px #0009;margin-top:14px;font-size:clamp(.85rem,2vw,1.05rem)}.chips{z-index:3;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed;bottom:24px;right:24px}.chips button{color:#f4efe4;font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#14100c8c;border:1px solid #f4efe459;border-radius:999px;padding:5px 12px;font-size:.72rem}.chips button:hover{background:#14100ccc}.chips button[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}@media (width<=720px){.chips{flex-flow:wrap;justify-content:flex-start;align-items:center;bottom:108px;left:24px;right:24px}}.player-card{background:var(--card-bg);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);z-index:4;align-items:center;gap:14px;width:min(440px,100vw - 48px);padding:12px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000059}.player-card__cover{object-fit:cover;border-radius:50%;flex-shrink:0;width:52px;height:52px;animation:8s linear infinite paused cover-spin}.player-card.is-playing .player-card__cover{animation-play-state:running}@keyframes cover-spin{to{transform:rotate(360deg)}}.player-card__meta{flex:1;min-width:0}.player-card__title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.player-card__artist{color:var(--card-fg-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.player-card__scrub{align-items:center;gap:8px;margin-top:6px;display:flex}.player-card__time{color:var(--card-fg-muted);font-variant-numeric:tabular-nums;min-width:34px;font-size:.68rem}.player-card__bar{cursor:pointer;background:#0000001f;border-radius:2px;flex:1;height:4px;position:relative}.player-card__bar-fill{background:var(--accent);border-radius:2px;width:0%;position:absolute;inset:0 auto 0 0}.player-card__controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.player-card button{cursor:pointer;width:36px;height:36px;color:var(--card-fg);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.player-card button:hover{background:#00000012}.player-card button.player-card__play{background:var(--card-fg);width:44px;height:44px;color:var(--card-bg)}.player-card button svg{fill:currentColor;width:18px;height:18px}.player-card__state-tag{letter-spacing:.08em;text-transform:uppercase;background:var(--accent);color:#fff;border-radius:999px;padding:2px 8px;font-size:.62rem;position:absolute;top:-10px;right:14px}