@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-looped-thai-400-normal-CAqL3w-J.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-thai-400-normal-DsN5duVm.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-thai-looped-thai-500-normal-BmlMUbjd.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-thai-500-normal-BITZFU6i.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai Looped;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-looped-thai-600-normal-Bgzp2ueZ.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-looped-thai-600-normal-Zut2UJVf.woff)format("woff")}:root{--canvas:#f7f8fb;--surface:#fff;--ink:#121722;--text-secondary:#5a6472;--text-muted:#657081;--navy:#17346f;--blue:#2b5ba8;--crimson:#a9233f;--blue-soft:#eef3fb;--red-soft:#f9ecef;--line:#d8dee8;--line-control:#838e9e;--success:#1f6a50;--success-soft:#ecf6f1;--warning:#7a5200;--warning-soft:#fcf5e5;--danger:#a12838;--danger-soft:#fbedef;--shadow-control:0 1px 2px #12172214, inset 0 1px 0 #ffffff2e;--shadow-surface:0 2px 8px #1217220f, 0 12px 32px #1217220d;--shadow-overlay:0 16px 48px #12172229;--radius-small:4px;--radius-control:8px;--radius-sheet:12px;--sidebar-width:216px;--learning-width:720px;--content-width:1120px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{color:inherit;font:inherit}button,a,summary,label{-webkit-tap-highlight-color:transparent}button{border:0}button:not(:disabled),summary,a,label[for]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}p,h1,h2,h3,h4{margin:0}h1,h2,h3{text-wrap:balance}[lang=th]{letter-spacing:0;font-family:IBM Plex Sans Thai Looped,Noto Sans Thai Looped,Leelawadee UI,Tahoma,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.primary-button,.secondary-button,.primary-small-button{border-radius:var(--radius-control);justify-content:center;align-items:center;gap:10px;min-height:48px;font-weight:600;text-decoration:none;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.primary-button{background:var(--navy);color:#fff;box-shadow:var(--shadow-control);padding:13px 20px}.primary-small-button{background:var(--navy);color:#fff;min-height:44px;box-shadow:var(--shadow-control);padding:10px 16px}.secondary-button{background:var(--surface);border:1px solid var(--line-control);color:var(--navy);padding:11px 16px}.secondary-button:not(:disabled):hover{background:var(--blue-soft);border-color:var(--blue)}.text-button,.quiet-link,.text-link{min-height:44px;color:var(--blue);background:0 0;align-items:center;gap:7px;padding:4px 0;font-weight:600;text-decoration:none;display:inline-flex}.text-button:hover,.quiet-link:hover,.text-link:hover{color:var(--navy);text-underline-offset:4px;text-decoration:underline}.text-button.danger,.quiet-icon-button.danger{color:var(--danger)}.quiet-icon-button,.audio-icon-button,.bookmark-button,.avatar-button,.round-arrow-button{width:44px;height:44px;color:var(--navy);background:0 0;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;padding:0;display:inline-flex}.quiet-icon-button:hover,.audio-icon-button:hover,.bookmark-button:hover,.round-arrow-button:hover{background:var(--blue-soft)}.bookmark-button.active{background:var(--blue-soft);color:var(--blue)}.bookmark-button.active svg{fill:currentColor}.back-button{min-width:44px;min-height:44px;color:var(--text-secondary);background:0 0;align-items:center;gap:8px;padding:4px 8px 4px 0;font-weight:500;display:inline-flex}.back-button svg{transform:rotate(180deg)}.practice-header .back-button svg:first-child{transform:none}.section-label,.step-copy,.welcome-kicker,.activity-label,.micro-label,.lesson-overline,.result-label{color:var(--blue);font-size:13px;font-weight:600;line-height:1.4}.micro-label,.activity-label,.section-label{margin-bottom:6px;display:block}.brand-lockup{min-height:44px;color:var(--navy);white-space:nowrap;align-items:center;gap:11px;font-size:17px;font-weight:600;display:inline-flex}.brand-line{width:34px;height:14px;display:block;position:relative}.brand-line:before,.brand-line:after{content:"";height:2px;position:absolute;top:6px}.brand-line:before{background:var(--navy);width:22px;left:0}.brand-line:after{background:var(--crimson);width:9px;right:0}.brand-line i{background:var(--navy);width:1px;height:8px;position:absolute;top:3px}.brand-line i:first-child{left:8px}.brand-line i:nth-child(2){left:17px}.brand-line i:nth-child(3){background:var(--crimson);left:27px}.loading-shell{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.loading-line{background:var(--line);width:160px;height:2px;overflow:hidden}.loading-line span{background:var(--crimson);width:45%;height:100%;animation:1.2s ease-in-out infinite alternate loading-slide;display:block}@keyframes loading-slide{0%{transform:translate(-20%)}to{transform:translate(140%)}}.product-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.desktop-sidebar{background:var(--surface);border-right:1px solid var(--line);z-index:20;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.desktop-sidebar>.brand-lockup{border-bottom:1px solid var(--line);padding:0 12px 22px}.desktop-navigation{gap:4px;padding:22px 0;display:grid}.desktop-navigation button{border-radius:var(--radius-control);min-height:48px;color:var(--text-secondary);text-align:left;background:0 0;align-items:center;gap:12px;padding:0 12px;font-weight:500;display:flex}.desktop-navigation button.active{background:var(--blue-soft);color:var(--navy);box-shadow:inset 3px 0 0 var(--navy)}.sidebar-context{border-top:1px solid var(--line);margin-top:auto;padding:16px 12px 4px}.sidebar-context strong,.sidebar-context span{display:block}.sidebar-context strong{margin-bottom:3px;font-size:14px}.sidebar-context span:last-child{color:var(--text-muted);font-size:12px}.app-column{min-width:0}.app-topbar{z-index:15;border-bottom:1px solid var(--line);background:#f7f8fbf7;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(24px,4vw,48px);display:flex;position:sticky;top:0}.mobile-wordmark{display:none}.topbar-title{color:var(--text-secondary);font-size:14px;font-weight:500}.topbar-actions{align-items:center;gap:14px;display:flex}.avatar-button{background:var(--navy);color:#fff;width:38px;height:38px;box-shadow:var(--shadow-control);flex-basis:38px;font-size:14px;font-weight:600}.sync-state{color:var(--text-muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.sync-state i{background:var(--text-muted);border-radius:50%;width:7px;height:7px}.sync-synced i{background:var(--success)}.sync-syncing i{background:var(--blue);animation:1s ease-in-out infinite alternate status-pulse}.sync-offline i,.sync-error i{background:var(--warning)}@keyframes status-pulse{to{opacity:.3}}.app-main{min-height:calc(100vh - 68px)}.screen{width:min(100%, var(--content-width));margin:0 auto;padding:44px clamp(24px,4vw,48px) 80px}.screen-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.screen-heading h1{max-width:760px;color:var(--ink);font-size:clamp(28px,3.2vw,38px);font-weight:600;line-height:1.18}.screen-heading p{max-width:700px;color:var(--text-secondary);margin-top:10px;font-size:17px;line-height:1.55}.mobile-navigation{display:none}.onboarding-canvas{background:var(--canvas);min-height:100vh;padding:0 clamp(20px,5vw,72px) 48px}.onboarding-topbar{justify-content:space-between;align-items:center;width:min(100%,1160px);height:78px;margin:0 auto;display:flex}.onboarding-progress span{background:var(--crimson);height:100%;transition:width .24s;display:block}.welcome-stage{grid-template-columns:minmax(0,1.1fr) minmax(340px,.8fr);align-items:center;gap:clamp(48px,8vw,112px);width:min(100%,1120px);min-height:calc(100vh - 140px);margin:0 auto;padding:56px 0 80px;display:grid}.welcome-copy h1{letter-spacing:-.035em;max-width:720px;margin-top:16px;font-size:clamp(40px,5.4vw,66px);font-weight:600;line-height:1.04}.welcome-copy>p{max-width:620px;color:var(--text-secondary);margin-top:24px;font-size:clamp(18px,2vw,21px);line-height:1.55}.welcome-actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:34px;display:flex}.welcome-actions>span{color:var(--text-muted);font-size:13px}.welcome-specimen{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sheet);box-shadow:var(--shadow-surface);padding:24px;position:relative}.welcome-specimen:before{content:"";background:var(--crimson);width:64px;height:2px;position:absolute;top:0;left:24px}.specimen-topline{color:var(--text-muted);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.specimen-phrase{text-align:center;padding:54px 0}.specimen-phrase span,.specimen-phrase strong,.specimen-phrase p{display:block}.specimen-phrase span{font-size:clamp(34px,4vw,44px);font-weight:500;line-height:1.35}.specimen-phrase strong{color:var(--navy);margin-top:10px;font-size:17px;font-weight:500}.specimen-phrase p{color:var(--text-secondary);margin-top:7px}.specimen-actions{align-items:center;gap:14px;display:flex}.specimen-actions span{background:var(--blue-soft);width:40px;height:40px;color:var(--navy);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.specimen-actions i{background:var(--line);flex:1;height:2px;position:relative}.specimen-actions i:before{content:"";background:var(--blue);width:44%;height:100%;position:absolute}.onboarding-stage,.placement-stage,.result-stage{width:min(100%,900px);margin:0 auto;padding:54px 0 80px}.onboarding-stage.narrow{width:min(100%,820px)}.stage-heading{margin-bottom:32px}.stage-heading h1,.placement-question h1,.result-summary h1{margin-top:8px;font-size:clamp(32px,4vw,44px);font-weight:600;line-height:1.14}.stage-heading p{max-width:660px;color:var(--text-secondary);margin-top:12px;font-size:17px}.goal-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.goal-option{border-bottom:1px solid var(--line);min-height:132px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:48px minmax(0,1fr) 24px;align-items:start;gap:14px;padding:22px 18px;display:grid}.goal-option:hover{background:var(--surface)}.goal-option.selected{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--navy)}.goal-icon,.mode-icon{border-radius:var(--radius-control);background:var(--blue-soft);width:44px;height:44px;color:var(--navy);justify-content:center;align-items:center;display:inline-flex}.goal-option strong,.goal-option small{display:block}.goal-option strong{margin-bottom:6px;font-size:17px}.goal-option small{color:var(--text-secondary);font-size:14px;line-height:1.45}.selection-mark,.choice-list button>i,.display-choice-list button>i{border:1px solid var(--line-control);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.goal-option.selected .selection-mark,.choice-list button.selected>i,.display-choice-list button.active>i{background:var(--navy);border-color:var(--navy)}.stage-action{min-width:180px;margin-top:32px;margin-left:auto}.choice-list{border-top:1px solid var(--line)}.choice-list>button{border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:82px;padding:17px 4px;display:flex}.choice-list>button.selected{box-shadow:inset 3px 0 0 var(--navy);padding-left:14px;padding-right:14px}.choice-list strong,.choice-list small{display:block}.choice-list small{color:var(--text-secondary);margin-top:3px}.onboarding-settings-row{grid-template-columns:1.1fr .9fr;gap:24px;margin-top:32px;display:grid}.onboarding-settings-row fieldset{border:0;min-width:0;margin:0;padding:0}.onboarding-settings-row legend{margin-bottom:10px;font-size:13px;font-weight:600}.segmented-choice{border:1px solid var(--line-control);border-radius:var(--radius-control);background:var(--surface);max-width:100%;padding:3px;display:inline-flex}.segmented-choice button{min-height:40px;color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:5px;padding:8px 13px;font-size:14px}.segmented-choice button.active{background:var(--navy);color:#fff;box-shadow:var(--shadow-control)}.segmented-choice.compact button{min-width:64px}.placement-stage{width:min(100%,760px)}.placement-meta{color:var(--text-muted);justify-content:space-between;margin-bottom:36px;font-size:13px;font-weight:500;display:flex}.placement-question h1{max-width:680px}.placement-target{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0;padding:22px 0}.placement-target span,.placement-target strong{display:block}.placement-target span{font-size:34px;font-weight:500;line-height:1.45}.placement-target strong{color:var(--navy);margin-top:5px;font-size:17px;font-weight:500}.placement-options{gap:10px;margin-top:30px;display:grid}.placement-options>button{background:var(--surface);border:1px solid var(--line-control);border-radius:var(--radius-control);text-align:left;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:14px;width:100%;min-height:68px;padding:13px 16px;display:grid}.placement-options>button:hover{border-color:var(--blue);background:var(--blue-soft)}.placement-options>button.selected{border:2px solid var(--navy);background:var(--blue-soft);padding:12px 15px}.placement-options>button>i{border:1px solid var(--line-control);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex}.placement-options>button.selected>i{background:var(--navy);border-color:var(--navy)}.placement-options b,.placement-options em,.placement-options small{display:block}.placement-options b{font-size:20px;font-style:normal;font-weight:500;line-height:1.35}.placement-options em{color:var(--navy);font-size:15px;font-style:normal}.placement-options small{color:var(--text-secondary);margin-top:2px;font-size:14px}.placement-help{color:var(--text-muted);margin-top:14px;font-size:13px}.result-stage{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(32px,6vw,72px);width:min(100%,900px);padding-top:68px;display:grid}.result-summary h1{color:var(--navy)}.result-summary p{color:var(--text-secondary);margin-top:16px;font-size:17px;line-height:1.6}.result-path{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sheet);box-shadow:var(--shadow-surface)}.result-path-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.result-path-heading span{color:var(--navy);font-weight:600}.result-path-heading small{color:var(--text-muted)}.result-next{grid-template-columns:48px minmax(0,1fr);gap:18px;padding:24px 22px;display:grid}.lesson-number{color:var(--crimson);font-size:18px;font-weight:600}.result-next strong,.result-next p,.result-next small{display:block}.result-next strong{font-size:20px}.result-next p{color:var(--text-secondary);margin-top:5px}.result-next small{color:var(--text-muted);margin-top:9px}.result-why,.why-this{background:var(--blue-soft);color:var(--navy);border-radius:var(--radius-control);align-items:flex-start;gap:12px;margin:0 22px 22px;padding:15px;display:flex}.result-why p,.why-this p{color:var(--text-secondary);font-size:14px}.result-why strong,.why-this strong{color:var(--navy);margin-bottom:2px;display:block}.result-actions{grid-column:2;align-items:center;gap:22px;margin-top:-32px;padding:0 22px;display:flex}.home-heading{align-items:flex-start}.home-heading h1{max-width:780px}.continue-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sheet);box-shadow:var(--shadow-surface);grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);display:grid;overflow:hidden}.continue-copy{padding:clamp(28px,4vw,46px);position:relative}.continue-copy:before{content:"";background:var(--crimson);width:72px;height:2px;position:absolute;top:0;left:clamp(28px,4vw,46px)}.continue-copy h2{margin-top:9px;font-size:clamp(28px,3vw,36px);font-weight:600;line-height:1.18}.continue-copy>p{max-width:540px;color:var(--text-secondary);margin-top:10px;font-size:17px}.lesson-facts{color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin:24px 0;font-size:13px;display:flex}.lesson-facts span{align-items:center;gap:6px;display:inline-flex}.continue-language{background:var(--blue-soft);border-left:1px solid var(--line);align-content:center;display:grid}.continue-language>div{border-bottom:1px solid var(--line);padding:18px 24px 18px 36px;position:relative}.continue-language>div:last-child{border-bottom:0}.continue-language>div:before{content:"";border:1px solid var(--blue);background:var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:29px;left:19px}.continue-language>div.current:before{background:var(--crimson);border-color:var(--crimson);box-shadow:0 0 0 4px #a9233f1c}.continue-language span,.continue-language strong,.continue-language small{display:block}.continue-language span{font-size:21px;font-weight:500;line-height:1.35}.continue-language strong{color:var(--navy);margin-top:1px;font-size:14px;font-weight:500}.continue-language small{color:var(--text-secondary);margin-top:2px}.home-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(28px,4vw,48px);margin-top:48px;display:grid}.section-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.section-title-row h2{font-size:22px;font-weight:600}.count-label{color:var(--text-muted);font-size:13px}.review-quick-list{border-top:1px solid var(--line);margin-top:18px}.review-quick-list>button{border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:15px;width:100%;min-height:82px;padding:14px 0;display:grid}.review-quick-list>button:hover{background:var(--surface);padding-left:10px;padding-right:10px}.review-quick-list strong,.review-quick-list small{display:block}.review-quick-list small{color:var(--text-secondary);margin-top:3px}.mode-icon.red{background:var(--red-soft);color:var(--crimson)}.mode-icon.navy{color:var(--navy);background:#e8edf7}.mode-icon.muted{color:var(--text-muted);background:#edf0f4}.path-glance{border-left:1px solid var(--line);align-self:start;padding-left:30px}.path-glance .section-title-row>strong{color:var(--navy);font-size:18px}.linear-progress{background:var(--line);height:3px;margin-top:20px;overflow:hidden}.linear-progress span{background:var(--blue);height:100%;display:block}.path-glance>p{color:var(--text-secondary);margin-top:15px;font-size:14px;line-height:1.55}.path-glance .text-button{margin-top:12px}.support-note,.review-principle{max-width:720px;color:var(--text-secondary);align-items:flex-start;gap:16px;margin-top:48px;display:flex}.support-rule{background:var(--crimson);flex:0 0 2px;width:2px;height:54px;display:block}.support-note strong,.review-principle strong{color:var(--ink);margin-bottom:2px;display:block}.path-picker{position:relative}.path-picker>summary{min-height:44px;color:var(--blue);align-items:center;gap:7px;font-weight:600;list-style:none;display:inline-flex}.path-picker>summary::-webkit-details-marker{display:none}.path-picker[open]>summary svg{transform:rotate(90deg)}.path-picker-menu{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sheet);width:min(380px,100vw - 40px);box-shadow:var(--shadow-overlay);padding:8px;position:absolute;top:calc(100% + 8px);right:0}.path-picker-menu button{border-radius:var(--radius-control);text-align:left;background:0 0;grid-template-columns:30px minmax(0,1fr) 24px;align-items:center;gap:10px;width:100%;min-height:66px;padding:9px 10px;display:grid}.path-picker-menu button:hover,.path-picker-menu button.active{background:var(--blue-soft)}.path-picker-menu strong,.path-picker-menu small{display:block}.path-picker-menu small{color:var(--text-secondary);margin-top:2px;font-size:12px}.path-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:40px;display:grid}.path-intro>div{border-right:1px solid var(--line);padding:18px 22px}.path-intro>div:last-child{border-right:0}.path-intro span,.path-intro strong{display:block}.path-intro span{color:var(--text-muted);font-size:12px}.path-intro strong{margin-top:3px;font-size:15px}.lesson-path{position:relative}.lesson-row{border-bottom:1px solid var(--line);grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:170px;display:grid;position:relative}.lesson-row:first-child{border-top:1px solid var(--line)}.lesson-row.recommended{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:var(--shadow-surface);margin:0 -18px;padding:0 18px}.path-marker{justify-content:center;align-self:stretch;display:flex;position:relative}.path-marker:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:50%}.path-marker span{z-index:1;background:var(--canvas);width:34px;height:28px;color:var(--text-muted);justify-content:center;align-self:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex;position:relative}.lesson-row.recommended .path-marker span{background:var(--surface);color:var(--crimson)}.lesson-row.completed .path-marker span{color:var(--success)}.lesson-row-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lesson-row-heading span{color:var(--blue);font-size:12px;font-weight:600}.lesson-row-heading h2{margin-top:2px;font-size:21px;font-weight:600}.lesson-row-heading>small{color:var(--text-muted);white-space:nowrap}.lesson-row-copy>p{color:var(--text-secondary);margin-top:7px}.lesson-target-preview{flex-wrap:wrap;gap:12px 22px;margin-top:14px;display:flex}.lesson-target-preview span{flex-direction:column;display:inline-flex}.lesson-target-preview b{font-size:16px;font-weight:500}.lesson-target-preview em{color:var(--text-muted);font-size:12px;font-style:normal}.round-arrow-button{border:1px solid var(--line-control);color:var(--blue)}.review-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:34px;display:grid}.review-summary>div{border-right:1px solid var(--line);padding:18px 24px}.review-summary>div:last-child{border-right:0}.review-summary strong,.review-summary span{display:block}.review-summary strong{color:var(--navy);font-size:22px}.review-summary span{color:var(--text-muted);font-size:13px}.mode-list{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.mode-row{border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:16px;min-height:142px;padding:22px 18px;display:grid}.mode-row:not(:disabled):hover{background:var(--surface)}.mode-row>span:nth-child(2)>strong,.mode-row>span:nth-child(2)>small,.mode-row>span:nth-child(2)>em{display:block}.mode-row>span:nth-child(2)>strong{font-size:17px}.mode-row>span:nth-child(2)>small{color:var(--text-secondary);margin-top:5px;font-size:14px;line-height:1.45}.mode-row>span:nth-child(2)>em{color:var(--text-muted);margin-top:8px;font-size:12px;font-style:normal}.pending-label{border:1px solid var(--line);border-radius:var(--radius-small);color:var(--text-muted);align-self:center;padding:4px 7px;font-size:11px}.library-heading{align-items:flex-start}.library-tools{z-index:10;background:var(--canvas);border-bottom:1px solid var(--line);padding:16px 0 12px;position:sticky;top:68px}.search-field{background:var(--surface);border:1px solid var(--line-control);border-radius:var(--radius-control);height:50px;color:var(--text-muted);align-items:center;gap:10px;padding:0 14px;display:flex}.search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2b5ba821}.search-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%}.search-field>button{width:38px;height:38px;color:var(--text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.filter-scroll{scrollbar-width:thin;gap:7px;padding-top:11px;display:flex;overflow-x:auto}.filter-scroll button{min-height:38px;color:var(--text-secondary);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 12px;font-size:13px}.filter-scroll button:hover{border-color:var(--line-control)}.filter-scroll button.active{background:var(--navy);color:#fff}.library-count{color:var(--text-muted);justify-content:space-between;padding:16px 0 8px;font-size:12px;display:flex}.library-list{border-top:1px solid var(--line)}.library-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:92px;display:grid}.library-row:hover{background:var(--surface)}.library-row-main{text-align:left;background:0 0;grid-template-columns:minmax(180px,1.1fr) minmax(180px,1fr) minmax(180px,1.2fr);align-items:center;gap:20px;min-width:0;min-height:91px;padding:14px 8px 14px 4px;display:grid}.library-thai{font-size:21px;font-weight:500;line-height:1.4}.library-transliteration{color:var(--navy);font-size:14px}.library-meaning{color:var(--text-secondary);font-size:14px}.library-row-actions{align-items:center;gap:2px;padding-right:4px;display:flex}.personal-row .library-row-main{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr)}.personal-row .library-row-main small{color:var(--text-muted);grid-column:1/-1;margin-top:-12px}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;padding:72px 24px;display:flex}.empty-state h2{color:var(--ink);margin-top:14px}.empty-state p{max-width:420px;margin-top:5px}.sheet-backdrop{z-index:100;background:#12172257;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-sheet{background:var(--surface);border-left:1px solid var(--line);width:min(520px,100%);height:100%;box-shadow:var(--shadow-overlay);padding:0 28px 40px;animation:.18s ease-out sheet-in;overflow-y:auto}@keyframes sheet-in{0%{opacity:0;transform:translate(20px)}}.sheet-header{z-index:2;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:68px;display:flex;position:sticky;top:0}.sheet-header>div{display:flex}.detail-hero{border-bottom:1px solid var(--line);padding:42px 0 34px;position:relative}.detail-audio-button{background:var(--blue-soft);position:absolute;top:34px;right:0}.detail-hero h2{max-width:calc(100% - 60px);font-size:clamp(34px,8vw,46px);font-weight:500;line-height:1.35}.detail-hero>strong{color:var(--navy);margin-top:6px;font-size:17px;font-weight:500;display:block}.detail-hero>p{color:var(--text-secondary);margin-top:5px;font-size:17px}.detail-section{border-bottom:1px solid var(--line);padding:28px 0}.detail-section h3{font-size:19px;font-weight:600}.segmentation-line,.segment-study{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.segmentation-line span,.segment-study span{background:var(--blue-soft);border-radius:var(--radius-small);color:var(--navy);border:1px solid #cfd9ea;padding:6px 9px;font-size:15px}.speaker-form-list{border-top:1px solid var(--line)}.speaker-form-list>div{border-bottom:1px solid var(--line);padding:16px 0}.speaker-form-list span,.speaker-form-list strong,.speaker-form-list small{display:block}.speaker-form-list span{font-size:21px;font-weight:500}.speaker-form-list strong{color:var(--navy);font-size:14px;font-weight:500}.speaker-form-list small{color:var(--text-muted);margin-top:3px}.content-provenance,.content-status-row{background:var(--warning-soft);border-left:2px solid var(--warning);margin-top:28px;padding:14px 16px}.content-provenance span,.content-status-row span{color:var(--warning);font-size:12px;font-weight:600}.content-provenance p,.content-status-row p{color:var(--text-secondary);margin-top:4px;font-size:13px}.add-sheet-heading{padding:34px 0 24px}.add-sheet-heading h2{font-size:28px;font-weight:600}.add-sheet-heading p{color:var(--text-secondary);margin-top:8px}.add-sheet form{gap:18px;display:grid}.add-sheet label>span{justify-content:space-between;margin-bottom:7px;font-size:13px;font-weight:600;display:flex}.add-sheet label b{color:var(--crimson);font-size:11px}.add-sheet label em{color:var(--text-muted);font-size:11px;font-style:normal;font-weight:400}.add-sheet input{border:1px solid var(--line-control);border-radius:var(--radius-control);background:var(--surface);width:100%;min-height:48px;padding:10px 12px}.add-sheet input[lang=th]{font-size:18px}.form-note{background:var(--blue-soft);color:var(--text-secondary);padding:12px 14px;font-size:13px}.profile-hero{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding-bottom:36px;display:flex}.profile-avatar{background:var(--navy);color:#fff;width:62px;height:62px;box-shadow:var(--shadow-control);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:inline-flex}.profile-hero h1{font-size:30px;font-weight:600}.profile-hero p{color:var(--text-secondary);margin-top:4px}.profile-section{border-bottom:1px solid var(--line);padding:38px 0}.profile-section-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.profile-section-heading h2{font-size:22px;font-weight:600}.profile-section-heading>span{color:var(--text-muted);font-size:13px}.profile-path-progress>p{color:var(--text-secondary);margin-top:10px;font-size:14px}.capability-list{border-top:1px solid var(--line);margin-top:22px}.capability-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:10px 0;display:flex}.capability-list strong,.capability-list small{display:block}.capability-list small{color:var(--text-muted);margin-top:2px}.capability-list em{color:var(--success);font-size:13px;font-style:normal}.capability-list em.attention{color:var(--crimson)}.muted-copy{color:var(--text-muted);padding:18px 0}.settings-list{border-top:1px solid var(--line)}.setting-block{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:84px;padding:16px 0;display:flex}.setting-block.stacked,.setting-block strong,.setting-block p{display:block}.setting-block p{max-width:660px;color:var(--text-secondary);margin-top:3px;font-size:13px}.goal-setting-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px;display:grid}.goal-setting-grid button{background:var(--surface);border:1px solid var(--line-control);border-radius:var(--radius-control);min-height:52px;color:var(--text-secondary);justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:13px;display:flex}.goal-setting-grid button.active{background:var(--blue-soft);border:2px solid var(--navy);color:var(--navy);padding:7px 9px;font-weight:600}.display-choice-list{border-top:1px solid var(--line);margin-top:15px;display:grid}.display-choice-list button{border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:12px 4px;display:flex}.display-choice-list button.active{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--navy);padding-left:12px;padding-right:12px}.display-choice-list strong,.display-choice-list small{display:block}.display-choice-list small{color:var(--text-secondary);margin-top:3px}.select-field select{background:var(--surface);border:1px solid var(--line-control);border-radius:var(--radius-control);min-width:220px;min-height:44px;padding:8px 36px 8px 12px}.inline-notice{max-width:260px;color:var(--warning);text-align:right;font-size:13px}.backup-controls{border-top:1px solid var(--line)}.setting-action{border-bottom:1px solid var(--line);width:100%;min-height:74px;color:var(--navy);text-align:left;background:0 0;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:12px 4px;display:grid;position:relative}.setting-action:hover{background:var(--surface);padding-left:12px;padding-right:12px}.setting-action strong,.setting-action small{display:block}.setting-action small{color:var(--text-secondary);margin-top:3px;font-weight:400}.setting-action input{opacity:0;width:1px;height:1px;position:absolute}.backup-status{color:var(--text-secondary);margin-top:12px;font-size:13px}.account-setting{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex}.account-setting p{color:var(--text-secondary);margin-top:3px;font-size:13px}.content-section{grid-template-columns:1fr 1fr;align-items:start;gap:42px;display:grid}.content-section h2{font-size:20px}.content-section>div:first-child>p{color:var(--text-secondary);margin-top:6px}.content-status-row{margin-top:0}.restart-button{color:var(--crimson);margin-top:24px}.practice-canvas{background:var(--canvas);min-height:100vh}.practice-header{z-index:30;border-bottom:1px solid var(--line);background:#f7f8fbfa;grid-template-columns:120px minmax(0,1fr) 120px;align-items:center;height:66px;padding:0 clamp(18px,4vw,48px);display:grid;position:sticky;top:0}.practice-title{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.practice-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.practice-title span{color:var(--text-muted);font-size:11px}.practice-header>:last-child{justify-self:end}.support-toggle{border:1px solid var(--line-control);border-radius:var(--radius-control);background:var(--surface);min-width:36px;height:36px;color:var(--navy);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.practice-progress{z-index:29;background:var(--line);height:2px;position:sticky;top:66px}.practice-progress span{background:var(--crimson);height:100%;transition:width .2s;display:block}.practice-stage{width:min(100%, var(--learning-width));margin:0 auto;padding:52px 20px 80px}.activity-card{width:100%}.activity-card>h1{max-width:680px;margin-top:7px;font-size:clamp(30px,5vw,42px);font-weight:600;line-height:1.15}.activity-lede{max-width:640px;color:var(--text-secondary);margin-top:12px;font-size:18px;line-height:1.55}.activity-action{min-width:176px;margin-top:30px;margin-left:auto}.lesson-language-list{border-top:1px solid var(--line);margin-top:32px}.lesson-language-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(200px,1.1fr) minmax(180px,1fr) minmax(180px,1fr);align-items:center;gap:18px;min-height:78px;display:grid}.lesson-language-list span{font-size:22px;font-weight:500}.lesson-language-list strong{color:var(--navy);font-size:14px;font-weight:500}.lesson-language-list small{color:var(--text-secondary)}.intro-card .why-this{margin:24px 0 0}.activity-topline{justify-content:space-between;align-items:center;display:flex}.activity-topline .activity-label{margin:0}.language-stack{position:relative}.language-stack>span,.language-stack>strong,.language-stack>p{display:block}.language-stack.large{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:26px;padding:30px 0}.language-stack.large>span{font-size:clamp(36px,7vw,50px);font-weight:500;line-height:1.35}.language-stack.large>strong{color:var(--navy);margin-top:6px;font-size:18px;font-weight:500}.language-stack.large>p{color:var(--text-secondary);margin-top:5px;font-size:18px}.language-stack.compact>span{font-size:24px;font-weight:500;line-height:1.35}.language-stack.compact>strong{color:var(--navy);font-size:14px;font-weight:500}.language-stack.compact>p{color:var(--text-secondary);font-size:14px}.teaching-note{grid-template-columns:90px minmax(0,1fr);gap:16px;margin-top:24px;display:grid}.teaching-note span{color:var(--text-muted);font-size:13px}.teaching-note p{font-weight:500}.preview-audio-note{color:var(--text-muted);margin-top:16px;font-size:12px}.choice-prompt{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0;padding:28px 0}.choice-prompt span,.choice-prompt strong{display:block}.choice-prompt span{font-size:clamp(32px,6vw,44px);font-weight:500;line-height:1.35}.choice-prompt strong{color:var(--navy);margin-top:5px;font-size:17px;font-weight:500}.choice-instruction{color:var(--text-secondary);margin-top:10px}.answer-list{gap:10px;margin-top:24px;display:grid}.answer-list>button{background:var(--surface);border:1px solid var(--line-control);border-radius:var(--radius-control);text-align:left;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:13px;width:100%;min-height:62px;padding:12px 15px;display:grid}.answer-list>button:not(:disabled):hover{background:var(--blue-soft);border-color:var(--blue)}.answer-list>button.selected{border:2px solid var(--navy);padding:11px 14px}.answer-list>button.correct{background:var(--success-soft);border-color:var(--success)}.answer-list>button.incorrect{background:var(--danger-soft);border-color:var(--danger)}.answer-list>button>i{border:1px solid var(--line-control);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex}.answer-list>button.correct>i{background:var(--success);border-color:var(--success)}.answer-list>button.incorrect>i{background:var(--danger);border-color:var(--danger)}.thai-answers b,.thai-answers em,.thai-answers small{display:block}.thai-answers b{font-size:19px;font-weight:500;line-height:1.35}.thai-answers em{color:var(--navy);font-size:14px;font-style:normal}.thai-answers small{color:var(--text-muted);margin-top:3px}.answer-feedback{border-left:3px solid;margin-top:16px;padding:15px 16px}.answer-feedback.correct{background:var(--success-soft);border-color:var(--success)}.answer-feedback.incorrect{background:var(--danger-soft);border-color:var(--danger)}.answer-feedback>strong{margin-bottom:7px;display:block}.answer-feedback>p{color:var(--text-secondary);font-size:14px}.recall-cue{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;padding:32px 0}.recall-cue strong{font-size:clamp(28px,5vw,38px);font-weight:500}.recall-cue p{color:var(--text-secondary);margin-top:7px}.recall-prompt{color:var(--text-secondary);margin-top:20px}.recall-answer{margin-top:24px;padding:0 64px 0 0;position:relative}.recall-answer>.audio-icon-button{background:var(--blue-soft);position:absolute;top:28px;right:0}.recall-rating,.flashcard-rating{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.recall-rating button,.flashcard-rating button{background:var(--surface);border:1px solid var(--line-control);border-radius:var(--radius-control);text-align:center;min-height:72px;padding:10px}.recall-rating button:hover,.flashcard-rating button:hover{background:var(--blue-soft);border-color:var(--blue)}.recall-rating strong,.recall-rating span,.flashcard-rating strong,.flashcard-rating span{display:block}.recall-rating span,.flashcard-rating span{color:var(--text-muted);margin-top:2px;font-size:11px}.living-rail{margin-top:28px;padding-left:28px;position:relative}.living-rail:before{content:"";background:var(--line-control);width:1px;position:absolute;top:8px;bottom:8px;left:6px}.living-rail>div{min-height:94px;padding:0 0 22px 18px;position:relative}.living-rail>div>i{border:2px solid var(--blue);background:var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;top:7px;left:-26px}.living-rail>div:first-child>i{background:var(--crimson);border-color:var(--crimson)}.living-rail small,.living-rail b,.living-rail em,.living-rail p{display:block}.living-rail small{color:var(--blue);font-size:12px;font-weight:600}.living-rail b{margin-top:2px;font-size:22px;font-weight:500;line-height:1.35}.living-rail em{color:var(--navy);font-size:14px;font-style:normal}.living-rail p{max-width:570px;color:var(--text-secondary);margin-top:4px;font-size:13px}.living-rail.compact{padding-left:24px}.living-rail.compact>div{min-height:84px}.context-question{border-top:1px solid var(--line);margin-top:20px;padding-top:24px}.try-speaking{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px}.try-speaking>summary{min-height:58px;color:var(--navy);grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;font-weight:600;list-style:none;display:grid}.try-speaking>summary::-webkit-details-marker{display:none}.try-speaking[open]>summary>svg:last-child{transform:rotate(90deg)}.try-speaking>div{padding-bottom:24px}.completion-language{border-top:1px solid var(--line);margin-top:28px}.completion-language>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(200px,1.1fr) minmax(180px,1fr) minmax(180px,1fr);gap:16px;padding:14px 0;display:grid}.completion-language span{font-size:19px;font-weight:500}.completion-language strong{color:var(--navy);font-size:13px;font-weight:500}.completion-language small{color:var(--text-secondary)}.completion-evidence{border-top:1px solid var(--line);margin-top:22px}.completion-evidence>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:50px;display:flex}.completion-evidence span{color:var(--text-secondary)}.completion-evidence strong{font-size:13px}.audio-console,.recorder-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:var(--shadow-surface);margin-top:22px;padding:20px}.audio-console-heading,.recorder-panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.audio-console-heading strong,.audio-console-heading span,.recorder-panel-heading strong,.recorder-panel-heading span{display:block}.audio-console-heading .micro-label,.recorder-panel-heading .micro-label{margin-bottom:1px}.provisional-copy,.local-label{border:1px solid var(--line);border-radius:var(--radius-small);color:var(--text-muted);padding:4px 7px;font-size:11px}.audio-transport{grid-template-columns:48px minmax(0,1fr) 44px;align-items:center;gap:14px;margin-top:20px;display:grid}.audio-play-button{background:var(--navy);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-control);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.audio-play-button:hover{background:#112b61;transform:translateY(-1px)}.speech-progress{height:12px;position:relative}.speech-progress:before{content:"";background:var(--line);width:100%;height:2px;position:absolute;top:5px;left:0}.speech-progress>span{background:var(--blue);width:0;height:2px;position:absolute;top:5px;left:0}.speech-progress.is-speaking>span{width:35%;animation:1.4s ease-in-out infinite alternate speech-indeterminate}@keyframes speech-indeterminate{0%{transform:translate(0)}to{transform:translate(180%)}}.speech-progress>i{background:var(--line-control);width:1px;height:8px;position:absolute;top:2px}.quiet-icon-button.active{background:var(--blue-soft);color:var(--blue)}.segment-row{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.segment-row button{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-small);min-height:38px;color:var(--navy);padding:6px 9px}.segment-row button:hover,.segment-row button.active{background:var(--blue-soft);border-color:var(--blue)}.audio-speed{gap:4px;margin-top:14px;display:flex}.audio-speed button{border-radius:var(--radius-small);min-width:52px;min-height:36px;color:var(--text-secondary);background:0 0;padding:5px 8px;font-size:12px}.audio-speed button:hover,.audio-speed button.active{background:var(--blue-soft);color:var(--navy)}.recorder-panel>p{color:var(--text-secondary);margin-top:6px;font-size:13px}.record-row{align-items:center;gap:16px;margin-top:18px;display:flex}.record-control{border:1px solid var(--crimson);background:var(--surface);width:66px;height:66px;color:var(--crimson);box-shadow:var(--shadow-control);border-radius:50%;flex:0 0 66px;justify-content:center;align-items:center;display:inline-flex}.record-control:hover{background:var(--red-soft)}.record-control.is-recording{background:var(--crimson);color:#fff;animation:1.2s ease-in-out infinite alternate record-pulse}@keyframes record-pulse{to{box-shadow:0 0 0 8px #a9233f1c}}.stop-square{background:#fff;border-radius:3px;width:18px;height:18px}.record-row strong,.record-row span{display:block}.record-row span{color:var(--text-secondary);margin-top:2px;font-size:13px}.state-message{background:var(--warning-soft);border-left:3px solid var(--warning);margin-top:16px;padding:12px 14px}.state-message.error{background:var(--danger-soft);border-color:var(--danger)}.state-message p{color:var(--text-secondary);margin-top:3px;font-size:13px}.recording-playback{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-top:18px;padding-top:18px;display:grid}.recording-playback audio{width:100%;min-width:0;height:42px}.self-check{background:var(--blue-soft);margin-top:18px;padding:14px}.self-check>div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.self-check button{background:var(--surface);border:1px solid var(--line-control);border-radius:var(--radius-control);min-height:42px;color:var(--navy);padding:8px 12px}.self-check.prominent>p{color:var(--text-secondary);margin-top:3px;font-size:13px}.focused-practice{width:min(100%, var(--learning-width));margin:0 auto;padding:42px 20px 80px}.focused-progress{color:var(--text-muted);grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:14px;margin-bottom:34px;font-size:12px;display:grid}.focused-progress>div:not(.segmented-choice){background:var(--line);height:2px;overflow:hidden}.focused-progress>div:not(.segmented-choice) i{background:var(--crimson);height:100%;display:block}.focused-progress .segmented-choice{grid-column:1/-1;justify-self:start}.flashcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);min-height:430px;box-shadow:var(--shadow-surface);flex-direction:column;padding:28px;display:flex}.flashcard-front,.flashcard-back{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.flashcard-front h1{max-width:570px;font-size:clamp(32px,6vw,46px);font-weight:500;line-height:1.15}.flashcard-front>strong{color:var(--navy);margin-top:8px;font-size:17px}.flashcard-front>p{color:var(--text-secondary);margin-top:10px}.flashcard-front .primary-button{margin-top:36px}.flashcard-back{width:100%;position:relative}.flashcard-back>.audio-icon-button{background:var(--blue-soft);position:absolute;top:0;right:0}.flashcard-back .language-stack{width:100%;margin:0}.flashcard-back .segment-study{justify-content:center}.dialogue-context{background:var(--blue-soft);border-left:2px solid var(--blue);margin-top:20px;padding:14px 16px}.dialogue-context p{color:var(--text-secondary);margin-top:3px;font-size:14px}.choice-prompt.quiz{margin-top:18px}.conversation-lab{padding-bottom:40px}.conversation-lab>header h1{margin-top:7px;font-size:clamp(30px,5vw,42px);font-weight:600}.conversation-lab>header p{color:var(--text-secondary);margin-top:8px;font-size:17px}.lab-navigation{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:22px;display:flex}.review-complete-card{padding-top:36px}.review-complete-card .why-this{margin:28px 0 0}@media (width<=960px){.product-shell{display:block}.desktop-sidebar{display:none}.app-topbar{height:62px;padding:0 20px}.mobile-wordmark{display:block}.mobile-wordmark .brand-lockup{min-height:40px}.topbar-title{display:none}.app-main{min-height:calc(100vh - 62px)}.mobile-navigation{z-index:40;height:calc(68px + env(safe-area-inset-bottom));padding:4px 8px env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 10px #1217220d}.mobile-navigation button{min-height:60px;color:var(--text-muted);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px;display:flex}.mobile-navigation button span{font-size:10px;font-weight:500}.mobile-navigation button.active{color:var(--navy)}.mobile-navigation button.active:before{content:"";background:var(--crimson);width:24px;height:2px;position:absolute;top:0}.screen{padding-bottom:108px}.library-tools{top:62px}.continue-section,.home-grid{grid-template-columns:1fr}.continue-language{border-top:1px solid var(--line);border-left:0}.path-glance{border-top:1px solid var(--line);border-left:0;padding:28px 0 0}.library-row-main{grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr)}.library-meaning{grid-column:1/-1;padding-top:2px}.goal-setting-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.onboarding-canvas{background:var(--canvas);padding-left:20px;padding-right:20px}.welcome-stage{grid-template-columns:1fr;gap:46px;min-height:auto;padding-top:46px}.welcome-copy h1{font-size:clamp(40px,11vw,52px)}.welcome-specimen{width:min(100%,470px)}.goal-grid,.mode-list{grid-template-columns:1fr}.goal-option:nth-child(odd),.mode-row:nth-child(odd){border-right:0}.onboarding-settings-row,.result-stage{grid-template-columns:1fr}.result-actions{flex-direction:column;grid-column:1;align-items:stretch;margin-top:0;padding:0}.result-path{order:2}.result-actions{order:3}.screen{padding:32px 20px 108px}.screen-heading{flex-direction:column;align-items:flex-start;margin-bottom:28px}.screen-heading h1{font-size:30px}.path-intro,.review-summary{grid-template-columns:1fr}.path-intro>div,.review-summary>div{border-right:0;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 4px;display:flex}.path-intro>div:last-child,.review-summary>div:last-child{border-bottom:0}.lesson-row{grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;min-height:184px}.lesson-target-preview{gap:6px;display:grid}.lesson-target-preview span{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr);gap:10px;display:grid}.library-row{gap:8px}.library-row-main{grid-template-columns:1fr;gap:2px;padding:12px 4px}.library-meaning{grid-column:auto}.library-row-actions .bookmark-button,.library-row-actions .audio-icon-button{display:none}.detail-sheet{width:100%;padding:0 20px 36px}.profile-section-heading{flex-direction:column}.setting-block,.account-setting{flex-direction:column;align-items:flex-start}.goal-setting-grid{grid-template-columns:1fr 1fr}.select-field,.select-field select{width:100%;min-width:0}.inline-notice{text-align:left}.content-section{grid-template-columns:1fr;gap:24px}.practice-header{grid-template-columns:76px minmax(0,1fr) 56px;height:60px;padding:0 14px}.practice-header .back-button{font-size:0}.practice-header .back-button svg{width:20px;height:20px}.practice-progress{top:60px}.practice-stage,.focused-practice{padding:34px 20px 72px}.lesson-language-list>div,.completion-language>div{grid-template-columns:1fr;gap:2px;padding:13px 0}.teaching-note{grid-template-columns:1fr;gap:3px}.activity-action{width:100%;margin-left:0}.recording-playback{grid-template-columns:1fr}.recording-playback .secondary-button,.recording-playback .text-button{width:100%}.focused-progress{grid-template-columns:auto minmax(80px,1fr) auto}.flashcard{min-height:390px;padding:22px 18px}.lab-navigation{flex-direction:column-reverse;align-items:stretch}.lab-navigation .primary-button,.lab-navigation .secondary-button{width:100%}}@media (width<=480px){.topbar-actions .sync-state span{display:none}.brand-lockup{font-size:15px}.welcome-copy h1{font-size:39px}.welcome-copy>p{font-size:17px}.goal-option{grid-template-columns:44px minmax(0,1fr) 22px;padding-left:4px;padding-right:4px}.goal-option.selected{padding-left:12px;padding-right:12px}.segmented-choice{width:100%}.segmented-choice button{flex:1;min-width:0;padding-left:7px;padding-right:7px;font-size:12px}.placement-target span{font-size:30px}.result-path-heading{flex-direction:column;align-items:flex-start}.continue-copy{padding:28px 22px}.continue-copy:before{left:22px}.continue-language>div{padding:14px 18px 14px 34px}.review-quick-list>button{grid-template-columns:42px minmax(0,1fr) 20px;gap:10px}.mode-row{grid-template-columns:44px minmax(0,1fr) auto;padding-left:4px;padding-right:4px}.mode-row:not(:disabled):hover{padding-left:10px;padding-right:10px}.library-heading .secondary-button{width:100%}.library-count span:last-child{display:none}.profile-hero{align-items:flex-start}.profile-avatar{flex:0 0 50px;width:50px;height:50px}.profile-hero h1{font-size:25px}.goal-setting-grid{grid-template-columns:1fr}.activity-card>h1{font-size:31px}.language-stack.large>span{font-size:35px}.answer-list>button{padding-left:11px;padding-right:11px}.recall-rating,.flashcard-rating{gap:6px}.recall-rating button,.flashcard-rating button{padding:8px 5px}.recall-rating span,.flashcard-rating span{font-size:10px}.audio-console,.recorder-panel{padding:16px}.audio-console-heading,.recorder-panel-heading{flex-direction:column;align-items:flex-start;gap:6px}.audio-transport{grid-template-columns:46px minmax(0,1fr) 40px;gap:9px}.record-row{align-items:flex-start}.record-control{flex-basis:58px;width:58px;height:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.brand-line:before,.brand-line:after,.support-rule,.practice-progress span,.linear-progress span{background:canvastext}.goal-option.selected,.display-choice-list button.active,.desktop-navigation button.active{outline:2px solid highlight}}:root{--app-bg:#091120;--chrome-bg:#091120;--chrome-raised:#101b31;--folio-bg:#e9e6e5;--learning-bg:#f7f4ef;--flag-red:#a3192a;--flag-blue:#23244a;--flag-white:#f7f4ef;--paper-ink:#091120;--paper-secondary:#5c6675;--night-secondary:#b7c0d0;--brass:#a88e73;--line-dark:#f7f4ef2e;--line-paper:#09112026;--canvas:var(--app-bg);--surface:var(--learning-bg);--ink:var(--paper-ink);--text-secondary:var(--paper-secondary);--text-muted:#687384;--navy:var(--flag-blue);--blue:#315b91;--crimson:var(--flag-red);--blue-soft:#e8ebf2;--red-soft:#f5e5e7;--line:var(--line-paper);--line-control:#7b8492;--radius-small:8px;--radius-control:12px;--radius-tile:16px;--radius-sheet:20px;--radius-folio:28px;--radius-dock:24px;--shadow-control:inset 0 1px 0 #ffffff7a, 0 4px 10px #03081233, 0 1px 2px #0308123d;--shadow-surface:inset 0 1px 0 #ffffff9e, 0 16px 36px #03081229, 0 32px 72px #0308121f;--shadow-folio:inset 0 1px 0 #ffffff9e, 0 16px 36px #03081233, 0 34px 78px #03081238;--shadow-overlay:0 24px 64px #03081257;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--app-bg)}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.loading-shell{color:var(--night-secondary)}.loading-line{background:#f7f4ef1f;border-radius:999px;height:6px}.loading-line span{background:var(--flag-red);border-radius:inherit}.brand-lockup{color:var(--flag-white);letter-spacing:-.025em;gap:12px;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:600}.brand-line{display:none}.flag-fold-mark{transform-origin:0;filter:drop-shadow(0 5px 5px #00000047);flex:none;width:33px;height:38px;display:inline-block;position:relative;transform:perspective(110px)rotateY(-9deg)rotate(1deg)}.flag-fold-mark.compact{width:24px;height:28px}.flag-fold-mark .flag-stripes{border:1px solid #f7f4ef80;border-radius:3px 1px 1px 3px;grid-template-rows:1fr 1fr 2fr 1fr 1fr;display:grid;position:absolute;inset:0 2px 0 0;overflow:hidden}.flag-fold-mark__edge{opacity:.8;background:#050a13;border-radius:0 3px 3px 0;width:4px;position:absolute;top:2px;bottom:2px;right:0}.flag-stripe{min-width:0;min-height:0;display:block}.flag-stripe-red{background:var(--flag-red)}.flag-stripe-white{background:var(--flag-white)}.flag-stripe-blue{background:var(--flag-blue)}.flag-progress{background:#f7f4ef14;border-radius:999px;height:6px;position:relative;overflow:hidden}.flag-progress>.flag-stripes,.flag-progress>.flag-progress__clip,.flag-progress__clip>.flag-stripes{background:0 0;grid-template-columns:1fr 1fr 2fr 1fr 1fr;width:100%;height:100%;display:grid;position:absolute;inset:0}.flag-progress__base{opacity:.2;filter:saturate(.35)}.flag-progress__clip{transition:clip-path .24s}.flag-progress__value{opacity:1}.scene-pictogram{width:100%;height:auto;display:block;overflow:visible}.scene-pictogram.is-compact{width:96px;max-width:100%}.pictogram__back{fill:var(--chrome-raised);stroke:#f7f4ef2e;stroke-width:1.5px}.pictogram__paper,.pictogram__white,.pictogram__speech{fill:var(--flag-white);stroke:var(--flag-white);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pictogram__blue,.pictogram__figure{fill:var(--flag-blue)}.pictogram__figure{stroke:#f7f4efb8;stroke-width:1.5px}.pictogram__red{fill:var(--flag-red);stroke:var(--flag-red)}.pictogram__ink,.pictogram__line,.pictogram__route,.pictogram__gesture{fill:none;stroke:var(--paper-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.pictogram__route,.pictogram__line{stroke:var(--brass)}.pictogram__gesture{stroke:var(--flag-red);stroke-width:5px}.pictogram__red.pictogram__route{fill:none;stroke:var(--flag-red)}.pictogram__white.pictogram__route{fill:none;stroke:var(--flag-white)}.scene-pictogram.is-active .pictogram__route{stroke-dasharray:220;stroke-dashoffset:220px;animation:.42s cubic-bezier(.2,.8,.2,1) 80ms forwards pictogram-route}.scene-pictogram.is-active .pictogram__turn{transform-origin:50%;animation:.26s ease-out .12s both pictogram-turn}.scene-pictogram.is-active .pictogram__turn--late{animation-delay:.26s}.scene-pictogram.is-active .pictogram__choice,.scene-pictogram.is-active .pictogram__card-lift{transform-box:fill-box;transform-origin:50%;animation:.24s ease-out .16s both pictogram-lift}.scene-pictogram.is-active .pictogram__slide{animation:.3s ease-out .12s both pictogram-slide}.scene-pictogram.is-active .pictogram__pulse{transform-box:fill-box;transform-origin:50%;animation:.24s ease-out .26s both pictogram-arrive}@keyframes pictogram-route{to{stroke-dashoffset:0}}@keyframes pictogram-turn{0%{opacity:0;transform:translate(-8px)}}@keyframes pictogram-lift{0%{transform:translateY(5px)}}@keyframes pictogram-slide{0%{opacity:0;transform:translate(-9px)}}@keyframes pictogram-arrive{0%{opacity:0;transform:scale(.55)}}.primary-button,.primary-small-button{background:var(--flag-red);color:var(--flag-white);box-shadow:var(--shadow-control);border:1px solid #4e0512b8;border-radius:14px}.primary-button:not(:disabled):hover,.primary-small-button:not(:disabled):hover{background:#8f1424;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff61,0 6px 13px #03081238}.primary-button:not(:disabled):active,.primary-small-button:not(:disabled):active,.secondary-button:not(:disabled):active,.goal-option:not(:disabled):active,.mode-row:not(:disabled):active,.review-quick-list>button:not(:disabled):active{transform:translateY(1px);box-shadow:inset 0 1px 2px #03081233}.secondary-button{background:var(--learning-bg);border-color:#09112038;border-radius:14px;box-shadow:inset 0 1px #ffffffb3,0 3px 8px #0308121f}.section-label,.step-copy,.welcome-kicker,.activity-label,.micro-label,.lesson-overline,.result-label{color:var(--flag-red)}.product-shell{background:var(--app-bg);min-height:100vh}.desktop-sidebar{background:var(--chrome-bg);border-right-color:var(--line-dark);padding:22px 16px;box-shadow:12px 0 36px #0000001f}.desktop-sidebar>.brand-lockup{border-bottom-color:var(--line-dark);padding:0 12px 24px}.desktop-navigation{gap:7px}.desktop-navigation button{min-height:52px;color:var(--night-secondary);border:1px solid #0000;border-radius:14px;position:relative;overflow:hidden}.desktop-navigation button:hover{background:var(--chrome-raised);color:var(--flag-white)}.desktop-navigation button.active{background:var(--chrome-raised);border-color:var(--line-dark);color:var(--flag-white);box-shadow:inset 0 1px #ffffff0f,0 8px 20px #0000002e}.desktop-sidebar button:focus-visible,.mobile-navigation button:focus-visible,.app-topbar button:focus-visible,.onboarding-topbar button:focus-visible,.practice-header button:focus-visible{outline-color:var(--flag-white)}.nav-flag{height:3px;position:absolute;bottom:5px;left:12px;right:12px}.nav-flag .flag-progress__base{opacity:0}.sidebar-context{color:var(--flag-white);border-top-color:var(--line-dark)}.sidebar-context span:last-child{color:var(--night-secondary)}.app-column,.app-main{background:var(--app-bg)}.app-topbar{border-bottom-color:var(--line-dark);height:72px;color:var(--flag-white);background:#091120fa}.topbar-title,.sync-state{color:var(--night-secondary)}.avatar-button{background:var(--flag-red);border:1px solid #f7f4ef3d}.app-main{min-height:calc(100vh - 72px);padding:22px}.screen{background:var(--folio-bg);border-radius:var(--radius-folio);min-height:calc(100vh - 116px);box-shadow:var(--shadow-folio);border:1px solid #f7f4ef47;padding:42px clamp(28px,4vw,52px) 76px}.screen-heading h1{letter-spacing:-.025em}.onboarding-canvas{background:var(--app-bg)}.onboarding-topbar .back-button,.onboarding-topbar .text-link{color:var(--flag-white)}.onboarding-progress{background:#f7f4ef14;width:min(100%,1160px);height:6px;margin:0 auto}.onboarding-progress>.flag-stripes,.onboarding-progress>.flag-progress__clip,.onboarding-progress .flag-progress__value{background:0 0;height:100%;display:grid}.welcome-copy h1{color:var(--flag-white);letter-spacing:-.045em;font-size:clamp(40px,5vw,62px)}.welcome-copy>p,.welcome-actions>span{color:var(--night-secondary)}.welcome-kicker{color:var(--flag-white)}.welcome-specimen{background:var(--learning-bg);box-shadow:var(--shadow-folio);border:1px solid #f7f4ef5c;border-radius:26px;padding:0 0 22px;overflow:hidden}.welcome-specimen:before{display:none}.specimen-scene{background:var(--flag-blue);border-bottom:1px solid #09112033;padding:10px 12px 0}.specimen-scene .scene-pictogram{max-height:210px}.specimen-topline,.specimen-phrase,.specimen-actions{margin-left:24px;margin-right:24px}.specimen-topline{margin-top:20px}.specimen-phrase{padding:34px 0 30px}.specimen-phrase span{color:var(--flag-blue)}.specimen-phrase strong{color:var(--flag-red)}.onboarding-stage,.placement-stage,.result-stage{background:var(--folio-bg);border-radius:var(--radius-folio);box-shadow:var(--shadow-folio);border:1px solid #f7f4ef47;margin-top:32px;padding:42px clamp(24px,5vw,54px) 56px}.goal-grid{border-top:0;gap:14px}.goal-option{background:var(--learning-bg);border-radius:var(--radius-tile);border:1px solid #09112024;grid-template-columns:96px minmax(0,1fr) 24px;align-items:center;min-height:154px;padding:16px 18px 16px 10px;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffffc7,0 5px 12px #03081214}.goal-option:nth-child(odd){border-right:1px solid #09112024}.goal-option:hover{background:var(--learning-bg);border-color:#23244a6b;transform:translateY(-2px);box-shadow:inset 0 1px #ffffffd1,0 10px 20px #03081221}.goal-option.selected{background:var(--learning-bg);border-color:var(--flag-blue);box-shadow:inset 0 0 0 2px var(--flag-blue), inset 0 1px 0 #ffffffd1, 0 10px 20px #03081224}.goal-icon{background:0 0;width:96px;height:96px;padding:0}.goal-icon .scene-pictogram{width:96px}.choice-list{border-top:0;gap:10px;display:grid}.choice-list>button,.display-choice-list button{background:var(--learning-bg);border-radius:var(--radius-tile);border:1px solid #09112024;padding:15px 16px;box-shadow:inset 0 1px #ffffffb8,0 4px 10px #0308120f}.choice-list>button:hover,.choice-list>button.selected{background:var(--learning-bg)}.choice-list>button.selected{border-color:var(--flag-blue);box-shadow:inset 0 0 0 2px var(--flag-blue);padding-left:16px;padding-right:16px}.page-home{min-height:0;box-shadow:none;background:0 0;border:0;padding-top:28px}.page-home .home-heading h1,.page-home .home-heading .section-label{color:var(--flag-white)}.page-home .home-heading p{color:var(--night-secondary)}.page-home .quiet-link{color:var(--flag-white)}.continue-section{background:var(--chrome-raised);border:1px solid var(--line-dark);border-radius:var(--radius-folio);grid-template-rows:6px auto auto;grid-template-columns:minmax(260px,.82fr) minmax(360px,1.18fr);position:relative;box-shadow:0 24px 66px #0000005c,inset 0 1px #ffffff0f}.continue-flag{border-radius:0;grid-column:1/-1;height:6px}.continue-scene{min-height:100%;color:var(--flag-white);border-right:1px solid var(--line-dark);flex-direction:column;grid-row:2/4;justify-content:space-between;padding:clamp(18px,3vw,32px);display:flex}.continue-scene .scene-pictogram{margin:auto 0}.scene-caption{color:var(--night-secondary);justify-content:space-between;align-items:center;gap:16px;padding-top:14px;font-size:12px;display:flex}.scene-caption strong{color:var(--flag-white)}.continue-copy{background:var(--learning-bg);border:1px solid #ffffff8c;border-radius:22px 22px 8px 8px;margin:22px 22px 0 0;padding:clamp(24px,3.5vw,42px);box-shadow:inset 0 1px #ffffffe6,0 14px 32px #0000003d}.continue-copy:before{display:none}.continue-copy h2{color:var(--paper-ink);letter-spacing:-.025em}.continue-copy>p{color:var(--paper-secondary)}.lesson-focus{border-top:1px solid #a88e738c;margin-top:22px;padding-top:20px}.lesson-focus>span,.lesson-focus>strong,.lesson-focus>p{display:block}.lesson-focus>span{color:var(--flag-blue);font-size:clamp(32px,4.5vw,46px);font-weight:500;line-height:1.3}.lesson-focus>strong{color:var(--flag-red);margin-top:4px;font-size:16px;font-weight:500}.lesson-focus>p{color:var(--paper-ink);margin-top:3px;font-size:17px}.lesson-facts{margin:18px 0}.continue-language{background:var(--folio-bg);border:0;border-radius:0 0 22px 22px;align-content:start;margin:0 22px 22px 0;padding:14px 22px 16px;box-shadow:inset 0 1px #fffc,0 14px 32px #0003}.continue-language__label{color:var(--paper-secondary);margin-bottom:4px;font-size:11px;font-weight:600}.continue-language>div{border-bottom-color:#0911201f;grid-template-columns:minmax(150px,1fr) minmax(120px,.8fr) minmax(120px,1fr);align-items:center;gap:12px;padding:10px 0;display:grid}.continue-language>div:before{display:none}.continue-language span{font-size:18px}.continue-language strong{color:var(--flag-red);font-size:12px}.continue-language small{color:var(--paper-secondary);font-size:12px}.home-grid{gap:20px;margin-top:22px}.daily-review,.path-glance{background:var(--learning-bg);border-radius:var(--radius-sheet);box-shadow:var(--shadow-surface);border:1px solid #f7f4ef52;padding:24px}.path-glance{border-left:1px solid #f7f4ef52}.review-quick-list{border-top:0;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.review-quick-list>button{background:var(--folio-bg);border-radius:var(--radius-tile);border:1px solid #0911201f;grid-template-columns:1fr;align-content:start;gap:4px;min-height:168px;padding:8px 10px 14px;transition:transform .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffffb8,0 4px 10px #03081212}.review-quick-list>button:hover{background:var(--learning-bg);padding:8px 10px 14px;transform:translateY(-2px);box-shadow:inset 0 1px #fffc,0 10px 18px #0308121f}.review-quick-list>button>svg{display:none}.review-quick-list .mode-icon{background:0 0;justify-content:center;width:100%;height:84px}.review-quick-list .mode-icon .scene-pictogram{width:112px}.review-quick-list small{display:none}.linear-progress{background:#09112014;border:1px solid #09112033;height:7px;margin-top:20px}.linear-progress>.flag-stripes,.linear-progress>.flag-progress__clip,.linear-progress .flag-progress__value{background:0 0;height:100%;display:grid}.support-note{color:var(--night-secondary)}.support-note strong{color:var(--flag-white)}.lesson-path{gap:12px;display:grid}.lesson-row,.lesson-row:first-child{border-radius:var(--radius-tile);background:#f7f4ef9e;border:1px solid #0911201f;min-height:126px;padding:12px 16px 12px 4px}.lesson-row.recommended{border-radius:var(--radius-sheet);border-color:#23244a6b;min-height:158px;margin:0;padding:14px 18px 14px 4px}.lesson-row:not(.recommended) .lesson-target-preview{display:none}.path-marker:before{top:-13px;bottom:-13px}.path-marker span,.lesson-row.recommended .path-marker span{background:var(--learning-bg);border:1px solid var(--line-paper);border-radius:9px}.review-summary,.path-intro{border-radius:var(--radius-tile);background:#f7f4ef94;border:1px solid #0911201f;overflow:hidden}.mode-list{border-top:0;gap:14px}.mode-row{background:var(--learning-bg);border-radius:var(--radius-tile);border:1px solid #09112021;grid-template-columns:108px minmax(0,1fr) auto;align-items:center;min-height:174px;padding:14px 16px 14px 10px;transition:transform .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffffc7,0 5px 12px #03081212}.mode-row:nth-child(odd){border-right:1px solid #09112021}.mode-row:not(:disabled):hover{background:var(--learning-bg);transform:translateY(-2px);box-shadow:inset 0 1px #ffffffd1,0 11px 22px #0308121f}.mode-row .mode-icon{background:0 0;width:104px;height:112px}.mode-row .mode-icon .scene-pictogram{width:104px}.practice-canvas{background:var(--app-bg)}.practice-header{border-bottom-color:var(--line-dark);height:70px;color:var(--flag-white);background:#091120fa}.practice-header .back-button,.practice-header .quiet-icon-button,.practice-title span{color:var(--night-secondary)}.practice-title strong{color:var(--flag-white)}.support-toggle{background:var(--chrome-raised);border-color:var(--line-dark);color:var(--flag-white)}.practice-progress{background:#f7f4ef14;height:6px;top:70px}.practice-progress>.flag-stripes,.practice-progress>.flag-progress__clip,.practice-progress .flag-progress__value{background:0 0;height:100%;display:grid}.practice-stage{width:min(100%,820px);padding-top:42px}.activity-card{background:var(--learning-bg);border-radius:var(--radius-folio);box-shadow:var(--shadow-folio);border:1px solid #f7f4ef61;padding:clamp(24px,5vw,46px)}.activity-intro-layout{grid-template-columns:minmax(0,1.1fr) minmax(220px,.75fr);align-items:center;gap:28px;display:grid}.activity-intro-layout h1,.context-visual-heading h1{margin-top:7px;font-size:clamp(30px,5vw,42px);line-height:1.15}.activity-scene{background:var(--flag-blue);border-radius:var(--radius-sheet);border:1px solid #09112033;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 10px 22px #03081224}.lesson-language-list{border-top:0}.lesson-language-list>div{border-bottom-color:#0911201f;min-height:70px}.context-visual-heading{grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:24px;display:grid}.context-visual-heading .scene-pictogram{width:150px}.answer-list>button,.recall-rating button,.flashcard-rating button,.try-speaking,.audio-console,.recorder-panel,.flashcard{border-radius:var(--radius-tile)}.answer-list>button,.recall-rating button,.flashcard-rating button{box-shadow:inset 0 1px #ffffffb8,0 3px 8px #0308120f}.detail-sheet{border-radius:var(--radius-folio) var(--radius-folio) 0 0;box-shadow:var(--shadow-overlay)}@media (width<=960px){.app-topbar{height:64px}.app-main{min-height:calc(100vh - 64px);padding:14px 14px 94px}.screen{min-height:calc(100vh - 92px);padding-bottom:52px}.mobile-navigation{right:10px;bottom:max(10px, env(safe-area-inset-bottom));background:var(--chrome-raised);border:1px solid var(--line-dark);border-radius:var(--radius-dock);height:70px;padding:5px 6px;left:10px;overflow:hidden;box-shadow:0 18px 42px #0000006b,inset 0 1px #ffffff14}.mobile-navigation button{min-height:58px;color:var(--night-secondary);border-radius:15px;transition:transform .16s,background .16s,color .16s;position:relative}.mobile-navigation button span:not(.flag-stripes):not(.flag-progress__clip){font-size:11px}.mobile-navigation button.active{color:var(--flag-white);background:#f7f4ef0f;transform:translateY(-2px)}.mobile-navigation button.active:before{content:none}.mobile-navigation .nav-flag{height:3px;bottom:3px;left:14px;right:14px}.mobile-wordmark .brand-lockup{color:var(--flag-white)}.continue-section{grid-template-columns:minmax(220px,.72fr) minmax(330px,1.28fr)}.home-grid{grid-template-columns:1fr}.path-glance{border-top:1px solid #f7f4ef52;padding:24px}}@media (width<=760px){.app-main{padding:0 0 92px}.screen{border-left:0;border-right:0;border-radius:24px 24px 0 0;min-height:calc(100vh - 64px);padding:30px 20px 44px}.page-home{border-radius:0;padding:26px 16px 40px}.onboarding-stage,.placement-stage,.result-stage{border-radius:24px;margin-top:20px;padding:34px 20px 44px}.welcome-stage{gap:34px;padding-top:36px}.goal-grid,.mode-list{gap:10px}.goal-option{grid-template-columns:86px minmax(0,1fr) 22px;min-height:132px}.goal-icon,.goal-icon .scene-pictogram{width:84px;height:84px}.continue-section{grid-template-rows:6px auto auto auto;grid-template-columns:1fr}.continue-flag{grid-row:1}.continue-scene{border-right:0;border-bottom:1px solid var(--line-dark);grid-row:2;min-height:220px;padding:10px 22px 18px}.continue-scene .scene-pictogram{max-height:220px}.continue-copy{border-radius:20px 20px 8px 8px;grid-row:3;margin:14px 14px 0;padding:26px 22px}.continue-language{border-radius:0 0 20px 20px;grid-row:4;margin:0 14px 14px;padding:12px 18px 16px}.continue-language>div{grid-template-columns:1fr;gap:1px}.review-quick-list{grid-template-columns:1fr}.review-quick-list>button{text-align:left;grid-template-columns:76px minmax(0,1fr);align-content:center;align-items:center;min-height:88px}.review-quick-list .mode-icon{width:76px;height:66px}.review-quick-list .mode-icon .scene-pictogram{width:78px}.mode-row{grid-template-columns:90px minmax(0,1fr) auto;min-height:152px}.mode-row .mode-icon,.mode-row .mode-icon .scene-pictogram{width:86px;height:96px}.practice-header{height:64px}.practice-progress{top:64px}.practice-stage,.focused-practice{padding:24px 14px 54px}.activity-card{border-radius:22px;padding:26px 20px 30px}.activity-intro-layout{grid-template-columns:1fr;gap:18px}.activity-scene{max-height:210px}.context-visual-heading{grid-template-columns:1fr}.context-visual-heading .scene-pictogram{justify-self:center;width:120px}}@media (width<=480px){.brand-lockup{font-size:17px}.flag-fold-mark{width:28px;height:32px}.home-heading{margin-bottom:22px}.home-heading h1{font-size:28px}.continue-scene{min-height:188px}.lesson-focus>span{font-size:34px}.goal-option{grid-template-columns:72px minmax(0,1fr) 22px;padding-left:5px}.goal-icon,.goal-icon .scene-pictogram{width:72px;height:72px}.mode-row{grid-template-columns:76px minmax(0,1fr) auto;gap:9px;padding-left:6px}.mode-row .mode-icon,.mode-row .mode-icon .scene-pictogram{width:74px;height:82px}.mode-row>span:nth-child(2)>small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mode-row>span:nth-child(2)>em{display:none}}@media (prefers-reduced-motion:reduce){.scene-pictogram *{animation:none!important}}@media (forced-colors:active){.flag-stripe,.pictogram__back,.pictogram__paper,.pictogram__white,.pictogram__speech,.pictogram__blue,.pictogram__red,.pictogram__figure{fill:canvas;stroke:canvastext;background:canvastext}.page-home .home-heading h1,.page-home .home-heading p,.page-home .support-note,.page-home .support-note strong{color:canvastext}.nav-flag,.flag-progress{outline:1px solid canvastext}}