.jukebox-dialog{width:760px;max-width:calc(100vw - 30px);max-height:92vh;overflow:auto;padding:32px;background:radial-gradient(ellipse at 0 0,#765b3733,transparent 65%),#0b2b33;color:#c4d8c1;border:1px solid #bfa36b99;border-radius:12px;font:13px system-ui}.jukebox-dialog::backdrop{background:#041820c9;backdrop-filter:blur(6px)}.jukebox-close{position:absolute;right:18px;top:13px;background:none;border:0;color:#b2c5b2;font-size:27px}.jukebox-heading{display:flex;gap:23px;align-items:center}.jukebox-disc{display:grid;place-items:center;width:95px;height:95px;flex:none;border:3px solid #bda36f;border-radius:50%;background:repeating-radial-gradient(circle,#183536 0 3px,#20463e 4px 6px);font:39px Georgia;color:#efd397;box-shadow:0 0 0 7px #143132,0 0 0 8px #bda36f55}.jukebox-heading h2{font:32px Georgia;color:#f1dba9;margin:10px 0}.jukebox-heading small{font-size:10px;letter-spacing:.16em;color:#c3b780}.jukebox-heading p{font-size:12px;line-height:1.6;color:#b7cdb7}.jukebox-playing{padding:13px;background:#24483d77;border:1px solid #89aa7955;border-radius:5px;color:#e2d8a6;margin:25px 0 17px}.jukebox-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.jukebox-controls button{padding:11px;background:#1b3d37;color:#c8dcb9;border:1px solid #8fa67966;border-radius:4px;font:600 11px system-ui}.jukebox-controls button[aria-pressed=true]{border-color:#e2c68d;background:#64563366;color:#f5dfb1}.jukebox-volume{display:grid;grid-template-columns:120px 1fr 42px;align-items:center;gap:12px;font-size:11px;margin:22px 0}.jukebox-volume input{accent-color:#c8b57b}.jukebox-list{display:grid;gap:8px}.jukebox-song{display:grid;grid-template-columns:37px 1fr 65px;gap:5px 12px;padding:15px;background:#102f35;border:1px solid #7d9e7b44;border-radius:6px;text-align:left;color:#d1dfc2}.jukebox-play{grid-row:1/3;align-self:center;font-size:20px;color:#b9cda6}.jukebox-song strong{font:20px Georgia;color:#e8d9b2}.jukebox-song small{font:11px system-ui;color:#a9c2ae}.jukebox-song b{grid-column:3;grid-row:1/3;align-self:center;font:10px system-ui;color:#bfb887}.jukebox-song[aria-pressed=true]{background:#34523d88;border-color:#d9b774}.jukebox-song[aria-pressed=true] .jukebox-play{color:#f6d797}.jukebox-foot{font:11px/1.7 system-ui;color:#9ebaa8;margin:22px 0 0}@media(max-width:600px){.jukebox-dialog{padding:28px 20px}.jukebox-heading{gap:16px}.jukebox-disc{width:62px;height:62px;font-size:30px}.jukebox-heading h2{font-size:26px}.jukebox-volume{grid-template-columns:95px 1fr 35px;font-size:10px}.jukebox-song strong{font-size:18px}}
