.dictation-page{--dictation-orange:#C66A0A;--dictation-gold:#E99A2E;--dictation-ink:#17334B;--dictation-gradient:linear-gradient(115deg,#C66A0A,#E99A2E);font-family:QLLBrand,'Segoe UI',sans-serif;font-size:16px;color:var(--dictation-ink);background:linear-gradient(135deg,#fffdfb,#fff8f0 65%,#fffdfb)}.dictation-page .icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.dictation-page .site-nav{height:76px;border-bottom:1px solid #f2e4d5;box-shadow:0 2px 12px #a55a0008;max-width:none;padding:0 max(28px,calc((100vw - 1320px)/2));background:#fff;z-index:20}.dictation-page .site-nav>div{display:flex;gap:12px;align-items:center}.dictation-page .site-nav>div a{margin:0;padding:10px 17px;font-size:15px;color:var(--dictation-ink);border-radius:14px;font-weight:650}.dictation-page .site-nav>div a.active{background:var(--dictation-gradient);color:#fff;box-shadow:0 4px 12px #c66a0a1a}.dictation-page .brand-mark{border:0;background:transparent}.dictation-page .qll-unified-brand{color:#b75708!important}.dictation-wrap{max-width:1376px;margin:0 auto;padding:26px 28px 45px}.dictation-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:27px 42px;border:1px solid #f1d1a8;border-radius:20px;background:linear-gradient(110deg,#fffdfa,#fff6e8);margin-bottom:22px;box-shadow:0 8px 26px #b76b0c04}.dictation-hero .eyebrow{display:block;color:#b95604;font-size:18px;font-weight:800;letter-spacing:.02em}.dictation-hero h1{color:var(--dictation-ink);font-size:clamp(29px,3.2vw,44px);letter-spacing:-.9px;line-height:1.2;margin:11px 0 10px;font-weight:800}.dictation-hero p{font-size:18px;line-height:1.6;color:#49566a;margin:0}.hero-headphones{width:142px;height:142px;color:var(--dictation-ink);flex-shrink:0;margin-right:15px}.back-link{display:inline-block;color:#ac5208;text-decoration:none;font-size:15px;margin-bottom:7px}.lesson-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.lesson-heading-title{display:flex;align-items:center;gap:20px;min-width:0}.lesson-heading h2{font-size:30px;line-height:1.3;margin:0;font-weight:800;letter-spacing:-.5px}.level-badge{background:var(--dictation-gradient);color:#fff;padding:9px 15px;border-radius:11px;font-weight:750;font-size:17px}.lesson-progress{display:flex;align-items:center;gap:18px;font-size:15px;white-space:nowrap}.lesson-progress progress{appearance:none;-webkit-appearance:none;width:185px;height:9px;border:0;border-radius:999px;overflow:hidden;background:#f0e8df;color:#D77C15}.lesson-progress progress::-webkit-progress-bar{background:#f0e8df;border-radius:999px}.lesson-progress progress::-webkit-progress-value{background:var(--dictation-gradient);border-radius:999px}.lesson-progress progress::-moz-progress-bar{background:var(--dictation-gradient);border-radius:999px}.runner-status{margin:0;color:#ad4c00;font-size:14px}.runner-status:not(:empty){padding:11px 15px;background:#fff1df;border-radius:10px;margin-bottom:15px}.dictation-columns{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.1fr);gap:20px;align-items:stretch}.panel{background:#fff;border:1px solid #eedfce;border-radius:16px;box-shadow:0 9px 30px #8f4e0605}.dictation-player,.dictation-writing{padding:24px 25px;min-width:0}.panel-title{display:flex;align-items:center;gap:11px;margin:0 0 16px;font-size:22px;line-height:1.35;font-weight:800;color:var(--dictation-ink)}.panel-title svg{width:32px;height:32px;color:var(--dictation-ink);flex-shrink:0}.pen-icon{color:#D77C15;font-size:34px;line-height:1}.segment-select{display:flex;align-items:center;gap:17px;font-size:14px;font-weight:550}.segment-select select,.dictation-filters select,.dictation-filters input{border:1px solid #edcda5;border-radius:10px;background:#fff9f1;font:inherit;color:var(--dictation-ink);min-height:43px;padding:8px 12px;max-width:100%}.segment-select select{min-width:180px}.dictation-player audio{width:100%;margin:17px 0}.player-enhanced #dictationAudio{display:none}.custom-audio{display:flex;gap:13px;align-items:center;margin:19px 0 20px;min-width:0}.dictation-wrap button{font-family:inherit;font-size:15px;font-weight:700;line-height:1.35;cursor:pointer;min-height:45px;border-radius:10px;border:1px solid #f6ddbc;background:linear-gradient(110deg,#fff0dc,#fff5e7);color:#ac5005;padding:11px 14px;transition:box-shadow .15s,background .15s,transform .15s}.dictation-wrap button:hover:not(:disabled){background:#ffe8c8;border-color:#e9b36b;box-shadow:0 4px 11px #c66a0a12}.dictation-wrap button:active:not(:disabled){transform:translateY(1px)}.dictation-wrap button.primary,.dictation-wrap button.selected{background:var(--dictation-gradient);color:#fff;border-color:#d67a11;box-shadow:0 3px 9px #c66a0a10}.dictation-wrap button.primary:hover:not(:disabled),.dictation-wrap button.selected:hover:not(:disabled){background:linear-gradient(115deg,#b65e04,#df8e21)}.dictation-wrap button:disabled{opacity:.42;cursor:default;box-shadow:none}.dictation-wrap button:focus-visible,.dictation-wrap a:focus-visible,.dictation-wrap select:focus-visible{outline:3px solid #eeaa47;outline-offset:3px}.dictation-wrap .play-circle{width:57px;height:57px;border-radius:50%;padding:0;min-height:57px;font-size:23px;flex-shrink:0}.custom-audio input[type=range]{appearance:none;-webkit-appearance:none;min-width:50px;flex:1;height:7px;margin:0;border-radius:999px;background:linear-gradient(to right,#D77C15 0%,#E99A2E var(--seek-fill,0%),#e9e6e2 var(--seek-fill,0%),#e9e6e2 100%);cursor:pointer}.custom-audio input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:#E48A1B;border:0;box-shadow:0 1px 4px #b75a1420}.custom-audio input[type=range]::-moz-range-thumb{width:17px;height:17px;border-radius:50%;background:#E48A1B;border:0}.custom-audio #audioTimestamp{font-size:12px;color:#748197;font-variant-numeric:tabular-nums;white-space:nowrap}.custom-audio .mute-button{background:transparent;border:0;padding:0;width:29px;min-height:36px;font-size:20px;flex-shrink:0}.speed-control>label{display:block;font-size:14px;font-weight:650;margin-bottom:8px}.speed-chips{display:flex;gap:8px}.speed-chips button{flex:1;min-width:0;font-size:14px;padding:9px 4px;min-height:42px;font-weight:650}.play-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.play-actions button{font-size:16px;min-height:48px}.listen-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}.listen-options>button{font-size:14px;min-height:40px;padding:8px 12px}.loop-option,.transcript-tools>label{display:flex;align-items:center;gap:8px;color:#354052;font-size:14px;font-weight:550}.dictation-page input[type=checkbox]{width:19px;height:19px;accent-color:#D77C15;margin:0}.mode-badge{margin-left:auto;font-size:11px;color:#9e5b12;background:#fff5e8;border-radius:7px;padding:6px 8px;font-weight:650}.mode-badge.full-mode{color:#fff;background:var(--dictation-gradient)}.range-tools{border-top:1px solid #efe8df;border-bottom:1px solid #efe8df;margin-top:18px;padding:14px 0}.range-tools>div{display:flex;gap:9px;flex-wrap:wrap}.range-tools button{font-size:13px;min-height:39px;padding:9px 13px}.range-tools p{font-size:12px;line-height:1.5;color:#748197;margin:8px 0 0}.segment-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.segment-navigation button{min-height:46px}.dictation-writing{display:flex;flex-direction:column}.dictation-writing .panel-title{margin-bottom:8px}.dictation-instructions{font-size:14px;color:#657084;margin:0 0 14px}.dictation-writing textarea{width:100%;resize:vertical;min-height:186px;border:1px solid #edcda5;border-radius:11px;background:linear-gradient(110deg,#fffcf8,#fff8ee);padding:14px;font-family:inherit;font-size:16px;line-height:1.8;color:var(--dictation-ink);outline-color:#E99A2E;flex:1}.dictation-writing textarea::placeholder{color:#7c8493}.dictation-submit{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin:14px 0 0}.dictation-submit button{min-height:48px;font-size:15px}.draft-status{color:#177c28;font-size:13px;margin:13px 0 0;min-height:20px}.draft-status:not(:empty):before{content:'✓ ';font-weight:850}.dictation-note{font-size:12px;line-height:1.6;color:#758094;margin:5px 0 13px}.dictation-wrap .script-shortcut{display:flex;justify-content:space-between;align-items:center;background:#fffaf4;border:1px solid #f1e0c9;color:var(--dictation-ink);font-size:14px;font-weight:600;margin-top:auto;padding:15px 16px}.script-hint{font-size:12px;color:#758094;margin:7px 0 0}.transcript-panel{margin-top:20px;overflow:hidden}.transcript-panel summary{padding:18px 23px;color:var(--dictation-ink);font-size:18px;font-weight:750;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px}.transcript-panel summary::-webkit-details-marker{display:none}.summary-chevron{margin-left:auto;color:#C66A0A}.transcript-panel[open] .summary-chevron{transform:rotate(180deg)}.transcript-tools{border-top:1px solid #f1e5d8;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 22px;background:#fffaf4}.transcript-tools>span{font-size:12px;color:#758094}.transcript-scroll{max-height:340px;overflow:auto;padding:12px 18px 18px;overscroll-behavior:contain;scroll-padding:18px}.transcript-row{font-size:15px;line-height:1.85;color:#657084;padding:9px 14px;margin:2px 0;border-left:3px solid transparent;border-radius:8px;transition:background .18s,color .18s}.transcript-row.active{font-size:17px;line-height:1.7;font-weight:750;color:#17334B;background:linear-gradient(100deg,#fff0d8,#fff8ec);border-left-color:#D77C15}.dictation-feedback{border-top:1px solid #efe2d0;padding-top:17px;margin:14px 0}.dictation-feedback h3{font-size:23px;margin:0 0 8px}.dictation-feedback p{font-size:12px;color:#758094;margin:5px 0}.dictation-diff{font-size:14px;line-height:2.2;overflow-wrap:anywhere;margin-top:10px}.diff-word{border-radius:4px;padding:2px 3px}.diff-correct{background:#ecfdf3;color:#027a48}.diff-missing{background:#fff3d6;color:#965c00}.diff-replace,.diff-extra{background:#fef3f2;color:#b42318}.diff-word s{font-weight:400;opacity:.7}.dictation-filters{display:flex;gap:16px;align-items:end;margin:24px 0 10px}.dictation-filters label{display:grid;gap:7px;font-size:14px;font-weight:650}.dictation-filters label:last-child{flex:1}.dictation-filters input{width:100%}.dictation-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dictation-card{display:block;border:1px solid #eedcc2;background:#fff;border-radius:15px;padding:22px;text-decoration:none;box-shadow:0 5px 18px #8f4e0605;transition:transform .16s,box-shadow .16s}.dictation-card:hover{transform:translateY(-2px);border-color:#E99A2E;box-shadow:0 8px 20px #c66a0a12}.dictation-card small{display:inline-block;background:#fff1dd;padding:5px 9px;border-radius:7px;color:#a45408;font-size:12px;font-weight:700}.dictation-card h3{font-size:19px;color:var(--dictation-ink);margin:13px 0 20px}.dictation-card span{display:block;color:#fff;border-radius:9px;background:var(--dictation-gradient);padding:11px 13px;font-size:14px;font-weight:650}#catalogStatus{font-size:14px;color:#758094}.dictation-page .site-footer{background:transparent;border:0;padding:0 20px 24px;color:#8490a1;font-family:inherit;font-size:12px}.dictation-wrap [hidden]{display:none!important}.dictation-wrap .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.dictation-player,.dictation-writing{padding:20px}.lesson-heading h2{font-size:26px}.lesson-progress progress{width:120px}.custom-audio{gap:9px}.custom-audio #audioTimestamp{font-size:11px}.dictation-submit{grid-template-columns:1fr}.dictation-submit button{min-height:44px}.hero-headphones{width:110px;height:110px;margin-right:0}.dictation-columns{gap:16px}}
@media(max-width:800px){.dictation-columns{grid-template-columns:1fr}.dictation-hero{padding:24px 25px}.hero-headphones{width:90px;height:90px}.dictation-hero p{font-size:16px}.lesson-heading{align-items:flex-start;flex-direction:column;gap:12px}.lesson-progress{width:100%}.lesson-progress progress{flex:1;max-width:250px}.dictation-submit{grid-template-columns:1fr 1fr}.dictation-writing textarea{min-height:165px}.dictation-page .site-nav{height:auto;min-height:70px;padding:12px 20px;gap:10px;flex-wrap:wrap}.dictation-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dictation-wrap{padding:18px 14px 35px}.dictation-hero{padding:23px 20px;gap:12px}.dictation-hero .eyebrow{font-size:16px}.dictation-hero h1{font-size:30px;letter-spacing:-.6px}.dictation-hero p{font-size:14px}.hero-headphones{display:none}.dictation-page .site-nav{padding:11px 14px}.dictation-page .site-nav>div{gap:2px;justify-content:space-between;width:100%}.dictation-page .site-nav>div a{font-size:13px;padding:9px 14px}.lesson-heading h2{font-size:23px}.lesson-heading-title{gap:12px}.level-badge{font-size:14px;padding:7px 11px}.dictation-player,.dictation-writing{padding:20px 17px}.panel-title{font-size:21px}.segment-select{gap:10px;font-size:13px}.segment-select select{min-width:0;flex:1}.speed-chips{gap:6px}.speed-chips button{font-size:13px}.custom-audio .play-circle{width:48px;height:48px;min-height:48px;font-size:20px}.custom-audio #audioTimestamp{font-size:11px}.play-actions button,.segment-navigation button{font-size:14px;padding:11px 8px}.dictation-submit{gap:8px}.dictation-submit button{font-size:13px;padding:12px 8px}.transcript-panel summary{padding:17px;font-size:16px}.transcript-tools{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 17px}.transcript-scroll{padding:10px 10px 15px;max-height:310px}.dictation-cards{grid-template-columns:1fr}.dictation-filters{gap:10px}.dictation-filters input,.dictation-filters select{font-size:14px}.dictation-card h3{font-size:19px}}

.transcript-scroll{position:relative}