#audio-launch {position:fixed;z-index:20;right:max(12px,calc((100vw - 56.25vh)/2 + 12px));bottom:max(7px,env(safe-area-inset-bottom));min-height:30px;padding:5px 13px;border:1px solid #9a875b88;border-radius:18px;background:#0d172de8;color:#eedbad;font:600 12px "Yu Gothic UI",Meiryo,sans-serif;cursor:pointer;touch-action:manipulation;}
#audio-launch:hover {background:#25314d;border-color:#e3bd72;}
#audio-panel {position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto;padding:24px;border:1px solid #b7a071;border-radius:20px;background:linear-gradient(145deg,#18243a,#0c1120);color:#f4efdf;box-shadow:0 24px 90px #000b;font:14px/1.55 "Yu Gothic UI",Meiryo,sans-serif;touch-action:pan-y;user-select:auto;}
#audio-panel::backdrop {background:#020612bc;backdrop-filter:blur(5px);}
html:has(#audio-panel[open]),body:has(#audio-panel[open]) {touch-action:pan-y;}
#audio-panel button,#audio-panel select {font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff28;border-radius:9px;background:#ffffff0b;padding:9px 12px;touch-action:manipulation;}
#audio-panel button:hover {background:#ffffff16;border-color:#cab074;}
#audio-panel button:focus-visible,#audio-panel input:focus-visible,#audio-panel select:focus-visible,#audio-launch:focus-visible {outline:2px solid #f5d08d;outline-offset:3px;}
.audio-top {display:flex;justify-content:space-between;align-items:center;}
.audio-eyebrow {font-size:10px;letter-spacing:.22em;color:#bb9f6a;}
#audio-heading {font-size:25px;letter-spacing:.08em;margin:3px 0 0;}
#audio-close {font-size:24px!important;line-height:1;padding:8px 12px!important;}
#audio-status {font-size:12px;color:#c2cddd;min-height:20px;margin:13px 0 22px;}
.audio-volume {display:grid;grid-template-columns:1fr auto;gap:10px;margin:20px 0;color:#e2e7f0;}
.audio-volume output {color:#e7c486;font-variant-numeric:tabular-nums;}
.audio-volume input {grid-column:1/-1;width:100%;height:24px;accent-color:#dfb66c;touch-action:none;cursor:pointer;}
.audio-options {display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:23px 0;font-size:12px;}
.audio-options label {display:flex;align-items:center;gap:7px;color:#aab8ca;}
.audio-options input {accent-color:#dfb66c;}
.audio-audition {border-top:1px solid #ffffff1a;padding-top:20px;}
.audio-audition h3 {font-size:14px;margin:0 0 13px;}
.audio-preview-row {display:flex;gap:7px;}
#audio-track {min-width:0;flex:1;background:#111b2b!important;}
#audio-listen {border-color:#b39b68!important;background:#b693491f!important;}
.audio-samples {display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;}
.audio-samples button {font-size:12px!important;padding:7px 9px!important;}
.audio-note {font-size:11px;color:#8897af;margin:22px 0 9px;}
.audio-credit {font-size:11px;color:#ceb784;text-decoration:none;}
@media(max-height:540px) {#audio-panel{padding:18px;}.audio-volume{margin:10px 0;}#audio-status{margin-bottom:10px;}}