#audio-panel{background:#fff;border:1px solid #b8e8f0;border-radius:20px;padding:16px;margin:0 0 24px;box-shadow:0 4px 16px #253b5005;color:#253b50;min-width:0}.audio-player{display:flex;align-items:center;gap:12px}.audio-status-text{display:flex;flex:1;flex-direction:column;min-width:0;gap:4px}.audio-status-text span{font-size:12px;color:#476777;overflow-wrap:anywhere}.audio-round{border:1px solid #79cada;background:#b8e8f0;color:#253b50;border-radius:50%;width:48px;height:48px;min-width:48px;font-size:20px;cursor:pointer}.audio-round:disabled{opacity:.45;cursor:default}.audio-replays{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.audio-replays .btn{flex:1;min-height:44px;white-space:normal;min-width:80px;font-size:13px;padding:8px}.audio-help{font-size:12px;color:#536f80;margin:10px 0}.audio-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.audio-language{border:1px solid #d6eff3;border-radius:16px;padding:12px;min-width:0;margin:0}.audio-language legend{font-weight:700}.audio-language label{font-size:13px}.audio-language select{width:100%;max-width:100%;min-height:44px;border:1px solid #79cada;border-radius:10px;background:#fff;color:#253b50;padding:6px;margin:6px 0 12px;font:inherit;font-size:13px}.audio-language input[type=range]{width:100%;min-height:44px;margin:0;accent-color:#258098}.audio-rate-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.audio-sample{min-height:44px;width:100%}#audio-panel summary{min-height:44px;cursor:pointer;line-height:1.6;padding:10px 0;font-size:14px;font-weight:600}#audio-panel .note{color:#536f80;line-height:1.8;font-size:12px}.audio-wave{height:30px;display:flex;align-items:center;gap:3px}.audio-wave i{display:block;width:4px;height:9px;border-radius:4px;background:#258098}#audio-panel[data-playing=true] .audio-wave i{animation:audio-wave .8s ease-in-out infinite alternate}#audio-panel[data-playing=true] .audio-wave i:nth-child(2){animation-delay:.2s}#audio-panel[data-playing=true] .audio-wave i:nth-child(3){animation-delay:.4s}.audio-is-playing{outline:2px solid #258098!important;outline-offset:2px}button[data-action=listen],button[data-action=slow],button[data-word-audio],button[data-my=audio],button[data-exam=audio],button[data-ui-grammar]{min-height:44px;border-radius:999px!important}#audio-panel button:focus-visible,#audio-panel select:focus-visible,#audio-panel summary:focus-visible{outline:3px solid #258098;outline-offset:3px}@keyframes audio-wave{to{height:26px}}@media(max-width:600px){.audio-settings-grid{grid-template-columns:1fr}#audio-panel{padding:12px}.audio-replays{gap:5px}.audio-replays .btn{font-size:12px;padding:8px 4px}}@media(prefers-reduced-motion:reduce){#audio-panel[data-playing=true] .audio-wave i{animation:none;height:20px}}

.audio-floating-stop{display:none;position:fixed;right:16px;bottom:calc(150px + env(safe-area-inset-bottom));z-index:60;min-height:48px;border:1px solid #258098;border-radius:999px;background:#b8e8f0;color:#253b50;padding:10px 18px;box-shadow:0 5px 20px #253b5030;font:inherit;font-size:13px;cursor:pointer}#audio-panel[data-playing=true] .audio-floating-stop{display:inline-flex;align-items:center;gap:8px}@media(min-width:801px){.audio-floating-stop{bottom:24px}}

.audio-ja-tools{display:flex;flex-direction:column;gap:8px;margin-top:8px}.audio-ja-tools button{min-height:44px;white-space:normal;font-size:12px}.audio-device-link{font-size:12px;display:inline-block;padding:12px 0;color:#1f6174;text-underline-offset:3px}