/* REMIX593 · Reproductor global persistente V6 */
:root {--rp-gold:#f3c64e;--rp-ink:#090b0e}
html {scroll-padding-bottom:102px}
body {padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}
#rmx-player {position:fixed;z-index:2147483000;left:0;right:0;bottom:0;padding:0 max(15px,env(safe-area-inset-right)) env(safe-area-inset-bottom,0px) max(15px,env(safe-area-inset-left));font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f8f4e8;isolation:isolate;pointer-events:none}
#rmx-player * {box-sizing:border-box}
#rmx-player .rmx-progress {position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#e8a528,#ffe7a0,#a47b2a);transform:scaleX(0);transform-origin:left;opacity:0;transition:opacity .25s}
#rmx-player.rmx-playing .rmx-progress {opacity:1;animation:rmx-shimmer 3s ease-in-out infinite alternate}
@keyframes rmx-shimmer {to{transform:scaleX(1)}}
#rmx-player .rmx-inner {pointer-events:auto;max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:76px;gap:19px;padding:10px 10px 10px 13px;border:1px solid #63532c;border-bottom:0;border-radius:20px 20px 0 0;background:linear-gradient(125deg,rgba(24,25,27,.97),rgba(9,11,14,.985) 58%,rgba(30,26,19,.97));box-shadow:0 -18px 50px #0009,0 -2px 32px #e3b63d13;backdrop-filter:blur(24px)}
#rmx-player .rmx-brand {min-width:0;display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;max-width:500px}
#rmx-player .rmx-art {flex:none;display:flex;align-items:center;justify-content:center;position:relative;width:51px;height:51px;border-radius:14px;background:radial-gradient(circle at 40% 30%,#453718,#131519 68%);border:1px solid #7a602d;overflow:hidden}
#rmx-player .rmx-art img{width:89%;height:auto;max-width:100%;display:block;object-fit:contain}
#rmx-player .rmx-art:after{content:'';position:absolute;inset:-25%;border:1px solid #c9983840;border-radius:50%;pointer-events:none}
#rmx-player .rmx-brandcopy {min-width:0;display:flex;flex-direction:column;gap:4px}
#rmx-player .rmx-kicker {font-size:9px;line-height:1;color:#e8be5e;letter-spacing:.19em;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:6px}
#rmx-player .rmx-live {width:7px;height:7px;border-radius:50%;background:#a09c87;box-shadow:none;transition:all .25s}
#rmx-player.rmx-playing .rmx-live{background:#46dda2;box-shadow:0 0 10px #46dda270}
#rmx-player .rmx-title{font-size:14px;font-weight:850;color:#fff;letter-spacing:-.018em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rmx-player .rmx-status{font-size:11px;color:#a4a098;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rmx-player .rmx-controls {display:flex;gap:11px;align-items:center;justify-content:center}
#rmx-player button{cursor:pointer;font:inherit;border:0;-webkit-tap-highlight-color:transparent}
#rmx-player .rmx-toggle {width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffe392,#e7ae31);box-shadow:0 0 27px #e6b64b32;color:#15130f;transition:transform .15s,filter .15s}
#rmx-player .rmx-toggle:hover {transform:scale(1.05);filter:brightness(1.06)}
#rmx-player .rmx-toggle:focus-visible,#rmx-player a:focus-visible,#rmx-player input:focus-visible {outline:2px solid #f5d27a;outline-offset:3px}
#rmx-player svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#rmx-player .rmx-toggle svg{width:22px;height:22px;stroke-width:1;fill:currentColor}
#rmx-player .rmx-waves{height:26px;display:flex;align-items:center;gap:3px;min-width:36px;justify-content:center}
#rmx-player .rmx-waves i {display:block;background:#d9af48;border-radius:2px;width:3px;height:5px;opacity:.45}
#rmx-player.rmx-playing .rmx-waves i{opacity:1;animation:rmx-bounce .65s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.14s)}
@keyframes rmx-bounce {to{height:24px}}
#rmx-player .rmx-actions {min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:15px}
#rmx-player .rmx-volume {display:flex;align-items:center;gap:8px;color:#b7b1a5}
#rmx-player .rmx-volume input {width:100px;accent-color:#e8ba49;cursor:pointer}
#rmx-player .rmx-open{white-space:nowrap;text-decoration:none;font-size:11px;letter-spacing:.025em;font-weight:800;color:#edd595;padding:11px 12px;border:1px solid #544527;border-radius:10px;background:#2b251b}
#rmx-player .rmx-open:hover{background:#3e301e}
#rmx-player .rmx-offline {color:#e4a4a4!important}
@media(max-width:800px){#rmx-player .rmx-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}#rmx-player .rmx-controls .rmx-waves{display:none}#rmx-player .rmx-volume{display:none}#rmx-player .rmx-open{padding:11px 9px}}
@media(max-width:560px){body{padding-bottom:calc(89px + env(safe-area-inset-bottom,0px))!important}#rmx-player{padding-inline:0}#rmx-player .rmx-inner{min-height:73px;border-radius:17px 17px 0 0;padding:9px 13px;gap:9px}#rmx-player .rmx-brand{gap:9px}#rmx-player .rmx-art{width:43px;height:43px;border-radius:11px}#rmx-player .rmx-title{font-size:13px}#rmx-player .rmx-kicker{font-size:8px;letter-spacing:.12em}#rmx-player .rmx-status{font-size:10px;max-width:175px}#rmx-player .rmx-toggle{height:47px;width:47px}#rmx-player .rmx-open{font-size:0;line-height:0;display:grid;place-items:center;padding:0;width:35px;height:38px}#rmx-player .rmx-open svg{height:18px;width:18px}#rmx-player .rmx-actions{gap:0}}
@media(prefers-reduced-motion:reduce){#rmx-player.rmx-playing .rmx-waves i,#rmx-player.rmx-playing .rmx-progress{animation:none!important}#rmx-player *{transition:none!important}}
