.reader{grid-template-columns:240px minmax(0,1fr) minmax(360px,420px);align-items:start;gap:28px;max-width:1600px;margin:0 auto;padding:24px 32px 120px;display:grid}@media (width>=1500px){.reader{grid-template-columns:260px minmax(0,1fr) minmax(420px,34vw)}}.reader-toc{top:var(--sticky-top);max-height:calc(100vh - var(--sticky-top) - 24px);scrollbar-width:thin;padding-bottom:12px;position:sticky;overflow-y:auto}.reader-main{min-width:0}.reader-scan{top:var(--sticky-top);height:calc(100vh - var(--sticky-top) - 24px);position:sticky}@media (width<=1280px){.reader{grid-template-columns:minmax(0,1fr) minmax(340px,40vw)}.reader-toc{display:none}}.sheet-scrim{display:none}@media (width<=900px){.reader{padding:20px 16px 120px;display:block}.reader-scan{inset-inline:0;z-index:100;height:calc(100dvh - 56px);padding:12px 12px max(12px, env(safe-area-inset-bottom));background:var(--surface-card);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-lift);display:none;position:fixed;top:auto;bottom:0}.reader-scan:before{content:"";background:var(--border-strong);border-radius:3px;width:44px;height:5px;margin:0 auto 10px;display:block}.reader-scan .scan{height:calc(100% - 15px)}html.scan-open .reader-scan{animation:sui-sheet-in var(--dur-slow) var(--ease-out-quart) backwards;display:block}html.scan-open .sheet-scrim{z-index:99;backdrop-filter:blur(6px);animation:sui-fade-in var(--dur-base) var(--ease-soft) backwards;background:#28231447;display:block;position:fixed;inset:0}html.scan-open body{overflow:hidden}}.scan-fab{display:none}@media (width<=900px){.scan-fab{right:16px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 66px);z-index:50;border-radius:var(--radius-pill);background:var(--ink-900);height:48px;color:var(--text-on-ink);box-shadow:var(--shadow-ink);font:500 14px/1 var(--font-sans);font-variant-numeric:tabular-nums;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 18px 0 14px;display:inline-flex;position:fixed}.scan-fab .lbl{animation:sui-fade-down var(--dur-base) var(--ease-soft) backwards}html.scan-open .scan-fab{display:none}}.unit-head{max-width:var(--measure);margin:0 0 8px}.unit-head .meta{color:var(--text-secondary);font:var(--text-small);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.unit-toolbar{flex-wrap:wrap;gap:8px;margin:18px 0 0;display:flex}#marks-toggle .icon.off{display:none}#marks-toggle[aria-pressed=false]{color:var(--text-secondary)}#marks-toggle[aria-pressed=false] .icon.on{display:none}#marks-toggle[aria-pressed=false] .icon.off{display:inline-block}#answers-toggle[aria-pressed=false]{color:var(--text-secondary)}.answer{border-radius:var(--radius-sm);background:var(--sem-dialogue-bg);color:var(--sem-dialogue-fg);margin:10px 0 18px}.answer.generated{background:var(--sem-note-bg);color:var(--sem-note-fg)}.answer>summary{cursor:pointer;font:var(--text-micro);letter-spacing:var(--tracking-micro);text-transform:uppercase;align-items:center;gap:6px;padding:6px 12px;list-style:none;display:inline-flex}.answer>summary::-webkit-details-marker{display:none}.answer>summary:before{content:"";width:12px;height:12px;transition:transform var(--dur-base) var(--ease-soft);-webkit-mask:var(--icon-chevron-right) center/contain no-repeat;mask:var(--icon-chevron-right) center/contain no-repeat;background:currentColor}.answer[open]>summary:before{transform:rotate(90deg)}.answer-body{color:var(--text-primary);padding:0 14px 10px}.answer-body>:first-child{margin-top:0}.answer-body>:last-child{margin-bottom:0}.toc-title{font:var(--text-micro);letter-spacing:var(--tracking-micro);text-transform:uppercase;color:var(--text-tertiary);margin:0;padding:4px 10px 10px}.toc-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;position:relative}.toc-list li{margin:0}.toc-list a{z-index:1;border-radius:var(--radius-md);color:var(--text-secondary);font:var(--text-ui-sm);transition:color var(--dur-base), background var(--dur-fast);align-items:center;gap:10px;padding:7px 10px 7px 22px;line-height:1.3;display:flex;position:relative}.toc-list a:hover{background:var(--row-hover);color:var(--text-primary)}.toc-list .d2 a{color:var(--text-primary);font:var(--text-small-md);margin-top:6px;padding:9px 10px}.toc-list .d2:first-child a{margin-top:0}.toc-list .d3 a{letter-spacing:.03em;font-size:12px}.toc-list .tx{flex:1;min-width:0}.toc-list .pg{font:var(--text-caption);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.toc-list .icon{color:var(--text-tertiary)}.toc-list a[aria-current]{color:var(--accent-strong)}.toc-list a[aria-current] .icon{color:inherit}.toc-ind{z-index:0;border-radius:var(--radius-md);background:var(--accent-soft);pointer-events:none;transition:top .48s var(--ease-bounce-soft), height .48s var(--ease-bounce-soft), opacity var(--dur-base);position:absolute;inset-inline:0}.toc-mobile{max-width:var(--measure);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-float);margin:20px 0 0}@media (width>=1281px){.toc-mobile{display:none}}.toc-mobile summary{cursor:pointer;height:48px;font:var(--text-small-md);color:var(--text-primary);align-items:center;gap:10px;padding:0 16px;list-style:none;display:flex}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary .tx{flex:1}.toc-mobile summary .chev{transition:transform var(--dur-slow) var(--ease-bounce-soft)}.toc-mobile[open] summary .chev{transform:rotate(180deg)}.toc-mobile .toc-list{animation:sui-fade-down var(--dur-slow) var(--ease-soft) backwards;padding:0 8px 8px}.unit-nav{max-width:var(--measure);flex-wrap:wrap;gap:16px;margin:56px 0 0;display:flex}.unit-nav>span{flex:1}.pn{border-radius:var(--radius-xl);background:var(--surface-card);min-width:0;box-shadow:var(--shadow-float);color:var(--text-primary);transition:transform var(--dur-base) var(--ease-soft), box-shadow var(--dur-base);flex-direction:column;flex:1;align-items:flex-start;gap:6px;padding:18px 22px;display:flex}.pn.next{align-items:flex-end}.pn:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.pn .cap{font:var(--text-caption);color:var(--text-secondary)}.pn .lbl{font:var(--text-title);align-items:center;gap:8px;display:inline-flex}.pn .icon{transition:transform var(--dur-base) var(--ease-spring)}.pn.prev:hover .icon{transform:translate(-3px)}.pn.next:hover .icon{transform:translate(3px)}.transcript{max-width:var(--measure);font:var(--text-reading)}.transcript section.page{scroll-margin-top:calc(var(--header-h) + 8px);padding:0 0 12px;position:relative}.page-head{align-items:center;gap:12px;margin:16px 0 20px;text-decoration:none;display:flex}.page-head:before{content:"";background:var(--border-strong);height:1px;transition:background var(--dur-slow), height var(--dur-base);border-radius:1px;flex:1}.page-head:after{content:"";background:var(--border-strong);width:24px;height:1px;transition:background var(--dur-slow)}.page-pill{border-radius:var(--radius-pill);background:var(--surface-sunken);height:26px;color:var(--text-secondary);font:500 12px/1 var(--font-sans);font-variant-numeric:tabular-nums;transition:background var(--dur-base) var(--ease-soft), color var(--dur-base);align-items:center;padding:0 12px;display:inline-flex}.page-head:hover .page-pill{color:var(--text-primary)}.transcript section.page.current>.page-head:before,.transcript section.page.current>.page-head:after{background:var(--accent);height:2px}.transcript section.page.current>.page-head .page-pill{background:var(--accent);color:var(--text-on-ink)}.transcript section.page:first-of-type>.page-head{margin-top:4px}.transcript h1{font:var(--text-t-unit);letter-spacing:.01em;color:var(--accent-strong);margin:0 0 28px}.transcript h2{border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-strong);font:var(--text-t-section);letter-spacing:.02em;align-items:center;gap:10px;margin:32px 0 20px;padding:10px 18px;display:inline-flex}.transcript h3{color:var(--text-primary);font:var(--text-t-activity);letter-spacing:var(--tracking-micro);--tone-bg:var(--sem-annotation-bg);--tone-fg:var(--sem-annotation-fg);align-items:center;gap:10px;margin:28px 0 14px;display:flex}.transcript h3:after{content:"";background:var(--border-subtle);flex:1;height:1px}.transcript h3 .act-ic{background:var(--tone-bg);width:28px;height:28px;color:var(--tone-fg);border-radius:9px;flex:none;place-items:center;display:grid}.transcript h3 .act-ic:before{content:"";width:15px;height:15px;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;background:currentColor}.transcript h3[data-tone=noun]{--tone-bg:var(--sem-noun-bg);--tone-fg:var(--sem-noun-fg)}.transcript h3[data-tone=verb]{--tone-bg:var(--sem-verb-bg);--tone-fg:var(--sem-verb-fg)}.transcript h3[data-tone=phrase]{--tone-bg:var(--sem-phrase-bg);--tone-fg:var(--sem-phrase-fg)}.transcript h3[data-tone=coursebook]{--tone-bg:var(--sem-coursebook-bg);--tone-fg:var(--sem-coursebook-fg)}.transcript h3[data-tone=workbook]{--tone-bg:var(--sem-workbook-bg);--tone-fg:var(--sem-workbook-fg)}.transcript h3[data-tone=audio]{--tone-bg:var(--sem-audio-bg);--tone-fg:var(--sem-audio-fg)}.transcript h3[data-tone=video]{--tone-bg:var(--sem-video-bg);--tone-fg:var(--sem-video-fg)}.transcript h3[data-tone=note]{--tone-bg:var(--sem-note-bg);--tone-fg:var(--sem-note-fg)}.transcript h4{font:var(--text-t-exercise);letter-spacing:0;gap:10px;margin:22px 0 12px;display:flex}.transcript h4 .ex-n{background:var(--ink-900);min-width:28px;height:28px;color:var(--text-on-ink);font:600 13px/1 var(--font-sans);font-variant-numeric:tabular-nums;border-radius:9px;flex:none;place-items:center;margin-top:-1px;padding:0 6px;display:grid}.transcript h4.exercise{padding-top:0}.transcript h5,.transcript h6{font:var(--text-small-md);margin:18px 0 8px}.transcript p{margin:.6em 0}.transcript ul,.transcript ol{margin:.5em 0;padding-inline-start:1.5em}.transcript li{margin:.15em 0}.transcript li::marker{color:var(--text-tertiary)}.transcript hr{border:0;border-top:1px solid var(--border-subtle);margin:1.5em 0}.transcript del{color:var(--text-secondary)}.transcript strong{font-weight:600}.transcript a{color:var(--text-link);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}.transcript code{font-family:var(--font-mono);font-size:.88em}.transcript pre{font:var(--text-mono);background:var(--surface-sunken);border-radius:var(--radius-lg);letter-spacing:.08em;padding:14px 18px;overflow-x:auto}.transcript table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);background:var(--surface-card);width:max-content;max-width:100%;box-shadow:var(--shadow-float);font:var(--text-reading-sm);margin:14px 0;display:block;overflow-x:auto}.transcript th,.transcript td{vertical-align:top;text-align:start;border-bottom:1px solid var(--border-subtle);font-variant-numeric:tabular-nums;padding:10px 14px}.transcript tr:last-child>td{border-bottom:0}.transcript th{background:var(--surface-sunken);font:var(--text-small-md);color:var(--text-secondary)}.transcript thead tr:only-child th:empty{background:0 0;border:0;padding:0}.transcript tbody tr:hover td{background:var(--row-hover)}.transcript blockquote{border-radius:var(--radius-lg);margin:14px 0;padding:16px 20px}.transcript blockquote.dialogue{background:var(--sem-dialogue-bg)}.transcript blockquote.dialogue strong{font:600 15px/1.7 var(--font-sans);color:var(--sem-dialogue-fg);letter-spacing:0}.transcript blockquote.box{background:var(--sem-note-bg);font:var(--text-reading-sm)}.transcript blockquote.box strong{color:var(--sem-note-fg)}.transcript blockquote:not(.dialogue):not(.box){background:var(--surface-sunken)}.transcript blockquote p{margin:.35em 0}.transcript blockquote>:first-child{margin-top:0}.transcript blockquote>:last-child{margin-bottom:0}.ph{font:500 12.5px/1.5 var(--font-sans);letter-spacing:0;border-radius:8px}.ph:before{content:"";vertical-align:-2px;width:13px;height:13px;-webkit-mask:var(--ph-icon) center/contain no-repeat;mask:var(--ph-icon) center/contain no-repeat;background:currentColor;margin-inline-end:6px;display:inline-block}.ph-image{color:var(--text-secondary);background:var(--surface-sunken);box-shadow:inset 0 0 0 1.5px var(--border-strong);-webkit-box-decoration-break:clone;box-decoration-break:clone;--ph-icon:var(--icon-image);padding:2px 8px;font-style:normal;font-weight:400;display:inline}.transcript :is(td,th) .ph-image{border-radius:10px;min-width:8em;padding:6px 10px;line-height:1.4;display:inline-block}.ph-audio,.ph-video{border-radius:var(--radius-pill);vertical-align:middle;white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;height:26px;padding:0 10px 0 8px;display:inline-flex}.ph-audio:before,.ph-video:before{vertical-align:0;margin-inline-end:6px}.ph-audio{background:var(--sem-audio-bg);color:var(--sem-audio-fg);--ph-icon:var(--icon-music)}.ph-video{background:var(--sem-video-bg);color:var(--sem-video-fg);--ph-icon:var(--icon-video)}.ph-unreadable{color:var(--sem-unreadable-fg);--ph-icon:var(--icon-scan-line);background:repeating-linear-gradient(135deg, var(--sem-unreadable-bg) 0 6px, transparent 6px 10px);padding:1px 8px}.blank{vertical-align:-.2em;background:var(--accent-soft);min-width:3.4em;height:1.15em;box-shadow:inset 0 -2px 0 var(--accent);border-radius:6px 6px 2px 2px;margin:0 .15em;display:inline-block}.blank-n{text-align:center;min-width:4.4em;font:600 10.5px/1.6 var(--font-sans);color:var(--accent);font-variant-numeric:tabular-nums}.blank-n:before{content:"("}.blank-n:after{content:")"}.mark-sic{font:italic 500 10px/1 var(--font-sans);color:var(--sem-annotation-fg);cursor:help;margin-inline-start:1px}.mark-note{border-radius:var(--radius-sm);background:var(--sem-annotation-bg);color:var(--sem-annotation-fg);font:var(--text-caption);align-items:baseline;gap:8px;margin:8px 0;padding:8px 12px;display:flex}.mark-note:before{content:"Not";font:var(--text-micro);letter-spacing:var(--tracking-micro);text-transform:uppercase;flex:none}html[data-lang=en] .mark-note:before{content:"Note"}.mark-inline{vertical-align:super;cursor:help;width:16px;height:16px;color:var(--sem-annotation-fg);border-radius:4px;place-items:center;margin:0 2px;padding:0;font-size:0;display:inline-grid}.mark-inline:before{content:"";letter-spacing:0;width:10px;height:10px;-webkit-mask:var(--icon-sticky-note) center/contain no-repeat;mask:var(--icon-sticky-note) center/contain no-repeat;background:currentColor}html[data-marks=off] .mark{display:none!important}.scan{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex}.scan-bar{border-radius:var(--radius-pill);background:var(--surface-card);box-shadow:var(--shadow-float);font:var(--text-ui-sm);align-items:center;gap:4px;padding:6px;display:flex}.scan-bar .spacer{flex:1}.scan-bar .count{color:var(--text-secondary);font-variant-numeric:tabular-nums;padding:0 6px}.scan-bar .page-select{-webkit-appearance:none;appearance:none;border-radius:var(--radius-pill);background:var(--surface-sunken);height:34px;color:var(--text-primary);font:500 13px/1 var(--font-sans);font-variant-numeric:tabular-nums;cursor:pointer;border:0;padding:0 30px 0 14px}.scan-bar .pdf-link{border-radius:var(--radius-pill);height:34px;color:var(--text-primary);font:500 13px/1 var(--font-sans);align-items:center;gap:6px;padding:0 12px;display:inline-flex}.scan-bar .pdf-link:hover{background:var(--surface-sunken)}.scan-view{border-radius:var(--radius-xl);background:var(--scan-frame);min-height:0;box-shadow:var(--scan-frame-shadow);flex:1;place-items:center;padding:14px;display:grid;overflow:hidden}.scan-view img{background:var(--scan-paper);cursor:zoom-in;width:auto;max-width:100%;height:auto;max-height:100%;animation:sui-fade-in var(--dur-base) var(--ease-soft);border-radius:4px;display:block;box-shadow:0 2px 10px #0000002e}.scan-view.zoom{place-items:start;overflow:auto}.scan-view.zoom img{cursor:zoom-out;width:170%;max-width:none;max-height:none}.scan-fallback{border-radius:var(--radius-md);background:var(--surface-card);width:100%}.scan-close{display:none}@media (width<=900px){.scan-close{display:inline-grid}.scan-view.fit{place-items:start center;overflow:auto}.scan-view.fit img{width:100%;max-height:none}}