:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3efe6;--surface:#fffdf8;--surface-soft:#faf7f0;--text:#262b2a;--muted:#68706c;--border:#dcd7cc;--border-strong:#c8c1b3;--primary:#176b62;--primary-strong:#0f514b;--primary-soft:#e4f1ed;--accent:#c46c3d;--a:#176b62;--a-bg:#dff0ea;--c:#8b552b;--c-bg:#f7ead9;--r:#5d5b8a;--r-bg:#ebe9f6;--plus:#9b5d20;--plus-bg:#fff5e5;--bridge:#6b4f91;--bridge-bg:#f4effb;--success:#347454;--success-bg:#e4f2e8;--danger:#9a4139;--shadow:0 16px 45px #39312714;--sidebar-width:19.5rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;margin:0;line-height:1.65;overflow-x:hidden}button,input,textarea,select{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}a{color:var(--primary-strong);text-underline-offset:.16em;text-decoration-thickness:.08em}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline-offset:3px;outline:3px solid #176b625c}.skip-link{z-index:1000;color:#fff;background:var(--primary-strong);border-radius:.5rem;padding:.65rem .9rem;transition:transform .16s;position:fixed;top:.7rem;left:.7rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.app-main{min-width:0}.sidebar{z-index:40;overscroll-behavior:contain;border-right:1px solid var(--border);scrollbar-width:thin;background:#f9f6ef;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:1.65rem 1.4rem 1.2rem;display:flex}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.7rem;font-weight:800;line-height:1.3}.brand{color:var(--text);letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;font-weight:700;line-height:1.1;text-decoration:none;display:block}.brand__level{max-width:14rem;color:var(--muted);margin:.45rem 0 0;font-size:.77rem;line-height:1.45}.sidebar__close{width:2.35rem;height:2.35rem;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.6rem;display:none}.area-nav{border-bottom:1px solid var(--border);gap:.35rem;padding:.85rem .8rem;display:grid}.area-nav a{color:var(--muted);border-radius:.55rem;padding:.58rem .7rem;font-size:.76rem;font-weight:760;line-height:1.3;text-decoration:none}.area-nav a:hover{color:var(--primary-strong);background:#176b6212}.area-nav a.is-active{color:var(--primary-strong);background:var(--primary-soft);box-shadow:inset 3px 0 var(--primary)}.course-progress{border-bottom:1px solid var(--border);padding:1rem 1.4rem 1.2rem}.course-progress__copy{color:var(--muted);justify-content:space-between;margin-bottom:.55rem;font-size:.78rem;display:flex}.course-progress__copy strong{color:var(--text);font-variant-numeric:tabular-nums}.course-progress progress{background:#e4ded2;border:0;border-radius:999px;width:100%;height:.42rem;display:block;overflow:hidden}.course-progress progress::-webkit-progress-bar{background:#e4ded2}.course-progress progress::-webkit-progress-value{background:var(--success);border-radius:999px}.course-progress progress::-moz-progress-bar{background:var(--success);border-radius:999px}.sidebar__nav{padding:.65rem 0 2rem}.nav-section{padding:.5rem .7rem .75rem}.nav-section+.nav-section{border-top:1px solid #dcd7ccb8}.nav-section h2{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0;padding:.65rem .65rem .45rem;font-size:.69rem;font-weight:800}.nav-section ol{margin:0;padding:0;list-style:none}.sidebar-link{color:var(--text);border-radius:.65rem;grid-template-columns:1.45rem minmax(0,1fr);align-items:center;gap:.62rem;margin:.08rem 0;padding:.53rem .62rem;text-decoration:none;transition:background .14s,color .14s;display:grid}.sidebar-link:hover{background:#176b6212}.sidebar-link.is-active{color:var(--primary-strong);background:var(--primary-soft);box-shadow:inset 3px 0 var(--primary)}.sidebar-link__status{border:1px solid var(--border-strong);width:1.35rem;height:1.35rem;color:var(--muted);border-radius:50%;place-items:center;font-size:.65rem;font-weight:800;display:grid}.sidebar-link__status.is-complete{border-color:var(--success);color:#fff;background:var(--success)}.sidebar-link__copy{min-width:0}.sidebar-link__type{color:var(--muted);letter-spacing:.055em;text-transform:uppercase;font-size:.64rem;font-weight:750;line-height:1.2;display:block}.sidebar-link__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.12rem;font-size:.8rem;font-weight:620;line-height:1.3;display:-webkit-box;overflow:hidden}.nav-section--reference .sidebar-link__status{border-radius:.35rem}.sidebar-backdrop{display:none}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3efe6ed;border-bottom:1px solid #c8c1b3d1;justify-content:flex-end;align-items:center;gap:1rem;min-height:4rem;padding:.65rem clamp(1rem,3vw,2.5rem);display:flex;position:sticky;top:0}.topbar__context{color:var(--primary-strong);font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700}.menu-button{border:1px solid var(--border-strong);color:var(--text);background:var(--surface);cursor:pointer;border-radius:.55rem;align-items:center;gap:.45rem;padding:.46rem .65rem;font-size:.78rem;font-weight:700;display:none}.speech-speed{border:1px solid var(--border);background:#fffdf8c7;border-radius:.7rem;align-items:center;gap:.2rem;padding:.22rem;display:flex}.speech-speed>span{color:var(--muted);text-transform:uppercase;padding:0 .45rem;font-size:.72rem;font-weight:750}.speech-speed button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.48rem;padding:.4rem .62rem;font-size:.76rem;font-weight:680}.speech-speed button.is-active{color:#fff;background:var(--primary)}.audio-settings{position:relative}.audio-settings>summary{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:.55rem;padding:.45rem .68rem;font-size:.76rem;font-weight:700;list-style:none}.audio-settings>summary::-webkit-details-marker{display:none}.audio-settings__panel{border:1px solid var(--border);background:var(--surface);width:min(20rem,100vw - 2rem);box-shadow:var(--shadow);border-radius:.8rem;padding:1rem;position:absolute;top:calc(100% + .55rem);right:0}.audio-settings__panel label span{margin-bottom:.4rem;font-size:.75rem;font-weight:750;display:block}.audio-settings__panel select{border:1px solid var(--border-strong);width:100%;color:var(--text);background:#fff;border-radius:.5rem;padding:.55rem}.audio-settings__panel p{color:var(--muted);margin:.65rem 0 0;font-size:.76rem;line-height:1.5}.audio-settings__panel .audio-error{color:var(--danger)}.reader{width:100%;padding:clamp(1rem,3.2vw,3.2rem)}.lesson-surface,.error-state{background:var(--surface);width:min(100%,58rem);box-shadow:var(--shadow);border:1px solid #dcd7cce6;border-radius:1rem;margin:0 auto;padding:clamp(1.25rem,4vw,4rem)}.lesson-meta{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.lesson-meta__badges{flex-wrap:wrap;gap:.42rem;display:flex}.lesson-meta__badges span,.completed-label{color:var(--muted);background:var(--surface-soft);border-radius:999px;padding:.27rem .55rem;font-size:.68rem;font-weight:750;line-height:1.2}.completed-label{color:var(--success);background:var(--success-bg);white-space:nowrap}.related-grammar{border-left:3px solid var(--primary);background:var(--primary-soft);align-items:flex-start;gap:.8rem 1.2rem;margin:0 0 2rem;padding:.85rem 1rem;font-size:.82rem;display:flex}.related-grammar>span{color:var(--primary-strong);flex:none;font-weight:800}.related-grammar div{flex-wrap:wrap;gap:.35rem .8rem;display:flex}.related-grammar a{font-weight:650}.lesson-markdown{font-size:1rem}.lesson-markdown h1,.lesson-markdown h2,.lesson-markdown h3,.lesson-markdown h4,.lesson-markdown h5,.lesson-markdown h6{color:#202624;text-wrap:balance;font-family:Georgia,Times New Roman,serif;line-height:1.22}.lesson-markdown h1{letter-spacing:-.04em;margin:0 0 2.3rem;font-size:clamp(2.1rem,5vw,3.55rem)}.lesson-markdown h2{letter-spacing:-.025em;margin:4rem 0 1.2rem;padding-top:.4rem;font-size:clamp(1.55rem,3vw,2.15rem)}.lesson-markdown h3{margin:2.4rem 0 .9rem;font-size:1.35rem}.lesson-markdown h4{margin:1.7rem 0 .65rem;font-size:1.08rem}.lesson-markdown h5,.lesson-markdown h6{margin:1.4rem 0 .55rem;font-size:.98rem}.lesson-markdown p{margin:.85rem 0}.lesson-markdown ul,.lesson-markdown ol{padding-left:1.35rem}.lesson-markdown li+li{margin-top:.33rem}.lesson-markdown hr{border:0;border-top:1px solid var(--border);margin:3rem 0}.lesson-markdown blockquote{border-left:3px solid var(--border-strong);color:var(--muted);margin:1rem 0;padding:.3rem 0 .3rem 1rem}.lesson-markdown code{color:#6c3f20;background:#f3eadf;border-radius:.3rem;padding:.12em .35em;font-family:SFMono-Regular,Consolas,monospace;font-size:.88em}.lesson-markdown pre{color:#fff;background:#272b2a;border-radius:.65rem;max-width:100%;padding:1rem;overflow-x:auto}.lesson-markdown pre code{color:inherit;background:0 0;padding:0}.vocab-marker{vertical-align:.1em;border:1px solid;border-radius:.34rem;place-items:center;min-width:1.5rem;height:1.28rem;margin:0 .2rem 0 .05rem;font-family:Inter,ui-sans-serif,sans-serif;font-size:.64rem;font-weight:850;line-height:1;display:inline-grid}.vocab-marker--a{color:var(--a);background:var(--a-bg)}.vocab-marker--c{color:var(--c);background:var(--c-bg)}.vocab-marker--r{color:var(--r);background:var(--r-bg)}.content-block,.support-block,.reference-block,.prompt-block{border-radius:.72rem;margin:1rem 0;position:relative}.content-block{background:#f1f8f5;border:1px solid #cbded8;padding:1rem 3.3rem 1rem 1.15rem;transition:border-color .15s,box-shadow .15s,background .15s}.content-block--vocabulary{background:#fbf6ed;border-color:#e0d4c1}.content-block--reading{border-left:4px solid var(--primary)}.content-block.is-speaking,.dialogue-block.is-speaking,.dialogue-turn.is-speaking{border-color:var(--primary);background:#e8f5f1;box-shadow:0 0 0 3px #176b621f}.content-block__body>:first-child,.support-block>:first-child,.reference-block>:first-child,.prompt-block>:first-child{margin-top:0}.content-block__body>:last-child,.support-block>:last-child,.reference-block>:last-child,.prompt-block>:last-child{margin-bottom:0}.audio-button{min-height:2rem;color:var(--primary-strong);cursor:pointer;background:#fff;border:1px solid #a9c9c1;border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .55rem;font-size:.69rem;font-weight:750;line-height:1;display:inline-flex}.audio-button:hover{border-color:var(--primary);background:var(--primary-soft)}.audio-button--active{border-color:var(--primary);color:#fff;background:var(--primary)}.content-block>.audio-button{position:absolute;top:.72rem;right:.72rem}.content-block>.audio-button .audio-button__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dialogue-block{border:1px solid #cbded8;border-left:4px solid var(--primary);background:#f5faf8;border-radius:.8rem;margin:1.4rem 0;padding:1.15rem;transition:border-color .15s,box-shadow .15s,background .15s}.semantic-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.semantic-label{color:var(--primary-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:850}.dialogue-block__turns>ul,.dialogue-block__turns>ol{margin:0;padding:0;list-style:none}.dialogue-turn{border-top:1px solid #cbded8d1;border-radius:.45rem;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.8rem;padding:.72rem .45rem;display:grid;margin:0!important}.dialogue-turn:first-child{border-top:0}.dialogue-turn__text p{margin:0}.dialogue-turn__text strong:first-child{color:var(--primary-strong)}.exercise-block{background:#fcfaf5;border:1px solid #d9d1c1;border-radius:.8rem;margin:1.6rem 0;padding:1.2rem}.semantic-label--exercise{color:#765126}.exercise-note{color:var(--muted);font-size:.7rem}.exercise-block__content>:first-child{margin-top:0}.response-field{margin-top:1.1rem;display:block}.response-field>span{color:var(--muted);margin-bottom:.35rem;font-size:.75rem;font-weight:750;display:block}.response-field textarea,.response-field input{border:1px solid var(--border-strong);width:100%;color:var(--text);resize:vertical;background:#fff;border-radius:.55rem;padding:.72rem}.solution-set{margin:1.5rem 0}.solution-block{background:#f1f8f3;border:1px solid #bcd6c4;border-radius:.7rem;margin:.8rem 0;overflow:clip}.solution-block>summary{color:var(--success);cursor:pointer;padding:.85rem 1rem;font-size:.82rem;font-weight:800}.solution-block[open]>summary{border-bottom:1px solid #cfe2d4}.solution-block__content{padding:.6rem 1rem 1rem}.difficulty-block{border-radius:.8rem;margin:1.5rem 0}.difficulty-block--plus{background:var(--plus-bg);border:1px solid #ead2ad;padding:1.05rem 1.15rem}.difficulty-block--bridge{background:var(--bridge-bg);border:1px solid #d4c4e5;overflow:clip}.difficulty-block--bridge>summary{color:#5e477c;cursor:pointer;align-items:center;gap:.7rem;padding:.9rem 1rem;font-size:.78rem;font-weight:680;display:flex}.difficulty-block--bridge[open]>summary{border-bottom:1px solid #ded2ea}.difficulty-block__content{padding:.55rem 1rem 1rem}.difficulty-badge{color:#77440f;letter-spacing:.055em;text-transform:uppercase;background:#f6dfba;border-radius:999px;align-items:center;width:-moz-fit-content;width:fit-content;margin-bottom:.5rem;padding:.22rem .5rem;font-size:.66rem;font-weight:850;line-height:1.2;display:inline-flex}.difficulty-block--bridge summary .difficulty-badge{color:#fff;background:var(--bridge);flex:none;margin:0}.support-block{border:1px solid #efd7c0;border-left:4px solid var(--accent);background:#fff7ef;padding:1rem 1.1rem}.support-block .semantic-label{color:#9a542d;margin-bottom:.45rem;display:block}.reference-block{border:1px solid var(--border);background:var(--surface-soft);padding:.85rem 1rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.88rem}.prompt-block{border:1px dashed var(--border-strong);color:#454b48;background:#fff;padding:.8rem 1rem}.unknown-block{background:#fff4f2;border:1px solid #e0aaa6;border-radius:.6rem;margin:1rem 0;padding:1rem}.table-shell,.table-scroll-block{overscroll-behavior-inline:contain;scrollbar-width:thin;max-width:100%;overflow-x:auto}.table-shell{border:1px solid var(--border);border-radius:.65rem;margin:1.2rem 0}.table-scroll-block>.table-shell{box-shadow:inset -10px 0 14px -14px #262b2aa6}.lesson-markdown table{border-collapse:collapse;width:100%;min-width:32rem;font-size:.84rem}.lesson-markdown th,.lesson-markdown td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.65rem .72rem}.lesson-markdown th{color:#414743;background:#f2eee6;font-size:.76rem;font-weight:800}.lesson-markdown tr:last-child td{border-bottom:0}.completion-panel{background:#f3f9f5;border:1px solid #c9dccf;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:4rem;padding:1.3rem;display:flex}.completion-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.25rem}.completion-panel p:not(.eyebrow){color:var(--muted);margin:.25rem 0 0;font-size:.78rem}.completion-button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:.62rem;flex:none;padding:.75rem 1rem;font-size:.82rem;font-weight:800}.completion-button:hover{background:var(--primary-strong)}.completion-button.is-complete{border:1px solid var(--success);color:var(--success);background:#fff}.lesson-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.6rem;display:grid}.lesson-pagination a{border:1px solid var(--border);min-height:5rem;color:var(--text);background:var(--surface-soft);border-radius:.75rem;flex-direction:column;justify-content:center;padding:.9rem 1rem;text-decoration:none;display:flex}.lesson-pagination a:hover{background:var(--primary-soft);border-color:#a9c9c1}.lesson-pagination span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:750}.lesson-pagination strong{margin-top:.24rem;font-size:.82rem;line-height:1.4}.lesson-pagination__next{text-align:right}.error-state{margin-top:3rem}.error-state h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3rem)}.error-state p:not(.eyebrow){color:var(--muted)}.listening-landing__hero{max-width:43rem;margin-bottom:2.5rem}.listening-landing__hero h1{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1}.listening-landing__hero>p:last-child{max-width:38rem;color:var(--muted);margin:1rem 0 0;font-size:1.05rem}.listening-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.listening-levels section{border:1px solid var(--border);background:var(--surface-soft);border-radius:.85rem;padding:1.35rem}.listening-levels section>span,.listening-level__heading>span{color:#fff;background:var(--primary);border-radius:50%;place-items:center;min-width:2.2rem;height:2.2rem;font-size:.75rem;font-weight:850;display:inline-grid}.listening-level__heading{align-items:center;gap:.85rem;display:flex}.listening-level__heading h2{margin:0}.listening-levels .listening-level__progress{margin-top:.2rem;font-size:.75rem;font-weight:750}.listening-lesson-list{gap:.65rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.listening-lesson-list li{margin:0!important}.listening-lesson-list a{color:var(--text);background:#fff;border:1px solid #cbded8;border-radius:.7rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.85rem;text-decoration:none;display:grid}.listening-lesson-list a:hover{border-color:var(--primary);background:var(--primary-soft)}.listening-lesson-list__number{width:2.2rem;height:2.2rem;color:var(--primary-strong);background:var(--primary-soft);border-radius:50%;place-items:center;font-size:.7rem;font-weight:850;display:inline-grid}.listening-lesson-list__number.is-complete{color:#fff;background:var(--success)}.listening-lesson-list__copy strong,.listening-lesson-list__copy small{display:block}.listening-lesson-list__copy strong{font-size:.86rem}.listening-lesson-list__copy small,.listening-lesson-list__state{color:var(--muted);font-size:.69rem}.listening-lesson-list__copy small{margin-top:.2rem}.listening-lesson-list__state{font-weight:780}.listening-levels h2,.listening-demo-card h2{margin:.8rem 0 .4rem;font-family:Georgia,Times New Roman,serif;font-size:1.4rem}.listening-levels p,.listening-demo-card p:not(.eyebrow){color:var(--muted);margin:0;font-size:.86rem}.listening-demo-card{background:#fff8f1;border:1px dashed #c99b7b;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.25rem;padding:1.25rem 1.35rem;display:flex}.listening-demo-card h2{margin-top:0}.listening-demo-card a{color:#fff;background:var(--primary);border-radius:.6rem;flex:none;padding:.68rem .85rem;font-size:.8rem;font-weight:800;text-decoration:none}.listening-recommendation{color:var(--muted);margin:0 0 1.5rem;font-size:.8rem}.listening-stage{border:1px solid var(--border);background:#fffefa;border-radius:.9rem;margin:2.2rem 0;overflow:clip}.listening-stage__header{border-bottom:1px solid var(--border);background:var(--surface-soft);align-items:flex-start;gap:.9rem;padding:1.15rem 1.2rem;display:flex}.listening-stage__number{color:#fff;background:var(--primary);border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-size:.78rem;font-weight:850;display:inline-grid}.lesson-markdown .listening-stage h2{letter-spacing:-.01em;margin:0;padding:0;font-size:1.25rem}.listening-stage__header p{color:var(--muted);margin:.28rem 0 0;font-size:.8rem}.listening-stage__content{padding:1.2rem}.listening-audio{background:#f1f8f5;border:1px solid #bcd5ce;border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem 1rem;padding:1rem;display:grid}.listening-audio__element{display:none}.listening-audio__copy strong,.listening-audio__copy span{display:block}.listening-audio__copy strong{font-size:.88rem}.listening-audio__copy span{color:var(--muted);margin-top:.12rem;font-size:.69rem}.listening-audio__controls,.listening-audio__speed{flex-wrap:wrap;gap:.4rem;display:flex}.listening-audio__controls button,.listening-audio__speed button,.transcript-reveal,.listening-transcript-gate button{min-height:2.25rem;color:var(--primary-strong);cursor:pointer;background:#fff;border:1px solid #a9c9c1;border-radius:.55rem;padding:.45rem .68rem;font-size:.74rem;font-weight:760}.listening-audio__controls button:first-child,.transcript-reveal,.listening-transcript-gate button{color:#fff;background:var(--primary)}.listening-audio button:disabled{opacity:.46;cursor:not-allowed}.listening-audio__speed{border-top:1px solid #cfe0db;grid-column:1/-1;align-items:center;padding-top:.75rem}.listening-audio__speed>span{color:var(--muted);text-transform:uppercase;margin-right:.2rem;font-size:.68rem;font-weight:800}.listening-audio__speed button.is-active{border-color:var(--primary);color:#fff;background:var(--primary)}.listening-audio--compact{background:var(--surface-soft);padding:.65rem;display:block}.listening-audio--compact .listening-audio__copy{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.listening-hidden-note{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:.65rem 0 1rem;font-size:.7rem;font-weight:750}.listening-question-list{gap:.85rem;margin-top:1rem;display:grid}.listening-question{background:#fcfaf5;border:1px solid #ddd4c4;border-radius:.7rem;margin:1rem 0 0;padding:1rem}.listening-question legend{padding:0 .25rem;font-weight:780}.listening-question__options{gap:.45rem;margin-top:.55rem;display:grid}.listening-question__options label{cursor:pointer;background:#fff;border-radius:.5rem;align-items:flex-start;gap:.55rem;padding:.55rem .65rem;display:flex}.listening-question__options input{margin-top:.32rem}.listening-answer{border-top:1px solid var(--border);color:var(--success);margin-top:.8rem;padding-top:.7rem;font-size:.78rem}.listening-answer summary{cursor:pointer;font-weight:780}.listening-answer p{color:var(--text);margin-bottom:0}.listening-answer--example{background:#f1f8f3;border:1px solid #bcd6c4;border-radius:.65rem;padding:.8rem 1rem}.listening-sequence{background:#f3f8f6;border:1px solid #c9d8d3;border-radius:.75rem;margin-top:1.25rem;padding:1rem}.lesson-markdown .listening-sequence h3{margin:.2rem 0 .35rem;font-size:1.05rem}.listening-sequence__instruction{color:var(--muted);margin:0;font-size:.8rem}.listening-sequence__events,.listening-sequence__solution{gap:.5rem;margin:.85rem 0 0;padding-left:1.6rem;display:grid}.listening-sequence__events li,.listening-sequence__solution li{background:#fff;border-radius:.5rem;padding:.55rem .65rem;margin:0!important}.listening-sequence__events li::marker{color:var(--success);font-weight:800}.listening-sequence__solution li::marker{color:var(--success);font-weight:800}.listening-keywords{flex-wrap:wrap;gap:.55rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.listening-keywords li{color:#6f4b25;background:#fbf6ed;border:1px solid #e0d4c1;border-radius:999px;padding:.45rem .7rem;font-size:.8rem;font-weight:720;margin:0!important}.transcript-reveal[aria-expanded=true]{border-color:var(--success);color:var(--success);background:#fff}.transcript-reveal__content{margin-top:1rem}.listening-transcript{margin:1rem 0 0;padding:0;list-style:none}.listening-transcript li{border-top:1px solid var(--border);border-radius:.45rem;grid-template-columns:minmax(4rem,auto) minmax(0,1fr);gap:.75rem;padding:.7rem .75rem;transition:background .12s,box-shadow .12s;display:grid;margin:0!important}.listening-transcript li:first-child{border-top:0}.listening-transcript li.is-speaking{box-shadow:inset 3px 0 var(--primary);background:#e8f5f1}.listening-transcript strong{color:var(--primary-strong)}.listening-transcript-gate{border:1px dashed var(--border-strong);background:var(--surface-soft);border-radius:.7rem;padding:1rem}.listening-transcript-gate p{color:var(--muted);margin-top:0}.shadowing-list{gap:.8rem;display:grid}.shadowing-item{border:1px solid var(--border);background:var(--surface-soft);border-radius:.7rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.9rem;display:grid}.shadowing-item>div>strong{color:var(--primary-strong);text-transform:uppercase;font-size:.72rem}.shadowing-item p{margin:.2rem 0 0}.listening-stage--optional{border-style:dashed;border-color:#c99b7b}.listening-stage__optional{color:#78451f;letter-spacing:.04em;text-transform:uppercase;background:#f8e6d5;border-radius:999px;place-items:center;min-height:2rem;padding:.25rem .65rem;font-size:.65rem;font-weight:850;display:inline-grid}.mini-dictation{gap:1rem;display:grid}.mini-dictation__item{border:1px solid var(--border);background:var(--surface-soft);border-radius:.75rem;padding:1rem}.lesson-markdown .mini-dictation__item h3{margin:0 0 .75rem;font-size:1rem}.mini-dictation__item>label{margin-top:.85rem;display:block}.mini-dictation__item>label span{color:var(--muted);margin-bottom:.35rem;font-size:.75rem;font-weight:750;display:block}.mini-dictation__item input{border:1px solid var(--border-strong);width:100%;min-height:2.6rem;color:var(--text);background:#fff;border-radius:.55rem;padding:.65rem .72rem}.mini-dictation__item input:focus-visible{outline-offset:2px;outline:3px solid #14746433}.listening-demo-note,.listening-back{color:var(--muted);margin:2rem 0 0;font-size:.78rem}.listening-back{border-top:1px solid var(--border);padding-top:1rem}@media (max-width:900px){.app-shell{display:block}.sidebar{z-index:100;width:min(var(--sidebar-width), calc(100vw - 3rem));transition:transform .18s;position:fixed;left:0;transform:translate(-105%);box-shadow:20px 0 45px #262b2a2e}.sidebar.is-open{transform:translate(0)}.sidebar__close{place-items:center;display:grid}.sidebar-backdrop{z-index:90;visibility:hidden;opacity:0;background:#1d222061;border:0;transition:opacity .18s,visibility .18s;display:block;position:fixed;inset:0}.sidebar-backdrop.is-visible{visibility:visible;opacity:1}.topbar{justify-content:space-between}.menu-button{display:inline-flex}}@media (max-width:620px){.topbar{gap:.55rem;padding-inline:.75rem}.speech-speed>span,.audio-settings{display:none}.speech-speed button{min-height:2.35rem}.reader{padding:0}.lesson-surface,.error-state{min-height:calc(100vh - 4rem);box-shadow:none;border:0;border-radius:0;padding:1.25rem 1rem 2.5rem}.lesson-meta{align-items:flex-start}.lesson-markdown h1{font-size:2.15rem}.lesson-markdown h2{margin-top:3rem;font-size:1.62rem}.related-grammar,.completion-panel{flex-direction:column;align-items:stretch}.completion-button{width:100%}.lesson-pagination{grid-template-columns:1fr}.lesson-pagination__next{text-align:left}.audio-button__label{display:none}.dialogue-turn{gap:.45rem}.difficulty-block--bridge>summary{flex-direction:column;align-items:flex-start}.lesson-markdown table{min-width:28rem}.listening-levels{grid-template-columns:1fr}.listening-demo-card,.listening-audio,.shadowing-item{grid-template-columns:1fr;align-items:stretch}.listening-demo-card{flex-direction:column}.listening-demo-card a{text-align:center;width:100%}.listening-lesson-list a{grid-template-columns:auto minmax(0,1fr)}.listening-lesson-list__state{grid-column:2}.listening-stage__header,.listening-stage__content{padding:1rem}.listening-audio__controls button{flex:auto}.listening-transcript li{grid-template-columns:1fr;gap:.1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}