.phpf-player{position:fixed;left:0;right:0;bottom:0;z-index:var(--phpf-z);font-family:inherit;box-shadow:0 -2px 18px rgba(0,0,0,.22)}
.phpf-theme-dark{--phpf-bg:#0b0b0d;--phpf-bg2:#15151a;--phpf-text:#fff;--phpf-muted:#b7bcc6;--phpf-accent:#1db954}
.phpf-theme-light{--phpf-bg:#fff;--phpf-bg2:#f4f5f7;--phpf-text:#111827;--phpf-muted:#6b7280;--phpf-accent:#1db954}
.phpf-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--phpf-bg);color:var(--phpf-text);border-top:1px solid rgba(255,255,255,.08)}
.phpf-left{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap}.phpf-title{font-size:14px;line-height:1.2}.phpf-tabs{display:flex;gap:8px;flex-wrap:wrap}
.phpf-tab,.phpf-toggle,.phpf-cta{appearance:none;border:1px solid rgba(255,255,255,.12);background:var(--phpf-bg2);color:var(--phpf-text);padding:8px 12px;border-radius:999px;cursor:pointer;font-size:13px;line-height:1;text-decoration:none}
.phpf-tab.is-active{background:var(--phpf-accent);border-color:var(--phpf-accent);color:#fff}.phpf-right{display:flex;gap:8px;align-items:center}
.phpf-panels{background:#000;height:var(--phpf-height)}
.phpf-panel{display:none;height:100%}.phpf-panel.is-active{display:block}.phpf-panel iframe{display:block;width:100%;height:100%;border:0}
body.phpf-has-player{padding-bottom:68px}
@media (max-width:782px){.phpf-bar{padding:10px 12px}.phpf-title{width:100%}.phpf-right{margin-left:auto}.phpf-panels{height:max(220px,var(--phpf-height))}body.phpf-has-player{padding-bottom:76px}}