/* Parlo redesign: adapted from the supplied desktop/mobile prototype.
   Course content and assessment logic remain in their original modules. */
@font-face{font-family:'Atkinson Hyperlegible Next';font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/fonts/atkinson-latin.woff2') format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/fonts/bricolage-latin.woff2') format('woff2')}
:root{color-scheme:light;--bg:#f3f2ee;--surface:#fff;--ink:#17201c;--muted:#66706b;--green:#1d4a3a;--green-hover:#2c6450;--line:#dedbd3;--sage:#e2ebe6;--sand:#f3ead0;--lilac:#eae4f4;--radius:20px;--font:'Atkinson Hyperlegible Next',system-ui,sans-serif;--display:'Bricolage Grotesque',system-ui,sans-serif}
body{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand,.lb-phrase,.flash-prompt,.completion-message,.verb-table td,.lesson-vocabulary dt,.lesson-examples [lang],.progress-stats strong{font-family:var(--display);letter-spacing:-.02em}
h1{font-size:40px;line-height:1.12;font-weight:650}h2{font-size:28px;font-weight:650}h3{font-size:19px}strong{font-weight:700}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5e9c82;outline-offset:3px}
button,a{touch-action:manipulation}.button{min-height:48px;border-radius:999px;padding:11px 22px;font-size:16px;font-weight:700;line-height:1.4;white-space:normal;justify-content:center;gap:10px}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-hover)}.button.secondary{color:var(--ink);background:transparent;border:1.5px solid var(--line)}.button.secondary:hover{background:#eceae4;border-color:var(--muted)}.text-link{font-size:14px;color:var(--green);font-weight:700;min-height:44px;display:inline-flex;align-items:center;gap:8px}.icon-button{width:44px;height:44px;border-radius:50%}.pill{border-radius:999px;font-size:12px}.pill.quiet{color:var(--green);background:var(--sage)}.pill.light{color:var(--green);background:#fff}.eyebrow,.micro-label{font-size:12px;color:var(--muted);letter-spacing:.07em}.intro-copy{font-size:17px;color:#4a5550;line-height:1.5}.small,small{font-size:13px}.muted,.translation,.soft-copy{color:var(--muted)}
.sidebar{width:248px;background:var(--bg);padding:28px 16px 20px;border-color:var(--line)}.brand{font-size:26px;gap:10px;padding:0 10px;letter-spacing:-.04em}.brand-symbol{width:36px;height:36px;border-radius:10px;background:var(--green);color:white;display:grid;place-items:center}.brand-symbol .icon{width:22px;height:22px}.side-caption{font-size:13px;margin:16px 10px 24px;color:var(--muted)}.sidebar nav{gap:4px}.nav-item{min-height:48px;font-size:16px;font-weight:700;color:#4a5550;padding:10px 12px;border-radius:12px}.nav-item.active{background:#fff;color:var(--green);box-shadow:0 0 0 1px #eceae4}.nav-item:hover{background:#eceae4}.nav-count{font-size:12px;background:var(--sage);color:var(--green)}.exam-note{padding:22px 10px 12px}.exam-note strong,.exam-note p,.exam-note .text-link{font-size:13px;color:var(--muted)}.profile{padding:18px 4px 0}.profile strong{font-size:13px}.profile small{font-size:11px;color:var(--muted);max-width:145px}.avatar{background:var(--sage);color:var(--green);font-size:14px}.page{margin-left:248px}.topbar{height:64px;background:var(--bg);padding:0 48px;border:0}.breadcrumbs{font-size:13px;color:var(--muted)}.breadcrumbs strong{color:#4a5550}.topbar-right{gap:12px}main{max-width:1180px;padding:28px 48px 40px}.page-intro,.page-intro.compact{margin-bottom:28px}.page-footer{font-size:13px;padding:20px 48px 28px;color:var(--muted);max-width:1180px}.page-footer .text-link{font-size:13px}
/* The same activity sign always has the same colour, icon, and text label. */
.kind-vocab{--kind:#1f6467;--kind-bg:#dcedec}.kind-grammar{--kind:#27578a;--kind-bg:#e0e9f4}.kind-conj{--kind:#9c4a16;--kind-bg:#f6e5d8}.kind-listen{--kind:#5e4592;--kind-bg:#eae4f4}.kind-speak{--kind:#a3323f;--kind-bg:#f6e1e3}.kind-picture{--kind:#7a5e0e;--kind-bg:#f3ead0}.kind-review{--kind:#3d4a52;--kind-bg:#e4e8ea}
.learning-sign{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;border-radius:13px;background:var(--kind-bg);color:var(--kind);flex-shrink:0}.learning-sign .icon{width:27px;height:27px}.learning-sign.small-sign{width:28px;height:28px;min-width:28px;border-radius:8px}.small-sign .icon{width:18px;height:18px;min-width:18px}.category-label{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--kind);margin:0 0 5px}.learning-key{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:32px}.learning-key>span{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}
.learning-resume{display:flex;align-items:center;gap:16px;padding:18px 22px;background:var(--sage);border-radius:16px;margin-bottom:32px;flex-wrap:wrap}.learning-resume>div{flex:1;min-width:160px}.learning-resume .eyebrow{font-size:11px;margin:0 0 3px}.learning-resume strong{font-size:18px}.learning-resume p:not(.eyebrow){margin:4px 0 0;font-size:14px;color:#4a5550}.resume-total{width:100%;font-size:12px;color:var(--muted);padding-top:12px;border-top:1px solid #cad8cf}
.curriculum-browser{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:32px;align-items:start}.chapter-list{display:grid;gap:5px}.chapter-button{display:flex;text-align:left;gap:12px;width:100%;padding:16px 12px;border-radius:14px;align-items:flex-start;border:1px solid transparent}.chapter-button:hover,.curriculum-lesson:hover{background:#eceae4}.chapter-button.selected{background:white;border-color:#eceae4}.chapter-number{width:32px;min-width:32px;height:32px;border-radius:50%;background:#e7e5df;display:grid;place-items:center;font-size:15px;font-weight:700}.chapter-number.here{background:var(--green);color:#fff}.chapter-text{display:flex;flex-direction:column;flex:1;gap:5px;min-width:0}.chapter-text strong{font-family:var(--display);font-size:18px;line-height:1.25}.chapter-text>span{font-size:14px;color:#4a5550}.chapter-meta{display:flex;gap:10px;align-items:center;margin-top:5px;flex-wrap:wrap}.chapter-meta progress{width:100px;height:4px;appearance:none;border:0;background:var(--line);border-radius:4px}.chapter-meta progress::-webkit-progress-bar{background:var(--line);border-radius:4px}.chapter-meta progress::-webkit-progress-value{background:var(--green);border-radius:4px}.chapter-meta progress::-moz-progress-bar{background:var(--green)}.here-tag{display:inline-flex;align-items:center;font-size:11px!important;font-weight:700;background:var(--sage);color:var(--green)!important;border-radius:999px;padding:3px 8px;width:max-content;max-width:100%;white-space:nowrap}.chapter-lessons>header{padding:6px 12px 18px;border-bottom:1px solid var(--line);margin-bottom:10px}.chapter-lessons h2{font-size:26px;margin:4px 0 8px}.chapter-lessons header>p:last-child{font-size:14px;color:var(--muted);margin:0}.chapter-lessons ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}.curriculum-lesson{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;padding:17px 12px;border:1.5px solid transparent;border-radius:14px}.curriculum-lesson.next-up{border-color:var(--green);background:#fff}.lesson-status{height:22px;width:22px;min-width:22px;border:2px solid #8e918c;border-radius:50%;margin-top:3px;display:grid;place-items:center;font-size:13px}.lesson-status.done{background:var(--green);color:#fff;border-color:var(--green)}.lesson-status.started{border-color:var(--green);background:linear-gradient(90deg,var(--sage) 50%,#fff 50%)}.lesson-row-text{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.lesson-row-text>strong{font-size:17px;font-family:var(--display)}.lesson-number{font:700 12px var(--font);color:var(--muted);margin-right:4px}.lesson-row-text>span{font-size:14px;color:#4a5550}.lesson-types{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-top:7px}.lesson-types>span:last-child{font-size:12px;margin-left:3px}.lesson-types .small-sign{width:22px;height:22px;min-width:22px;border-radius:6px}.lesson-types .icon{width:14px;height:14px;min-width:14px}.verb-entry{background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:24px 0;gap:16px;margin-top:32px}.verb-entry>div{flex:1}.verb-entry h2{font-size:23px}.verb-entry p{font-size:14px}.curriculum-note{font-size:13px;color:var(--muted);max-width:850px;line-height:1.6}
/* Lesson focus mode mirrors the reference's rail, reading area and sticky actions. */
.focused-lesson>.sidebar,.focused-lesson .topbar,.focused-lesson .page-footer{display:none}.focused-lesson .page{margin:0}.focused-lesson main{max-width:none;padding:0}.focused-lesson .lesson-top{min-height:72px;margin:0;padding:12px 24px;border-bottom:1px solid var(--line);background:var(--bg)}.focused-lesson .lesson-top .pill{background:none;color:var(--muted);font-size:13px}.lesson-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100dvh - 72px)}.lesson-stepper{border-right:1px solid var(--line);padding:24px 16px;position:sticky;top:0;align-self:start;height:100dvh}.lesson-stepper>.eyebrow{margin:0 10px 14px}.lesson-stepper>div{display:grid;gap:4px}.step-button{display:flex;text-align:left;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 10px;border-radius:14px;border:1px solid transparent}.step-button:hover{background:#eceae4}.step-button.current{background:#fff;border-color:#eceae4}.step-button>span:nth-child(2){flex:1}.step-button strong{display:block;font-size:15px;line-height:1.3}.step-button small{display:block;color:var(--muted);margin-top:3px;font-size:13px}.step-tick{font-weight:700;color:var(--green)}.lesson-workspace>.lesson-page{width:100%;max-width:900px;padding:32px 48px 0;min-width:0;display:flex;flex-direction:column;align-self:stretch;margin:0 auto}.lesson-workspace .lesson-heading{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:26px}.lesson-workspace .lesson-heading h1{font-size:26px;line-height:1.25}.lesson-workspace .intro-copy{font-size:15px;margin-bottom:0}.lesson-workspace .lesson-heading>.eyebrow{font-size:11px}.step-heading{display:flex;align-items:center;gap:16px;margin-bottom:8px}.step-heading h2{font-size:28px;margin:0}.step-content{flex:1;min-width:0}.step-content .lesson-section{margin:24px 0}.lesson-section>p{font-size:17px;line-height:1.65;color:#4a5550}.lesson-section h2{font-size:20px}.lesson-vocabulary{gap:0 24px}.lesson-vocabulary>div{padding:16px 0}.lesson-vocabulary dt{font-size:20px;color:var(--ink);font-weight:600}.lesson-vocabulary dd{font-size:15px;color:#4a5550;line-height:1.5}.grammar-rule{background:#e0e9f4;color:#17201c;border-radius:16px;padding:22px 24px;border:0}.lesson-page .grammar-rule p{font-size:17px;line-height:1.65;color:#17201c}.lesson-page .grammar-rule h2{font-size:23px}.grammar-rule .eyebrow{color:#27578a}.verb-reference-link{display:flex;align-items:center;gap:12px;min-height:56px;color:var(--green);font-size:15px;font-weight:700;margin:16px 0}.lesson-examples>div{padding:22px 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.lesson-examples p[lang]{font-size:23px;font-weight:600;color:var(--ink)}.lesson-examples .translation{font-size:16px;color:#4a5550}.lesson-audio{font-size:14px;min-height:44px}.lesson-try{background:#f6e1e3;padding:24px;border-radius:16px;font-size:18px}.lesson-try .small{font-size:14px}.step-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;margin-top:32px;background:var(--bg);border-top:1px solid var(--line);z-index:3}.step-footer>span{text-align:center;flex:1}.exploring-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--sage);padding:10px 24px;font-size:14px}.lesson-check,.lesson-summary{margin-top:24px}.lesson-check h2{font-size:23px}.lesson-summary h2{font-size:27px}.lesson-summary h3{font-size:20px}.lesson-summary p,.panel>p{font-size:16px;line-height:1.6}.lesson-summary .settings-actions .button{font-size:15px}.lesson-summary .lesson-vocabulary dt{font-size:18px}.lesson-summary .lesson-vocabulary dd{font-size:14px}
/* Existing activities retain their controls and content in the new visual system. */
.home-grid{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:28px}.daily-panel{border:1px solid #eceae4;border-radius:20px;background:#fff;overflow:hidden}.daily-art{background:#fff;border-bottom:1px solid var(--line);height:auto;min-height:180px}.art-text{padding:24px}.art-text h2{font-size:28px}.art-text p{font-size:15px;color:#4a5550}.city-art{opacity:.8;max-width:42%;object-fit:contain}.session-planner{padding:24px}.planner-row{flex-wrap:wrap;gap:18px}.planner-row h3{font-size:17px}.planner-row p{font-size:14px;color:var(--muted)}.segmented{background:transparent;border:0;gap:8px;padding:0}.segmented button{min-height:44px;padding:8px 16px;border:1.5px solid var(--line);border-radius:999px;font-size:16px;color:#4a5550}.segmented button.selected{background:var(--sage);color:var(--green);border-color:var(--green);box-shadow:none}.mode-picker{flex-wrap:wrap;gap:8px}.mode-picker button{font-size:13px;min-height:44px;border-radius:12px;color:#4a5550}.mode-picker button.selected{background:var(--sage);color:var(--green);border-color:var(--green)}.start-row{flex-wrap:wrap;gap:16px}.start-row>span{font-size:13px;color:var(--muted)}.start-row .button{margin-left:auto}.week-panel,.review-panel{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 0}.week-panel h3,.review-panel h3{font-size:18px}.week-panel>p,.review-panel p,.week-panel p.soft-copy{font-size:14px;color:var(--muted)}.week-day{font-size:12px;color:var(--muted)}.day-circle{width:32px;height:32px;font-size:13px;background:#e9e7e0;color:#4a5550}.week-summary strong{font-size:26px}.week-summary strong span{font-size:14px;color:var(--muted)}.review-panel .text-link{font-size:14px}.learn-day-link{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:#4a5550;padding:0 0 22px;font-size:15px}.learn-day-link strong{font-size:17px}.toolkit{gap:16px}.tool-card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 4px;min-height:0}.tool-card:hover{transform:none;background:#eceae4}.tool-card h3{font-size:18px}.tool-card p{font-size:14px;color:#4a5550}.tool-card .micro-label{font-size:11px;color:var(--muted)}.daily-footer-note{font-size:13px;color:var(--muted)}.date-label{font-size:13px;color:var(--muted)}.section-heading.spacious h2{font-size:25px}.spacious .eyebrow{font-size:12px}.studio-banner{background:var(--sage);min-height:180px}.studio-banner p{font-size:16px;color:#4a5550}.studio-banner>img{height:180px}.topic-grid{gap:18px}.topic-card{border:1px solid #eceae4;background:#fff}.topic-card>img{height:145px}.topic-body{padding:22px}.topic-meta{font-size:12px;color:var(--muted)}.topic-body h3{font-size:21px}.topic-body p{font-size:15px;color:#4a5550}.skill-list{gap:12px}.skill-row{padding:22px;border-color:#eceae4;border-radius:18px;gap:16px}.skill-row strong{font-size:18px}.skill-row small{font-size:14px}.phrase-toolbar .tabs button{font-size:15px;min-height:44px;border-radius:999px;color:#4a5550}.tabs button.active{background:var(--sage);color:var(--green)}.search-box{border-radius:999px;padding:0 16px}.search-box input{font-size:16px;min-height:48px}.phrase-subbar label{font-size:14px;color:var(--muted)}.phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.phrase-card{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 0}.phrase-card .lb-phrase{font-size:22px;color:var(--ink)}.phrase-card .translation{font-size:16px;color:#4a5550}.phrase-card .micro-label{font-size:11px}.audio-button{font-size:14px;min-height:44px;color:var(--green)}.review-status{font-size:12px;color:var(--muted)}.phrase-bottom{border:0;padding:0}.phrase-bottom .icon-button{width:44px;height:44px;color:var(--muted)}.phrase-top .icon-button{width:36px;height:36px;color:var(--muted)}.progress-stats{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0}.progress-stats>div{padding:0 24px}.progress-stats>div:first-child{padding-left:0}.progress-stats>div>span:last-child{font-size:14px;color:var(--muted)}.progress-stats .micro-label{font-size:11px}.panel{border-color:#eceae4;border-radius:20px;background:#fff;padding:26px}.panel h2{font-size:24px}.goal-panel{background:var(--sage)}.goal-panel p{color:#4a5550;font-size:16px}.journey-list,.history{background:transparent;border:0;border-radius:0;padding:0}.journey-row,.history>div{border-color:var(--line)}.journey-row h3{font-size:18px}.journey-row p,.history small,.history time{font-size:14px;color:var(--muted)}.history strong{font-size:16px}.journey-row progress{accent-color:var(--green)}.empty-inline{font-size:15px;background:var(--sage);color:#4a5550}.grammar-progress .skill-row{width:100%}
.verb-area{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start}.verb-rail{display:grid;gap:4px;position:sticky;top:16px}.verb-rail button{text-align:left;padding:12px;border-radius:12px;font-size:17px}.verb-rail button[aria-current]{background:#fff;border:1px solid #eceae4}.verb-rail small{display:block;font-size:13px;color:var(--muted)}.verb-area .lesson-page{background:#fff;padding:28px;border-radius:20px;min-width:0;width:100%}.verb-area .lesson-heading h1{font-size:36px}.verb-area .grammar-rule{background:#f6e5d8}.verb-area .grammar-rule p{font-size:16px}.verb-table{background:transparent}.verb-table thead{background:var(--bg)}.verb-table th,.verb-table td{padding:14px 8px}.verb-table th{font-weight:400;font-size:16px}.verb-table small{font-size:12px}.verb-table td{color:#9c4a16;font-size:22px;font-weight:600}.verb-tabs .button{font-size:14px}.verb-guide{font-size:16px}.course-unit h2{font-size:23px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-card{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:18px 10px}.lesson-card h3{font-size:23px;margin:8px 0}.lesson-card p{font-size:16px}.lesson-card-footer{font-size:13px;color:var(--muted)}
dialog{background:var(--bg);border-color:var(--line);border-radius:20px}.dialog-heading h2{font-size:26px}.exercise-content{padding:28px 32px}.exercise-label{font-size:12px;color:var(--muted)}.exercise-subtitle{font-size:15px;color:#4a5550}.exercise-top>span{font-size:13px;color:var(--muted)}.flashcard{border-color:var(--line);border-radius:18px}.flash-prompt{font-size:28px}.flash-answer>p:first-child{color:var(--green)}.hint,.exercise-footnote,.rating-buttons button small,.recording-area p{font-size:13px;color:var(--muted)}.rating-buttons button{font-size:15px;min-height:80px}.answer-options button{font-size:17px;padding:16px;border-radius:14px;min-height:56px;border-color:var(--line)}.answer-options button>span{font-size:13px;background:#eceae4;color:var(--muted)}.answer-options button.correct{background:#e1f0e7;color:#14502f;border-color:#1d6b45}.answer-options button.incorrect{background:#f6e4df;color:#6e2a1e;border-color:#8c3a2b}.feedback{font-size:16px}.feedback p{font-size:15px}.feedback.positive{background:#e1f0e7;color:#14502f}.question{font-size:21px}.listening-player{background:#eae4f4}.listening-player strong{font-size:16px}.listening-player small{font-size:13px;color:#4a5550}.listening-player .audio-button{font-size:14px}.speed-label{font-size:12px;color:#4a5550}.transcript,.speaking-hints{font-size:15px;border-color:var(--line)}.transcript summary,.speaking-hints summary,.model-answer summary{font-size:15px;color:var(--green);min-height:32px}.transcript p,.model-answer p{font-size:16px}.word-token{font-size:18px;border-color:var(--line)}.conversation-question{background:#f6e1e3}.conversation-question .translation{font-size:16px;color:#4a5550}.self-check label,.notes-label{font-size:14px;color:#4a5550}.settings-actions .button{font-size:14px}.settings-section h3{font-size:20px}input,textarea,select{font-size:16px;border-color:var(--line)}form label{font-size:15px}.standard-dialog>p,.exam-part p{font-size:16px;color:#4a5550}.account-panel{background:var(--sage);border-color:var(--line)}.completion>p:not(.completion-message){font-size:16px}
.welcome{--bg:#f3f2ee;--surface:#fff;--ink:#17201c;--muted:#66706b;--line:#dedbd3;--sage:#e2ebe6;--green:#1d4a3a;--green-hover:#2c6450}.welcome .button.primary{color:white}.welcome-copy h1{font-family:var(--display);letter-spacing:-.035em}.welcome-art figcaption span:first-child{font-family:var(--display)}.welcome-art,.auth-intro>img{border-radius:20px}.welcome-header .brand{font-size:28px}.welcome-header .brand img{border-radius:10px}.auth-form-panel{border-color:#eceae4}.welcome .button{border-radius:999px}.auth-form-panel input{border-radius:12px}.welcome-account{background:var(--sage)}
@media(max-width:1100px){.sidebar{width:208px}.page{margin-left:208px}main{padding:24px 28px 40px}.topbar,.page-footer{padding-left:28px;padding-right:28px}.curriculum-browser{gap:20px;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr)}.curriculum-lesson{flex-wrap:wrap}.curriculum-lesson>.here-tag{margin-left:34px}.home-grid{grid-template-columns:minmax(0,1fr)}.today-rail{display:grid;grid-template-columns:1fr 1fr;gap:28px}.verb-area{grid-template-columns:180px minmax(0,1fr);gap:24px}.lesson-workspace{grid-template-columns:240px minmax(0,1fr)}.lesson-workspace>.lesson-page{padding:28px 32px 0}.topic-grid{grid-template-columns:1fr}.topic-card{display:grid;grid-template-columns:200px 1fr}.topic-card>img{height:100%;min-height:210px}.topic-body p{min-height:0}.toolkit{gap:20px}.tool-card h3{font-size:17px}}
@media(max-width:800px){.curriculum-browser{grid-template-columns:1fr;gap:28px}.chapter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chapter-button{padding:12px 8px}.chapter-text strong{font-size:16px}.chapter-text>span:not(.here-tag):not(.chapter-meta){display:none}.chapter-meta{font-size:12px!important}.chapter-meta progress{width:60px}.chapter-lessons>header{padding-left:0}.lesson-workspace{grid-template-columns:200px minmax(0,1fr)}.lesson-workspace>.lesson-page{padding:24px 24px 0}.step-button{gap:8px}.step-button strong{font-size:14px}.step-button small{font-size:12px}.lesson-vocabulary{grid-template-columns:1fr}.verb-area{grid-template-columns:1fr}.verb-rail{position:static;grid-template-columns:repeat(3,minmax(0,1fr));max-height:170px;overflow:auto;padding:2px}.verb-area .lesson-page{padding:24px}.phrase-toolbar{align-items:stretch;flex-direction:column}.search-box input{width:100%}.search-box{width:100%}.skill-list{grid-template-columns:1fr}.learning-resume .button{font-size:14px}.page-intro.compact{align-items:flex-start;flex-direction:column}.progress-layout{grid-template-columns:1fr}}
@media(max-width:650px){body{padding-bottom:82px}.sidebar{inset:auto 0 0;width:100%;height:auto;padding:6px 4px max(8px,env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);background:var(--bg);z-index:20}.sidebar>.brand,.sidebar>.side-caption,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.sidebar nav .nav-item{padding:4px 0;min-height:54px;display:flex;flex-direction:column;gap:4px;border-radius:12px;font-size:11px;font-weight:700;background:transparent;box-shadow:none;color:var(--muted)}.sidebar nav .nav-item.active{color:var(--green);background:var(--sage)}.sidebar nav .nav-item .icon{width:21px;height:21px;min-width:21px}.sidebar nav .mobile-nav-label{font-size:11px;max-width:none}.sidebar nav .nav-count{display:none}.page{margin:0}.topbar{height:56px;padding:0 16px;justify-content:space-between}.breadcrumbs{font-size:12px}.topbar-right .pill{display:none}.mobile-settings{display:inline-flex}.desktop-avatar{display:none}main{padding:20px 16px 28px}h1{font-size:32px}h2{font-size:25px}.page-intro,.page-intro.compact{gap:16px;margin-bottom:22px}.page-intro .intro-copy{font-size:16px}.date-label{display:none}.page-footer{padding:16px;font-size:12px;gap:16px}.page-footer .text-link{font-size:12px}.learning-resume{padding:16px;gap:12px;margin-bottom:24px}.learning-resume>.learning-sign{display:none}.learning-resume>div{width:100%}.learning-resume>.button{width:100%;font-size:16px}.learning-resume strong{font-size:18px}.resume-total{font-size:12px}.chapter-list{grid-template-columns:1fr;gap:0}.chapter-button{padding:13px 10px}.chapter-text>span:not(.here-tag):not(.chapter-meta){display:block;font-size:13px}.chapter-text strong{font-size:17px}.chapter-text{position:relative}.chapter-meta{flex-wrap:nowrap}.chapter-meta progress{width:100px}.chapter-text .here-tag{margin-top:4px}.curriculum-browser{gap:24px}.chapter-lessons h2{font-size:25px}.lesson-row-text>strong{font-size:18px}.curriculum-lesson{padding:16px 12px}.lesson-types>span:last-child{width:100%;margin:3px 0 0}.curriculum-lesson>.here-tag{display:none}.verb-entry{display:flex;flex-wrap:wrap;padding:24px 0;gap:12px}.verb-entry>div{min-width:220px}.verb-entry .button{margin-top:4px}.learning-key{gap:12px;font-size:12px}.learning-key>span{font-size:12px}.curriculum-note{font-size:13px}.focused-lesson .lesson-top{min-height:60px;padding:8px 16px;gap:12px}.focused-lesson .lesson-top .text-link{font-size:13px}.focused-lesson .lesson-top .pill{max-width:55%;font-size:11px}.lesson-workspace{display:flex;flex-direction:column;min-height:calc(100dvh - 60px)}.lesson-stepper{position:static;height:auto;width:100%;padding:14px 12px 8px;border:0;border-bottom:1px solid var(--line)}.lesson-stepper>.eyebrow{font-size:11px;margin:0 4px 10px}.lesson-stepper>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.step-button{flex-direction:column;min-height:68px;gap:5px;padding:6px 0;border-radius:8px;position:relative}.step-button strong{display:none}.step-button small{font-size:10px;margin:0;white-space:nowrap}.step-button .step-tick{position:absolute;top:0;right:4px;font-size:11px}.step-button.current{box-shadow:inset 0 -3px var(--green)}.lesson-workspace>.lesson-page{padding:20px 16px 0;max-width:100%}.lesson-workspace .lesson-heading{padding-bottom:16px;margin-bottom:22px}.lesson-workspace .lesson-heading h1{font-size:22px}.lesson-workspace .intro-copy{font-size:14px}.lesson-workspace .lesson-heading>.eyebrow{font-size:10px}.step-heading{gap:12px}.step-heading h2{font-size:25px}.step-heading .learning-sign{width:44px;height:44px;min-width:44px}.lesson-section>p{font-size:16px}.lesson-vocabulary{grid-template-columns:1fr;gap:0}.lesson-vocabulary dt{font-size:20px}.lesson-vocabulary dd{font-size:15px}.lesson-examples>div{padding:20px 0}.lesson-examples p[lang]{font-size:22px}.lesson-examples .translation{font-size:15px}.lesson-page .grammar-rule{padding:20px}.lesson-page .grammar-rule p{font-size:16px}.lesson-try{padding:22px;font-size:17px}.step-footer{gap:12px;padding:12px 0 max(12px,env(safe-area-inset-bottom));margin-top:24px}.step-footer>span{display:none}.step-footer>.button{font-size:15px;min-height:48px}.step-footer>.button.primary{flex:1}.step-footer>.text-link{font-size:13px}.exploring-banner{padding:12px 16px;gap:0;font-size:13px}.exploring-banner .text-link{font-size:13px}.focused-lesson{margin-bottom:-82px}.lesson-summary,.lesson-check{padding:20px}.lesson-summary h2{font-size:25px}.lesson-summary p{font-size:15px}.lesson-check h2{font-size:22px}.home-grid{gap:16px}.today-rail{grid-template-columns:1fr;gap:12px}.daily-art{min-height:170px}.art-text{padding:22px}.art-text h2{font-size:25px}.art-text p{font-size:14px}.city-art{max-width:36%;height:150px}.session-planner{padding:22px}.planner-row{display:block}.segmented{margin-top:16px;justify-content:flex-start}.mode-picker{display:grid;grid-template-columns:1fr}.mode-picker button{justify-content:flex-start;padding:12px;font-size:14px}.start-row>.button{width:100%;font-size:16px}.toolkit{grid-template-columns:1fr;gap:0}.tool-card{display:flex;flex-direction:row;align-items:center;gap:16px;padding:20px 0}.tool-card h3{font-size:18px}.tool-card p{font-size:14px;margin:4px 0}.tool-card>.icon{display:none}.tool-card .micro-label{font-size:10px}.studio-banner>div{padding:22px}.studio-banner>img{display:none}.studio-banner h2{font-size:25px}.studio-banner p{font-size:16px}.topic-card{display:block}.topic-card>img{height:150px;min-height:0}.topic-body{padding:22px}.topic-body h3{font-size:23px}.topic-body p{font-size:16px}.skill-row{padding:18px;gap:14px}.skill-row strong{font-size:17px}.skill-row small{font-size:14px}.phrase-grid{grid-template-columns:1fr}.phrase-toolbar{gap:16px}.phrase-toolbar .tabs{gap:4px}.phrase-toolbar .tabs button{font-size:14px;padding:8px 14px}.phrase-subbar{flex-wrap:wrap;gap:8px}.phrase-subbar .text-link{font-size:14px}.phrase-card{padding:22px 0}.phrase-card .lb-phrase{font-size:23px}.progress-stats{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 0 24px}.progress-stats>div,.progress-stats>div:first-child{padding:0 8px;min-width:0}.progress-stats .micro-label{font-size:9px;letter-spacing:.03em}.progress-stats strong{font-size:32px}.progress-stats>div>span:last-child{font-size:12px}.progress-stats strong small{font-size:13px}.journey-row{flex-wrap:wrap}.journey-row progress{margin-left:48px;width:calc(100% - 48px)}.history time{font-size:12px}.history strong{font-size:15px}.history small{font-size:13px}.panel{padding:22px}.panel h2{font-size:23px}.verb-area .lesson-page{padding:20px}.verb-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.verb-rail button{font-size:17px}.verb-rail small{font-size:13px}.verb-table th{font-size:15px}.verb-table td{font-size:20px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-card{padding:18px 4px}.lesson-card h3{font-size:23px}.lesson-card p{font-size:15px}.lesson-card .micro-label{font-size:10px}.lesson-card-footer{font-size:12px}.lesson-top{gap:12px;align-items:flex-start;flex-wrap:wrap}.lesson-top .button{font-size:14px}.exercise-content{padding:24px 20px}.exercise-top{padding:16px 20px}.exercise-content>h2{font-size:25px}.flashcard{padding:20px}.flash-prompt{font-size:25px}.rating-buttons{gap:8px}.rating-buttons button{font-size:13px;padding:12px 8px}.rating-buttons button small{font-size:11px}.answer-options button{font-size:16px}.speaking-layout{grid-template-columns:1fr}.recording-area .button{font-size:15px;min-height:48px}.self-check{gap:12px;align-items:flex-start}.settings-actions .button{font-size:14px}.welcome-header .brand{font-size:26px;padding:0}.welcome .button{font-size:15px}.welcome-copy h1{font-size:42px}.welcome{margin-bottom:-82px}#toast{bottom:94px;font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mobile-chapter-lessons{display:none}
@media(max-width:650px){.chapter-list{display:block}.chapter-item{border-bottom:1px solid var(--line)}.mobile-chapter-lessons{display:grid;list-style:none;padding:8px 0 16px;margin:0;gap:8px}.curriculum-browser>.chapter-lessons{display:none}.chapter-button.selected{background:transparent;border-color:transparent}.chapter-item:has(.selected){padding-bottom:4px}.chapter-text>span.here-tag{margin-top:0}.chapter-button.selected>span:last-child{transform:rotate(90deg)}}