body{padding-bottom:90px}
.katila-radio{position:fixed;bottom:14px;right:14px;z-index:20;width:min(290px,calc(100% - 28px));display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #e8b24e35;border-radius:16px;background:#201912eb;box-shadow:0 4px 18px #0005;color:var(--cream);backdrop-filter:blur(14px)}
.radio-info{min-width:0;flex:1}.radio-label{display:block;color:var(--gold);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:5px}.radio-title{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-status{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.katila-radio button{min-height:44px;min-width:44px;border-radius:50%;border:1px solid #ffffff30;background:transparent;color:var(--cream);cursor:pointer;font:inherit}.katila-radio .radio-play{background:var(--gold);color:#201912;border-color:var(--gold);font-weight:bold}.radio-volume{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.radio-volume input{width:72px;accent-color:var(--gold)}
.radio-volume{display:none}.radio-label{font-size:9px;letter-spacing:1px;margin-bottom:3px}.radio-title{font-size:11px}.radio-status{font-size:9px}.katila-radio .radio-play{background:#e8b24ed9}
@media(max-width:520px){.katila-radio{width:min(260px,calc(100% - 20px));right:10px;gap:8px;padding:8px 10px;bottom:calc(10px + env(safe-area-inset-bottom))}.radio-title{font-size:11px}body{padding-bottom:100px}}