:root{--brick:#8b3a2a;--brick-deep:#3d1810;--neon:#ff2a2a;--neon-glow:#ff2a2aa6;--cream:#f4efe8;--ink:#120c0a;--glass:#0c0a098c;--glass-border:#ffffff24;--muted:#f4efe89e;--warm:#e8b86d;--font-display:"Bebas Neue", Impact, sans-serif;--font-body:"Oswald", "Arial Narrow", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--cream);background:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}a{color:inherit}.shop{isolation:isolate;flex-direction:column;min-height:100dvh;padding:clamp(1.1rem,3vw,2rem);display:flex;position:relative}.shop__bg{z-index:-3;background:center / cover no-repeat url(/bg.png), linear-gradient(160deg, var(--brick-deep), var(--ink));animation:28s ease-in-out infinite alternate bg-drift;position:fixed;inset:0;transform:scale(1.02)}.shop__vignette{z-index:-2;pointer-events:none;background:radial-gradient(at 50% 40%,#0000 18%,#00000073 72%,#000000c7 100%);animation:6s ease-in-out infinite vignette-pulse;position:fixed;inset:0}.shop__scrim{z-index:-1;pointer-events:none;background:linear-gradient(#0a060459 0%,#0a06042e 55%,#0a0604c7 100%);position:fixed;inset:0}.shop__top{z-index:3;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid;position:relative}.shop__time{font-family:var(--font-display);letter-spacing:.06em;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px #0000008c;justify-self:start;align-items:baseline;gap:.35rem;font-size:clamp(1.35rem,4vw,1.85rem);display:inline-flex}.shop__time-sep{opacity:.45;font-size:.85em}.shop__time-total{opacity:.55;font-size:.9em}.shop__playlist-links{justify-self:end;align-items:center;gap:.55rem;display:flex}.shop__link-btn{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);letter-spacing:.12em;text-transform:uppercase;opacity:.92;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .85rem;font-size:.72rem;text-decoration:none;transition:opacity .15s,color .15s,border-color .15s,background .15s;display:inline-flex}.shop__link-btn:hover{opacity:1;color:#fff;background:#14100eb8;border-color:#ffffff59}.shop__logo{font-family:var(--font-display);letter-spacing:.04em;text-align:center;text-shadow:0 2px #0000008c,0 0 40px #ff2a2a33;justify-self:center;margin:0;font-size:clamp(1.8rem,5vw,2.75rem);line-height:.9}.shop__tld{color:var(--neon);text-shadow:0 0 8px var(--neon-glow), 0 0 24px var(--neon-glow);animation:4.5s infinite neon-flicker}.shop__hero{text-align:center;z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.5rem .75rem 7rem;display:flex}.shop__tagline{max-width:18ch;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:#f4efe8b8;text-shadow:0 2px #00000047,0 8px 28px #00000059;margin:0;font-size:clamp(1.75rem,6.5vw,42pt);font-weight:400;line-height:.98}.shop__main{z-index:4;justify-content:center;align-items:flex-end;padding:0 0 .5rem;display:flex}.player{width:min(100%,460px)}.yt-hidden{display:none}.player__card{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.15);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:.95rem 1.05rem;display:grid;box-shadow:0 18px 50px #00000073,inset 0 1px #ffffff14}.player__cover-btn{cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;padding:0;position:relative}.player__cover-btn:disabled{cursor:not-allowed;opacity:.6}.player__cover{object-fit:cover;background:var(--brick-deep);border-radius:10px;width:96px;height:96px;display:block;box-shadow:0 8px 24px #0006}.player__cover-play{color:var(--cream);opacity:0;background:#00000059;border-radius:10px;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.player__cover-btn:hover .player__cover-play,.player__cover-btn:focus-visible .player__cover-play{opacity:1}.player__body{flex-direction:column;gap:.55rem;min-width:0;display:flex}.player__title{font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.65rem;line-height:1;overflow:hidden}.player__artist{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:.3rem 0 0;font-size:.82rem;overflow:hidden}.player__error{letter-spacing:.04em;color:#ff8f8f;margin:.35rem 0 0;font-size:.72rem}.player__timeline{flex-direction:column;gap:.28rem;display:flex}.player__progress,.player__vol-slider{appearance:none;background:linear-gradient(to right, #fff var(--progress,0%), #ffffff38 var(--progress,0%));cursor:pointer;border-radius:999px;outline:none;width:100%;height:4px}.player__vol-slider{background:#ffffff38}.player__progress::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #00000040}.player__vol-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #00000040}.player__progress::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}.player__vol-slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:12px;height:12px}.player__times{display:none}.player__row{align-items:center;gap:.65rem;display:flex}.player__controls{align-items:center;gap:.2rem;display:flex}.player__btn{width:2.2rem;height:2.2rem;color:var(--cream);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .12s,transform .12s,color .12s;display:inline-flex}.player__btn:hover:not(:disabled){background:#ffffff1a}.player__btn:active:not(:disabled){transform:scale(.94)}.player__btn:disabled{opacity:.4;cursor:not-allowed}.player__btn--play{background:#ffffff1f;width:2.7rem;height:2.7rem}.player__btn--play.is-playing{color:#ffb4b4;background:#ff2a2a38}.player__btn--mute{opacity:.8;width:1.8rem;height:1.8rem}.player__volume{flex:1;align-items:center;gap:.25rem;min-width:0;max-width:7.5rem;margin-left:auto;display:flex}.player__links{display:none}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;filter:brightness()}20%,24%,55%{opacity:.55;filter:brightness(.7)}}@keyframes vignette-pulse{0%,to{opacity:1}50%{opacity:.88}}@keyframes bg-drift{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.06)translate(-1.2%,-.8%)}}@media (width<=720px){.shop{min-height:100dvh;padding:.85rem .75rem 0}.shop__bg{background-position:50% 28%;animation:none;transform:scale(1.08)}.shop__top{grid-template-columns:1fr 1fr;grid-template-areas:"logo logo""time links";align-items:center;row-gap:.65rem}.shop__logo{grid-area:logo;font-size:clamp(1.7rem,8vw,2.2rem)}.shop__time{grid-area:time;font-size:1.25rem}.shop__playlist-links{grid-area:links}.shop__link-btn{padding:.4rem .7rem;font-size:.65rem}.shop__hero{padding:2rem .5rem 8.5rem}.shop__tagline{max-width:16ch;font-size:clamp(1.55rem,7.2vw,2.15rem)}.shop__main{z-index:20;padding:0 14px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:flex-end;align-items:center;width:100%;position:fixed;bottom:0;left:0;right:0}.player{pointer-events:auto;width:min(100%,420px);margin:0 auto}.player__card{-webkit-backdrop-filter:blur(22px)saturate(1.2);background:#0a0807c7;border:1px solid #ffffff29;border-radius:999px;grid-template-columns:auto 1fr;gap:.75rem;padding:.65rem 1rem .65rem .65rem;box-shadow:0 14px 40px #0000007a,0 2px 8px #00000047,inset 0 1px #ffffff1a}.player__cover-btn,.player__cover,.player__cover-play{border-radius:999px}.player__cover{width:64px;height:64px}.player__body{gap:.4rem;padding-right:.25rem}.player__title{font-size:1.25rem}.player__artist{font-size:.7rem}.player__btn--play{width:2.45rem;height:2.45rem}.player__volume{display:none}.shop__scrim{background:linear-gradient(#0a060459 0%,#0a06041f 60%,#0a0604d9 100%)}}@media (prefers-reduced-motion:reduce){.shop__bg,.shop__vignette,.shop__tld{animation:none}}