:root{--cream-50:#F5F3E9;--cream-100:#ECEADC;--cream-200:#E1DECC;--cream-300:#D2CFB7;--cream-400:#BCB89D;--ink-800:#34362C;--ink-600:#5C5E4F;--ink-500:#707261;--ink-400:#9C9D88;--terra-500:#9E3B22;--terra-400:#B5482B;--terra-200:#DDAB92;--terra-100:#EFD6C8;--sage-600:#5E7A4A;--sage-400:#8FA081;--sage-100:#DEE5D2;--gold-400:#E6BD64;--ochre-500:#CF8C22;--error:#A83E2E;--new-bg:#F2D2A6;--new-accent:#A8442A;--learning:#E6BD64;--known:#7E9268;--known-text:#5E7A4A;--sans:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--read:"Lora", Georgia, serif;--shadow-sm:0 2px 6px rgba(74,53,38,.1);--shadow-md:0 6px 16px rgba(74,53,38,.12);--shadow-lg:0 14px 34px rgba(74,53,38,.16);--r-md:10px;--r-lg:16px;--r-xl:22px;--r-full:999px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--cream-100);color:var(--ink-800);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--read);font-weight:600}a{color:var(--terra-500)}button{font-family:var(--sans);cursor:pointer}:focus-visible{outline:2px solid var(--terra-400);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.btn{background:var(--terra-500);color:var(--cream-50);border:none;border-radius:var(--r-full);padding:12px 22px;font-weight:600;font-size:.95rem;box-shadow:var(--shadow-sm)}.btn:active{transform:scale(.98)}.btn.ghost{background:transparent;color:var(--ink-600);border:1px solid var(--cream-400);box-shadow:none}.btn.secondary{background:transparent;color:var(--terra-500);border:1.5px solid var(--terra-500);box-shadow:none}.reading{font-family:var(--read)}.w-new{background:var(--new-bg);padding:0 6px;border-radius:var(--r-full);box-shadow:inset 0 0 0 1px #b6562a59}.app-root{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;display:flex;flex-direction:column;background:var(--cream-50);overflow:hidden}.site{min-height:100%;background:var(--cream-100)}.site-nav{display:flex;align-items:center;gap:16px;padding:16px 22px;max-width:1100px;margin:0 auto}.site-nav.center{justify-content:center}.site-nav .brand{font-family:var(--read);font-weight:600;font-size:1.875rem;color:var(--terra-500);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:11px}.site-nav .brand .brand-gif{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 auto}a.btn{color:var(--cream-50);text-decoration:none}a.btn.secondary{color:var(--terra-500)}.wrap{max-width:1100px;margin:0 auto;padding:0 22px}.hero{text-align:center;padding:56px 0 30px}.hero h1{font-size:clamp(2.1rem,5vw,3.2rem);margin:0 0 12px}.hero p{color:var(--ink-600);font-size:1.15rem;max-width:56ch;margin:0 auto 22px;line-height:1.6}.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.section{padding:34px 0}.section h2{font-size:1.7rem;margin:0 0 14px}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:var(--cream-50);border:1px solid var(--cream-300);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-sm)}.card h3{margin:0 0 6px;font-size:1.1rem}.card p{color:var(--ink-600);margin:0;font-size:.92rem;line-height:1.55}.email{display:flex;gap:8px;max-width:420px;margin:14px auto 0}.email input{flex:1;border:1px solid var(--cream-400);border-radius:var(--r-full);padding:11px 16px;font-family:var(--sans);background:var(--cream-50)}.foot{text-align:center;color:var(--ink-500);font-size:.85rem;padding:30px 0 50px}.carousel{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x mandatory}.vcard{flex:0 0 260px;scroll-snap-align:start;background:var(--cream-50);border:1px solid var(--cream-300);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit}.vcard img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--cream-200);display:block}.vcard .vb{padding:11px 12px 13px}.vcard .vt{font-family:var(--read);font-weight:600;font-size:.98rem}.vcard .vd{color:var(--ink-600);font-size:.8rem;margin-top:3px;line-height:1.45}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag{font-size:.68rem;background:var(--sage-100);color:var(--sage-600);border-radius:var(--r-full);padding:2px 8px;cursor:pointer}.searchbar{width:100%;max-width:460px;border:1px solid var(--cream-400);border-radius:var(--r-full);padding:11px 16px;font-family:var(--sans);background:var(--cream-50);margin-bottom:16px}.hero-lang{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;padding:54px 20px;background-size:cover;background-position:center;overflow:hidden}.hero-lang.phone{background-position:left center}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#eceadcd1,#eceadc99 42%,#eceadceb)}.hero-inner{position:relative;z-index:2;max-width:760px;width:100%;text-align:center}.hero-char{position:absolute;bottom:0;z-index:1;height:95%;opacity:1;pointer-events:none}.hero-char.left{left:0}.hero-char.right{right:0}.hero-char video{position:absolute;width:6px;height:6px;opacity:0;pointer-events:none}.hero-char canvas{height:100%;width:auto;display:block}.hero-lang h1{font-size:clamp(2rem,5vw,3.1rem);margin:0 0 12px}.hero-sub{color:var(--ink-600);font-size:1.12rem;max-width:54ch;margin:0 auto 6px;line-height:1.6}.lang-picker{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:22px 0}.lang-flag{display:flex;flex-direction:column;align-items:center;gap:4px;background:#f5f3e9b8;border:1.5px solid var(--cream-300);border-radius:var(--r-lg);padding:9px 13px 7px;min-width:76px;transition:transform .12s ease,border-color .15s,background .15s,box-shadow .15s}.lang-flag:hover{transform:translateY(-2px)}.lang-flag .lf-emoji{font-size:1.95rem;line-height:1;height:1.95rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.lang-flag .lf-img{height:1.5rem;width:auto;display:block;border-radius:3px}.lang-flag .lf-name{font-size:.74rem;color:var(--ink-500);font-weight:600}.lang-flag.on{border-color:var(--terra-400);background:var(--cream-50);box-shadow:var(--shadow-md);transform:translateY(-3px) scale(1.04)}.lang-flag.on .lf-name{color:var(--terra-500)}.lang-panel{display:flex;flex-direction:column;align-items:center;gap:14px;min-height:118px}.coming-badge{display:inline-block;background:#f5f3e9e6;border:1px solid var(--cream-300);color:var(--ink-600);font-family:var(--read);font-size:1.2rem;border-radius:var(--r-full);padding:9px 22px;box-shadow:var(--shadow-sm)}.lead-wrap{width:100%;max-width:440px}.lead-cap{color:var(--ink-600);font-size:.92rem;margin:0 0 8px}.email.lead{margin:0 auto}.lead-done{color:var(--sage-600);font-weight:600}.lead-err{color:var(--error);font-size:.88rem;margin:6px 0 0}.btn.disabled{background:var(--cream-300);color:var(--ink-400);box-shadow:none;cursor:not-allowed;pointer-events:none}.btn.pulse{animation:btn-pulse 1.9s ease-in-out infinite}@keyframes btn-pulse{0%,to{transform:scale(1);box-shadow:0 0 #9e3b2200}50%{transform:scale(1.035);box-shadow:0 0 0 6px #9e3b2221}}.social-row{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:2px}.social-cap{font-size:.8rem;color:var(--ink-500)}.social-icons{display:flex;gap:10px}.social-ic{width:36px;height:36px;border-radius:var(--r-full);display:grid;place-items:center;background:#f5f3e9d9;border:1px solid var(--cream-300);color:var(--ink-600);box-shadow:var(--shadow-sm);transition:transform .12s ease,color .15s,border-color .15s}.social-ic:hover{transform:translateY(-2px);color:var(--terra-500);border-color:var(--terra-200)}.social-ic svg{width:18px;height:18px;fill:currentColor}@media (max-width: 640px){.site-nav{padding:14px 16px}.site-nav .brand{font-size:1.45rem}.hero{padding:28px 0 18px}.hero h1{font-size:clamp(1.7rem,7vw,2.3rem)}.hero p{font-size:1.02rem}.hero-lang{min-height:430px;padding:32px 16px;background-position:left center}.lang-flag{min-width:64px;padding:7px 9px 6px}.lang-flag .lf-emoji{height:1.6rem}.lang-flag .lf-img{height:1.25rem}}.app-bar{flex:0 0 auto;height:52px;display:flex;align-items:center;gap:7px;padding:0 12px;border-bottom:1px solid var(--cream-300);background:var(--cream-50);position:relative;z-index:5;padding-top:env(safe-area-inset-top)}.app-bar .wm{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--read);font-weight:600;color:#3b2e250f;pointer-events:none}.app-bar .chip{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:600;color:var(--ink-600);background:var(--cream-100);border:1px solid var(--cream-300);border-radius:var(--r-full);padding:4px 9px;z-index:1}.app-bar .chip .s{color:var(--ochre-500)}.app-bar .av{margin-left:auto;width:32px;height:32px;border-radius:var(--r-full);background:var(--terra-100);border:1px solid var(--terra-200);display:grid;place-items:center;color:var(--terra-500);font-weight:700;z-index:1}.app-body{flex:1;min-height:0;position:relative}.feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.feed::-webkit-scrollbar{width:0}.station{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;padding:18px 16px 14px;position:relative}.prompt{display:flex;align-items:center;gap:10px;margin-bottom:4px}.pbtn{width:34px;height:34px;border-radius:var(--r-full);background:var(--terra-100);border:none;display:grid;place-items:center;flex:0 0 auto}.pbtn .play{width:0;height:0;border-left:10px solid var(--terra-500);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}.ptext{font-family:var(--read);font-size:1.22rem;color:var(--ink-800)}.ptext b{color:var(--terra-500)}.substep{font-size:.72rem;color:var(--ink-400);margin:2px 0 10px 44px}.scene-art{border-radius:var(--r-lg);flex:1;min-height:0;background:linear-gradient(160deg,#e8c79a,#cf9a6e 55%,#9c6f57);display:flex;align-items:flex-end;padding:16px}.scene-read{font-family:var(--read);font-size:1.5rem;line-height:1.5;color:#fff;text-shadow:0 1px 6px rgba(60,40,25,.4)}.scene-actions{display:flex;gap:10px;margin-top:14px}.grid2{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;margin-top:6px}.grid3{display:flex;flex-direction:column;gap:10px;margin-top:auto}.opt{border-radius:var(--r-lg);border:2px solid var(--cream-400);overflow:hidden;position:relative;cursor:pointer;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);background:var(--cream-50);transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease}.opt:active{transform:scale(.97)}.opt .ill{flex:1;display:grid;place-items:center;font-size:2.6rem}.opt .ill span{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.opt.correct{border-color:var(--sage-600);box-shadow:0 0 0 3px var(--sage-100),var(--shadow-md)}.opt.correct:after{content:"✓";position:absolute;top:7px;right:8px;width:24px;height:24px;border-radius:var(--r-full);background:var(--sage-600);color:#fff;display:grid;place-items:center;font-size:.82rem;font-weight:700}.opt.wrong{border-color:var(--error);box-shadow:0 0 0 3px #f3ddd6}.opt.dim{opacity:.5}.opt.text{flex-direction:row;align-items:center;gap:10px;padding:12px 14px}.opt.text .ill{flex:0 0 auto;font-size:1.6rem}.opt.text .lab{font-family:var(--read);font-size:1.02rem;color:var(--ink-800)}.fb{height:20px;text-align:center;font-size:.82rem;color:var(--sage-600);font-weight:600;margin-top:8px}.fb.no{color:var(--error)}.down{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s}.down.show{opacity:1}.down .circ{width:40px;height:40px;border-radius:var(--r-full);background:var(--cream-50);border:1px solid var(--cream-400);display:grid;place-items:center;color:var(--terra-500);font-size:1.3rem;box-shadow:var(--shadow-md);animation:glow 1.6s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 #b0512e00,var(--shadow-sm);transform:translateY(0)}50%{box-shadow:0 0 0 7px #b0512e1a,var(--shadow-md);transform:translateY(4px)}}.help-btn{position:absolute;bottom:14px;right:14px;width:34px;height:34px;border-radius:var(--r-full);background:var(--cream-100);border:1px solid var(--cream-400);display:grid;place-items:center;color:var(--ink-500);font-weight:700;box-shadow:var(--shadow-sm);z-index:4}.help-pop{position:absolute;left:14px;right:14px;bottom:56px;background:var(--cream-50);border:1px solid var(--cream-300);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:13px 14px 14px;font-family:var(--read);font-size:.95rem;z-index:6}.help-pop .x{position:absolute;top:7px;right:11px;color:var(--ink-400);cursor:pointer}.center-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:28px}.greet{font-family:var(--read);font-size:1.7rem;color:var(--ink-800)}.muted{color:var(--ink-600);max-width:30ch;line-height:1.55}.map{height:100%;overflow-y:auto;padding:16px 16px 30px}.map h2{margin:4px 0 2px}.map .sub{color:var(--ink-500);font-size:.82rem;margin-bottom:14px}.node-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-lg);background:var(--cream-50);border:1px solid var(--cream-300);box-shadow:var(--shadow-sm);margin-bottom:11px;cursor:pointer}.node-row .node{width:40px;height:40px;border-radius:var(--r-full);display:grid;place-items:center;flex:0 0 auto;font-weight:700;background:var(--cream-100);border:2px solid var(--cream-300);color:var(--ink-500)}.node-row.done .node{background:var(--sage-400);border-color:var(--sage-600);color:#2e3a24}.node-row.started .node{background:var(--gold-400);border-color:var(--ochre-500);color:var(--ink-800)}.node-row .meta .t{font-family:var(--read);font-weight:600}.node-row .meta .b{font-size:.78rem;color:var(--ink-500)}.cap-pill{display:inline-block;background:var(--gold-400);color:#5a4313;border-radius:var(--r-full);padding:4px 12px;font-weight:600;font-size:.8rem}.app-bar .chip{cursor:pointer}@media (min-width: 540px){body{background:var(--cream-200)}.app-root{max-width:430px;margin-inline:auto;border-left:1px solid var(--cream-300);border-right:1px solid var(--cream-300);box-shadow:var(--shadow-lg)}}.opt .opt-img{width:100%;height:100%;object-fit:contain;padding:8px}.opt.photo{background:var(--cream-50)}.opt.photo .ill{padding:0}.blank{display:inline-block;min-width:70px;border-bottom:2px solid var(--terra-400);margin:0 3px}.phrase-rows{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;margin-top:8px;overflow-y:auto}.phrase-row{display:flex;align-items:center;gap:12px;background:var(--cream-50);border:1px solid var(--cream-300);border-radius:var(--r-lg);padding:12px 14px;box-shadow:var(--shadow-sm);text-align:left}.phrase-row .pc{font-size:1.8rem;flex:0 0 auto}.phrase-row .pp{flex:1;font-size:1.05rem;color:var(--ink-800)}.phrase-row .pi{width:26px;height:26px;border-radius:var(--r-full);background:var(--terra-100);display:grid;place-items:center}.phrase-row .pi .play{border-left-color:var(--terra-500)}.built{font-family:var(--read);font-size:1.05rem;border-bottom:2px dashed var(--cream-400);padding:10px 2px;min-height:46px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px}.built.ok{border-color:var(--sage-600)}.bank{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tok{background:var(--cream-50);border:1px solid var(--cream-400);border-radius:var(--r-md);padding:9px 13px;font-family:var(--read);font-size:1rem;box-shadow:var(--shadow-sm)}.tok.placed{background:var(--terra-100);border-color:var(--terra-200)}.tok.spent{opacity:.35;pointer-events:none}.done-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px;text-align:center}.mm-tag{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:#5a4313;font-weight:700}.next-station .done-wrap{gap:14px}.coursemap{height:100%;overflow-y:auto;background:#e1decc}.cm-head{padding:14px 16px 2px;position:sticky;top:0;z-index:2;background:linear-gradient(#e1decc 70%,#e1decc00)}.cm-head h2{margin:0}.cm-head .sub{color:var(--ink-500);font-size:.82rem;margin-bottom:2px}.reg{display:flex;gap:8px;width:100%;max-width:320px;margin:6px auto 0}.reg input{flex:1;border:1px solid var(--cream-400);border-radius:var(--r-full);padding:11px 16px;font-family:var(--sans);background:var(--cream-50)}