.listening-audio-panel{background:linear-gradient(135deg, var(--cream), #fff);border:1px solid #dcd6ca;border-radius:16px;gap:12px;margin-top:20px;padding:14px;display:grid;box-shadow:0 8px 22px #111c330d}.listening-audio-label{color:var(--navy);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;font-size:.75rem;font-weight:800;display:flex}.listening-audio-player{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;min-height:42px;accent-color:var(--red);background:#f1f3f4;border-radius:12px;display:block}.listening-audio-player::-webkit-media-controls-enclosure{border-radius:12px}.listening-audio-player::-webkit-media-controls-overflow-button{display:none!important}.transcript-hint{border:1px solid var(--border);background:#fff;border-radius:14px;margin-top:10px;overflow:hidden}.transcript-hint-trigger{cursor:pointer;width:100%;min-height:46px;color:var(--navy);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.82rem;font-weight:800;transition:background-color .14s,color .14s;display:flex}.transcript-hint-trigger:hover{background:var(--cream);color:var(--red)}.transcript-hint-trigger:focus-visible{outline-offset:-3px;outline:3px solid #e14e4133}.transcript-hint-icon{background:var(--cream);width:26px;height:26px;color:var(--red);border-radius:8px;flex:0 0 26px;place-items:center;font-size:1rem;display:grid}.transcript-hint-content{border-top:1px solid var(--border);background:#fbfaf7;gap:10px;max-height:320px;padding:14px;display:grid;overflow-y:auto}.transcript-line{color:var(--navy);grid-template-columns:28px 1fr;align-items:start;gap:9px;font-size:.875rem;line-height:1.55;display:grid}.transcript-line>span{width:26px;height:26px;color:var(--muted-strong);background:#fff;border-radius:8px;place-items:center;font-size:.68rem;font-weight:800;display:grid;box-shadow:0 1px 5px #111c3314}.listening-task-actions{border-top:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:grid}.listening-task-actions .secondary-button{width:140px}.listening-task-actions>:last-child{justify-self:end}@media (max-width:639px){.listening-task-actions{grid-template-columns:1fr 1fr}.listening-task-actions .primary-button{grid-area:1/1/auto/-1;width:100%}.listening-task-actions>:last-child{justify-self:stretch}.listening-task-actions .secondary-button{width:100%}}