#covert-player[hidden] { display:none; }
#covert-player { position:fixed; z-index:50; bottom:0; left:0; right:0; padding:12px max(18px,env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom)); background:#191a1bf5; color:#eee8dc; border-top:1px solid #c99562; box-shadow:0 -8px 30px #0004; font:400 16px/1.4 'DM Sans',Arial,sans-serif; }
#covert-player .cp-inner { max-width:1320px; margin:auto; display:grid; grid-template-columns:56px minmax(140px,1fr) minmax(260px,1.4fr) 340px; align-items:center; gap:14px; }
#covert-player .cp-bar { max-width:1320px; margin:0 auto 8px; display:flex; align-items:center; justify-content:flex-end; gap:8px; }
#covert-player .cp-compact-info,#covert-player .cp-compact-play { display:none; }
#covert-player.cp-collapsed .cp-inner { display:none; }
#covert-player.cp-collapsed .cp-bar { margin-bottom:0; }
#covert-player.cp-collapsed .cp-compact-info { display:block; flex:1; min-width:0; }
#covert-player.cp-collapsed .cp-compact-play { display:block; }
#covert-player .cp-compact-title,#covert-player .cp-compact-artist { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#covert-player .cp-compact-title { font-weight:600; }
#covert-player .cp-compact-artist { font-size:14px; color:#bdb7ad; }
#covert-player img { width:56px; height:56px; object-fit:contain; }
#covert-player .cp-title { display:block; font-weight:600; }
#covert-player .cp-artist { display:block; color:#bdb7ad; font-size:14px; }
#covert-player audio { width:100%; height:44px; color-scheme:dark; }
#covert-player .cp-queue { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; align-items:center; }
#covert-player label { display:grid; gap:4px; min-width:0; color:#bdb7ad; font-size:14px; }
#covert-player button,#covert-player select,.cp-page-play { font:inherit; color:#eee8dc; background:#232323; border:1px solid #827a70; border-radius:0; min-height:44px; padding:8px 12px; cursor:pointer; }
#covert-player select { width:100%; min-width:0; max-width:100%; font-size:16px; }
#covert-player button:disabled { opacity:.4; cursor:default; }
#covert-player button:focus-visible,#covert-player select:focus-visible,.cp-page-play:focus-visible { outline:2px solid #c99562; outline-offset:3px; }
#covert-player .cp-status { margin:6px auto 0; max-width:1320px; font-size:14px; color:#eee8dc; }
body.cp-playing { padding-bottom:calc(var(--cp-player-height,210px) + 16px); }
.cp-page-play { display:block; text-align:left; border-color:#c99562; }
@media(max-width:1100px) { #covert-player .cp-inner { grid-template-columns:44px minmax(0,1fr) 300px; gap:10px; } #covert-player img { width:44px; height:44px; } #covert-player audio { grid-column:1/-1; grid-row:2; } #covert-player button { padding:8px; } }
@media(max-width:650px) { #covert-player .cp-inner { grid-template-columns:36px minmax(0,1fr); } #covert-player img { width:36px; height:36px; } #covert-player .cp-queue { grid-column:1/-1; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

.cp-secret-trigger { appearance:none; display:inline-block; font:inherit; letter-spacing:inherit; color:inherit; background:transparent; border:0; padding:0; min-height:44px; text-align:inherit; cursor:pointer; touch-action:manipulation; }
.cp-secret-trigger:focus-visible { outline:2px solid #c99562; outline-offset:6px; }