.listening-toolbar{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:15px}.listening-tabs button,.listening-toolbar button{border:1px solid #d9e4f4;background:#fff;color:#4c6586;border-radius:999px;padding:7px 12px;min-height:38px;font:600 13px/1.4 system-ui}.listening-tabs{display:flex;gap:7px;justify-content:center;margin-bottom:15px}.listening-tabs [aria-pressed=true]{background:#1767ed;color:#fff;border-color:#1767ed}.listening-meta{font-size:12px;color:#6d7c93;margin-bottom:15px}.listening-controls{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:18px 0}.listening-controls .listen-button{margin:0;font-size:14px}.listening-controls .noise-off{background:#fff;border:1px solid #d9e4f4;font:500 12px system-ui;border-radius:999px;min-height:38px;padding:7px 10px;color:#65748b}.listening-state{font-size:13px;color:#64788e;min-height:22px;margin:10px 0}.listening-transcript{text-align:left;border-radius:13px;background:#f1f6ff;padding:14px;margin-top:16px;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.listening-transcript strong{display:block;color:#1767ed;margin-bottom:4px}.listening-settings{width:min(480px,calc(100% - 24px));max-height:88dvh;border:1px solid #dce6f4;border-radius:17px;padding:0;color:#26354d;font:400 15px/1.5 system-ui;overflow:auto}.listening-settings::backdrop{background:#172c4a80}.listening-settings header{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edf5}.listening-settings h2{font:600 17px system-ui;margin:0}.listening-settings header button{border:0;background:0 0;font-size:24px;color:#5b718e;min-width:38px;min-height:38px}.listening-settings .settings-body{padding:16px}.listening-settings label{display:block;font-weight:600;margin-bottom:14px}.listening-settings label.check{font-weight:400;font-size:13px}.listening-settings select{display:block;width:100%;margin-top:6px;border:1px solid #d6e1f0;border-radius:9px;min-height:42px;padding:8px;background:#fff;font:400 16px system-ui;color:inherit}.listening-settings input[type=range]{width:100%;display:block;margin-top:8px}.listening-settings input[type=checkbox]{width:17px;height:17px;vertical-align:middle}.listening-settings p{font-size:12px;color:#687c95;line-height:1.6;margin-bottom:12px}.listening-settings .settings-buttons{display:flex;gap:8px;flex-wrap:wrap}.listening-settings .settings-buttons button{flex:1;border:1px solid #cbdcf4;border-radius:10px;padding:9px;font:600 13px system-ui;min-height:40px;color:#1767ed;background:#edf4ff}.listening-settings button:focus-visible,.listening-toolbar button:focus-visible{outline:3px solid #86b7fe;outline-offset:3px}.listening-settings [data-status]:empty{display:none}.game-card [hidden],.listening-settings [hidden]{display:none!important}.listening-image-fallback{display:block;font-size:14px;text-align:center}.listening-summary-list{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:15px}.mixed-speaking-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.mixed-speaking-target{padding:17px;border-radius:14px;background:#f1f6ff;font-size:clamp(17px,4.2vw,23px);line-height:1.6;margin:18px 0;overflow-wrap:anywhere}.game-card .choice,.listening-card .choice{min-width:0}.listening-card .choice-text{min-width:0;white-space:normal;overflow-wrap:anywhere;flex:1}.listening-card .choice-image{height:clamp(85px,18dvh,135px)}@media(max-width:380px){.listening-controls{gap:6px}.listening-controls .listen-button{font-size:12px;padding:8px 10px}.listening-settings .settings-body{padding:13px}}