.site-header .audio-tools{position:relative;display:flex;align-items:center;flex:none;border:1px solid #626c7d;border-radius:7px;color:#f1eee6;background:#252a33}
.audio-tools>button{display:grid;place-items:center;width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;box-shadow:none;transform:none;cursor:pointer;touch-action:manipulation}
.audio-tools>button:hover{background:#424b59;transform:none}.audio-tools>button:active{background:#515c6d;transform:none}
.audio-tools>.audio-options{width:44px;border-left:1px solid #626c7d;border-radius:0 6px 6px 0}
.audio-tools svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.audio-tools .audio-slash{display:none}.audio-tools[data-state=muted] .audio-slash,.audio-tools[data-state=blocked] .audio-slash,.audio-tools[data-state=error] .audio-slash{display:block}
.audio-tools[data-state=muted] .audio-wave,.audio-tools[data-state=blocked] .audio-wave,.audio-tools[data-state=error] .audio-wave{display:none}
.audio-tools[data-state=blocked],.audio-tools[data-state=error]{border-color:#e0c896}
.audio-panel{box-sizing:border-box;position:fixed;inset:calc(var(--site-header-height,74px) + 8px) 16px auto auto;margin:0;width:min(290px,calc(100vw - 24px));max-height:calc(100dvh - var(--site-header-height,74px) - 24px);overflow:auto;padding:16px;border:2px solid #111820;border-radius:12px;background:#e9e8e2;color:#252b35;box-shadow:4px 5px 0 #11182080;font:700 13px/1.4 Nunito,system-ui,sans-serif;text-align:left;z-index:60}
.audio-panel::backdrop{background:transparent}.audio-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.audio-heading strong{font:400 25px/1 Bangers,Impact,sans-serif}.audio-panel .audio-panel-close{width:44px;min-height:44px;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#252b35;font:24px/1 system-ui;cursor:pointer}
.audio-status{min-height:18px;margin:4px 0 13px;font-size:11px;color:#586272}
.audio-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:35px;cursor:pointer}
.audio-row input{appearance:none;position:relative;display:block;flex:none;width:38px;height:22px;margin:0;border:1px solid #828a96;border-radius:13px;background:#b3b9c2;cursor:pointer}
.audio-row input::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .1s}
.audio-row input:checked{background:#394455;border-color:#394455}.audio-row input:checked::after{transform:translateX(16px)}
.audio-panel>input[type=range]{display:block;width:100%;height:30px;margin:0 0 8px;padding:0;accent-color:#465267;cursor:pointer}
.audio-credits{margin-top:12px;border-top:1px solid #b6bbc2;padding-top:6px}.audio-credits summary{cursor:pointer;min-height:38px;display:flex;align-items:center;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.audio-credit-list p{font:500 11px/1.5 Nunito,system-ui,sans-serif;margin:8px 0}.audio-credit-list a{color:#314660;text-decoration:underline}
.audio-tools button:focus-visible,.audio-panel input:focus-visible,.audio-panel summary:focus-visible{outline:3px solid #9b733b;outline-offset:3px}
@media(max-width:380px){.site-header:has(.audio-tools){gap:6px}.site-header:has(.audio-tools) .site-actions{gap:4px}.audio-tools>.audio-options{width:44px}.site-header:has(.audio-tools) .site-action{padding:7px 6px;gap:3px}}
@media(prefers-reduced-motion:reduce){.audio-row input::after{transition:none}}