.peec-player{--peec-yellow:#FFEA00;--peec-bg:#0D0D0D;--peec-panel:#161616;--peec-tile:#2B2B2B;--peec-grey:#9c9c9c;font-family:'Bebas Neue',Arial,sans-serif;max-width:480px;width:100% !important;margin:0 auto;background:var(--peec-bg);color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.4);flex:1 1 auto !important;align-self:stretch !important;}
.peec-player *{box-sizing:border-box;}
.peec-header{text-align:center;padding:18px 16px 6px;}
.peec-logo{max-height:64px;margin-bottom:4px;}
.peec-heading{margin:0;font-weight:400;font-size:24px;letter-spacing:1px;color:#fff;}
.peec-panel{padding:0 20px 8px;}
.peec-media{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden;}
.peec-audio{display:none;}
.peec-video{width:100%;height:100%;object-fit:cover;display:block;background:#000;}
.peec-cover-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.peec-cover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.peec-cover-play{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.55);border:none;color:var(--peec-yellow);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.peec-media.mode-video .peec-cover-layer{display:none;}
.peec-media.no-video .peec-toggle-pill{display:none;}
.peec-toggle-pill{position:absolute;top:8px;right:8px;display:flex;background:rgba(255,255,255,.12);border-radius:20px;overflow:hidden;z-index:2;}
.peec-toggle-btn{border:none;background:transparent;color:#fff;padding:7px 10px;cursor:pointer;display:flex;align-items:center;}
.peec-toggle-btn.peec-active{background:var(--peec-yellow) !important;color:#000 !important;}
.peec-title-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:14px;}
.peec-title{margin:0;font-size:30px;font-weight:400;line-height:1.1;color:var(--peec-yellow) !important;}
.peec-badge-new{display:none;background:#FF3B30;color:#fff !important;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 9px;border-radius:4px;text-transform:uppercase;white-space:nowrap;}
.peec-badge-new.is-visible{display:inline-block;}
.peec-artist{color:var(--peec-grey);font-size:17px;margin-bottom:8px;}
.peec-progress{display:flex;align-items:center;gap:8px;margin:6px 0;}
.peec-progress span{font-size:14px;width:44px;text-align:center;flex-shrink:0;}
.peec-volume{display:flex;align-items:center;gap:10px;margin:4px 0 10px;color:var(--peec-grey);}
.peec-volume-icon{flex-shrink:0;}
.peec-player input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#000;border-radius:2px;outline:none;}
.peec-player input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right, var(--peec-yellow) 0%, var(--peec-yellow) var(--peec-fill,0%), #000 var(--peec-fill,0%), #000 100%);border-radius:2px;}
.peec-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--peec-yellow);margin-top:-5px;cursor:pointer;}
.peec-player input[type=range]::-moz-range-track{height:4px;background:#000;border-radius:2px;}
.peec-player input[type=range]::-moz-range-progress{height:4px;background:var(--peec-yellow);border-radius:2px;}
.peec-player input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--peec-yellow);cursor:pointer;}
.peec-controls{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px 0 4px;}
.peec-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;}
.peec-btn svg text{font-family:Arial,sans-serif;}
.peec-playpause{color:var(--peec-yellow);}
.peec-tracklist{list-style:none;margin:14px 0 0;padding:0;max-height:420px;overflow-y:auto;border-top:1px solid #222;scrollbar-width:thin;scrollbar-color:var(--peec-yellow) #000;}
.peec-tracklist::-webkit-scrollbar{width:10px;}
.peec-tracklist::-webkit-scrollbar-track{background:#000;}
.peec-tracklist::-webkit-scrollbar-thumb{background:var(--peec-yellow);border-radius:6px;}
.peec-tracklist::-webkit-scrollbar-button{display:none;height:0;width:0;}
.peec-track{display:flex;align-items:center;gap:14px;height:88px;padding:0 16px;background:var(--peec-tile) !important;border-bottom:1px solid #202020;cursor:pointer;}
.peec-track img{width:64px;height:64px;object-fit:cover;flex-shrink:0;background:#000;}
.peec-track.peec-active img{outline:3px solid var(--peec-yellow);outline-offset:-3px;}
.peec-track-info{min-width:0;flex:1;}
.peec-track-title-row{display:flex;align-items:center;gap:8px;min-width:0;}
.peec-track-title{font-size:22px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.peec-track.peec-active .peec-track-title{color:var(--peec-yellow) !important;}
.peec-badge-new-sm{flex-shrink:0;font-size:10px;padding:2px 7px;}
.peec-track-artist{font-size:15px;color:var(--peec-grey);}
.peec-track-eq{color:var(--peec-yellow);flex-shrink:0;}
@media (max-width:480px){.peec-player{border-radius:0;}}