.hotspot.stereo-object{background:transparent;border:0;border-radius:3px;box-shadow:none;padding:0;display:block;transform:translate(-50%,-100%)}.hotspot.stereo-object img{display:block;width:100%;height:auto;pointer-events:none}.stereo-object:before{content:'';position:absolute;left:50%;top:50%;width:calc(100% + 16px);height:calc(100% + 16px);min-width:44px;min-height:44px;transform:translate(-50%,-50%)}.hotspot.stereo-object:hover,.hotspot.stereo-object:focus-visible{background:transparent;box-shadow:none;filter:drop-shadow(0 0 2px #efc58c)}.stereo-led{position:absolute;left:51.4%;top:62.5%;width:1.7%;aspect-ratio:1;border-radius:50%;background:#f1ca73;box-shadow:0 0 2px #ffc768;opacity:0;pointer-events:none}.stereo-object[data-playing=true] .stereo-led{opacity:1}
.stereo-panel{text-align:center}.stereo-portrait{display:block;width:min(320px,85%);height:auto;margin:-12px auto -10px}.panel-body .radio-state{font-family:var(--mono);font-size:.8125rem;line-height:1.5;color:#645b4c;margin:0 0 8px;min-height:20px}.panel-body .stereo-panel h3{margin:0 0 18px}.stereo-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.stereo-controls button{min-width:44px;min-height:44px}.stereo-controls .radio-toggle{min-width:100px}.stereo-controls button:disabled{opacity:.45}.radio-volume{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:24px auto;font-size:.875rem}.radio-volume input{accent-color:#49685b;min-height:44px;width:min(200px,45%)}.radio-volume output{min-width:4ch;text-align:right;font-family:var(--mono)}.radio-track-list{display:grid;gap:8px;margin-top:24px;text-align:left}.radio-track-list button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 16px;border:1px solid #bbae98;background:#e9dfce;color:#293f43;border-radius:5px;text-align:left}.radio-track-list button[aria-pressed=true]{border-color:#486251;background:#d9e1d1}.radio-track-list small{font-family:var(--mono);color:#5d685e}
.music-enabled{padding-bottom:100px}.radio-dock{position:fixed;right:20px;bottom:18px;z-index:25;display:flex;align-items:center;gap:9px;max-width:calc(100% - 40px);padding:10px 12px;background:#17242ef5;border:1px solid #806b4e;border-radius:8px;box-shadow:0 6px 28px #0006}.radio-dock button{color:var(--ink);background:transparent;border:0;min-height:44px}.radio-dock .radio-dock-title{display:flex;align-items:center;gap:12px;min-width:0;max-width:230px;text-align:left;padding:0 8px}.radio-dock-title>svg{color:var(--gold)}.radio-dock-title span{min-width:0}.radio-dock-title strong{display:block;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-dock-title small{display:block;font-size:.75rem;color:var(--muted)}.radio-dock .radio-dock-button{min-width:44px;padding:8px 10px;border:1px solid #5b675f;border-radius:4px;font-size:.8125rem}.radio-dock button:hover{color:var(--gold);border-color:var(--gold-dark)}
@media(max-width:480px){.radio-dock{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:none;padding:8px;gap:6px}.radio-dock .radio-dock-title{flex:1;gap:8px;padding:0 4px}.radio-dock-title>svg{display:none}.radio-dock .radio-dock-button{padding:8px}.stereo-portrait{width:90%}.stereo-controls{gap:6px}.stereo-controls .radio-toggle{min-width:84px}}
.radio-inline{position:static;max-width:none;margin:0 0 24px;background:#e5ddce;border-color:#bbae98;box-shadow:none;flex-wrap:wrap}.radio-inline button{color:#293f43}.radio-inline .radio-dock-title{flex:1}.radio-inline .radio-dock-title>svg{color:#756045}.radio-inline .radio-dock-title small{color:#5d685e}.radio-inline button:hover{color:#365b45}.radio-inline .radio-dock-button{border-color:#8b9b8c}