#pc-jukebox{position:relative;isolation:isolate;box-sizing:border-box;width:min(100%,640px);margin:36px auto 12px;padding:44px 22px 22px;border:3px solid #ff43c9;border-radius:110px 110px 24px 24px;background:radial-gradient(ellipse at 50% 0,#542577,transparent 58%),#11091f;box-shadow:inset 0 0 0 7px #180e29,inset 0 0 0 10px #13faea,0 8px 0 #090410,0 0 20px #ff43c94a;color:#fff;overflow:hidden;overflow-anchor:none}#pc-jukebox header{text-align:center;position:relative}#pc-jukebox header>span{font:700 10px system-ui;letter-spacing:3px;color:#13faea}#pc-jukebox h2{font:clamp(21px,4vw,30px) Bungee,system-ui,sans-serif;margin:8px 0 18px;text-shadow:0 0 12px #ff43c9}#pc-jukebox .pc-juke-arch{position:absolute;inset:12px 16px auto;height:72px;border:3px solid #b026ff;border-bottom:0;border-radius:100px 100px 0 0;pointer-events:none;opacity:.7}#pc-jukebox .pc-juke-arch i{position:absolute;top:20px;width:4px;height:20px;background:#13faea;box-shadow:0 0 6px #13faea}#pc-jukebox .pc-juke-arch i:nth-child(1){left:18%}#pc-jukebox .pc-juke-arch i:nth-child(2){right:18%;background:#ff43c9}#pc-jukebox .pc-juke-arch i:nth-child(3){left:50%;top:-3px;height:8px;background:#ff43c9}#pc-jukebox .pc-juke-display{padding:12px;border:1px solid #13faea;border-radius:8px;background:#070d14;color:#adfff1;font:600 13px/1.5 monospace;min-height:44px;box-sizing:border-box;box-shadow:inset 0 0 10px #13faea28}#pc-jukebox .pc-juke-list{list-style:none;display:grid;gap:8px;margin:14px 0;padding:0}#pc-jukebox button{cursor:pointer;touch-action:manipulation}#pc-jukebox .pc-juke-list button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;box-sizing:border-box;width:100%;padding:11px 14px;text-align:left;border:1px solid #6e3a8c;border-radius:8px;background:linear-gradient(110deg,#2b133f,#130b20);color:#fff;font:600 14px/1.25 system-ui}#pc-jukebox .pc-juke-list button span{font-size:11px;color:#dabeea}#pc-jukebox .pc-juke-list button[aria-current=true]{border-color:#ff43c9;box-shadow:inset 3px 0 #ff43c9}#pc-jukebox .pc-juke-controls{display:flex;justify-content:center;gap:12px}#pc-jukebox .pc-juke-controls button{min-width:100px;padding:10px 20px;border:2px solid #13faea;border-radius:30px;background:#150e26;color:#fff;font:700 14px system-ui;box-shadow:0 0 9px #13faea35}#pc-jukebox .pc-juke-controls button:first-child{border-color:#ff43c9}#pc-jukebox .pc-juke-status{text-align:center;font:12px system-ui;color:#e0c8ed;min-height:16px;margin:12px 0}#pc-jukebox .pc-juke-spotify{min-height:176px}#pc-jukebox .pc-juke-spotify[hidden]{display:none}#pc-jukebox .pc-juke-spotify small{display:block;font:11px system-ui;color:#d4c2dc;margin:6px 0}#pc-jukebox .pc-juke-grille{height:36px;border:1px solid #704281;border-radius:8px;background:repeating-linear-gradient(0deg,#090611 0 3px,#432155 3px 5px);box-shadow:inset 0 0 12px #000}#pc-jukebox.is-playing{box-shadow:inset 0 0 0 7px #180e29,inset 0 0 0 10px #13faea,0 8px 0 #090410,0 0 28px #ff43c98c,0 0 48px #13faea45}#pc-jukebox.is-playing .pc-juke-display{text-shadow:0 0 8px #13faea}#pc-jukebox button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:480px){#pc-jukebox{padding:42px 14px 18px;border-radius:80px 80px 20px 20px;margin-top:24px}#pc-jukebox .pc-juke-list button{font-size:13px}}@media(prefers-reduced-motion:reduce){#pc-jukebox *{animation:none!important;transition:none!important}}
#pc-jukebox .pc-juke-illustration{width:min(100%,360px);margin:-22px auto -3px;filter:drop-shadow(0 0 8px #ff43c96b)}#pc-jukebox .pc-juke-illustration svg{display:block;width:100%;height:auto}#pc-jukebox .pc-juke-record{transform-origin:180px 112px;animation:pc-vinyl-spin 5s linear infinite;animation-play-state:paused}#pc-jukebox.is-playing .pc-juke-record{animation-play-state:running}#pc-jukebox .pc-juke-equalizer rect{transform-box:fill-box;transform-origin:center bottom;animation:pc-juke-eq .7s ease-in-out infinite alternate;animation-play-state:paused}#pc-jukebox .pc-juke-bubbles circle{animation:pc-juke-bubble 1.2s ease-in-out infinite alternate;animation-play-state:paused}#pc-jukebox.is-playing .pc-juke-equalizer rect,#pc-jukebox.is-playing .pc-juke-bubbles circle{animation-play-state:running}#pc-jukebox .pc-juke-controls button{border-width:3px;box-shadow:inset 0 3px #ffffff28,0 4px 0 #05030b,0 0 12px #13faea3f;transition:transform .15s}#pc-jukebox .pc-juke-controls button:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff22,0 1px 0 #05030b}#pc-jukebox .pc-juke-list button[aria-current=true]{background:linear-gradient(110deg,#522044,#21112d);box-shadow:inset 3px 0 #ff43c9,0 0 12px #ff43c93c}@keyframes pc-vinyl-spin{to{transform:rotate(360deg)}}@keyframes pc-juke-eq{to{transform:scaleY(.3);fill:#ff43c9}}@keyframes pc-juke-bubble{to{opacity:.3;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){#pc-jukebox .pc-juke-record,#pc-jukebox .pc-juke-equalizer rect,#pc-jukebox .pc-juke-bubbles circle{animation:none!important}}

#pc-jukebox .pc-juke-open-spotify{display:inline-block;margin:8px 0 2px;color:#aaffee;font:700 12px system-ui;text-underline-offset:3px}#pc-jukebox .pc-juke-spotify{min-height:198px}#pc-jukebox .pc-juke-embed{min-height:152px}