/* SOUNDBASE-FM V2.7.2 – kompakter PopUp-Player in Schwarz & Gold */
:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;padding:12px;min-width:290px;min-height:100vh;color:#faf2df;background:radial-gradient(ellipse at top,#4c330d80,transparent 55%),linear-gradient(140deg,#171109,#080808 65%)}
.popup-shell{max-width:600px;margin:auto;border:1px solid #c99a38;border-radius:17px;background:linear-gradient(145deg,#211708,#0b0b0b 45%);box-shadow:0 0 25px #ba872859;overflow:hidden}
.popup-header{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #9b7530;padding:13px 15px;background:linear-gradient(110deg,#291c0c,#0b0b0b 75%)}
.popup-brand{display:flex;align-items:center;min-width:0;gap:7px;text-decoration:none;color:#fff}.popup-brand img{height:43px;width:43px;object-fit:contain;flex-shrink:0}.popup-brand strong{display:block;font-size:clamp(15px,4vw,22px);font-weight:900;line-height:1.1;letter-spacing:.1px;font-style:italic;white-space:nowrap}.popup-brand em{color:#e8b64b;font-style:inherit}.popup-brand small{display:block;color:#d0ad61;letter-spacing:1.8px;font-size:7px;margin-top:4px;white-space:nowrap}
.popup-live{display:inline-flex;flex-shrink:0;align-items:center;gap:6px;font-size:10px;font-weight:900;color:#fff0de;background:#64170f;border:1px solid #ec5438;border-radius:7px;padding:7px 9px}.popup-live i{width:7px;height:7px;background:#fa503a;border-radius:50%;box-shadow:0 0 9px #fb5f4d}
.popup-content{padding:20px}.popup-track{display:grid;grid-template-columns:minmax(100px,39%) minmax(0,1fr);align-items:center;gap:15px}.popup-cover{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #d4a547;border-radius:12px;box-shadow:0 6px 26px #000a,0 0 13px #daa83b44;background:#16120b}.popup-track-info{min-width:0}.popup-eyebrow{font-size:10px;font-weight:850;color:#e9bb50;letter-spacing:1.6px}.popup-track h1{font-size:clamp(19px,5vw,29px);line-height:1.15;overflow-wrap:anywhere;margin:9px 0 5px}.popup-track p{color:#e0c997;font-size:13px;margin:0 0 11px}.popup-chip{display:inline-block;font-size:9px;font-weight:800;color:#e6c275;border:1px solid #765a27;background:#2b200e;border-radius:12px;padding:4px 7px;margin:0 3px 4px 0}
.popup-equalizer{height:37px;display:flex;justify-content:center;align-items:center;gap:4px;margin:17px 0 12px}.popup-equalizer span{display:block;width:4px;height:25px;max-height:34px;border-radius:5px;background:linear-gradient(#ffdd83,#c38b25 70%,#664213);opacity:.55;transform:scaleY(.45)}.popup-shell.playing .popup-equalizer span{opacity:1;animation:wave 920ms ease-in-out infinite alternate;animation-delay:calc(var(--i) * -70ms)}@keyframes wave{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
.popup-controls{display:flex;align-items:center;gap:16px}.popup-play{flex:0 0 62px;width:62px;height:62px;display:grid;place-items:center;border:1px solid #fff0bc;border-radius:50%;background:linear-gradient(135deg,#ffe8a0,#b98322);color:#161009;font-weight:900;font-size:22px;cursor:pointer;box-shadow:0 0 24px #c9903c88}.popup-play:hover{filter:brightness(1.12)}.popup-volume{flex:1;min-width:0}.popup-volume label{display:block;color:#eac36d;font-size:11px;margin-bottom:8px;font-weight:800}.popup-volume input{width:100%;accent-color:#e8b64d;cursor:pointer}.popup-status{min-height:16px;text-align:center;font-size:11px;color:#ad9f83;margin:11px 0 18px}
.popup-dj{display:flex;gap:13px;align-items:center;padding:10px;background:linear-gradient(90deg,#2e1f0b,#14110b 80%);border:1px solid #795922;border-radius:10px}.popup-dj img{height:58px;width:58px;flex:0 0 58px;object-fit:cover;border:1px solid #bc8d34;border-radius:9px}.popup-dj div{display:flex;flex-direction:column;gap:3px;min-width:0}.popup-dj span{font-size:9px;color:#ebbe5d;letter-spacing:1px;font-weight:900}.popup-dj strong{font-size:17px;overflow-wrap:anywhere}.popup-dj small{font-size:10px;color:#c6ad81}
.popup-footer{border-top:1px solid #57431f;background:#120e09;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 15px;font-size:10px;color:#cea65d}.popup-footer a{color:#efd17f;text-decoration:none;font-weight:750}a:focus-visible,button:focus-visible{outline:2px solid #fff2be;outline-offset:3px}
@media(max-width:380px){body{padding:5px}.popup-header{padding:10px}.popup-brand img{height:36px;width:36px}.popup-live{font-size:9px;padding:6px}.popup-content{padding:13px}.popup-track{grid-template-columns:104px minmax(0,1fr);gap:11px}.popup-track h1{font-size:18px}.popup-track p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.popup-shell.playing .popup-equalizer span{animation:none}}