.audio-player{width:100%;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left}.audio-player audio{display:none}.audio-player-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.audio-mode-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted)}.audio-state{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.audio-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.audio-playback-row{display:flex;align-items:center;gap:12px}.audio-play-button{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;padding:0;border:0;border-radius:50%;background:var(--accent);color:#fff}.audio-play-button:hover:not(:disabled){background:#203da0}.audio-play-button svg{width:22px;height:22px}.audio-seek,.audio-progress{flex:1;min-width:0}.audio-seek input{display:block;width:100%;min-height:32px;padding:0;margin:0;accent-color:var(--accent);cursor:pointer}.audio-times{display:flex;justify-content:space-between;margin-top:4px;color:var(--muted);font:11px SpaceMono,monospace}.audio-progress-track{height:6px;border-radius:6px;background:#e7ecf7;overflow:hidden}.audio-progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.audio-icon-button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--dark);padding:0}.audio-icon-button:hover:not(:disabled){background:#f3f6fc;border-color:#b5c3e5}.audio-icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.audio-volume{position:relative;flex-shrink:0;margin-left:auto}.audio-volume-button{border-color:transparent}.audio-volume-popup{position:absolute;bottom:calc(100% + 8px);right:0;z-index:80;width:min(256px,calc(100vw - 32px));padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 28px #202a421a}.audio-volume-popup[hidden]{display:none}.audio-volume-popup:after{content:"";position:absolute;top:100%;right:0;width:100%;height:10px}.audio-volume-slider-row{display:flex;align-items:center;gap:8px}.audio-volume-slider-row input{flex:1;width:100%;min-width:0;min-height:44px;padding:0;margin:0;accent-color:var(--accent);cursor:pointer}.audio-volume-readout{min-width:34px;font:11px SpaceMono,monospace;color:var(--muted);text-align:right}.audio-volume-device-note{margin:0;font-size:12px;line-height:1.4;color:var(--muted)}.audio-volume-mute{border-color:transparent}.audio-inline-time{white-space:nowrap;font:11px SpaceMono,monospace;color:var(--muted)}.audio-device-note{margin-top:20px;font-size:13px;color:var(--muted)}.audio-error{margin-top:16px;font-size:14px;color:#a92323}.audio-error p{color:inherit}.review-audio-player{max-width:640px;margin:12px 0;padding:10px 12px}.review-audio-player .audio-playback-row{gap:12px}.review-audio-player .audio-play-button{width:44px;height:44px}.review-audio-player .audio-seek input{min-height:44px}.sound-check .audio-playback-row{justify-content:space-between}.listening-panel .audio-player{max-width:460px;margin:28px auto}.listening-panel .audio-play-button{width:44px;height:44px}.listening-panel .listening-symbol{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 24px;border-radius:24px;background:#eaf0ff}.listening-symbol svg{width:34px;height:34px;fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-check .audio-player{max-width:560px;margin:20px 0}@media(max-width:620px){.audio-player{padding:16px}.review-audio-player{padding:8px 10px}.review-audio-player .audio-playback-row{gap:8px}.audio-inline-time{font-size:10px}.audio-playback-row{gap:12px}}