*{box-sizing:border-box}
.zafem-player-wrap{width:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.zafem-player-card{background:linear-gradient(160deg,#0d1b2a,#0b1220,#0d1b2a);border-radius:24px;overflow:hidden;position:relative;border:1px solid rgba(23,163,213,0.15)}
.zafem-player-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#17a3d5,#1d9e75,#e94560,#17a3d5);background-size:300%;animation:zp-rainbow 4s linear infinite}
@keyframes zp-rainbow{0%{background-position:0%}100%{background-position:300%}}
.zp-art{position:relative;width:100%;height:200px;overflow:hidden}
.zp-album-img{width:100%;height:100%;object-fit:cover;display:block}
.zp-art-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(13,27,42,0.2),rgba(11,18,32,0.95))}
.zp-art-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0d1b2a,#17a3d5,#1d9e75,#0d1b2a);background-size:400%;animation:zp-bgmove 8s ease infinite;display:flex;align-items:center;justify-content:center;font-size:64px}
@keyframes zp-bgmove{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.zp-live-pill{position:absolute;top:14px;left:14px;background:rgba(233,69,96,0.9);color:white;font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:5px;backdrop-filter:blur(4px)}
.zp-live-dot{width:6px;height:6px;border-radius:50%;background:white;animation:zp-blink 1s ease-in-out infinite}
@keyframes zp-blink{0%,100%{opacity:1}50%{opacity:.3}}
.zp-listeners-pill{position:absolute;top:14px;right:14px;background:rgba(13,27,42,0.8);color:#1d9e75;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;backdrop-filter:blur(4px);border:1px solid rgba(29,158,117,0.3)}
.zp-body{padding:20px}
.zp-station-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.zp-station-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#17a3d5,#1d9e75);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.zp-station-info{flex:1;min-width:0}
.zp-station-name{color:#fff;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-station-url{color:#4a6a88;font-size:11px;margin-top:2px}
.zp-track-box{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:12px 14px;margin-bottom:16px}
.zp-track-label{color:#4a6a88;font-size:10px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}
.zp-track-title{color:#e8e8f0;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-track-divider{border:none;border-top:1px solid rgba(255,255,255,0.06);margin:10px 0}
.zp-track-next{color:#17a3d5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-wave-box{display:flex;align-items:center;justify-content:center;gap:3px;height:36px;margin-bottom:16px}
.zp-bar{width:3px;border-radius:3px;background:linear-gradient(to top,#17a3d5,#1d9e75);opacity:.2;transform-origin:bottom;transition:opacity .3s}
.zp-bar.active{opacity:1;animation:zp-wave .8s ease-in-out infinite}
@keyframes zp-wave{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.zp-controls{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.zp-play-btn{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#17a3d5,#1d9e75);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;box-shadow:0 4px 20px rgba(23,163,213,0.3)}
.zp-play-btn:hover{transform:scale(1.08);box-shadow:0 6px 25px rgba(23,163,213,0.5)}
.zp-play-btn.playing{background:linear-gradient(135deg,#e94560,#c0392b);box-shadow:0 4px 20px rgba(233,69,96,0.4)}
.zp-play-btn svg{width:22px;height:22px;fill:white}
.zp-vol-wrap{flex:1;display:flex;align-items:center;gap:8px}
.zp-vol-icon{color:#4a6a88;font-size:14px}
.zp-vol-slider{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,0.1);border-radius:2px;outline:none;cursor:pointer}
.zp-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#17a3d5,#1d9e75);cursor:pointer}
.zp-vol-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#17a3d5,#1d9e75);cursor:pointer;border:none}
.zp-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(255,255,255,0.06)}
.zp-powered{color:#2a3a4a;font-size:10px;letter-spacing:.5px}
.zp-site-link{color:#17a3d5;font-size:11px;text-decoration:none;font-weight:500}
.zp-site-link:hover{color:#1d9e75}