.uroap-player{--uroap-glass:rgba(255,255,255,.10);--uroap-glass-strong:rgba(255,255,255,.16);--uroap-line:rgba(255,255,255,.18);position:relative;width:100%;min-height:430px;border-radius:34px;overflow:hidden;color:var(--uroap-text,#fff);font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#060714 0%,#11142b 36%,color-mix(in srgb,var(--uroap-primary,#e30613) 46%,#11142b) 100%);box-shadow:0 30px 90px rgba(0,0,0,.38);isolation:isolate}.uroap-player:before{content:"";position:absolute;inset:-45%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.22),transparent 22%),radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--uroap-primary,#e30613) 80%,transparent),transparent 28%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.12),transparent 24%);filter:blur(6px);animation:uroapAura 14s ease-in-out infinite alternate;z-index:-1}.uroap-player:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 30%,rgba(255,255,255,.07));pointer-events:none;z-index:-1}.uroap-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 30px 16px}.uroap-logo{max-height:66px;max-width:210px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35))}.uroap-live{display:inline-flex;align-items:center;gap:9px;font-weight:900;color:#fff;background:rgba(0,0,0,.28);border:1px solid var(--uroap-line);padding:11px 17px;border-radius:999px;letter-spacing:.08em;font-size:13px;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.uroap-live:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--uroap-primary,#e30613);box-shadow:0 0 0 0 color-mix(in srgb,var(--uroap-primary,#e30613) 75%,transparent);animation:uroapPulse 1.6s infinite}.uroap-main{display:grid;grid-template-columns:40% 60%;gap:18px;padding:0 30px 20px}.uroap-track,.uroap-show{min-width:0;display:flex;gap:22px;align-items:center;padding:25px;border:1px solid var(--uroap-line);background:linear-gradient(180deg,var(--uroap-glass-strong),rgba(255,255,255,.07));backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 22px 45px rgba(0,0,0,.20)}.uroap-track{border-radius:26px}.uroap-show{border-radius:26px;justify-content:space-between;position:relative;overflow:hidden}.uroap-show:before{content:"";position:absolute;right:-60px;top:-60px;width:230px;height:230px;border-radius:50%;background:color-mix(in srgb,var(--uroap-primary,#e30613) 35%,transparent);filter:blur(10px)}.uroap-track>div,.uroap-show>div{position:relative;z-index:1;min-width:0}.uroap-cover{flex:0 0 auto;width:150px;height:150px;border-radius:24px;object-fit:cover;background:#111;box-shadow:0 20px 45px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.20)}.uroap-host{position:relative;z-index:1;flex:0 0 auto;width:176px;height:176px;border-radius:32px;object-fit:cover;background:rgba(255,255,255,.12);box-shadow:0 24px 52px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.22)}.uroap-player small{display:block;color:var(--uroap-muted,#d7d7d7);text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:12px;margin-bottom:8px}.uroap-title,.uroap-show-name{font-size:clamp(26px,4vw,56px);line-height:.95;margin:0 0 10px;font-weight:950;letter-spacing:-.04em;color:var(--uroap-text,#fff);text-wrap:balance}.uroap-artist,.uroap-show-meta{font-size:clamp(16px,1.8vw,22px);line-height:1.25;color:var(--uroap-muted,#d7d7d7);margin:0}.uroap-bar{height:86px;display:flex;align-items:center;gap:18px;padding:0 30px;background:rgba(0,0,0,.32);border-top:1px solid var(--uroap-line)}.uroap-play{width:58px;height:58px;border-radius:50%;border:0;background:#fff;color:#111;font-size:20px;font-weight:900;box-shadow:0 14px 30px rgba(0,0,0,.30);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.uroap-play:hover{transform:scale(1.06);box-shadow:0 18px 36px rgba(0,0,0,.38)}.uroap-eq{display:flex;gap:5px;align-items:end;height:34px;padding:0 4px}.uroap-eq span{width:6px;background:linear-gradient(180deg,#fff,var(--uroap-primary,#e30613));border-radius:9px;animation:uroapEq 1s infinite ease-in-out}.uroap-eq span:nth-child(2){animation-delay:.15s}.uroap-eq span:nth-child(3){animation-delay:.3s}.uroap-eq span:nth-child(4){animation-delay:.45s}.uroap-volume{margin-left:auto;accent-color:var(--uroap-primary,#e30613);max-width:210px}.uroap-change{animation:uroapChange .55s ease}.uroap-grid,.uroap-history{font-family:Inter,Arial,sans-serif;color:#101322;background:#fff;border-radius:26px;padding:24px;box-shadow:0 20px 55px rgba(20,20,40,.08)}.uroap-grid h2,.uroap-history h2{font-size:32px;margin:0 0 20px}.uroap-grid-row,.uroap-history-row{display:grid;grid-template-columns:140px 1fr 1fr;gap:15px;align-items:center;padding:16px;border-bottom:1px solid #edf0f5}.uroap-grid-row{border-radius:16px}.uroap-grid-row:hover,.uroap-history-row:hover{background:#f7f8fb}.uroap-history-row img{width:58px;height:58px;object-fit:cover;border-radius:14px}.uroap-history form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.uroap-history input,.uroap-history button{padding:13px 14px;border-radius:13px;border:1px solid #dfe3ea}.uroap-history button{background:#111;color:#fff;border-color:#111;font-weight:800}@keyframes uroapEq{0%,100%{height:8px}50%{height:32px}}@keyframes uroapPulse{70%{box-shadow:0 0 0 12px transparent}}@keyframes uroapAura{to{transform:translate3d(5%,3%,0) scale(1.05)}}@keyframes uroapChange{0%{opacity:.3;transform:translateY(8px) scale(.98)}100%{opacity:1;transform:none}}@media(max-width:1100px){.uroap-main{grid-template-columns:1fr}.uroap-track,.uroap-show{border-radius:24px}.uroap-player{min-height:auto}.uroap-show:before{opacity:.55}}@media(max-width:700px){.uroap-player{border-radius:24px}.uroap-top{padding:18px;align-items:flex-start}.uroap-logo{max-height:52px;max-width:165px}.uroap-live{font-size:11px;padding:9px 12px}.uroap-main{padding:0 14px 14px;gap:12px}.uroap-track,.uroap-show{padding:18px;flex-direction:column;text-align:center}.uroap-cover{width:136px;height:136px}.uroap-host{width:140px;height:140px;border-radius:28px}.uroap-title,.uroap-show-name{font-size:32px}.uroap-bar{height:auto;min-height:78px;padding:14px;flex-wrap:wrap}.uroap-volume{max-width:none;width:100%;margin-left:0}.uroap-grid,.uroap-history{padding:18px;border-radius:20px}.uroap-grid-row,.uroap-history-row{grid-template-columns:1fr;gap:8px}}