.lofi-radio{--radio-bg:#f1eff6;--radio-ink:#292533;--radio-soft:#e8e4f0;--radio-accent:#7045da;position:fixed;right:22px;bottom:20px;z-index:45;color:var(--radio-ink);font:13px/1.55 system-ui,sans-serif;max-width:calc(100vw - 28px);filter:drop-shadow(0 8px 18px #0002)}[data-theme=dark] .lofi-radio{--radio-bg:#26232f;--radio-ink:#f4f0fa;--radio-soft:#35303f;--radio-accent:#b39af5}.lofi-radio>summary{list-style:none;display:flex;gap:12px;align-items:center;padding:12px 18px;border:1px solid #887aa34d;border-radius:30px;background:var(--radio-bg);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.07em}.lofi-radio summary::-webkit-details-marker{display:none}#radio-light{font-size:9px;color:var(--radio-accent)}.lofi-radio[data-playing=true]>summary>span:first-child{animation:radio-pulse 1.6s ease-in-out infinite}.radio-panel{position:absolute;bottom:58px;right:0;width:min(365px,calc(100vw - 28px));padding:22px;border:1px solid #887aa34d;border-radius:22px;background:var(--radio-bg);max-height:calc(100dvh - 110px);overflow:auto;box-sizing:border-box}.radio-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.1em}.radio-panel h2{font-size:23px;letter-spacing:-.04em;line-height:1.2;margin:14px 0 7px;color:var(--radio-ink)}.radio-panel p{font-size:12px;color:var(--radio-ink);line-height:1.6}.radio-byline{margin:0 0 18px;opacity:.75}.radio-panel label{display:flex;justify-content:space-between;font-size:11px;font-weight:600;margin:12px 0 6px}.radio-panel select{box-sizing:border-box;width:100%;background:var(--radio-soft);color:var(--radio-ink);padding:11px 8px;border:1px solid #887aa366;border-radius:10px;font:11px system-ui;box-shadow:none}.radio-panel button{cursor:pointer;border:1px solid #887aa366;border-radius:10px;padding:10px 14px;background:var(--radio-soft);color:var(--radio-ink);font:600 12px system-ui;box-shadow:none}.radio-panel #radio-close{border:0;padding:0 5px;background:transparent;font-size:23px}.radio-transport{display:flex;align-items:center;gap:8px;margin:15px 0}#radio-play{background:var(--radio-accent);color:#fff;min-width:72px}[data-theme=dark] #radio-play{color:#211333}#radio-meter{width:42px;height:8px;margin-left:auto}#radio-volume{width:100%;accent-color:var(--radio-accent);box-shadow:none;padding:0}#radio-status{min-height:38px;font-size:11px;margin-bottom:12px}.radio-about{border-top:1px solid #887aa34d;padding-top:12px}.radio-about summary{cursor:pointer;font-size:11px}.radio-about p,.radio-about a{font-size:11px}.radio-about a{color:var(--radio-accent)}.lofi-radio :focus-visible{outline:2px solid var(--radio-accent);outline-offset:3px}body{padding-bottom:72px}@keyframes radio-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.lofi-radio[data-playing=true]>summary>span:first-child{animation:none}}@media(max-width:600px){.lofi-radio{right:14px;bottom:12px}.radio-panel{padding:19px}}

.radio-panel .radio-byline{margin-bottom:6px}.radio-panel .radio-credit{margin:0 0 16px;font-size:11px}.radio-credit a{color:var(--radio-accent);text-underline-offset:3px}.radio-about strong{font-weight:700}