@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-synthesis:none;color:var(--ink);background:var(--bg);--serif:"Source Serif 4", "Songti TC", "Noto Serif TC", "PMingLiU", serif;--bg:#f8f6f0;--surface:#fffdf8;--soft:#eeeee5;--selected:#e6ece2;--ink:#243c34;--muted:#616b62;--green:#285344;--forest:#244b40;--on-forest:#f6f2e5;--forest-muted:#d1dfd1;--gold:#80662e;--gold-soft:#d6c18c;--line:#deded2;--control-line:#8c9688;--primary-bg:#285344;--primary-hover:#1e4235;--primary-text:#fffdf8;--accent-bg:#80662e;--accent-hover:#695326;--error:#903e2b;--error-bg:#fbede6;--focus:#8c6c2c;--shadow:0 12px 40px #1b30232b;--selection:#dce5d4;--selection-text:#243c34;--radius:12px;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,sans-serif;font-size:16px}:root[data-theme=dark]{--bg:#141e1b;--surface:#1e2c26;--soft:#233129;--selected:#2e4437;--ink:#e5e9df;--muted:#b0bdaf;--green:#b3d1bd;--forest:#234b3d;--gold:#d7bd85;--line:#36463b;--control-line:#718774;--primary-bg:#b3d1bd;--primary-hover:#c9ddcb;--primary-text:#19392a;--accent-bg:#d7bd85;--accent-hover:#e2cca0;--error:#f1b29d;--error-bg:#362720;--focus:#dfc18a;--shadow:0 14px 44px #02090688;--selection:#3c5744;--selection-text:#f0f3e9}html:lang(zh-CN){--serif:"Source Serif 4", "Songti SC", "Noto Serif SC", "SimSun", serif;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}html:lang(ja){--serif:"Source Serif 4", "Yu Mincho", "Hiragino Mincho ProN", serif;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}*{box-sizing:border-box}html{scrollbar-color:var(--control-line) var(--bg);scroll-padding-bottom:100px}body{margin:0;line-height:1.65}::selection{background:var(--selection);color:var(--selection-text)}button,input,textarea,select{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--green);text-underline-offset:.2em}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);text-wrap:balance;color:var(--ink);overflow-wrap:break-word;font-weight:500}h1{letter-spacing:.015em;font-size:clamp(30px,2.9vw,44px);line-height:1.38}h2{font-size:27px;line-height:1.45}h3{font-size:21px;line-height:1.55}p{text-wrap:pretty;line-height:1.85}svg{vertical-align:middle;flex-shrink:0}button svg{pointer-events:none}.small,small{font-size:13px;line-height:1.75}.muted{color:var(--muted)}.gold{color:var(--gold)}.green{color:var(--green)}.lede{max-width:65ch;color:var(--muted);margin-top:12px;font-size:17px;line-height:1.9}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{border:1px solid var(--control-line);text-align:center;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:11px 20px;font-size:15px;font-weight:500;line-height:1.5;display:inline-flex}.button:hover:not(:disabled){background:var(--soft)}.primary{background:var(--primary-bg);color:var(--primary-text);border-color:#0000}.primary:hover:not(:disabled){background:var(--primary-hover)}.cream{color:#254236;background:#ece3cb;border-color:#0000}.cream:hover:not(:disabled){background:#fff5db}.gold-button{background:var(--accent-bg);color:var(--primary-text);border-color:#0000}.gold-button:hover:not(:disabled){background:var(--accent-hover)}.full{width:100%}.small-button{min-height:44px;padding:8px 12px;font-size:13px}.text-button{color:var(--green);text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:10px 0;font-size:14px;display:inline-flex}.text-button:hover{text-underline-offset:.2em;text-decoration:underline}.button-row{flex-wrap:wrap;gap:12px;display:flex}.center{justify-content:center}.icon-button{width:44px;min-width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:10px;display:inline-flex}.icon-button:hover,.icon-button[aria-expanded=true]{background:var(--selected);color:var(--ink)}.notice{background:var(--soft);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0;padding:16px 20px;font-size:14px;line-height:1.8;display:flex}.notice.error{background:var(--error-bg);color:var(--error)}.notice.success{background:var(--selected)}.boot-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:32px;display:flex}.app-shell{grid-template-columns:216px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;height:100vh;padding:32px 16px 24px;display:flex;position:sticky;top:0}.brand{text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;padding:0 0 40px;display:flex}.brand svg{width:34px;height:58px;stroke:var(--gold);fill:none;stroke-width:2.6px;margin-bottom:8px}.brand strong{font-family:var(--serif);letter-spacing:.12em;padding-left:.12em;font-size:27px;font-weight:500}.brand span{letter-spacing:.12em;color:var(--muted);margin-top:4px;font-size:13px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button{min-height:50px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;line-height:1.5;display:flex}.sidebar nav button:hover{background:var(--soft)}.sidebar nav button.active{color:var(--green);background:var(--selected);font-weight:600}.sidebar-user{border:0;border-top:1px solid var(--line);text-align:left;overflow-wrap:anywhere;background:0 0;align-items:center;gap:12px;margin:auto 8px 0;padding:20px 0 0;font-size:14px;display:flex}.sidebar-user small{color:var(--muted);display:block}.user-avatar{background:var(--soft);width:40px;height:40px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.app-shell main{width:100%;min-width:0;max-width:1456px;margin-inline:auto;padding:0 clamp(24px,3.1vw,48px)}.topbar{min-height:88px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.topbar>span{align-items:center;gap:8px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar .text-button{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.demo-banner,.guest-banner{background:var(--soft);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:12px 16px;font-size:13px;line-height:1.8;display:flex}.guest-banner{justify-content:flex-start}.learning-grid{grid-template-columns:minmax(0,1fr) 264px;gap:36px;display:grid}.learning-grid>section,.listening-rail,.featured>div{min-width:0}.learning-grid .lede{margin-bottom:28px}.featured{border-radius:var(--radius);background:var(--forest);min-height:236px;color:var(--on-forest);justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.featured h2{color:var(--on-forest);font-size:clamp(25px,2.2vw,34px)}.featured p{color:var(--forest-muted);margin-top:10px;font-size:15px;line-height:1.85}.featured .button{margin-top:24px}.chapter-numeral{font-family:var(--serif);color:var(--gold-soft);font-variant-numeric:lining-nums tabular-nums;flex-shrink:0;font-size:62px;font-weight:400;line-height:1}.chapter-numeral span{text-align:right;margin-top:12px;font-size:19px;display:block}.section-heading{align-items:center;gap:24px;margin:36px 0 8px;display:flex}.section-heading h2{font-size:27px}.section-heading>span{background:var(--line);flex:1;height:1px}.lesson-row{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:20px;width:100%;min-height:96px;padding:20px 4px;display:flex}.lesson-row:hover{background:var(--soft)}.lesson-number{width:46px;font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;color:var(--gold);flex-shrink:0;font-size:33px;line-height:1.2}.lesson-text{flex:1;min-width:0}.lesson-text strong{font-family:var(--serif);text-wrap:pretty;font-size:20px;font-weight:500;line-height:1.5;display:block}.lesson-text small{color:var(--muted);margin-top:6px;font-size:13px;display:block}.lesson-meta{max-width:84px;color:var(--muted);text-align:right;flex-shrink:0;font-size:13px}.lesson-row>svg{color:var(--gold);width:18px}.listening-rail{border:1px solid var(--line);border-radius:var(--radius);align-self:start;padding:28px 24px}.listening-rail h2{font-size:24px}.listening-rail>p{color:var(--muted);margin-top:16px;font-size:15px;line-height:1.9}.timer-art{width:72px;height:84px;color:var(--gold);stroke-width:1.3px;margin:36px auto 16px;display:block}.listening-rail h3{text-align:center;margin-bottom:20px;font-size:21px}.listening-rail .gold-button{color:var(--gold);border-color:var(--control-line);background:0 0}.listening-rail .gold-button:hover{background:var(--soft)}.rail-question{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.rail-question span{color:var(--gold);font-size:13px}.rail-question p{font-family:var(--serif);margin-top:12px;font-size:20px;line-height:1.75}.course-note{max-width:65ch;padding:24px 0}.resume-row{margin-top:12px}.app-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:40px;padding:24px 0 32px;font-size:13px;line-height:1.8}.lesson-page{max-width:1120px}.lesson-page>.text-button,.exercise-page>.text-button{margin-bottom:20px}.lesson-columns{grid-template-columns:minmax(0,1fr) 300px;gap:48px;margin-top:36px;display:grid}.reading{max-width:70ch}.reading-title{border-bottom:1px solid var(--line);color:var(--gold);align-items:center;gap:10px;padding-bottom:20px;font-size:14px;display:flex}.reading section{padding:28px 0 8px}.reading h2{margin-bottom:12px;font-size:26px}.reading p{font-size:17px;line-height:1.95}.faith{border-left:1px solid var(--gold);background:var(--soft);margin:28px 0;padding:16px 20px}.faith summary{color:var(--gold);font-size:14px}.faith p{margin-top:16px;font-size:15px}.exercise-list>h2{margin-bottom:12px;font-size:24px}.exercise-link{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:flex-start;gap:14px;width:100%;padding:24px 0;display:flex}.exercise-link:hover strong{text-underline-offset:.2em;text-decoration:underline}.exercise-number{font-family:var(--serif);color:var(--gold);font-size:23px}.exercise-link>span:nth-child(2){flex:1;min-width:0}.exercise-link strong{font-family:var(--serif);margin-bottom:8px;font-size:19px;font-weight:500;display:block}.exercise-link small{color:var(--muted);align-items:center;gap:6px;display:flex}.exercise-link>svg{color:var(--gold);margin-top:6px}.exercise-page{max-width:850px;padding-bottom:20px}.exercise-heading{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.privacy-label{background:var(--selected);color:var(--green);border-radius:20px;align-items:center;gap:6px;max-width:100%;padding:6px 12px;font-size:13px;display:inline-flex}.exercise-page>.lede{max-width:65ch;font-size:16px}.reveal-status{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:20px;margin-bottom:8px;padding:24px 0;font-size:14px;display:flex}.reveal-status>div{align-items:center;gap:8px;display:flex}.status-dot{border:1px solid var(--control-line);border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.status-dot.done{background:var(--green);border-color:var(--green)}.status-line{background:var(--line);width:40px;height:1px}.reveal-status>svg{margin-left:auto}.question{padding:32px 0 8px}.question label{color:var(--ink);font-family:var(--serif);flex-direction:row;align-items:baseline;gap:14px;margin-bottom:16px;font-size:20px;line-height:1.75}.question-index{font-family:var(--serif);color:var(--gold);flex-shrink:0;font-size:22px}.question textarea{min-height:152px;line-height:1.85}.char-count{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px;display:block}label{flex-direction:column;gap:8px;font-size:14px;line-height:1.7;display:flex}input,textarea,select{border:1px solid var(--control-line);background:var(--surface);width:100%;min-width:0;min-height:48px;color:var(--ink);caret-color:var(--green);border-radius:8px;padding:12px 14px;font-size:16px;line-height:1.6}select{padding-right:30px}textarea{resize:vertical;min-height:112px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}label small{color:var(--muted);font-size:13px}.emotion-words,.action-prompts{flex-wrap:wrap;gap:8px;display:flex}.emotion-words button,.action-prompts button{border:1px solid var(--line);background:var(--soft);text-align:left;border-radius:24px;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:14px;display:inline-flex}.emotion-words button:hover,.action-prompts button:hover{background:var(--selected)}.submit-footer{border-top:1px solid var(--line);margin-top:24px;padding:24px 0}.submit-footer p{margin-bottom:18px;font-size:15px}.submit-footer>small{color:var(--muted);margin-top:16px;display:block}.save-state{color:var(--muted);margin-top:12px;font-size:13px;display:block}.confirm-box{background:var(--soft);border-radius:var(--radius);margin-top:24px;padding:20px}.saved-answer{background:var(--soft);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;padding:24px}.answer-pair{border-bottom:1px solid var(--line);padding:28px 0}.answer-pair h3{gap:16px;margin-bottom:20px;font-size:20px;display:flex}.answer-pair h3>span{color:var(--gold);font-family:var(--serif);flex-shrink:0;min-width:30px}.pair-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.pair-columns>div{background:var(--soft);border-radius:var(--radius);min-width:0;padding:24px}.pair-columns>div+div{background:var(--selected)}.answer-author{color:var(--muted);margin-bottom:12px;font-size:13px;display:block}.pair-columns p,.reflection p,.history-item p,.review-text{white-space:pre-wrap;overflow-wrap:anywhere}.reflections{padding-top:36px}.reflections>p{margin:8px 0 24px}.reflections form .button{margin-top:12px}.reflections>.text-button{margin-top:24px}.reflection{border-left:1px solid var(--control-line);margin-bottom:24px;padding:12px 20px}.reflection strong{font-size:14px}.reflection time{color:var(--muted);margin-left:16px;font-size:13px}.reflection p{margin-top:8px}.narrow-page{max-width:850px}.form-section{border-bottom:1px solid var(--line);padding:32px 0}.form-section>p{max-width:65ch;margin:10px 0 24px}.form-section form{max-width:560px}.form-section form .button{margin-top:18px}.invite-link{margin-top:24px}.invite-link .button{align-self:flex-start}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:20px;padding:64px 24px;display:flex}.empty-state h2{font-size:27px}.empty-state p{max-width:55ch}.empty-state.compact{background:var(--soft);border-radius:var(--radius);padding:40px 24px}.couple-banner{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:32px 0;display:flex}.couple-banner>div:last-child{margin-left:8px}.couple-banner p{color:var(--muted);font-size:14px}.avatar{background:var(--selected);width:56px;height:56px;color:var(--green);font-family:var(--serif);border-radius:50%;flex-shrink:0;place-items:center;font-size:24px;display:grid}.avatar.partner{background:var(--soft);color:var(--gold)}.spaced-heading{margin:32px 0 20px}.simple-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 0;display:flex}.simple-row>span{align-items:center;gap:10px;display:flex}.profile-list{grid-template-columns:minmax(100px,.45fr) 1fr;gap:20px;margin:24px 0;font-size:15px;display:grid}.profile-list dt{color:var(--muted)}.profile-list dd{overflow-wrap:anywhere;margin:0}.danger{color:var(--error)}.disconnect{margin-bottom:24px}.history-item{border-bottom:1px solid var(--line);padding:16px 0}details summary{cursor:pointer;line-height:1.8}.history-item p{margin-top:12px;font-size:15px}.action-prompts{margin:28px 0}.action-form{grid-template-columns:minmax(0,1fr) 170px;align-items:end;gap:16px;margin-bottom:16px;display:grid}.action-form>.button{grid-column:1/-1;justify-self:start}.action-list{margin-top:32px}.action-item{border-bottom:1px solid var(--line);gap:16px;padding:24px 0;display:flex}.action-item>div{flex:1;min-width:0}.action-check{border:1px solid var(--control-line);background:0 0;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;padding:10px;display:grid}.completed .action-check{background:var(--primary-bg);color:var(--primary-text)}.action-item h3{overflow-wrap:anywhere;font-size:21px}.action-item p{margin:8px 0}.action-item details{color:var(--muted);margin-top:12px;font-size:14px}.action-item details label{margin:12px 0}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-story{background:var(--forest);color:var(--on-forest);flex-direction:column;justify-content:space-between;gap:64px;padding:52px clamp(32px,5vw,80px);display:flex}.wordmark{font-family:var(--serif);letter-spacing:.08em;align-items:center;gap:16px;font-size:28px;display:flex}.wordmark svg{width:32px;height:44px;color:var(--gold-soft)}.wordmark small{letter-spacing:.06em;margin-top:4px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;display:block}.auth-story h1{max-width:12em;color:var(--on-forest);font-size:clamp(36px,3.8vw,56px);line-height:1.4}.auth-story h1>span{max-width:100%;display:inline-block}.auth-story p{max-width:36ch;color:var(--forest-muted);margin-top:24px;font-size:18px;line-height:1.9}.story-rule{background:#739183;width:64px;height:1px;margin-top:36px}.auth-story p.small{max-width:44ch;font-size:15px}.auth-story>span{color:var(--forest-muted)}.auth-panel{justify-content:center;align-items:center;padding:88px 48px 56px;display:flex;position:relative}.auth-tools{position:absolute;top:20px;right:24px}.auth-form{width:100%;max-width:420px}.auth-form h2{margin-bottom:12px;font-size:31px}.auth-form>.muted{margin-bottom:28px;font-size:15px}.auth-form form label{margin-bottom:20px}.auth-form form .button{margin-top:4px}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 0 16px;display:flex}.auth-links button{min-height:44px;color:var(--green);background:0 0;border:0;padding:8px 0;font-size:13px}.divider{color:var(--muted);align-items:center;gap:16px;margin:8px 0 20px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.social-row{gap:12px;margin-top:16px;display:flex}.social-row .button{flex-wrap:wrap;flex:1;gap:6px;font-size:14px}.social-row small{font-size:12px}.auth-form>.text-button.full{justify-content:center;margin-top:12px}.auth-form>.small{margin-top:12px}.auth-foot{border-top:1px solid var(--line);align-items:flex-start;gap:8px;padding-top:20px;display:flex;margin-top:28px!important}.auth-foot svg{margin-top:4px}.timer-dialog{background:var(--surface);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);text-align:center;box-shadow:var(--shadow);border:0;border-radius:16px;padding:44px 32px 28px}.timer-dialog::backdrop{background:#081b16a6}.timer-dialog .close{position:absolute;top:12px;right:12px}.timer-dialog h2{margin-top:16px;font-size:28px}.timer-dialog>p{color:var(--muted);margin-top:12px;font-size:14px}.clock{font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;color:var(--green);margin-top:24px;font-size:88px;line-height:1.3}.timer-dialog .button-row{margin-top:24px}.timer-switch{margin-top:12px}.timer-dialog>.small{margin-top:16px;font-size:13px}.loading{color:var(--muted);padding:64px 0}.mobile-reading-link{display:none}.preferences-popover{z-index:50;background:var(--surface);width:min(336px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:var(--shadow);border-radius:16px;padding:16px 24px 24px;animation:.18s cubic-bezier(.16,1,.3,1) preferences-in;position:fixed;overflow-y:auto}@keyframes preferences-in{0%{transform:translateY(-4px)}to{transform:translateY(0)}}.preferences-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 -12px 16px 0;display:flex}.preferences-heading h2{font-family:inherit;font-size:16px;font-weight:600}.theme-picker{border:0;min-width:0;margin:0;padding:0}.theme-picker legend,.language-picker label{color:var(--muted);margin-bottom:8px;font-size:13px}.theme-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-option{border:1px solid var(--control-line);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 8px;font-size:14px;display:flex}.theme-option.selected{background:var(--selected);border-color:var(--green);color:var(--green)}.theme-check{opacity:0}.theme-option.selected .theme-check{opacity:1}.language-picker{margin-top:20px}.language-picker label{flex-direction:row;align-items:center;gap:8px}.preferences-help,.preference-status{color:var(--muted);margin-top:14px;font-size:13px;line-height:1.75}.preference-status{color:var(--error)}:where(html:lang(en),html:lang(es),html:lang(fr),html:lang(de)) :is(.brand strong,.brand span,.wordmark){letter-spacing:0;padding-left:0}@media (width<=1200px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:12px}.learning-grid{grid-template-columns:minmax(0,1fr) 228px;gap:24px}.listening-rail{padding:24px 20px}.listening-rail h2{font-size:22px}.featured{gap:16px;padding:28px}.chapter-numeral{font-size:48px}.lesson-meta{display:none}.lesson-columns{grid-template-columns:minmax(0,1fr) 256px;gap:32px}}@media (width<=960px){.app-shell{padding-bottom:calc(88px + env(safe-area-inset-bottom));display:block}.sidebar{border:0;height:auto;padding:20px 24px 0;position:static}.brand{flex-direction:row;align-self:flex-start;gap:10px;min-height:44px;padding:0}.brand svg{width:24px;height:38px;margin:0 4px 0 0}.brand strong{letter-spacing:.06em;font-size:24px}.brand span{border-left:1px solid var(--line);margin:0;padding-left:12px;font-size:12px}.sidebar nav{z-index:20;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}.sidebar nav button{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:60px;padding:8px 4px;font-size:12px}.sidebar nav button span{overflow-wrap:anywhere}.sidebar nav button svg{width:20px;height:20px}.sidebar-user{display:none}.topbar{min-height:72px}.learning-grid{grid-template-columns:minmax(0,1fr) 240px}.lesson-columns{grid-template-columns:1fr}.reading{max-width:70ch}.exercise-list{margin-top:12px}.mobile-reading-link{margin-top:12px;display:inline-flex}.auth-story{padding:44px 32px}.auth-panel{padding-inline:32px}}@media (width<=700px){.app-shell main{padding-inline:20px}.sidebar{padding:16px 20px 0}.brand span{max-width:140px;line-height:1.5}.topbar{gap:8px;min-height:68px}.topbar-actions{gap:4px;max-width:65%}.topbar>span>svg{display:none}.topbar .text-button{gap:6px;font-size:12px}h1{font-size:31px;line-height:1.4}h2{font-size:25px}.lede{font-size:16px}.learning-grid{grid-template-columns:1fr;gap:32px}.learning-grid .lede{margin-bottom:24px}.featured{gap:12px;min-height:216px;padding:28px 24px}.featured h2{font-size:27px}.featured p{font-size:14px}.chapter-numeral{font-size:42px}.chapter-numeral span{font-size:15px}.section-heading{margin-top:32px}.section-heading h2{font-size:25px}.lesson-row{gap:14px;padding-block:20px}.lesson-number{width:36px;font-size:30px}.lesson-text strong{font-size:19px}.lesson-row>svg{width:16px}.listening-rail{padding:28px}.listening-rail h2{font-size:25px}.listening-rail>p{max-width:42ch}.demo-banner,.guest-banner{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-bottom:24px;padding:14px 16px}.guest-banner .text-button{padding-block:4px}.lesson-columns{margin-top:28px}.reading p{font-size:17px;line-height:1.9}.reading h2{font-size:24px}.question label{gap:12px;font-size:19px}.question textarea{min-height:164px}.pair-columns{grid-template-columns:1fr;gap:16px}.pair-columns>div{padding:20px}.reveal-status{flex-wrap:wrap;gap:12px}.status-line{width:24px}.action-form{grid-template-columns:1fr}.action-form>.button{width:100%}.profile-list{grid-template-columns:minmax(100px,.55fr) 1fr;gap:16px;font-size:14px}.empty-state{padding:44px 12px}.auth-page{grid-template-columns:1fr}.auth-story{gap:28px;padding:28px 24px 32px}.wordmark{font-size:24px}.wordmark small{font-size:12px}.auth-story h1{max-width:15em;font-size:34px}.auth-story p{max-width:50ch;margin-top:16px;font-size:15px}.story-rule,.auth-story p.small,.auth-story>span{display:none}.auth-panel{padding:76px 24px 44px}.auth-tools{top:16px;right:16px}.auth-form h2{font-size:28px}.timer-dialog{padding:40px 24px 24px}.timer-dialog h2{font-size:26px}.clock{font-size:76px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}