:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17211d;background:#f4f1e8;font-synthesis:none;--ink: #17211d;--paper: #f4f1e8;--surface: #fffdf7;--line: #c9c8bd;--green: #1d5b45;--green-light: #d9e6dc;--coral: #d95f45;--yellow: #e7b955;--blue: #2f5f79;--muted: #59625d;--success: #276a4f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,a{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #f4a340;outline-offset:3px}.app-shell{min-height:100vh}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.65rem .85rem;color:#fff;background:var(--ink);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 5vw;border-bottom:1px solid var(--line);background:#f4f1e8f0}.brand{display:flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none}.brand>span{display:grid;width:34px;height:34px;place-items:center;color:#fff;background:var(--green)}.level,.eyebrow{color:var(--green);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0}.briefing,.stage{width:min(1120px,90vw);margin:0 auto}.briefing{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:calc(100vh - 68px);gap:5vw;padding:3rem 0}h1{max-width:800px;margin:1rem 0;font-family:Georgia,Times New Roman,serif;font-size:5.5rem;line-height:.95;letter-spacing:0}.briefing__lead,.stage__lead{max-width:620px;font-size:1.25rem;line-height:1.55}.translation{color:var(--muted);line-height:1.6}.primary-button{display:inline-flex;align-items:center;gap:.75rem;min-height:48px;margin-top:1.5rem;padding:.75rem 1.25rem;border:1px solid var(--ink);border-radius:4px;color:#fff;background:var(--ink);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.primary-button:hover:not(:disabled){color:var(--ink);background:var(--yellow);transform:translateY(-2px)}.primary-button:disabled{opacity:.45}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:.65rem 1rem;border:1px solid var(--ink);border-radius:4px;background:transparent;cursor:pointer}.secondary-button:hover:not(:disabled){background:var(--green-light)}.icon-button{display:inline-grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border:0;border-radius:50%;color:#fff;background:var(--green);cursor:pointer}.icon-button--bordered{color:var(--ink);border:1px solid var(--line);background:var(--surface)}.call-scene{position:relative;display:grid;align-content:end;min-height:570px;overflow:hidden;border-top:5px solid var(--coral);background:#c9c8bd;box-shadow:12px 12px #d9d4c5}.call-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.call-scene__details,.call-scene>p{position:relative;z-index:1;margin:0 1.25rem;color:#fff;background:var(--ink)}.call-scene__details{display:flex;align-items:center;gap:.85rem;padding:1rem 1.25rem .5rem}.call-scene__details>div{display:grid}.call-scene p{margin-bottom:1.25rem;padding:.5rem 1.25rem 1.25rem;font-family:Georgia,Times New Roman,serif;font-size:1.6rem;line-height:1.25}.lesson-layout{display:grid;grid-template-columns:220px minmax(0,1fr);width:min(1240px,92vw);margin:0 auto;gap:4rem;padding:3rem 0 5rem}.lesson-nav{position:sticky;top:2rem;align-self:start;min-width:0;max-width:100%;overflow:hidden}.lesson-nav__title{display:flex;justify-content:space-between;margin-bottom:.6rem;font-size:.78rem;font-weight:700;text-transform:uppercase}.progress-track{display:block;width:100%;height:5px;overflow:hidden;border:0;background:#d9d4c5}.progress-track::-webkit-progress-bar{background:#d9d4c5}.progress-track::-webkit-progress-value{background:var(--coral)}.progress-track::-moz-progress-bar{background:var(--coral)}.lesson-nav ol{display:grid;gap:.25rem;margin:1.25rem 0 0;padding:0;list-style:none}.lesson-nav button{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;width:100%;padding:.6rem 0;border:0;color:var(--muted);background:transparent;text-align:left;cursor:pointer}.lesson-nav button>span{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:.72rem}.lesson-nav button[aria-current=step]{color:var(--ink);font-weight:700}.lesson-nav button[aria-current=step]>span{color:#fff;border-color:var(--green);background:var(--green)}.lesson-nav button:disabled{opacity:.45}.activity{min-width:0}.activity--compact{max-width:840px}.stage-heading{display:flex;align-items:start;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.stage-heading h1{margin:.5rem 0;font-size:3.5rem;line-height:1}.stage-heading p{margin:0;color:var(--muted)}.round-count{display:inline-flex;align-items:center;flex:0 0 auto;gap:.4rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:4px;font-size:.78rem;font-weight:700;text-transform:uppercase}.clue-panel,.sentence-challenge{display:flex;align-items:start;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;border-left:5px solid var(--yellow);background:var(--surface)}.clue-panel p,.sentence-challenge p{margin:0}.clue-panel>div{min-width:0}.clue-text,.sentence-challenge>p:first-of-type{font-family:Georgia,Times New Roman,serif;font-size:1.45rem;line-height:1.35;overflow-wrap:anywhere}.clue-panel .translation,.sentence-challenge .translation{margin-top:.4rem;font-family:inherit;font-size:.9rem}.portrait-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.portrait-choice{position:relative;display:grid;min-width:0;padding:0;overflow:hidden;border:2px solid transparent;border-radius:4px;background:var(--surface);cursor:pointer;transition:border-color .16s ease,transform .16s ease}.portrait-choice:hover:not(:disabled){border-color:var(--coral);transform:translateY(-3px)}.portrait-choice.is-correct{border-color:var(--success)}.portrait-choice:disabled:not(.is-correct){opacity:.5}.portrait-choice img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}.portrait-choice span{padding:.7rem;font-weight:700;text-align:left}.feedback{display:flex;align-items:center;gap:.65rem;min-height:50px;margin:1rem 0;padding:.75rem 1rem;border-left:4px solid var(--blue);color:#244354;background:#e2edf2;line-height:1.45}.feedback--success{border-color:var(--success);color:#174331;background:var(--green-light)}.verb-lanes{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.verb-lanes button{display:grid;gap:.45rem;min-height:170px;place-content:center;border:1px solid var(--line);border-radius:4px;background:var(--surface);cursor:pointer}.verb-lanes button:first-child{border-top:5px solid var(--coral)}.verb-lanes button:last-child{border-top:5px solid var(--blue)}.verb-lanes button:hover:not(:disabled){border-color:var(--ink)}.verb-lanes span{color:var(--muted);font-size:.76rem;font-weight:700}.verb-lanes strong{font-family:Georgia,Times New Roman,serif;font-size:1.8rem}.verb-lanes small{color:var(--muted)}.order-rule{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem;color:var(--green);font-size:.76rem;font-weight:700}.phrase-builder{padding:2rem;border:1px solid var(--line);background:var(--surface)}.sentence-frame{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;min-height:68px;margin:0 0 1.5rem;font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.answer-slot{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-width:min(320px,100%);min-height:52px;padding:.35rem;border-bottom:2px solid var(--ink)}.answer-slot small{color:var(--muted);font-family:inherit}.answer-slot button,.word-bank button{min-height:38px;padding:.45rem .7rem;border:1px solid var(--ink);border-radius:4px;background:var(--paper);cursor:pointer}.answer-slot button{display:inline-flex;align-items:center;gap:.25rem;color:#fff;background:var(--green)}.word-bank{display:flex;flex-wrap:wrap;gap:.55rem;min-height:42px}.word-bank button:disabled{opacity:.2}.builder-actions{display:flex;justify-content:space-between;margin-top:1.5rem}.dialogue{margin-bottom:1.5rem;padding:1.5rem;border-left:5px solid var(--coral);background:var(--surface)}.dialogue__speaker{display:flex;align-items:center;gap:.5rem;color:var(--coral);font-size:.78rem;font-weight:700;text-transform:uppercase}.dialogue>p:first-of-type{margin-bottom:.2rem;font-family:Georgia,Times New Roman,serif;font-size:1.5rem}.dialogue__answer{display:flex;align-items:start;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line)}.dialogue__answer p{margin:0;line-height:1.6}.portrait-grid--small .portrait-choice img{aspect-ratio:1 / 1}.final-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:2rem}.writing-area label{display:block;margin-bottom:.5rem;font-weight:700}.writing-area textarea{display:block;width:100%;resize:vertical;padding:1rem;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:var(--surface);font:inherit;font-size:1.05rem;line-height:1.6}.writing-area textarea:focus{border-color:var(--green);outline:3px solid var(--green-light)}.writing-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:.5rem;color:var(--muted);font-size:.76rem}.final-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem}.coach-panel{padding-left:1.5rem;border-left:1px solid var(--line)}.coach-panel ul,.skill-summary{display:grid;gap:0;margin:1rem 0 0;padding:0;list-style:none}.coach-panel li{display:grid;grid-template-columns:24px 1fr;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.coach-panel li>span{display:grid;width:21px;height:21px;place-items:center;border:1px solid var(--line);border-radius:50%}.coach-panel li.is-met>span{color:#fff;border-color:var(--success);background:var(--success)}.coach-panel li div{display:grid;gap:.2rem}.coach-panel small{color:var(--muted)}.is-listening{color:#fff;background:var(--coral)}.completion{width:min(840px,90vw);margin:0 auto;padding:5rem 0}.completion__mark{display:grid;width:78px;height:78px;margin-bottom:1.5rem;place-items:center;color:var(--ink);background:var(--yellow)}.completion h1{font-size:4.5rem}.completion__lead{max-width:680px;font-size:1.2rem;line-height:1.6}.skill-summary{grid-template-columns:1fr 1fr;margin:2rem 0;border-top:1px solid var(--line)}.skill-summary li{display:flex;align-items:center;gap:.6rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.skill-summary svg{color:var(--success)}@media(max-width:900px){.lesson-layout{grid-template-columns:1fr;gap:2rem;width:min(760px,92vw)}.lesson-nav{position:static}.lesson-nav ol{display:flex;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.lesson-nav li{flex:0 0 auto}.lesson-nav button{width:auto;min-width:126px}.final-layout{grid-template-columns:1fr}.coach-panel{padding:1.25rem 0 0;border-top:1px solid var(--line);border-left:0}}@media(max-width:720px){.level{display:none}.briefing{grid-template-columns:1fr;align-content:start;padding:3rem 0}h1{font-size:3.25rem}.call-scene{min-height:430px}.stage-heading{display:grid;gap:1rem}.stage-heading h1,.completion h1{font-size:2.8rem}.round-count{justify-self:start}.portrait-grid{grid-template-columns:1fr 1fr}.portrait-grid--small .portrait-choice img{aspect-ratio:4 / 5}.writing-meta,.final-actions{align-items:stretch;flex-direction:column}.skill-summary{grid-template-columns:1fr}}@media(max-width:420px){.topbar{padding:0 1rem}.briefing,.lesson-layout{width:calc(100% - 2rem)}.briefing h1{font-size:2.75rem}.briefing__lead{font-size:1.05rem}.call-scene{min-height:390px}.call-scene p{font-size:1.25rem}.stage-heading h1,.completion h1{font-size:2.4rem}.portrait-choice span{padding:.55rem;font-size:.88rem}.verb-lanes{gap:.65rem}.verb-lanes button{min-height:140px;padding:.5rem}.phrase-builder{padding:1rem}.answer-slot{min-width:100%}.order-rule{gap:.3rem;font-size:.65rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}