:root{--paper:#f6f3ec;--card:#fffdf8;--ink:#263b34;--muted:#57635d;--line:#d7dcd1;--green:#244e40;--soft:#eaf0e6;--rust:#975333;--warm:#f6e9da;--focus:#174eca;--radius:20px}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;font-size:17px;line-height:1.75}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--green);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{border:1px solid var(--green);background:var(--green);color:white;padding:10px 19px;border-radius:12px;min-block-size:46px;font-weight:bold}button:hover{filter:brightness(.94)}button.secondary{background:transparent;color:var(--green)}button.small{padding:7px 12px;font-size:15px}button:disabled{cursor:default;opacity:.6}input[type="radio"],input[type="checkbox"]{accent-color:var(--green);inline-size:20px;block-size:20px;flex-shrink:0}textarea,input[type="text"]{display:block;inline-size:100%;border:1px solid #89958b;border-radius:12px;padding:12px;background:white;color:var(--ink)}textarea{resize:vertical;min-block-size:105px}textarea[dir="ltr"]{text-align:left}label{cursor:pointer}h1,h2,h3,p{margin-block-start:0}h1{font-size:clamp(34px,4.2vw,55px);line-height:1.25;letter-spacing:-1px;margin-block-end:20px}h2{font-size:29px;line-height:1.4;margin-block-end:16px}h3{font-size:21px;line-height:1.5;margin-block-end:12px}p{margin-block-end:16px}small,.small-text{font-size:14px}.muted{color:var(--muted)}.en{direction:ltr;unicode-bidi:isolate;display:inline-block;font-family:Georgia,"Times New Roman",serif}.eyebrow{font-size:14px;letter-spacing:.03em;color:var(--rust);font-weight:bold}.skip{position:fixed;inset-block-start:10px;inset-inline-start:12px;transform:translateY(-180%);z-index:10;background:white;padding:10px}.skip:focus{transform:none}.wrap{max-inline-size:1220px;margin-inline:auto;padding-inline:32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:22px;border-block-end:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:bold}.brand-icon{display:grid;place-items:center;border:1px solid var(--green);border-radius:50%;inline-size:37px;block-size:37px;font-family:Georgia,serif}.tag{border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:13px;white-space:nowrap}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center;padding-block:52px 40px}.hero p{max-inline-size:600px}.hero .intro{font-size:20px}.hero-art{position:relative;background:#e9ecdf;border-radius:90px 90px 24px 24px;padding:22px 22px 14px;max-inline-size:390px;justify-self:center;inline-size:100%}.hero-art svg{display:block;inline-size:100%;block-size:auto}.art-note{text-align:center;font-size:15px;margin:0;color:var(--green)}.time{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:15px}.time strong{font-size:19px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block:24px 14px}.hero-actions a{background:var(--green);color:white;text-decoration:none;padding:10px 22px;border-radius:12px;font-weight:bold}.save-status{font-size:14px;color:var(--muted);margin:0}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:34px;align-items:start;padding-block-end:55px}.sidebar{position:sticky;inset-block-start:20px}.plan{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.plan h2{font-size:18px;margin-block-end:12px}.plan ol{list-style:none;margin:0;padding:0}.plan a{display:flex;gap:12px;align-items:center;text-decoration:none;padding:9px 7px;border-radius:8px;font-size:15px;min-block-size:44px}.plan a:hover,.plan a[aria-current="location"]{background:var(--soft)}.plan .num{font-size:12px;color:var(--rust)}.progress-block{margin-block-start:22px;padding-block-start:20px;border-block-start:1px solid var(--line)}progress{display:block;inline-size:100%;block-size:9px;margin-block:12px;accent-color:var(--green)}.bookmark-tools{display:flex;gap:8px;flex-wrap:wrap;margin-block-start:15px}.bookmark-tools a{padding:7px;min-block-size:44px}.bookmark-note{font-size:13px;margin-block:12px 0;color:var(--muted)}.lesson{min-inline-size:0}.section{padding:30px;margin-block-end:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);scroll-margin-block-start:20px}.section-head{display:flex;gap:12px;align-items:baseline}.section-num{color:var(--rust);font-size:14px}.note{background:var(--warm);border-inline-start:3px solid var(--rust);padding:14px 17px;border-radius:10px;margin-block:16px}.notice{background:var(--soft);padding:14px 17px;border-radius:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.checkline{display:flex;gap:10px;align-items:flex-start;margin-block:16px}.checkline input{margin-block-start:6px}.field-label{display:block;font-weight:bold;margin-block-end:8px}.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-block-start:16px}.status-text{font-size:14px;color:var(--muted);margin-block:10px 0}.vocab{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-block:20px}.word{background:var(--soft);border-radius:12px;padding:16px;text-align:center}.word .en{display:block;font-size:25px;margin-block-end:4px}.dialogue{background:#f2f1ea;border-radius:15px;padding:18px 22px;list-style:none}.dialogue li{margin-block:8px}.speaker{display:inline-block;min-inline-size:78px;font-size:14px;color:var(--muted)}.dialogue .en{font-size:21px}.phrase-list{display:grid;gap:10px}.phrase{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 15px;border:1px solid var(--line);border-radius:12px}.phrase .en{font-size:21px}.practice-intro{margin-block-end:24px}.task{padding-block:25px;border-block-start:1px solid var(--line);scroll-margin-block-start:24px}.task:last-child{padding-block-end:0}.task-tag{display:inline-block;font-size:12px;border:1px solid var(--line);padding:1px 9px;border-radius:99px;margin-block-end:8px}.task p{margin-block-end:12px}fieldset{padding:0;margin:14px 0;border:0;min-inline-size:0}legend{font-weight:bold;padding:0;margin-block-end:8px}.choices{display:flex;gap:10px;flex-wrap:wrap}.choice{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:9px 14px;border-radius:10px;min-block-size:46px;background:white}.ratings{display:grid;gap:8px}.ratings .choice{align-items:flex-start}.ratings input{margin-block-start:5px}.feedback{border-inline-start:3px solid var(--rust);background:var(--warm);padding:13px 16px;margin-block:16px;border-radius:10px}.feedback[data-kind="pass"]{background:var(--soft);border-color:var(--green)}.feedback:empty{display:none}.answer{margin-block:12px;background:#f1f2ec;border-radius:10px;padding:12px 16px}.answer summary{cursor:pointer;font-weight:bold;min-block-size:32px}.answer p{margin-block:12px 0}.transcript{border:1px dashed #a7afa1;border-radius:12px;padding:16px;margin-block:15px}.slip{max-inline-size:230px;background:#fff;border:1px solid var(--line);box-shadow:3px 4px 0 #e6e7dc;padding:20px;margin-block:16px;text-align:center}.slip .en{font-size:25px;display:block}.transfer-panel{background:#edf0e6;border:1px solid #bac7b6;border-radius:12px;padding:17px;margin-block:15px}.transfer-banner{display:none;position:sticky;inset-block-start:0;z-index:2;background:var(--green);color:white;padding:10px 18px;border-radius:10px;margin-block-end:14px;font-size:15px}.transfer-banner button{border-color:#fff;padding:5px 12px;margin-inline-start:10px;font-size:14px}.transfer-active .model{display:none!important}.model-paused{display:none}.transfer-active .model-paused{display:block;color:var(--muted);font-size:15px}.transfer-active .transfer-banner{display:block}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{padding:17px;background:var(--soft);border-radius:12px}.metric strong{display:block;font-size:18px}.metric p{font-size:14px;margin-block:5px 0}.full{grid-column:1/-1}.footer{border-block-start:1px solid var(--line);padding-block:22px;color:var(--muted);font-size:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}[hidden]{display:none!important}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
    audio,video{display:block;inline-size:100%;max-inline-size:100%;margin-block:16px}video{background:#18261f}.media-controls,.media-chapters{margin-block:16px}.media-controls select{min-block-size:44px;border-radius:8px;padding:6px}.media-controls select:focus-visible{outline:3px solid var(--focus)}.media-caption{white-space:pre-wrap;unicode-bidi:plaintext;background:var(--soft);padding:16px;border-radius:12px}.media-music{border-block-start:1px solid var(--line);padding-block-start:14px}.media-music label{display:inline-flex;align-items:center;gap:8px;margin:8px}.media-music input[type="range"]{max-inline-size:180px}
    @media(max-width:900px){.wrap{padding-inline:22px}.layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.plan{padding:16px}.section{padding:24px}.hero{gap:20px}.hero-art{max-inline-size:300px}}
    @media(max-width:680px){body{font-size:16px}.wrap{padding-inline:16px}.topbar{padding-block:16px}.brand{font-size:17px}.tag{font-size:11px;padding:4px 8px}.hero{grid-template-columns:1fr;padding-block:30px;gap:24px}.hero .intro{font-size:18px}.hero-art{max-inline-size:260px;border-radius:65px 65px 20px 20px}.hero h1{max-inline-size:350px}.layout{display:block}.sidebar{position:static;margin-block-end:20px}.plan ol{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}.plan a{padding:8px 3px}.progress-block{margin-block-start:14px;padding-block-start:14px}.section{padding:21px 18px}.section h2{font-size:25px}.phrase{flex-wrap:wrap;gap:3px 16px}.phrase .en{font-size:20px}.vocab{gap:7px}.word{padding:12px 6px}.word .en{font-size:22px}.dialogue{padding:15px}.speaker{min-inline-size:66px}.dialogue .en{font-size:19px}.summary-grid{grid-template-columns:1fr}.transfer-banner{position:static}.choice{padding:9px 11px}.time{gap:6px 16px}.footer{font-size:13px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
    @media print{.sidebar,.hero-art,.hero-actions,.bookmark-tools,button,.transfer-banner{display:none!important}.layout{display:block}.section{break-inside:avoid}body{background:white}.wrap{max-inline-size:none;padding:0}}
  
/* Account UI and authored learner pages. No remote fonts or resources. */
body{overflow-wrap:anywhere}.account-shell,.save-panel,body>main,body>footer,.unit-plan,.dev-note{max-inline-size:1120px;margin-inline:auto;padding:22px}body>main article>section{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin-block:20px}body>main article>section section{padding-block:18px;border-block-end:1px solid var(--line)}.account-shell{border-block-end:1px solid var(--line)}.account-shell .brand{color:var(--green)}.account-shell form{max-inline-size:520px}.account-shell label,.save-panel label{display:block;margin-block:12px 5px}.account-shell input:not([type=checkbox]){inline-size:100%;padding:12px;border:1px solid #64776b;border-radius:10px;background:white}.account-shell summary{cursor:pointer;min-block-size:44px;padding-block:10px}.dev-note{font-size:14px;background:#e8eee8;padding-block:9px}.save-panel{background:#fffdf8;border:1px solid #89958a;border-radius:16px;margin-block:22px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:14px}.unit-plan{display:flex;flex-wrap:wrap;gap:12px}.unit-plan a{min-block-size:44px;padding:8px}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.unit-card{background:var(--card);border:1px solid #89958a;padding:24px;border-radius:20px}.unit-card a{display:inline-block;min-block-size:44px;padding:10px 0;font-weight:bold}.hidden-models .models{display:none}fieldset#learning-fields{border:0;padding:0;margin:0;min-inline-size:0}fieldset#learning-fields>legend{font-size:14px;color:var(--muted)}p[lang=en]{direction:ltr;text-align:start;unicode-bidi:isolate;font-size:1.2rem}textarea{max-inline-size:100%}button,select,input{max-inline-size:100%}select{padding:8px;border:1px solid #64776b;background:white;color:var(--ink)}button:disabled{opacity:1;background:#e5e8e0;color:#4b5952;border-color:#89958a}.save-panel [role=status]{font-weight:bold}.account-shell input[type=checkbox]{vertical-align:middle}.planned-list li{margin-block:10px}.section:focus,.task:focus{outline:3px solid #174eca;outline-offset:3px}@media(max-width:680px){.unit-grid{grid-template-columns:1fr}.account-shell,.save-panel,body>main,body>footer,.unit-plan{padding:16px}.save-panel{margin-inline:12px}.actions>*{flex:1 1 200px}body>main article>section{padding:18px}.account-shell .brand{font-size:21px}}@media print{.account-shell,.save-panel,.dev-note{display:none}}