@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;600;700&display=swap");
:root{--y:#F2D600;--w:rgba(255,255,255,.95);--g:rgba(15,15,15,.34)}
#loe-radio{position:fixed;right:28px;bottom:28px;width:430px;font-family:Barlow,sans-serif;color:var(--w);background:var(--g);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:0 20px 70px rgba(0,0,0,.35);overflow:hidden;z-index:999999}
#loe-radio::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:12px 12px}
#loe-radio>*{position:relative;z-index:1}.head{display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:move}.logo{width:18px}.brand{flex:1}.radio{font-size:29px;font-weight:700}.name{font-size:15px;color:rgba(255,255,255,.55)}.close{background:none;border:none;color:rgba(255,255,255,.6);font-size:22px}.body{display:flex;gap:18px;padding:0 22px 14px}.cover img{width:108px;height:108px;border-radius:18px;background:#222}.meta{flex:1;display:flex;flex-direction:column;justify-content:center}.artist{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.14em;color:var(--y)}.live{width:7px;height:7px;border-radius:50%;background:var(--y);box-shadow:0 0 8px var(--y)}.title{margin:8px 0 14px;font-size:26px;font-weight:700}.bar{height:3px;background:rgba(255,255,255,.15);border-radius:3px}.fill{height:100%;width:0;background:var(--y)}.volume{display:flex;align-items:center;gap:10px;margin-top:12px}.vol-icon{color:var(--y)}#volume{flex:1}.queue{padding:0 22px 12px}.queue h4{font-size:10px;color:rgba(255,255,255,.55)}.queue div{font-size:13px;padding:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls{display:flex;justify-content:center;gap:14px;padding:10px 0 20px}.controls button{width:54px;height:54px;border:none;border-radius:50%;background:var(--y);font-size:20px;font-weight:700}#loe-radio.min{width:58px;height:58px;border-radius:50%}#loe-radio.min .head,#loe-radio.min .body,#loe-radio.min .queue,#loe-radio.min .controls{display:none}#loe-radio.min .mini{display:flex;align-items:center;justify-content:center;width:58px;height:58px;color:var(--y);font-size:30px}.mini{display:none}