:root{--red:#ff1a1a;--red-2:#b90808;--bg:#030303;--panel:rgba(8,8,10,.74);--panel-2:rgba(255,255,255,.055);--line:rgba(255,255,255,.10);--text:#fff;--muted:#aaa;--muted-2:#777}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:'Orbitron',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.bg{position:fixed;inset:-13%;z-index:-3;background:center/cover no-repeat url('fallback-delamuerte.png');filter:blur(52px) brightness(.56) saturate(1.68) contrast(1.05);transform:scale(1.18);opacity:.98;transition:background-image .7s ease}.bg-shade{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 50% 24%,rgba(255,26,26,.10),transparent 39%),linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.52) 62%,rgba(0,0,0,.82) 100%)}.noise{position:fixed;inset:0;z-index:-1;opacity:.035;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.18) .45px,transparent .45px);background-size:5px 5px}.shell{width:min(1180px,calc(100% - 28px));min-height:100dvh;margin:auto;display:grid;place-items:center;padding:28px 0}.player{width:100%;display:grid;grid-template-columns:minmax(290px,430px) minmax(0,1fr);gap:clamp(24px,4vw,58px);align-items:center;padding:clamp(18px,3vw,34px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(15,15,17,.80),rgba(5,5,6,.68));box-shadow:0 28px 80px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(20px)}.cover-side{min-width:0}.cover-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:24px;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,26,26,.42),rgba(255,255,255,.04));box-shadow:0 26px 70px rgba(0,0,0,.55),0 0 54px rgba(255,26,26,.14)}.cover{width:100%;height:100%;display:block;object-fit:cover;border-radius:23px;background:#101010;-webkit-user-drag:none;user-select:none}.cover-overlay{position:absolute;inset:1px;border-radius:23px;pointer-events:none;background:linear-gradient(180deg,transparent 64%,rgba(0,0,0,.30))}.live-badge{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:800;letter-spacing:1.2px;backdrop-filter:blur(10px)}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,26,26,.62);animation:pulse 1.8s infinite}.live-badge.offline .live-dot{background:#666;box-shadow:none;animation:none}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,26,26,0)}100%{box-shadow:0 0 0 0 rgba(255,26,26,0)}}.loader{position:absolute;inset:1px;border-radius:23px;display:grid;place-items:center;background:rgba(0,0,0,.18);pointer-events:none}.loader[hidden]{display:none!important}.spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,.18);border-top-color:var(--red);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content{min-width:0;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-name{font-size:12px;color:#ddd;letter-spacing:2.2px;font-weight:800;text-transform:uppercase}.status{font-size:10px;color:#a8a8a8;letter-spacing:1.1px;text-transform:uppercase;white-space:nowrap}.now{min-width:0}.eyebrow{margin-bottom:10px;color:var(--red);font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.title{margin:0;max-width:100%;font-size:clamp(27px,4vw,52px);line-height:1.05;font-weight:800;letter-spacing:-.5px;overflow-wrap:anywhere;text-shadow:0 10px 36px rgba(0,0,0,.42)}.artist{margin-top:12px;color:#bcbcbc;font-size:clamp(15px,2vw,21px);font-weight:500;line-height:1.4;overflow-wrap:anywhere}.transport{display:flex;align-items:center;gap:18px}.play{position:relative;flex:0 0 auto;width:86px;height:86px;border:0;border-radius:50%;display:grid;place-items:center;color:#050505;background:linear-gradient(145deg,#ff3939,var(--red));cursor:pointer;box-shadow:0 18px 42px rgba(255,26,26,.30),inset 0 -4px 12px rgba(100,0,0,.16);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.play:hover{transform:translateY(-2px);box-shadow:0 21px 48px rgba(255,26,26,.40);filter:brightness(1.06)}.play:active{transform:scale(.97)}.play svg{width:32px;height:32px;fill:currentColor}.play .pause-icon{display:none}.play.is-playing .play-icon{display:none}.play.is-playing .pause-icon{display:block}.eq{height:46px;flex:1;display:flex;align-items:center;gap:5px;opacity:.30;overflow:hidden}.eq span{width:4px;height:10px;border-radius:999px;background:linear-gradient(180deg,#fff,var(--red));transform-origin:center}.eq.active{opacity:.82}.eq.active span{animation:eq 1.05s ease-in-out infinite}.eq.active span:nth-child(2n){animation-duration:.78s}.eq.active span:nth-child(3n){animation-duration:1.22s}.eq.active span:nth-child(5n){animation-duration:.92s}@keyframes eq{0%,100%{height:9px;opacity:.55}50%{height:40px;opacity:1}}.audio-row{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:12px}.icon-btn{height:42px;min-width:42px;border-radius:13px;border:1px solid var(--line);background:var(--panel-2);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.icon-btn:hover{background:rgba(255,255,255,.095);border-color:rgba(255,255,255,.18)}.icon-btn:active{transform:scale(.97)}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vol{appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(to right,var(--red) 0%,var(--red) 80%,rgba(255,255,255,.16) 80%,rgba(255,255,255,.16) 100%);outline:none;cursor:pointer}.vol::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--red);box-shadow:0 2px 10px rgba(0,0,0,.35)}.vol::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--red)}.stream-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:-8px}.chip{padding:7px 10px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;color:#aaa;font-size:9px;font-weight:700;letter-spacing:.9px;text-transform:uppercase}.history{padding-top:3px;border-top:1px solid var(--line)}.history-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 10px}.history-title{color:#d5d5d5;font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.history-list{display:grid;gap:7px}.history-item{min-width:0;display:grid;grid-template-columns:8px minmax(0,1fr);gap:11px;align-items:center;padding:10px 11px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.history-dot{width:6px;height:6px;border-radius:50%;background:#741010}.history-meta{min-width:0}.history-track,.history-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-track{font-size:11px;font-weight:700;color:#e8e8e8}.history-artist{font-size:9px;color:#888;margin-top:4px}.connection-note{min-height:16px;color:#777;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:11px}@media(max-width:820px){.shell{width:min(100% - 20px,650px);padding:14px 0 20px}.player{grid-template-columns:1fr;gap:24px;padding:16px;border-radius:24px}.cover-wrap{width:min(100%,430px);margin:auto}.content{gap:18px}.title{font-size:clamp(27px,8vw,44px)}.artist{font-size:clamp(14px,4vw,19px)}.play{width:76px;height:76px}.eq{height:40px}}@media(max-width:480px){.shell{width:100%;padding:0}.player{min-height:100dvh;border-radius:0;border-left:0;border-right:0;padding:15px 14px 22px;background:linear-gradient(180deg,rgba(12,12,13,.66),rgba(3,3,3,.90))}.cover-wrap{border-radius:20px}.cover{border-radius:19px}.cover-overlay,.loader{border-radius:19px}.brand-name{font-size:10px;letter-spacing:1.7px}.status{font-size:9px}.transport{gap:13px}.play{width:70px;height:70px}.play svg{width:28px;height:28px}.audio-row{grid-template-columns:42px minmax(90px,1fr) 42px}.history-list .history-item:nth-child(n+3){display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}