:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;background:#071322;color:#f2f7fc;--accent:#44d9f5;--muted:#b1c6d8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 0,#143956,transparent 65%)}.nfd-popup-player{width:min(100%,480px);margin:auto;padding:24px;min-height:100dvh}.station-logo{display:block;width:190px;height:63px;object-fit:contain;margin:0 auto 10px}header{text-align:center}h1{font-size:1.1rem;margin:0}header p,.note{color:var(--muted);font-size:.85rem}header p{margin:5px 0 20px}.cover-frame{position:relative;width:min(100%,300px);aspect-ratio:1;margin:0 auto 20px;background:linear-gradient(135deg,#164b72,#102134);border:1px solid #32607c;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #0005}.cover-frame img,.cover-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-placeholder{display:grid;place-items:center}.cover-placeholder svg{width:90px;height:90px;fill:none;stroke:var(--accent);stroke-width:1.4}.track{text-align:center}.eyebrow{color:var(--accent);font-size:.72rem;letter-spacing:.16em;margin:0}.track h2{font-size:1.25rem;overflow-wrap:anywhere;margin:8px 0}.track p:not(.eyebrow){color:var(--muted);margin:5px 0}#nfd-popup-status{min-height:24px;color:var(--muted);font-size:.86rem;text-align:center}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.controls button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:110px;min-height:48px;border:0;border-radius:30px;background:linear-gradient(135deg,#20b0e6,#53e1f4);color:#031724;font-weight:750;font-size:16px;cursor:pointer}.controls button svg{width:22px;height:22px;fill:currentColor}.controls label{font-size:.8rem}.controls input{flex:1;min-width:80px;min-height:44px;accent-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.external{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:20px 0 14px}.external a{display:flex;align-items:center;min-height:44px;border:1px solid #315069;border-radius:8px;padding:8px 12px;color:#dcf4ff;text-decoration:none;font-size:.8rem}.external a:hover{background:#15344b}.note{text-align:center;font-size:.78rem}.controls button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}@media(max-width:360px){.nfd-popup-player{padding:16px}.controls label{width:calc(100% - 125px)}.controls input{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}