#rsp-elegante{position:fixed;left:0;right:0;bottom:0;z-index:999999;font-family:Inter,Arial,sans-serif;color:#fff;background:linear-gradient(100deg,var(--rsp-p),var(--rsp-s) 58%,#e6a900);box-shadow:0 -10px 35px rgba(0,0,0,.32);border-top:1px solid rgba(255,255,255,.35)}
#rsp-elegante:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0,rgba(255,214,0,.25),transparent 28%),radial-gradient(circle at 85% 100%,rgba(255,255,255,.12),transparent 30%);pointer-events:none}
.rsp-shell{position:relative;max-width:1280px;margin:auto;padding:9px 18px;min-height:76px;display:flex;align-items:center;gap:16px;box-sizing:border-box}
.rsp-brand{display:flex;align-items:center;gap:10px;min-width:245px}.rsp-disc{width:52px;height:52px;border-radius:50%;background:#230000;border:2px solid var(--rsp-a);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 0 18px rgba(255,214,0,.25)}.rsp-disc img{width:100%;height:100%;object-fit:cover}.rsp-disc span{font-weight:900;font-size:16px}.rsp-disc b{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--rsp-a);right:2px;bottom:2px;border:2px solid var(--rsp-p)}.rsp-brand strong{display:block;font-size:17px}.rsp-brand small{display:block;font-size:10px;opacity:.82;margin-top:4px}
.rsp-play{width:52px;height:52px;border:0;border-radius:50%;background:#fff;color:var(--rsp-p);font-size:20px;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.28);transition:.2s}.rsp-play:hover{transform:scale(1.06)}.rsp-center{flex:1;min-width:0}.rsp-live{font-size:9px;font-weight:900;letter-spacing:1px;color:var(--rsp-a)}.rsp-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rsp-a);margin-right:5px;box-shadow:0 0 8px var(--rsp-a)}.rsp-track{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.rsp-eq{height:17px;display:flex;align-items:flex-end;gap:2px;margin-top:5px}.rsp-eq i{width:3px;height:7px;background:var(--rsp-a);border-radius:2px;animation:rspbars .7s ease-in-out infinite alternate}.rsp-eq i:nth-child(2n){height:14px;animation-delay:.12s}.rsp-eq i:nth-child(3n){height:10px;animation-delay:.23s}.rsp-eq i:nth-child(4n){height:16px;animation-delay:.34s}#rsp-elegante:not(.playing) .rsp-eq i{animation-play-state:paused;opacity:.5}@keyframes rspbars{to{height:17px}}
.rsp-tools{display:flex;align-items:center;gap:8px}.rsp-card{min-height:43px;padding:6px 10px;border-radius:12px;background:rgba(60,0,0,.25);border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;justify-content:center;gap:1px}.rsp-card em{font-style:normal;font-size:7px;font-weight:900;letter-spacing:1px;opacity:.75}.rsp-card strong{font-size:15px;font-variant-numeric:tabular-nums}.rsp-card.weather{flex-direction:row;align-items:center;gap:7px}.weather>span{font-size:23px}.rsp-card small{font-size:8px;opacity:.82;white-space:nowrap}.rsp-tools input{width:80px;accent-color:var(--rsp-a)}
@media(max-width:900px){.rsp-shell{padding:8px 10px;gap:9px}.rsp-brand{min-width:auto}.rsp-brand small{display:none}.rsp-tools{gap:5px}.rsp-card.weather{padding:5px}.rsp-card small{display:none}.rsp-tools input{width:60px}}
@media(max-width:650px){.rsp-brand div+div{display:none}.rsp-center{display:none}.rsp-tools{margin-left:auto}.rsp-tools input{display:none}.rsp-card{padding:5px 7px}.rsp-card strong{font-size:13px}.rsp-brand{min-width:52px}}