@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;600;700&display=swap');
:root{--y:#F2D600;--bg:rgba(18,18,18,.42);--t:#fff;--m:#d1d5db}
#loe-radio{position:fixed;top:22px;right:22px;width:500px;background:var(--bg);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:24px;color:var(--t);font-family:Barlow,sans-serif;display:none;overflow:hidden;z-index:99999;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px}.brand{display:flex;gap:12px;align-items:flex-start}.logo{width:22px;height:auto}.radio{font-size:38px;font-weight:300;line-height:.9}.name{color:var(--m);font-size:13px}.close{background:none;border:0;color:#fff;font-size:22px}.content{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:0 18px 18px}.cover img{width:120px;height:120px;border-radius:16px;object-fit:cover}.artist{font-size:12px;color:var(--y);font-weight:700}.live{display:inline-block;width:9px;height:9px;background:var(--y);border-radius:50%;margin-right:6px;animation:p 1.2s infinite}.title{font-size:18px;font-weight:600;margin:6px 0 10px}.bar{height:4px;background:#ffffff18;border-radius:99px}.fill{height:100%;width:0;background:var(--y)}.vol{display:flex;align-items:center;gap:8px;margin:10px 0}.vol input{flex:1;accent-color:var(--y)}.controls{display:flex;justify-content:center;gap:12px;padding:8px 18px 16px}.controls button{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff18;background:#ffffff10;color:#fff}.controls .play{width:56px;height:56px;background:var(--y);color:#111;border:none}.mini{border-top:1px solid #ffffff10;padding:14px 18px}.mini b{color:var(--y);display:block;margin-bottom:8px}.mini div{padding:3px 0;color:#eee}.mini span{color:var(--y);display:inline-block;width:22px}@keyframes p{50%{opacity:.3}}@media(max-width:600px){#loe-radio{width:calc(100vw - 20px);right:10px;top:10px}.content{grid-template-columns:88px 1fr}.cover img{width:88px;height:88px}.radio{font-size:30px}}

.resize{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 40%,#F2D600 40%,#F2D600 55%,transparent 55%)}