#kingdom-audio-panel { font-family:'Segoe UI',Arial,sans-serif; color:#233047; box-sizing:border-box; }
#kingdom-audio-button,#kingdom-audio-panel[hidden] { display:none!important; }
#kingdom-audio-panel { position:fixed; right:max(10px,env(safe-area-inset-right)); top:calc(64px + env(safe-area-inset-top)); width:min(320px,calc(100vw - 20px)); max-height:calc(100dvh - 84px - env(safe-area-inset-top)); overflow:auto; padding:18px; border-radius:18px; background:#fff; border:1px solid #bdc9dd; box-shadow:0 10px 36px #1b273d40; z-index:11051; line-height:1.5; }
#kingdom-audio-panel * { box-sizing:border-box; font-family:inherit; }
#kingdom-audio-panel header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
#kingdom-audio-panel h2 { margin:0; font-size:18px; color:#233047; }
#kingdom-audio-panel p { font-size:12px; color:#536176; margin:6px 0 18px; }
#kingdom-audio-panel button { min-height:44px; border:1px solid #bdc9dd; border-radius:10px; background:#edf4ff; color:#285da6; font-size:13px; padding:8px 12px; cursor:pointer; }
#kingdom-audio-panel header button { width:44px; padding:0; font-size:20px; }
#kingdom-audio-panel button[aria-pressed=true] { background:#285da6; color:#fff; }
#kingdom-audio-panel .kingdom-audio-row { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:14px; margin:12px 0 8px; }
#kingdom-audio-panel label { display:flex; justify-content:space-between; gap:12px; font-size:12px; color:#536176; }
#kingdom-audio-panel input[type=range] { width:100%; min-height:44px; accent-color:#285da6; margin:0; }
#kingdom-audio-panel :focus-visible,#kingdom-audio-button:focus-visible { outline:3px solid #80621a; outline-offset:3px; }
#kingdom-audio-panel .kingdom-audio-note { margin:12px 0 0; font-size:12px; border-top:1px solid #dfe6ef; padding-top:12px; }