:root{--bg:#fbfcff;--ink:#27313f;--muted:#6f7b86;--line:#dfe5eb;--panel:#fff;--panel-soft:#f3f8fb;--blue:#2ea7ff;--green:#19c995;--green-dark:#0aa879;--yellow:#ffc63d;--red:#ff5a63;--purple:#8b6cff;--tala-teal:#12bfa7;--tala-mango:#ffb23e;--tala-coral:#ff6f59;--tala-sky:#2f8dff;--tala-ink:#202f3f;--shadow:0 18px 50px #2332461f}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0;font-family:Segoe UI Variable,Segoe UI,Inter,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:26px;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{color:var(--tala-ink);background:0 0;border:0;align-items:center;gap:12px;padding:8px 6px;display:flex}.brand strong{letter-spacing:0;font-size:2rem;font-weight:950}.brand-mark{background:radial-gradient(circle at 34% 28%,#ffffffe6 0 8%,transparent 9%),linear-gradient(135deg,var(--tala-mango),var(--tala-coral)42%,var(--tala-teal));color:#fff;border-radius:15px;justify-content:center;align-items:center;width:42px;height:42px;font-size:0;font-weight:950;display:inline-flex;position:relative;box-shadow:inset 0 -4px #00000029,0 8px 20px #12bfa738}.brand-mark:before{clip-path:polygon(50% 0,62% 35%,99% 36%,69% 58%,80% 94%,50% 74%,20% 94%,31% 58%,1% 36%,38% 35%);content:"";background:#fff;width:24px;height:24px;position:absolute}.nav-list{gap:12px;display:grid}.nav-item{color:#52606b;text-transform:uppercase;background:0 0;border:2px solid #0000;border-radius:14px;align-items:center;gap:14px;min-height:60px;padding:0 16px;font-size:.98rem;font-weight:900;display:flex}.nav-icon{background:linear-gradient(145deg,#ffffff70,transparent 42%),linear-gradient(180deg,var(--icon-a,var(--green)),var(--icon-b,#15b889));border-radius:12px;flex:0 0 28px;justify-content:center;width:28px;height:28px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 -4px #00000024,inset 0 1px #ffffff7a,0 4px 10px #1c28371f}.nav-icon:before,.nav-icon:after{content:"";position:absolute}.nav-icon.home{--icon-a:#ffd447;--icon-b:#f4a900}.nav-icon.home:before{background:#fff;border-radius:3px 3px 4px 4px;width:14px;height:12px;bottom:7px;left:7px}.nav-icon.home:after{clip-path:polygon(50% 0,100% 48%,82% 48%,82% 100%,18% 100%,18% 48%,0 48%);background:#fff;width:18px;height:19px;top:4px;left:5px}.nav-icon.bolt{--icon-a:#39b8ff;--icon-b:#1784e8}.nav-icon.bolt:before{clip-path:polygon(56% 0,86% 0,64% 38%,84% 38%,33% 100%,45% 55%,22% 55%);background:#fff;width:17px;height:21px;top:4px;left:6px}.nav-icon.grid{--icon-a:#23dd8a;--icon-b:#10ad70}.nav-icon.grid:before{background:#fff;border-radius:3px;width:6px;height:6px;top:7px;left:7px;box-shadow:9px 0 #fff,0 9px #fff,9px 9px #fff}.nav-icon.book{--icon-a:#b06dff;--icon-b:#8248d9}.nav-icon.book:before,.nav-icon.book:after{background:#fff;border-radius:4px 4px 3px 3px;width:8px;height:17px;top:6px}.nav-icon.book:before{left:6px;transform:skewY(6deg)}.nav-icon.book:after{right:6px;transform:skewY(-6deg)}.nav-icon.user{--icon-a:#ff8a66;--icon-b:#f05245}.nav-icon.user:before{background:#fff;border-radius:50%;width:8px;height:8px;top:6px;left:10px}.nav-icon.user:after{background:#fff;border-radius:999px 999px 4px 4px;width:14px;height:10px;bottom:5px;left:7px}.top-stats{justify-content:flex-end;align-items:center;gap:clamp(14px,3vw,42px);min-height:46px;margin-bottom:24px;display:flex}.language-pill,.stat{align-items:center;gap:10px;font-weight:900;display:inline-flex}.flag{background:linear-gradient(#1f86ff 0 50%,#ff4d5b 50% 100%);border-radius:7px;width:40px;height:28px;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.flag:before{clip-path:polygon(0 0,64% 50%,0 100%);content:"";background:#fff;position:absolute;inset:0}.flag:after{content:"";background:#ffd34a;border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:7px;box-shadow:8px -7px 0 -4px #ffd34a,8px 7px 0 -4px #ffd34a,16px 0 0 -4px #ffd34a}.flame,.gem,.xp{justify-content:center;width:30px;height:30px;display:inline-flex;position:relative;overflow:hidden}.flame{background:linear-gradient(145deg,#ffffff6b,#0000 38%),linear-gradient(135deg,#ff6f59,#ff3f6d);border-radius:11px;box-shadow:inset 0 -4px #78182d2e,inset 0 1px #ffffff94,0 5px 12px #ff566833}.flame:before{content:"";background:#fff;border-radius:70% 42%;width:13px;height:16px;position:absolute;top:7px;left:9px;transform:rotate(45deg)}.flame:after{content:"";background:#ffbe3d;border-radius:70% 42%;width:7px;height:9px;position:absolute;top:12px;left:12px;transform:rotate(45deg)}.gem{clip-path:polygon(50% 0,86% 18%,96% 52%,50% 100%,4% 52%,14% 18%);background:linear-gradient(145deg,#ffffff85,#0000 34%),linear-gradient(135deg,#35c8ff 0%,#2f8dff 54%,#6f5cff 100%);border-radius:9px;box-shadow:inset 0 -4px #12428433,inset 0 1px #ffffff9e,0 5px 12px #2f8dff33}.gem:before{clip-path:polygon(50% 0,78% 18%,62% 18%,50% 100%,38% 18%,22% 18%);content:"";background:linear-gradient(135deg,#ffffffd1,#ffffff1f);position:absolute;inset:5px 6px 4px}.xp{clip-path:polygon(50% 0,62% 36%,100% 38%,69% 60%,82% 100%,50% 74%,18% 100%,31% 60%,0 38%,38% 36%);background:linear-gradient(145deg,#ffffff80,#0000 38%),linear-gradient(135deg,#ffd34a,#ff9f1c);box-shadow:inset 0 -4px #86530029,inset 0 1px #ffffff94,0 5px 12px #ffb23e33}.panel{display:none}.panel.active{display:block}.unit-banner{background:linear-gradient(135deg,var(--unit-color,var(--green)),var(--unit-color-2,#09bdc6));color:#fff;z-index:2;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;max-width:780px;min-height:118px;margin:0 auto 28px;padding:22px 24px;display:grid;position:sticky;top:18px;box-shadow:inset 0 -5px #0000001f}.unit-banner p,.unit-banner h1,.unit-banner .unit-description{margin:0}.unit-banner p{opacity:.9;text-transform:uppercase;font-size:1rem;font-weight:950}.unit-banner h1{margin:10px 0 6px;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1}.unit-banner .unit-description{color:#ffffffdb;font-weight:750;display:block}.unit-progress{background:#ffffff42;border-radius:999px;width:min(320px,100%);height:9px;margin-top:14px;overflow:hidden}.unit-progress i{border-radius:inherit;background:#fff;height:100%;display:block}.unit-emblem{color:#fff;background:linear-gradient(145deg,#fff6,#0000 42%),#ffffff2b;border:2px solid #ffffff40;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex;box-shadow:inset 0 -5px #0000001f,0 10px 24px #151e2d1f}.unit-emblem svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4.3px;width:42px;height:42px}.unit-actions{align-items:stretch;gap:10px;min-width:180px;display:grid}.guide-button{color:#fff;text-transform:uppercase;background:#00000026;border:2px solid #00000014;border-radius:18px;justify-content:center;align-items:center;gap:12px;min-height:64px;padding:0 20px;font-weight:950;display:inline-flex;box-shadow:inset 0 -4px #0000001f}.unit-start-button{color:color-mix(in srgb,var(--unit-color,var(--green))78%,#172334);cursor:pointer;text-transform:uppercase;background:#fff;border:0;border-radius:18px;min-height:50px;padding:0 20px;font-size:.95rem;font-weight:950;transition:filter .14s,transform .14s;box-shadow:inset 0 -4px #17232d26}.unit-start-button:disabled{cursor:not-allowed;filter:saturate(0);opacity:.55}.unit-start-button:not(:disabled):hover{filter:brightness(.98);transform:translateY(-1px)}.guide-button span{border:3px solid #fff;border-radius:6px;width:26px;height:26px;position:relative}.guide-button span:before,.guide-button span:after{content:"";background:#fff;width:14px;height:3px;position:absolute;left:6px}.learn-layout{grid-template-columns:minmax(520px,780px) minmax(280px,460px);justify-content:center;gap:44px;display:grid}.path-card{min-height:900px;position:relative}.path-line{background:linear-gradient(#0000,#e1e5e9 8% 92%,#0000);border-radius:999px;width:7px;position:absolute;top:92px;bottom:58px;left:50%;transform:translate(-50%)}.lesson-path{z-index:1;gap:62px;display:grid;position:relative}.unit-section{--unit-color:var(--green);--unit-color-2:#09bdc6;margin-bottom:64px}.unit-blueprint{border:2px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:minmax(260px,1fr) minmax(180px,auto);gap:16px;max-width:780px;margin:-10px auto 30px;padding:16px;display:grid;box-shadow:0 12px 26px #2332460f}.unit-blueprint span,.unit-blueprint i{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-style:normal;font-weight:950;display:block}.unit-blueprint strong{color:var(--ink);margin-top:5px;font-size:1rem;line-height:1.25;display:block}.unit-skill-stack{gap:12px;display:grid}.concept-pill-row{flex-wrap:wrap;gap:7px;margin-top:7px;display:flex}.concept-pill{color:#1689d5;background:#eef7ff;border:1px solid #c9e9ff;border-radius:999px;padding:5px 8px;font-size:.82rem}.unit-checkpoint-link{align-content:start;gap:8px;display:grid}.unit-checkpoint-link button{color:var(--ink);background:#eef2f6;border:0;border-radius:12px;min-height:44px;padding:0 14px;font-weight:950}.unit-checkpoint-link button:not(:disabled){color:#1689d5;background:linear-gradient(135deg,#e9f6ff,#fff7e6)}.unit-checkpoint-link button:disabled{color:var(--muted);cursor:not-allowed;opacity:.66}.section-break{text-align:center;place-items:center;gap:8px;max-width:680px;margin:30px auto 56px;padding:34px 22px 20px;display:grid;position:relative}.section-break:before,.section-break:after{content:"";background:#dde3e8;width:min(220px,30%);height:2px;position:absolute;top:0}.section-break:before{left:0}.section-break:after{right:0}.section-break span{color:#a5acb3;text-transform:uppercase;font-size:.95rem;font-weight:950}.section-break h2{color:#4b4b4b;margin:0;font-size:clamp(1.8rem,4vw,2.75rem);line-height:1}.section-break p{color:var(--muted);max-width:520px;margin:0;font-size:1.05rem;font-weight:750;line-height:1.4}.unit-green{--unit-color:#12bfa7;--unit-color-2:#2f8dff}.unit-purple{--unit-color:#8f6ff2;--unit-color-2:#2f8dff}.unit-blue{--unit-color:#2f8dff;--unit-color-2:#12bfa7}.unit-gold{--unit-color:#ffb23e;--unit-color-2:#ff6f59}.unit-divider{color:#a5acb3;text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:6px 0 40px;font-size:1.1rem;font-weight:950;display:grid}.unit-divider i{background:#e0e4e8;height:2px;display:block}.unit-path{gap:64px;min-height:520px;padding-bottom:22px;display:grid;position:relative}.lesson-node-wrap{grid-template-columns:minmax(180px,1fr) 124px minmax(180px,1fr);align-items:center;gap:14px;width:100%;display:grid}.lesson-node-wrap.offset-left .node-label{text-align:right;grid-column:1}.lesson-node-wrap.offset-left .lesson-node,.lesson-node-wrap.offset-right .lesson-node{grid-column:2}.lesson-node-wrap.offset-right .node-label{grid-column:3}.node-label{color:var(--muted);opacity:0;font-size:.88rem;font-weight:900;transition:opacity .16s,transform .16s;transform:translateY(8px)}.lesson-node-wrap:hover .node-label{opacity:1;transform:translateY(0)}.node-label strong,.node-label span{display:block}.node-label strong{color:var(--ink);font-size:1rem}.lesson-node{color:#fff;background:linear-gradient(145deg,#ffffff70,#0000 34%),linear-gradient(#d9dee5,#aeb8c3);border:0;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;font-size:1.22rem;font-weight:950;transition:box-shadow .16s,transform .16s,filter .16s;display:flex;position:relative;box-shadow:inset 0 -10px #212d3a2e,inset 0 2px #ffffffb8,0 8px #98a4b2,0 18px 30px #1c283724}.lesson-node.open{background:linear-gradient(145deg,#ffffff5c,transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--unit-color,var(--green))92%,#fff),var(--unit-color,var(--green)));box-shadow:inset 0 -10px 0 #17232d33,inset 0 2px 0 #ffffff8a,0 8px 0 color-mix(in srgb,var(--unit-color,var(--green))68%,#203040),0 18px 34px color-mix(in srgb,var(--unit-color,var(--green))26%,transparent)}.lesson-node.complete{background:linear-gradient(145deg,#ffffff6b,transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--unit-color,var(--green))88%,#fff),color-mix(in srgb,var(--unit-color,var(--green))82%,#112));box-shadow:inset 0 -10px 0 #17232d38,inset 0 2px 0 #ffffff9e,0 8px 0 color-mix(in srgb,var(--unit-color,var(--green))62%,#203040),0 18px 34px color-mix(in srgb,var(--unit-color,var(--green))25%,transparent)}.lesson-node.current:before{border:8px solid color-mix(in srgb,var(--unit-color,var(--green))72%,#fff);content:"";border-radius:50%;position:absolute;inset:-14px}.lesson-node.current:after{background:color-mix(in srgb,var(--unit-color,var(--green))82%,#fff);content:"";border-radius:999px;width:10px;height:10px;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.lesson-node.locked{cursor:not-allowed}.node-icon{z-index:1;display:block;position:relative}.icon-check{border-bottom:8px solid #fff;border-left:8px solid #fff;width:40px;height:22px;transform:rotate(-45deg)translate(2px,-4px)}.icon-star{clip-path:polygon(50% 0,62% 34%,98% 36%,68% 58%,80% 94%,50% 73%,20% 94%,32% 58%,2% 36%,38% 34%);background:#fff;width:46px;height:46px}.icon-book{width:52px;height:42px}.icon-book:before,.icon-book:after{content:"";background:#fff;border-radius:6px 6px 4px 4px;width:23px;height:38px;position:absolute;top:1px}.icon-book:before{left:1px;transform:skewY(5deg)}.icon-book:after{right:1px;transform:skewY(-5deg)}.icon-lock{background:#fff;border-radius:6px;width:34px;height:28px;margin-top:12px}.icon-lock:before{content:"";border:7px solid #fff;border-bottom:0;border-radius:18px 18px 0 0;width:26px;height:22px;position:absolute;top:-20px;left:4px}.icon-lock:after{content:"";background:#aeb7bf;border-radius:999px;width:8px;height:8px;position:absolute;top:10px;left:13px}.node-chest{border-radius:16px;width:104px;height:86px}.node-chest.open,.node-chest.complete{background:linear-gradient(0deg,#b66f00 0 18%,#0000 18%),linear-gradient(90deg,#0000 42%,#f9df4a 42% 58%,#0000 58%),linear-gradient(#ffd41f 0 28%,#d98a00 28% 100%);box-shadow:inset 0 -8px #00000038,0 8px #c5c9ce}.icon-chest{background:#ffe45b;border-radius:5px;width:44px;height:26px;transform:translateY(12px);box-shadow:inset 0 -5px #0000002e}.icon-chest:before{content:"";background:#ffcf00;border-radius:7px 7px 0 0;width:56px;height:24px;position:absolute;top:-26px;left:-6px}.icon-chest:after{content:"";background:#9e6700;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:17px}.node-trophy{border-radius:50%}.node-trophy.open,.node-trophy.complete{background:radial-gradient(circle at 50% 42%,#fff 0 13px,transparent 14px),linear-gradient(135deg,#ffffff38,transparent 38%),var(--unit-color,var(--green))}.icon-trophy{background:#fff;border-radius:8px 8px 14px 14px;width:36px;height:30px}.icon-trophy:before,.icon-trophy:after{content:"";border:5px solid #fff;border-bottom-color:#0000;border-radius:999px;width:18px;height:20px;position:absolute;top:5px}.icon-trophy:before{left:-18px}.icon-trophy:after{right:-18px}.icon-trophy span{display:none}.node-svg{color:#fff;filter:drop-shadow(0 2px 1px #1119271a);z-index:1;justify-content:center;align-items:center;width:52px;height:54px;display:inline-flex;position:relative}.node-svg svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4.25px;width:54px;height:54px;overflow:visible}.node-complete-mark{border:3px solid color-mix(in srgb,var(--unit-color,var(--green))78%,#fff);color:var(--unit-color,var(--green));background:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;top:-14px;right:-16px;box-shadow:0 4px 10px #17232d2e}.node-chest,.node-trophy{border-radius:50%;width:98px;height:98px}.node-chest.open,.node-chest.complete,.node-trophy.open,.node-trophy.complete{background:linear-gradient(145deg,#ffffff6b,transparent 32%),linear-gradient(180deg,var(--tala-mango),var(--tala-coral));box-shadow:inset 0 -10px #5e2d143d,inset 0 2px #ffffff94,0 8px #bd633c,0 18px 34px #ff6f593d}.node-trophy.open,.node-trophy.complete{background:linear-gradient(145deg,#ffffff70,#0000 32%),linear-gradient(#ffd15c,#ff9f1c);box-shadow:inset 0 -10px #7f4c0038,inset 0 2px #fff9,0 8px #bd7a13,0 18px 34px #ffb23e3d}.node-popover{background:var(--unit-color,var(--green));color:#fff;z-index:4;border-radius:18px;grid-column:2/4;justify-self:start;gap:12px;min-width:min(370px,100%);max-width:370px;margin-top:-18px;padding:22px;display:grid;position:relative;box-shadow:0 22px 60px #1c28372e,inset 0 -5px #0000001f}.offset-left .node-popover{grid-column:1/3;justify-self:end}.node-popover-arrow{background:var(--unit-color,var(--green));width:24px;height:24px;position:absolute;top:-10px;left:48px;transform:rotate(45deg)}.offset-left .node-popover-arrow{left:auto;right:48px}.node-popover strong{z-index:1;font-size:1.45rem;line-height:1.05;position:relative}.node-popover p{color:#ffffffe6;z-index:1;margin:0;font-size:1rem;font-weight:850;line-height:1.35;position:relative}.node-action{text-transform:uppercase;z-index:1;border:0;border-radius:15px;min-height:58px;font-weight:950;position:relative}.practice-action{color:var(--unit-color,var(--green));background:#fff;box-shadow:inset 0 -4px #0000001f}.legendary-action{color:#9b6500;background:linear-gradient(135deg,#ffffff29,#0000 34%),#ffd21f;box-shadow:inset 0 -5px #9a69003d}.legendary-action:disabled{cursor:not-allowed;opacity:.54}.node-start{border:2px solid var(--line);color:var(--green-dark);text-transform:uppercase;background:#fff;border-radius:12px;padding:8px 14px;font-size:.84rem;font-weight:950;position:absolute;top:-54px;left:50%;transform:translate(-50%);box-shadow:0 3px #d5dbe2}.right-rail{align-content:start;gap:22px;display:grid}.side-card{border:2px solid var(--line);background:#fff;border-radius:18px;padding:22px}.side-card h2{margin:0;font-size:1.35rem}.side-card p{color:var(--muted);margin:8px 0 0;font-size:1rem;line-height:1.45}.side-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.side-card-top button{color:var(--blue);text-transform:uppercase;background:0 0;border:0;font-weight:950}.quest-list{gap:16px;display:grid}.quest{grid-template-columns:42px 1fr;align-items:center;gap:12px;display:grid}.quest-icon{background:var(--yellow);clip-path:polygon(50% 0,62% 36%,100% 38%,69% 60%,82% 100%,50% 74%,18% 100%,31% 60%,0 38%,38% 36%);width:42px;height:42px}.quest strong,.quest span{display:block}.quest strong{font-size:.95rem}.plan-card{gap:14px;display:grid}.plan-badge{color:#a36100;text-transform:uppercase;white-space:nowrap;background:#fff7e6;border:2px solid #ffe0a3;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:950}.plan-list{gap:10px;display:grid}.plan-step{color:var(--ink);text-align:left;background:linear-gradient(#fff,#f8fbff);border:2px solid #dfe8f0;border-radius:14px;grid-template-columns:36px 1fr;align-items:center;gap:12px;min-height:76px;padding:12px;display:grid}.plan-step>span{background:var(--green);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:950;display:inline-flex}.plan-step strong,.plan-step small{display:block}.plan-step strong{font-size:.98rem}.plan-step small{color:var(--muted);margin-top:4px;font-size:.84rem;font-weight:800;line-height:1.25}.plan-step:disabled{cursor:not-allowed;opacity:.62}.plan-step:disabled>span{background:#aeb8c3}.coach-card{gap:16px;display:grid}.coach-badge{color:#1689d5;text-transform:uppercase;white-space:nowrap;background:#e9f6ff;border:2px solid #b8e4ff;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:950}.focus-card{background:linear-gradient(135deg,#f4fbff,#fff7e6);border:2px solid #d9edf7;border-radius:14px;gap:5px;padding:14px;display:grid}.focus-card span,.focus-card small{color:var(--muted);font-size:.82rem;font-weight:900}.focus-card span{text-transform:uppercase}.focus-card strong{color:var(--ink);font-size:1.08rem}.focus-card p{color:#435164;margin:0;font-size:.95rem;font-weight:750;line-height:1.35}.curriculum-steps{gap:10px;display:grid}.curriculum-step{grid-template-columns:34px 1fr;align-items:center;gap:10px;display:grid}.curriculum-step>span{color:#778391;background:#eef2f6;border:2px solid #dfe5eb;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;font-weight:950;display:inline-flex}.curriculum-step svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:6px;width:18px;height:18px}.curriculum-step strong,.curriculum-step small,.curriculum-step i{display:block}.curriculum-step strong{font-size:.92rem}.curriculum-step small,.curriculum-step i{color:var(--muted);font-size:.78rem;font-style:normal;font-weight:800;line-height:1.25}.mini-track{background:#e2e6ea;border-radius:999px;height:12px;margin-top:8px;overflow:hidden}.mini-track i{background:var(--green);height:100%;display:block}.league-card{grid-template-columns:74px 1fr;align-items:center;gap:18px;display:grid}.badge-art{background:linear-gradient(135deg,var(--purple),var(--blue));border-radius:20px;width:74px;height:74px;display:block;position:relative;box-shadow:inset 0 -8px #0000001f}.badge-art:after{clip-path:polygon(50% 0,62% 36%,100% 38%,69% 60%,82% 100%,50% 74%,18% 100%,31% 60%,0 38%,38% 36%);content:"";background:#fff;width:34px;height:34px;position:absolute;top:19px;left:20px}.simple-panel{max-width:1100px;margin:0 auto}.simple-panel h1{margin:0 0 10px;font-size:clamp(2.1rem,5vw,4.2rem);line-height:1}.simple-panel p{color:var(--muted);max-width:720px;font-size:1.1rem;line-height:1.5}.primary-action,.secondary-action{text-transform:uppercase;border:0;border-radius:14px;min-height:52px;padding:0 22px;font-weight:950}.primary-action{background:var(--green);color:#fff;box-shadow:inset 0 -5px #00000029}.secondary-action{color:var(--muted);background:#eef2f6}.practice-section h2,.practice-section-top h2{margin:0;font-size:1.35rem;line-height:1}.practice-section-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.practice-section-top span{color:var(--green-dark);text-transform:uppercase;white-space:nowrap;background:#e7fbf4;border:2px solid #8fe9cd;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:950}.checkpoint-board,.concept-queue,.review-queue{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px;display:grid}.checkpoint-card,.concept-card,.review-card{border:2px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:14px;gap:6px;min-height:116px;padding:16px;display:grid;box-shadow:inset 0 -4px #141e2d0d}.checkpoint-card{grid-template-rows:1fr auto;min-height:210px}.checkpoint-card.ready{background:linear-gradient(#f4fbff,#fff);border-color:#9dddfc}.checkpoint-card.complete{background:linear-gradient(#f0fff9,#fff);border-color:#8fe9cd}.checkpoint-card.locked{opacity:.72}.checkpoint-card>div{gap:6px;display:grid}.checkpoint-card button{width:100%}.checkpoint-card span,.concept-card span,.review-card span,.review-card small,.checkpoint-card small,.concept-card small,.concept-card em{color:var(--muted);font-weight:850}.checkpoint-card span,.concept-card span,.review-card span{text-transform:uppercase;font-size:.78rem}.checkpoint-card strong,.concept-card strong,.review-card strong{font-size:1.12rem;line-height:1.2}.checkpoint-card p{color:#435164;margin:0;font-size:.96rem;font-weight:800;line-height:1.35}.concept-card{min-height:138px}.concept-card.due{background:linear-gradient(#fff9ec,#fff);border-color:#ffcf70}.concept-card.upcoming{background:linear-gradient(#f7fbff,#fff)}.concept-card.empty,.review-card.empty{pointer-events:none}.concept-meter{background:#e2e6ea;border-radius:999px;height:10px;overflow:hidden}.concept-meter i{background:linear-gradient(90deg,var(--tala-teal),var(--tala-mango));height:100%;display:block}.story-list,.profile-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:26px;display:grid}.noun-deck{gap:28px;margin-top:26px;display:grid}.noun-pack{gap:14px;display:grid}.noun-pack-header{border-bottom:2px solid var(--line);justify-content:space-between;align-items:end;gap:18px;padding-bottom:12px;display:flex}.noun-pack-header h2,.noun-pack-header p{margin:0}.noun-pack-header h2{color:var(--ink);font-size:1.25rem;line-height:1.15}.noun-pack-header p,.noun-pack-header span{color:var(--muted);font-size:.88rem;font-weight:850}.noun-pack-header span{text-transform:uppercase;display:block}.noun-pack-header strong{color:var(--green-dark);font-size:1.4rem;line-height:1}.noun-pack-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.noun-tile,.story-tile,.profile-grid div{border:2px solid var(--line);background:#fff;border-radius:8px;padding:18px}.noun-tile{gap:10px;display:grid}.noun-tile-top{justify-content:space-between;align-items:start;gap:12px;display:flex}.noun-audio{color:#1f66d1;background:#eef6ff;border:2px solid #cfe1f3;border-radius:8px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.noun-audio svg{width:24px;height:24px}.noun-tile strong,.noun-tile em,.noun-tile span,.story-tile strong,.story-tile span,.profile-grid strong,.profile-grid span{display:block}.noun-tile strong{font-size:1.25rem;line-height:1.1}.noun-tile em{color:var(--green-dark);margin:5px 0;font-style:normal;font-weight:900}.noun-tile span,.story-tile span,.profile-grid span{color:var(--muted);font-weight:800}.noun-tile p{color:#435164;margin:0;font-size:.95rem;font-weight:750;line-height:1.38}.story-tile strong{margin-bottom:8px;font-size:1.2rem}.story-tile{gap:16px;display:grid}.story-meta{gap:5px;display:grid}.story-meta span{color:var(--green-dark);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:850}.story-meta strong{color:var(--ink);margin:0;font-size:1.22rem;line-height:1.15}.story-meta p{color:#667789;margin:0;font-size:.94rem;font-weight:650;line-height:1.38}.story-lines{gap:8px;display:grid}.story-line{background:#f8fafc;border:1px solid #e3ebf2;border-radius:8px;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-width:0;padding:10px;display:grid}.story-audio{color:#fff;background:#111827;border:1px solid #111827;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.story-audio svg{width:23px;height:23px}.story-line-copy{min-width:0}.story-line-copy strong,.story-line-copy span{margin:0;display:block}.lesson-dialog,.guide-dialog{border:0;border-radius:24px;width:680px;max-width:min(680px,100vw - 26px);padding:0;box-shadow:0 30px 90px #141e2d47}.lesson-modal,.guide-modal{background:#fff;gap:18px;padding:24px;display:grid}.lesson-head{justify-content:space-between;align-items:start;display:flex}.lesson-head p{color:var(--green-dark);text-transform:uppercase;margin:0 0 6px;font-weight:950}.lesson-head h2{margin:0;font-size:2rem;line-height:1}.close-button{color:var(--muted);background:#eef2f6;border:0;border-radius:50%;width:38px;height:38px;font-weight:950}.lesson-progress{background:#e2e6ea;border-radius:999px;height:16px;overflow:hidden}.lesson-progress span{background:var(--green);width:0;height:100%;display:block}.exercise-card{background:var(--panel-soft);border:2px solid var(--line);border-radius:18px;padding:24px}.exercise-card p{color:var(--muted);margin:0 0 16px;font-weight:900}.exercise-card h3{margin:0 0 8px;font-size:clamp(2rem,6vw,3.6rem);line-height:1}#exerciseHint{color:#64748b;max-width:520px;margin-top:8px;font-size:.98rem;font-weight:850;line-height:1.35;display:block}.choices{gap:12px;display:grid}.choice{border:2px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:14px;min-height:56px;padding:0 18px;font-weight:900}.choice.selected{border-color:var(--blue);color:#1689d5;background:#e9f6ff}.type-answer{gap:8px;display:grid}.type-answer span{color:var(--muted);font-weight:900}.type-answer input{border:2px solid var(--line);border-radius:14px;min-height:56px;padding:0 16px}.lesson-feedback{border:2px solid var(--line);color:var(--muted);background:#f5f7fa;border-radius:14px;min-height:56px;padding:16px;font-weight:900}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.lesson-dialog{box-shadow:none;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none}.lesson-dialog::backdrop{background:#f8fafc}.lesson-modal{color:#3c3c3c;background:linear-gradient(#12bfa70f,#0000 280px),#fbfcff;grid-template-rows:auto minmax(0,1fr) auto;gap:0;height:100dvh;min-height:0;padding:0;display:grid;overflow:hidden}.lesson-topbar{grid-template-columns:44px minmax(160px,1fr) auto;align-items:center;gap:24px;width:100%;max-width:1160px;margin:0 auto;padding:22px 32px 8px;display:grid}.lesson-exit{color:#9aa0a6;background:0 0;border-radius:12px;width:44px;height:44px;font-size:2rem;line-height:1}.lesson-topbar .lesson-progress{background:#e2e8f0;border-radius:999px;height:16px;box-shadow:inset 0 2px #0f172a0a}.lesson-topbar .lesson-progress span{background:linear-gradient(90deg,var(--tala-teal),var(--tala-mango),var(--tala-coral));border-radius:inherit}.lesson-lives{color:#28a8ec;align-items:center;gap:10px;font-size:1.25rem;font-weight:950;display:inline-flex}.heart-icon{background:linear-gradient(135deg,#58cc02,#1cb0f6 54%,#ce82ff);width:34px;height:34px;display:inline-block;position:relative;transform:rotate(-45deg)}.heart-icon:before,.heart-icon:after{background:inherit;content:"";border-radius:50%;width:34px;height:34px;position:absolute}.heart-icon:before{top:-16px;left:0}.heart-icon:after{top:0;left:16px}.lesson-stage{flex-direction:column;align-items:center;width:100%;max-width:1040px;margin:0 auto;padding:24px 32px 118px;display:flex;overflow:hidden}.lesson-kicker{color:var(--tala-teal);letter-spacing:0;text-transform:uppercase;width:100%;max-width:880px;margin:0 0 8px;font-size:.86rem;font-weight:950}.lesson-stage>h1{color:#64748b;width:100%;max-width:880px;margin:0 0 18px;font-size:1rem;line-height:1}.lesson-stage .exercise-card{background:0 0;border:0;border-radius:0;justify-items:center;width:100%;max-width:920px;padding:0;display:grid}.lesson-stage .exercise-card h2{color:#1f2937;text-align:center;margin:0;font-size:clamp(1.85rem,3vw,2.55rem);line-height:1.1}.character-row{justify-content:center;align-items:center;gap:30px;width:100%;margin:26px 0 18px;display:flex}.speech-bubble{background:linear-gradient(#fff,#f8fafc);border:2px solid #dfe6ee;border-radius:22px;align-items:center;gap:14px;width:min(760px,100%);min-width:0;min-height:82px;padding:18px 22px;display:inline-flex;position:relative;box-shadow:inset 0 -4px #0f172a0d,0 18px 34px #0f172a14}.speech-bubble:before{display:none}.speech-bubble strong,.speech-bubble span{z-index:1;display:block;position:relative}.speech-bubble .phrase-content{gap:10px;min-width:0;display:grid}.speech-bubble strong{color:#1f2937;font-size:clamp(1.28rem,2vw,1.6rem);line-height:1.2}.speech-bubble span{color:#64748b;margin-top:8px;font-size:.98rem;font-weight:850}.sound-button{z-index:1;background:#e7f8ff;border:2px solid #bcecff;border-radius:16px;flex:0 0 52px;justify-content:center;width:52px;height:52px;display:inline-flex;position:relative;box-shadow:inset 0 -3px #1cb0f61f}.sound-button span{clip-path:polygon(0 32%,34% 32%,70% 0,70% 100%,34% 68%,0 68%);background:#1cb0f6;width:30px;height:30px;margin:9px 7px;display:block}.sound-button:after{content:"";border:3px solid #0000;border-right-color:#1cb0f6;border-radius:50%;width:24px;height:24px;position:absolute;top:9px;right:2px}.lesson-stage .choices{gap:12px;width:100%;max-width:760px;margin:28px auto 0;display:grid}.lesson-stage .choice,.match-option,.bank-token{color:#4b4b4b;background:#fff;border:2px solid #dedede;border-radius:14px;min-height:58px;padding:0 22px;font-size:1.04rem;font-weight:850;box-shadow:inset 0 -4px #00000014}.lesson-stage .choice{text-align:center}.lesson-stage .fill-choices{grid-template-columns:repeat(3,minmax(0,1fr));max-width:640px}.lesson-stage .fill-choices .choice{min-height:64px}.lesson-stage .photo-choice{box-shadow:none;background:#fff;border:1px solid #d7e0ea;border-radius:10px;min-height:0;padding:8px}.lesson-stage .photo-choice:hover{border-color:#9fc5ff;transform:translateY(-1px)}.lesson-stage .photo-choice.selected{color:#2563eb;background:#f7fbff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.photo-frame{background:#eef3f7;border-radius:7px;width:100%;display:block;position:relative;overflow:hidden}.photo-frame:before{content:"";padding-top:76%;display:block}.photo-frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lesson-stage .reply-choices .choice,.lesson-stage .listen-choices .choice{text-align:left}.fill-slot{color:#777;vertical-align:baseline;background:#f7f7f7;border:2px dashed #b9b9b9;border-radius:8px;justify-content:center;align-items:center;min-width:54px;min-height:34px;margin:0 2px;padding:0 10px;display:inline-flex}.speech-bubble strong .fill-slot{margin-top:0;font-size:.86em;line-height:1;display:inline-flex}.fill-slot.filled{color:#1689d5;background:#ddf4ff;border-style:solid;border-color:#84d8ff}.lesson-stage .choice.selected{color:#1689d5;background:#ddf4ff;border-color:#84d8ff}.match-board{grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin:28px auto 0;display:grid}.match-column{gap:10px;display:grid}.match-option{text-align:left;grid-template-columns:44px 1fr;align-items:center;gap:16px;display:grid}.match-option span{color:#b5b5b5;border:2px solid #dedede;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:950;display:inline-flex}.match-option.selected{background:#ddf4ff;border-color:#84d8ff}.lesson-stage .type-answer{gap:10px;max-width:760px;margin:28px auto 16px;display:grid}.lesson-stage .type-answer span{color:#777;text-transform:uppercase;margin-bottom:8px;font-size:.9rem;font-weight:950;display:block}.lesson-stage .type-answer input{color:#3c3c3c;background:#fff;border:2px solid #dedede;border-left:0;border-right:0;border-radius:0;width:100%;min-height:62px;font-size:1.25rem}.clear-answer{color:#1cb0f6;text-transform:uppercase;background:0 0;border:0;justify-self:end;min-height:34px;font-size:.9rem;font-weight:950}.word-bank{flex-wrap:wrap;justify-content:center;gap:12px;max-width:760px;margin:24px auto 0;display:flex}.bank-token{min-height:50px}.bank-token:disabled{color:#0000;cursor:default;background:#e5e5e5}.lesson-bottom{z-index:20;background:#fff;border-top:2px solid #e5e5e5;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:18px;padding:16px max(34px,50vw - 548px);display:grid;position:fixed;bottom:0;left:0;right:0}.lesson-dialog.answer-correct .lesson-bottom{background:#d7ffb8;border-top-color:#b6f28b}.lesson-dialog.answer-wrong .lesson-bottom{background:#ffdfe2;border-top-color:#ffb6bc}.lesson-bottom .lesson-feedback{color:#64748b;background:0 0;border:0;border-radius:0;min-height:0;padding:0;font-size:1.05rem}.lesson-bottom .lesson-feedback.correct{color:#58a700}.lesson-bottom .lesson-feedback.wrong{color:#d63f49}.lesson-bottom .modal-actions{align-items:center;gap:16px;display:flex}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.guide-grid section{background:var(--panel-soft);border:2px solid var(--line);border-radius:16px;padding:16px}.guide-grid strong{margin-bottom:8px;display:block}.guide-grid p{color:var(--muted);margin:0;line-height:1.45}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:10;border-radius:14px;padding:14px 18px;font-weight:900;transition:opacity .18s,transform .18s;position:fixed;bottom:22px;left:50%;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:1120px){.app{grid-template-columns:92px minmax(0,1fr)}.sidebar{padding:20px 12px}.brand strong,.nav-item{font-size:0}.nav-item{justify-content:center;padding:0}.learn-layout{grid-template-columns:1fr}.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app{display:block}.sidebar{border-right:0;border-top:1px solid var(--line);height:auto;padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:30;display:block;position:fixed;inset:auto 0 0;box-shadow:0 -12px 30px #141e2d14}.brand{display:none}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.nav-item{text-transform:none;border-radius:12px;flex-direction:column;gap:4px;min-width:0;min-height:56px;padding:4px 2px;font-size:.66rem}.nav-icon{width:30px;height:30px}.main-shell{padding:14px 14px 96px}.top-stats{justify-content:flex-start;overflow-x:auto}.unit-banner,.unit-path,.lesson-node-wrap,.right-rail,.guide-grid{grid-template-columns:1fr}.lesson-node-wrap .lesson-node,.lesson-node-wrap .node-label{text-align:center;grid-column:1;justify-self:center}.path-line{left:50%}.unit-banner{gap:12px;min-height:auto;margin-bottom:18px;padding:16px;position:relative;top:auto}.unit-banner h1{margin:6px 0 4px;font-size:1.55rem}.unit-banner p{font-size:.82rem}.unit-blueprint{grid-template-columns:1fr;gap:14px;margin:-4px auto 24px;padding:14px}.unit-checkpoint-link button{width:100%}.unit-emblem{display:none}.unit-actions{grid-template-columns:1fr 1fr;min-width:0}.guide-button,.unit-start-button{border-radius:14px;width:100%;min-height:46px;padding:0 10px;font-size:.82rem}.guide-button span{display:none}.path-card{min-height:auto}.lesson-path{gap:42px}.unit-path{gap:48px;min-height:auto;padding-bottom:10px}.lesson-node-wrap{gap:10px}.lesson-node{width:82px;height:82px}.node-svg,.node-svg svg{width:46px;height:46px}.modal-actions{display:grid}.lesson-topbar{grid-template-columns:38px minmax(120px,1fr) auto;gap:12px;padding:12px 14px 6px}.lesson-exit{width:38px;height:38px;font-size:1.55rem}.lesson-topbar .lesson-progress{height:12px}.lesson-lives{gap:6px;font-size:1rem}.heart-icon,.heart-icon:before,.heart-icon:after{width:24px;height:24px}.heart-icon:before{top:-11px}.heart-icon:after{left:11px}.lesson-stage{padding:16px 16px 132px;overflow-y:auto}.lesson-stage>h1{margin-bottom:18px}.lesson-kicker{font-size:.78rem}.lesson-stage .exercise-card h2{font-size:clamp(1.65rem,7vw,2.15rem)}.character-row{flex-direction:column;align-items:flex-start;gap:20px;margin:22px 0}.speech-bubble{width:100%;min-width:0;min-height:78px;padding:14px}.speech-bubble strong{font-size:1.22rem}.speech-bubble span,#exerciseHint{font-size:.9rem}.lesson-stage .choices,.match-board,.lesson-stage .type-answer,.word-bank{margin-top:22px}.lesson-stage .fill-choices{grid-template-columns:1fr;max-width:100%}.match-board{gap:12px}.match-column{gap:9px}.lesson-stage .choice,.match-option,.bank-token{border-radius:12px;min-height:54px;padding:0 14px;font-size:1rem}.match-option{grid-template-columns:34px 1fr;gap:10px}.match-option span{width:30px;height:30px}.lesson-stage .type-answer input{min-height:58px}.lesson-bottom{grid-template-columns:1fr;gap:12px;padding:12px 14px}.lesson-bottom .modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lesson-bottom .primary-action,.lesson-bottom .secondary-action{width:100%;min-height:52px}.lesson-bottom .lesson-feedback{font-size:.95rem;line-height:1.25}}@media (max-width:440px){.unit-banner h1{font-size:1.38rem}.unit-description{font-size:.9rem}.right-rail{gap:14px;display:grid}.lesson-stage .exercise-card h2{font-size:1.7rem}.speech-bubble{border-radius:18px;align-items:flex-start;padding:16px}.sound-button{flex:none;width:46px;height:46px}.lesson-bottom .primary-action,.lesson-bottom .secondary-action{border-radius:13px;min-width:0;min-height:48px;padding:0 10px;font-size:.84rem}}:root{--bg:#f6f8fb;--ink:#17202a;--muted:#657282;--line:#d9e1ea;--panel:#fff;--panel-soft:#f8fafc;--blue:#2563eb;--green:#12a980;--green-dark:#087d62;--yellow:#eab308;--red:#e5484d;--purple:#7c3aed;--tala-teal:#0f9f8c;--tala-mango:#d99217;--tala-coral:#e25f47;--tala-sky:#2563eb;--tala-ink:#17202a;--shadow:0 18px 48px #17202a14;--shadow-soft:0 8px 24px #17202a0f;--radius-card:8px}body{background:linear-gradient(180deg,#fbfcfe 0,#f6f8fb 340px),var(--bg);color:var(--ink)}button{transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s,transform .15s}.flame,.gem,.xp,.heart-icon,.badge-art{box-shadow:none;background:#f1f5f9;border:1px solid #dbe4ec}.lesson-node.open,.lesson-node.complete,.node-chest.open,.node-chest.complete,.node-trophy.open,.node-trophy.complete{box-shadow:none}.lesson-node.current:before,.lesson-node.current:after{content:none;display:none}.sidebar{background:#ffffffeb;border-right:1px solid #e3e8ef;gap:24px;padding:24px 18px;box-shadow:10px 0 30px #17202a08}.brand{color:var(--ink);border-radius:8px;min-height:52px;padding:6px}.brand strong{font-size:1.42rem;font-weight:850}.brand-mark{color:#fff;letter-spacing:0;text-transform:none;background:linear-gradient(135deg,#0f9f8c,#2563eb);border-radius:8px;width:38px;height:38px;font-size:.82rem;box-shadow:0 10px 18px #0f9f8c29}.nav-item{color:#526171;text-transform:none;border:1px solid #0000;border-radius:8px;gap:12px;min-height:48px;padding:0 12px;font-size:.95rem;font-weight:760}.nav-item.active{box-shadow:inset 3px 0 0 var(--blue);color:#1d5fd3;background:#eef6ff;border-color:#cfe5ff}.nav-icon{box-shadow:none;color:#6b7a89;background:#edf3f8;border:1px solid #dbe6ef;border-radius:8px;flex-basis:30px;align-items:center;width:30px;height:30px}.nav-icon.home:before,.nav-icon.home:after,.nav-icon.bolt:before,.nav-icon.grid:before,.nav-icon.book:before,.nav-icon.book:after,.nav-icon.user:before,.nav-icon.user:after{background:currentColor}.main-shell{padding:22px clamp(18px,3vw,42px)}.top-stats{gap:10px;margin-bottom:18px}.language-pill,.stat{box-shadow:var(--shadow-soft);color:#273445;white-space:nowrap;background:#fff;border:1px solid #e3e8ef;border-radius:8px;min-height:38px;padding:6px 10px;font-weight:760}.flag{border-radius:5px;width:32px;height:22px}.flame,.gem,.xp{filter:saturate(.9);width:24px;height:24px;transform:scale(.88)}.learn-layout{grid-template-columns:minmax(500px,720px) minmax(300px,380px);gap:32px}.unit-banner{border:1px solid #dfe7f0;border-left:5px solid var(--unit-color,var(--green));border-radius:var(--radius-card);box-shadow:var(--shadow-soft);color:var(--ink);background:#fff;gap:18px;width:100%;min-height:108px;padding:18px 20px;top:16px}.unit-banner p{color:color-mix(in srgb,var(--unit-color,var(--green))78%,#17202a);letter-spacing:0;opacity:1;font-size:.78rem;font-weight:800}.unit-banner h1{color:var(--ink);letter-spacing:0;margin:6px 0 4px;font-size:2rem;line-height:1.08}.unit-banner .unit-description{color:var(--muted);font-size:.95rem;font-weight:650}.unit-progress{background:#edf2f7;height:7px;margin-top:12px}.unit-emblem{background:color-mix(in srgb,var(--unit-color,var(--green))10%,#fff);border:1px solid color-mix(in srgb,var(--unit-color,var(--green))25%,#dfe7f0);box-shadow:none;color:var(--unit-color,var(--green));border-radius:8px;width:54px;height:54px}.unit-emblem svg{stroke-width:3.1px;width:32px;height:32px}.guide-button,.unit-start-button,.primary-action,.secondary-action,.node-action,.unit-checkpoint-link button,.plan-step,.choice,.match-option,.bank-token,.clear-answer{box-shadow:none;text-transform:none;border-radius:8px}.guide-button{color:#435164;background:#f5f8fb;border:1px solid #dde6ef;min-height:46px;font-size:.92rem;font-weight:760}.guide-button:hover{background:#edf3f8}.guide-button span{border-color:currentColor;border-radius:5px;width:20px;height:20px}.guide-button span:before,.guide-button span:after{background:currentColor;width:10px;height:2px;left:4px}.guide-button span:before{top:5px}.guide-button span:after{top:11px}.unit-start-button,.primary-action{background:var(--unit-color,var(--green));color:#fff;min-height:46px;font-size:.92rem;font-weight:800}.primary-action{background:var(--green)}.unit-start-button:not(:disabled):hover,.primary-action:not(:disabled):hover,.node-action:not(:disabled):hover{box-shadow:0 10px 22px color-mix(in srgb,var(--unit-color,var(--green))20%,transparent);transform:translateY(-1px)}.secondary-action{color:#556575;background:#eef3f7;border:1px solid #dbe4ec;font-weight:760}.path-line{background:linear-gradient(#0000,#d8e0e8 8% 92%,#0000);width:3px}.unit-blueprint,.side-card,.checkpoint-card,.concept-card,.review-card,.story-tile,.profile-grid div,.exercise-card,.speech-bubble,.lesson-feedback,.guide-grid section,.focus-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;border:1px solid #dfe7f0}.unit-blueprint{gap:14px;width:100%;margin:-6px auto 28px;padding:14px}.unit-blueprint span,.unit-blueprint i,.checkpoint-card span,.concept-card span,.review-card span,.review-card small,.checkpoint-card small,.concept-card small,.concept-card em,.focus-card span,.focus-card small,.curriculum-step small,.curriculum-step i{color:#6d7a88;letter-spacing:0;font-weight:700}.concept-pill,.concept-pill.review,.plan-badge,.coach-badge,.practice-section-top span{letter-spacing:0;text-transform:none;border:1px solid #d7e5f3;border-radius:999px;font-weight:760}.concept-pill{color:#1d5fd3;background:#eef6ff}.concept-pill.review,.plan-badge{color:#875900;background:#fff8eb;border-color:#f2d59c}.coach-badge,.practice-section-top span{color:#087d62;background:#effaf6;border-color:#bae7d7}.lesson-node-wrap{grid-template-columns:minmax(180px,1fr) 108px minmax(180px,1fr)}.node-label{font-size:.84rem;font-weight:720}.node-label strong{color:#273445;font-size:.96rem;font-weight:800}.lesson-node{color:#8a97a5;background:#f2f5f8;border:1px solid #d7e0ea;width:78px;height:78px;box-shadow:0 8px 20px #17202a14}.lesson-node:not(:disabled):hover{filter:none;transform:translateY(-2px)}.lesson-node.open{border:2px solid color-mix(in srgb,var(--unit-color,var(--green))62%,#dfe7f0);box-shadow:0 12px 26px color-mix(in srgb,var(--unit-color,var(--green))16%,transparent);color:var(--unit-color,var(--green));background:#fff}.lesson-node.complete{background:var(--unit-color,var(--green));border:1px solid color-mix(in srgb,var(--unit-color,var(--green))80%,#17202a);box-shadow:0 10px 24px color-mix(in srgb,var(--unit-color,var(--green))20%,transparent);color:#fff}.lesson-node.current:before{border:2px solid color-mix(in srgb,var(--unit-color,var(--green))54%,#dfe7f0);inset:-8px}.lesson-node.current:after{background:var(--unit-color,var(--green));width:7px;height:7px;top:-18px}.lesson-node.locked{box-shadow:none;color:#a8b3bf;opacity:1;background:#eef2f6;border-color:#dfe7f0}.node-svg{color:currentColor;filter:none;width:42px;height:42px}.node-svg svg{stroke-width:3.25px;width:42px;height:42px}.node-svg-sparkle svg,.node-svg-heart svg{fill:#0000}.node-svg-chest svg,.node-svg-trophy svg{stroke-width:3.1px}.node-complete-mark{border:1px solid color-mix(in srgb,var(--unit-color,var(--green))20%,#fff);width:24px;height:24px;top:-9px;right:-9px;box-shadow:0 6px 14px #17202a1f}.node-complete-mark svg{stroke-width:6px;width:15px;height:15px}.node-chest,.node-trophy{width:84px;height:84px}.node-chest.open,.node-chest.complete,.node-trophy.open,.node-trophy.complete{border:2px solid color-mix(in srgb,var(--tala-mango)48%,#dfe7f0);color:#b7790f;background:#fff;box-shadow:0 12px 28px #d9921724}.node-trophy.open,.node-trophy.complete{border-color:color-mix(in srgb,var(--yellow)55%,#dfe7f0);color:#a16207}.node-start{color:var(--unit-color,var(--green));letter-spacing:0;text-transform:none;background:#fff;border:1px solid #dfe7f0;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:800;top:-42px;box-shadow:0 8px 18px #17202a14}.node-popover{border:1px solid #dfe7f0;border-top:4px solid var(--unit-color,var(--green));border-radius:var(--radius-card);box-shadow:var(--shadow);color:var(--ink);background:#fff;margin-top:-12px;padding:18px}.node-popover-arrow{display:none}.node-popover strong{color:var(--ink);font-size:1.18rem;font-weight:850}.node-popover p{color:var(--muted);font-size:.94rem;font-weight:650}.node-action{background:var(--unit-color,var(--green));color:#fff;min-height:48px;font-weight:800}.right-rail{gap:16px}.side-card h2{color:var(--ink);font-size:1.05rem;font-weight:850}.side-card p{color:var(--muted);font-size:.94rem;font-weight:560}.side-card-top{margin-bottom:14px}.side-card-top button{color:#2563eb;text-transform:none;font-size:.84rem;font-weight:760}.quest{grid-template-columns:34px 1fr}.quest-icon{clip-path:none;background:#fff8eb;border:1px solid #f2d59c;border-radius:8px;width:34px;height:34px;position:relative}.quest-icon:before{content:"";background:#d99217;border-radius:50%;width:10px;height:10px;position:absolute;top:7px;left:11px}.quest-icon:after{content:"";background:#d99217;border-radius:2px;width:4px;height:8px;position:absolute;top:17px;left:15px}.plan-step{background:#fff;border:1px solid #dfe7f0;grid-template-columns:34px 1fr;min-height:70px;padding:11px}.plan-step>span,.curriculum-step>span{color:#667586;background:#f0f5f8;border:1px solid #dbe5ee;border-radius:8px;font-weight:800}.plan-step:not(:disabled):hover{box-shadow:var(--shadow-soft);border-color:#bfd5ec}.focus-card{background:#fbfcfe;gap:6px;padding:12px}.focus-card strong{font-size:1rem;font-weight:850}.focus-card p{color:#435164;font-size:.92rem;font-weight:620}.curriculum-step{grid-template-columns:32px 1fr}.curriculum-step.active>span{color:#1d5fd3;background:#eef6ff;border-color:#bcd9ff}.curriculum-step.complete>span{color:var(--green-dark);background:#effaf6;border-color:#bae7d7}.league-card{grid-template-columns:54px 1fr}.badge-art{box-shadow:none;background:#eef6ff;border:1px solid #cfe5ff;border-radius:8px;width:54px;height:54px}.badge-art:after{background:#2563eb;width:26px;height:26px;top:13px;left:14px}.simple-panel h1{color:var(--ink);font-size:2.35rem;font-weight:880;line-height:1.08}.simple-panel p{color:var(--muted);font-size:1rem}.practice-section{margin-top:28px}.practice-section h2,.practice-section-top h2{font-size:1.18rem;font-weight:850}.checkpoint-card,.concept-card,.review-card{gap:8px;min-height:120px;padding:16px}.checkpoint-card{min-height:190px}.checkpoint-card.ready,.checkpoint-card.complete,.concept-card.due,.concept-card.upcoming{background:#fff}.checkpoint-card.ready{border-color:#bcd9ff}.checkpoint-card.complete{border-color:#bae7d7}.concept-card.due{border-color:#f2d59c}.checkpoint-card strong,.concept-card strong,.review-card strong{font-size:1.04rem;font-weight:850}.checkpoint-card p{color:#465566;font-size:.92rem;font-weight:600}.story-list,.profile-grid{gap:12px}.story-tile,.profile-grid div{padding:16px}.profile-grid strong{color:#087d62;font-size:1.9rem}.lesson-dialog,.guide-dialog{border-radius:12px;box-shadow:0 28px 70px #17202a38}.lesson-dialog::backdrop,.guide-dialog::backdrop{background:#17202a6b}.lesson-topbar{padding-top:18px}.lesson-exit,.close-button{color:#687789;background:#edf2f7;border:1px solid #dbe4ec;border-radius:8px}.lesson-topbar .lesson-progress{box-shadow:none;background:#dfe7f0;height:10px}.lesson-topbar .lesson-progress span{background:linear-gradient(90deg,#0f9f8c,#2563eb)}.lesson-lives{color:#2563eb;font-weight:820}.heart-icon{background:#2563eb;width:24px;height:24px}.heart-icon:before,.heart-icon:after{background:inherit;width:24px;height:24px}.heart-icon:before{top:-11px}.heart-icon:after{left:11px}.lesson-kicker{color:var(--green-dark);font-size:.8rem;font-weight:820}.lesson-stage>h1{color:#5b6878;font-weight:750}.lesson-stage .exercise-card h2{color:var(--ink);font-size:2rem;font-weight:850}.speech-bubble{box-shadow:var(--shadow-soft);background:#fff}.speech-bubble span,#exerciseHint{color:#687789;font-weight:650}.sound-button{box-shadow:none;background:#eef6ff;border:1px solid #cfe5ff;border-radius:8px}.sound-button span{background:#2563eb}.sound-button:after{border-color:#0000 #2563eb #0000 #0000}.sound-button{box-shadow:none;color:#fff;background:#111827;border:1px solid #111827;border-radius:10px;align-items:center;width:48px;height:48px}.sound-button span{clip-path:none;background:0 0;width:24px;height:24px;margin:0;position:relative}.sound-button span:before{clip-path:polygon(0 34%,35% 34%,70% 8%,70% 92%,35% 66%,0 66%);content:"";background:currentColor;width:18px;height:24px;position:absolute;top:0;left:0}.sound-button span:after{content:"";border:2px solid #0000;border-left:0;border-right-color:currentColor;border-radius:0 999px 999px 0;width:9px;height:16px;position:absolute;top:4px;right:0}.sound-button:after{content:"";border:2px solid #0000;border-left:0;border-right-color:#ffffffb8;border-radius:0 999px 999px 0;width:13px;height:22px;position:absolute;top:12px;right:7px}.lesson-stage .choice,.match-option,.bank-token{box-shadow:none;color:#273445;background:#fff;border:1px solid #dbe4ec;font-weight:720}.lesson-stage .choice:not(:disabled):hover,.match-option:not(:disabled):hover,.bank-token:not(:disabled):hover{box-shadow:var(--shadow-soft);border-color:#b9cce0}.fill-slot{color:#6b7a88;background:#f8fbfd;border:1px dashed #b9cce0}.fill-slot.filled{color:#1d5fd3;background:#eef6ff;border-color:#8bbcff}.match-option span{color:#7d8b99;border:1px solid #dbe4ec;border-radius:8px}.match-option.matched{color:#087d62;background:#effaf6;border-color:#8ed9c0}.match-option.mismatch{color:#b4232a;background:#fff1f2;border-color:#f4a3a7}.lesson-stage .type-answer input{color:var(--ink);background:#fff;border:1px solid #dbe4ec;border-radius:8px;padding:0 16px}.clear-answer{color:#2563eb;font-weight:760}.lesson-feedback{color:#526171;background:#fff;font-weight:680}.lesson-feedback.correct{color:#087d62;background:#effaf6;border-color:#8ed9c0}.lesson-feedback.wrong{color:#b4232a;background:#fff1f2;border-color:#f4a3a7}.toast{border-radius:8px;font-weight:760}@media (max-width:1120px){.app{grid-template-columns:86px minmax(0,1fr)}.sidebar{padding:18px 12px}.brand{justify-content:center}.brand-mark{flex:0 0 38px}.nav-item{justify-content:center}}@media (max-width:760px){.sidebar{padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #dfe7f0;box-shadow:0 -10px 28px #17202a1a}.nav-list{gap:6px}.nav-item{border-radius:8px;min-height:54px;font-size:.68rem;font-weight:760}.nav-item.active{box-shadow:none}.nav-icon{border-radius:7px;width:28px;height:28px}.main-shell{padding:12px 12px 96px}.top-stats{justify-content:flex-start;gap:8px}.learn-layout{grid-template-columns:1fr}.path-card,.lesson-path,.unit-section{width:100%;min-width:0}.language-pill,.stat{border-radius:8px;min-height:34px;padding:5px 8px}.unit-banner{border-left-width:4px;gap:10px;padding:14px}.unit-banner h1{font-size:1.42rem}.unit-banner .unit-description{font-size:.88rem}.unit-blueprint{border-radius:8px;padding:12px}.lesson-path{gap:34px}.unit-path{gap:36px}.lesson-node-wrap{grid-template-columns:1fr;gap:9px;width:100%}.lesson-node-wrap.offset-left .lesson-node,.lesson-node-wrap.offset-right .lesson-node,.lesson-node-wrap.offset-left .node-label,.lesson-node-wrap.offset-right .node-label{text-align:center;grid-column:1;justify-self:center}.lesson-node-wrap .node-label{opacity:1;transform:none}.node-label strong{font-size:.9rem}.node-label span{font-size:.78rem}.lesson-node{width:72px;height:72px}.node-chest,.node-trophy{width:76px;height:76px}.node-svg,.node-svg svg{width:38px;height:38px}.node-popover{margin-top:0;padding:14px}.right-rail{gap:12px}.side-card{padding:14px}.simple-panel h1{font-size:1.72rem}.simple-panel p{font-size:.94rem}.lesson-topbar{grid-template-columns:38px minmax(120px,1fr) auto;padding:12px 14px 8px}.lesson-exit{width:36px;height:36px;font-size:1.4rem}.lesson-stage{padding:16px 14px 132px}.lesson-stage .exercise-card h2{font-size:1.55rem}.speech-bubble{border-radius:8px;padding:14px}.speech-bubble strong{font-size:1.12rem}.lesson-stage .choice,.match-option,.bank-token{border-radius:8px}.lesson-bottom{border-top:1px solid #dfe7f0;padding:12px 14px}}@media (max-width:440px){.unit-actions{grid-template-columns:1fr}.top-stats{padding-bottom:2px}.lesson-bottom .primary-action,.lesson-bottom .secondary-action{border-radius:8px;font-size:.84rem}}@media (max-width:760px){.lesson-stage .picture-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:100%}.lesson-stage .photo-choice{min-height:0;padding:6px}.photo-frame:before{padding-top:82%}}.brand-mark{box-shadow:none;background:#111827}.nav-icon{box-shadow:none;color:#64748b;background:0 0;border-color:#d8e0e8}.nav-icon:before,.nav-icon:after{background:currentColor}.lesson-node,.node-chest,.node-trophy{box-shadow:none;border-radius:16px}.lesson-node.open,.lesson-node.complete,.node-chest.open,.node-chest.complete,.node-trophy.open,.node-trophy.complete,.flame,.gem,.xp,.heart-icon,.badge-art{box-shadow:none}.node-svg{color:currentColor;filter:none}.node-svg svg{stroke-width:2.6px}.node-complete-mark{box-shadow:none;border-radius:8px}.lesson-stage .exercise-card h2{font-size:clamp(1.55rem,2.2vw,2rem);font-weight:780}.speech-bubble{border-radius:10px;box-shadow:0 8px 24px #0f172a0f}.speech-bubble strong .fill-slot{margin-top:0;display:inline-flex}.lesson-stage{max-width:960px;padding-top:20px}.lesson-stage .exercise-card{max-width:880px}.lesson-stage .exercise-card h2{color:#182230;letter-spacing:0;font-size:clamp(1.55rem,2vw,1.9rem);font-weight:780}.speech-bubble{background:#fff;border:1px solid #dbe4ec;border-radius:12px;align-items:center;gap:16px;width:min(700px,100%);min-height:86px;padding:18px;box-shadow:0 12px 30px #0f172a12}.speech-bubble .phrase-content{gap:5px}.speech-bubble strong{color:#182230;font-size:clamp(1.24rem,1.8vw,1.48rem);font-weight:800}.speech-bubble strong:empty{display:none}.speech-bubble span,#exerciseHint{color:#667789;margin-top:0;font-size:.92rem;font-weight:650;line-height:1.3}#exerciseHint[hidden]{display:none}.exercise-meaning{background:#f7fafc;border:1px solid #dbe7f3;border-radius:10px;align-items:center;width:fit-content;max-width:100%;padding:7px 10px;display:inline-flex;color:#334155!important;margin-top:7px!important;font-size:.88rem!important;font-weight:760!important;line-height:1.28!important}.exercise-meaning[hidden]{display:none!important}.sound-button{background:#111827;border:1px solid #111827;border-radius:10px;flex-basis:46px;width:46px;height:46px}.lesson-stage .choice,.match-option,.bank-token{color:#273445;border-color:#d9e3ec;border-radius:12px;font-weight:720}@media (max-width:760px){.unit-path .path-line{z-index:0}.lesson-node-wrap{z-index:1;position:relative}.lesson-node-wrap .node-label{z-index:2;background:#f8fafc;border:1px solid #dfe7f0;border-radius:8px;justify-self:center;max-width:280px;padding:7px 10px;position:relative;box-shadow:0 8px 18px #0f172a0f}.lesson-node{z-index:1;position:relative}.lesson-stage{padding:14px 14px 132px}.speech-bubble{gap:12px;min-height:76px;padding:13px}.sound-button{flex-basis:42px;width:42px;height:42px}}.lesson-stage{justify-content:flex-start;max-width:1000px;padding:18px 20px 126px}.lesson-stage .exercise-card{background:#fff;border:1px solid #dfe7f0;border-radius:12px;max-width:860px;padding:24px;box-shadow:0 18px 44px #0f172a12}.lesson-stage .exercise-card h2{max-width:760px;font-size:clamp(1.5rem,1.8vw,1.85rem);line-height:1.14}.character-row{margin:22px 0 10px}.speech-bubble{box-shadow:none;border-radius:10px;width:100%;max-width:720px;min-height:78px}.lesson-stage .choices{max-width:760px;margin-top:22px}.lesson-stage .picture-choices{max-width:820px}.visual-choice{overflow:hidden}.noun-visual-frame{aspect-ratio:4/3;background:#f4f7fb;border:1px solid #dfe7f0;border-radius:8px;place-items:center;gap:10px;width:100%;padding:18px 12px;display:grid}.noun-visual-frame.tone-1{background:linear-gradient(#f3fbf8,#fff)}.noun-visual-frame.tone-2{background:linear-gradient(#f4f8ff,#fff)}.noun-visual-frame.tone-3{background:linear-gradient(#fff8ed,#fff)}.noun-visual-frame.tone-4{background:linear-gradient(#f8f5ff,#fff)}.noun-visual-frame.tone-5{background:linear-gradient(#fff4f5,#fff)}.noun-visual-frame.tone-6{background:linear-gradient(#f6f8fb,#fff)}.noun-visual-icon{color:#fff;background:#111827;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.noun-visual-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8px;width:31px;height:31px}.noun-visual-frame strong{color:#273445;overflow-wrap:anywhere;text-align:center;font-size:.92rem;font-weight:760;line-height:1.18}.lesson-stage .photo-choice.visual-choice.selected .noun-visual-frame,.lesson-stage .photo-choice.selected .photo-frame{border-color:#7fb1ff}@media (min-width:900px){.lesson-stage{padding-top:26px}.lesson-stage .fill-choices{max-width:700px}}@media (max-width:760px){.lesson-stage{padding:12px 12px 136px}.top-stats{flex-wrap:wrap;gap:6px;max-width:100%;overflow:hidden}.language-pill,.stat{gap:6px;min-width:0;padding:5px 7px}.stat strong{white-space:nowrap}.lesson-stage .exercise-card{border-radius:10px;padding:16px}.lesson-stage .exercise-card h2{font-size:1.42rem}.noun-visual-frame{gap:7px;padding:12px 8px}.noun-visual-icon{border-radius:8px;width:42px;height:42px}.noun-visual-icon svg{width:25px;height:25px}.noun-visual-frame strong{font-size:.78rem}}:root{--bg:#f6f8fb;--ink:#17202b;--muted:#627084;--line:#dce5ee;--panel:#fff;--panel-soft:#f3f7fb;--green:#12bfa7;--green-dark:#087d68;--blue:#2563eb;--yellow:#f4b63f;--red:#e85f45;--purple:#7158e8;--shadow-soft:0 14px 38px #17202a12;--shadow-lift:0 22px 56px #17202a1a;--radius-card:14px;--radius-control:12px;--tap-size:48px}html{background:var(--bg);scroll-behavior:smooth}body{background:linear-gradient(180deg,#ffffffdb,#f6f8fbeb 42%),radial-gradient(circle at 12% -10%,#12bfa71f,transparent 34%),radial-gradient(circle at 96% 4%,#2563eb1a,transparent 31%),var(--bg);color:var(--ink);font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #2563eb47}.app{grid-template-columns:248px minmax(0,1fr)}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-right:1px solid #dce5eedb;padding:22px 16px}.brand{border-radius:var(--radius-control);min-height:52px;padding:7px 8px}.brand-mark{background:linear-gradient(135deg,#0f172a,#1f2937);border-radius:12px;width:40px;height:40px}.brand strong{letter-spacing:0;font-size:1.55rem}.nav-item{border-radius:var(--radius-control);color:#536276;text-transform:none;border:1px solid #0000;gap:12px;min-height:52px;padding:0 12px;font-size:.94rem;font-weight:760}.nav-item:hover{color:#1f2a37;background:#2563eb0b}.nav-item.active{color:#1d5fd3;background:#eff6ff;border-color:#c7dcff}.nav-icon{box-shadow:none;color:#667789;background:#f5f8fb;border:1px solid #dbe5ee;border-radius:9px;flex:0 0 32px;width:32px;height:32px}.nav-item.active .nav-icon{color:#fff;background:#1d5fd3;border-color:#1d5fd3}.main-shell{width:100%;max-width:1320px;margin:0 auto;padding:22px clamp(18px,3.2vw,44px)}.top-stats{justify-content:flex-start;align-items:center;gap:8px;margin-bottom:18px}.language-pill,.stat{box-shadow:none;color:#233044;background:#ffffffdb;border:1px solid #dce5eef2;border-radius:999px;min-height:40px;padding:6px 11px;font-size:.94rem;font-weight:780}.stat{min-width:72px}.flame,.gem,.xp{width:22px;height:22px;transform:scale(.86)}.learn-layout{grid-template-columns:minmax(0,760px) minmax(286px,350px);align-items:start;gap:clamp(20px,3vw,36px)}.path-card{min-height:auto}.lesson-path{gap:30px}.unit-section{margin-bottom:46px}.unit-banner{background:linear-gradient(180deg,#fffffffa,#ffffffe6),linear-gradient(135deg,color-mix(in srgb,var(--unit-color,var(--green))15%,transparent),transparent);border:1px solid #dce5eefa;border-left:5px solid var(--unit-color,var(--green));border-radius:var(--radius-card);box-shadow:var(--shadow-soft);grid-template-columns:52px minmax(0,1fr) minmax(154px,auto);gap:16px;max-width:100%;min-height:104px;margin-bottom:14px;padding:16px}.unit-banner h1{letter-spacing:0;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:860}.unit-banner p{color:color-mix(in srgb,var(--unit-color,var(--green))78%,#17202b);letter-spacing:.03em;font-size:.76rem}.unit-emblem{border-radius:12px;width:52px;height:52px}.guide-button,.unit-start-button{min-height:46px}.unit-start-button{background:linear-gradient(135deg,var(--unit-color,var(--green)),var(--unit-color-2,var(--blue)));color:#fff}.unit-blueprint{border-radius:var(--radius-card);box-shadow:none;background:#ffffffe0;border:1px solid #dce5eefa;grid-template-columns:minmax(0,1fr) minmax(140px,auto);gap:14px;max-width:100%;margin:0 auto 24px;padding:14px}.unit-blueprint span,.unit-blueprint i{color:#6a7788;letter-spacing:.02em;font-size:.72rem}.concept-pill-row{gap:6px}.concept-pill{color:#1d5fd3;background:#edf7ff;border-color:#d2e8ff;padding:5px 9px;font-size:.78rem;font-weight:760}.concept-pill.review{color:#8a5b07;background:#fff5e8;border-color:#f7d8aa}.unit-divider{color:#8d99a8;margin:16px 0 30px;font-size:1rem}.unit-divider i{background:linear-gradient(90deg,#0000,#d8e1ea,#0000)}.unit-path{gap:48px;min-height:auto}.unit-path:before{content:"";z-index:0;background:linear-gradient(#0000,#cbd5e1d9 8% 92%,#0000);border-radius:999px;width:3px;position:absolute;top:14px;bottom:24px;left:50%;transform:translate(-50%)}.lesson-node-wrap{z-index:1;grid-template-columns:minmax(150px,1fr) 98px minmax(150px,1fr);gap:12px;position:relative}.node-label{border-radius:var(--radius-control);opacity:1;background:#ffffffe6;border:1px solid #dce5eef5;padding:10px 12px;transform:none;box-shadow:0 10px 28px #17202a0e}.node-label strong{color:#243044;font-size:.98rem;font-weight:820;line-height:1.15}.node-label span{color:#69778a;margin-top:4px;font-size:.82rem;font-weight:650;line-height:1.25}.lesson-node,.node-chest,.node-trophy{border:1px solid #cbd5e1f5;border-radius:18px;width:74px;height:74px;box-shadow:0 12px 30px #17202a14}.lesson-node.open,.lesson-node.complete,.node-chest.open,.node-chest.complete,.node-trophy.open,.node-trophy.complete{background:linear-gradient(180deg,color-mix(in srgb,var(--unit-color,var(--green))92%,#fff),var(--unit-color,var(--green)));border-color:color-mix(in srgb,var(--unit-color,var(--green))52%,#dbe5ee);box-shadow:0 16px 34px color-mix(in srgb,var(--unit-color,var(--green))22%,transparent);color:#fff}.lesson-node.locked{color:#9aa6b2;background:#edf2f7}.lesson-node.current:before{border:2px solid color-mix(in srgb,var(--unit-color,var(--green))46%,#fff);border-radius:22px;inset:-7px}.lesson-node.current:after{display:none}.node-svg,.node-svg svg{width:36px;height:36px}.node-complete-mark{color:var(--green-dark);background:#fff;border:1px solid #12bfa72e;top:-8px;right:-8px}.node-popover{border:1px solid #dbe5ee;border-top:4px solid var(--unit-color,var(--green));border-radius:var(--radius-card);box-shadow:var(--shadow-lift);padding:16px}.node-action{background:linear-gradient(135deg,var(--unit-color,var(--green)),var(--unit-color-2,var(--blue)));min-height:var(--tap-size);border:0}.legendary-action{color:#5c6b7d;background:#fff;border:1px solid #dbe5ee}.right-rail{gap:14px;position:sticky;top:18px}.side-card,.checkpoint-card,.concept-card,.review-card,.noun-tile,.story-tile,.profile-grid div{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#ffffffeb;border:1px solid #dce5eefa}.side-card{padding:16px}.side-card h2,.practice-section h2,.noun-pack-header h2{color:#1f2937;font-weight:840}.practice-section,.noun-pack{border-radius:var(--radius-card);background:#ffffffb8;border:1px solid #dce5eecc;padding:16px}.simple-panel h1{letter-spacing:0;font-size:clamp(1.9rem,4vw,3rem);font-weight:880}.simple-panel p{color:#617086;font-weight:620}.noun-pack-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.noun-tile,.story-tile{transition:border-color .15s,box-shadow .15s,transform .15s}.noun-tile:hover,.story-tile:hover{box-shadow:var(--shadow-lift);border-color:#c9d8e8;transform:translateY(-1px)}.noun-audio,.story-audio,.sound-button{background:#101828;border-color:#101828}.story-line{border-radius:var(--radius-control);background:#f7fafc;border-color:#dfe8f0}.lesson-dialog{border-radius:0;width:min(100vw,1120px);max-width:100vw}.lesson-modal{background:linear-gradient(180deg,#fffffff5,#f7fafcfa),var(--panel-soft)}.lesson-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border-bottom:1px solid #dce5eecc}.lesson-stage{max-width:980px;padding-inline:20px}.lesson-stage .exercise-card{border-color:#dce5eef2;border-radius:18px;padding:clamp(18px,3vw,30px);box-shadow:0 20px 58px #17202a14}.lesson-stage .exercise-card h2{color:#101828;text-align:center;font-size:clamp(1.42rem,2vw,1.92rem);font-weight:820}.speech-bubble{box-shadow:none;border-color:#dbe5ee;border-radius:14px;margin-inline:auto}.speech-bubble strong{color:#101828}.lesson-stage .choice,.match-option,.bank-token{border-radius:var(--radius-control);min-height:var(--tap-size);border-color:#dbe5ee}.lesson-stage .choice:not(:disabled):hover,.match-option:not(:disabled):hover,.bank-token:not(:disabled):hover{border-color:#b8cbe0;transform:translateY(-1px)}.lesson-stage .choice.selected,.match-option.selected{color:#1d5fd3;background:#edf6ff;border-color:#74a9ff}.lesson-stage .type-answer input{border-radius:var(--radius-control);min-height:58px}.lesson-bottom{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-top:1px solid #dce5eee6;box-shadow:0 -18px 44px #17202a14}.lesson-bottom .primary-action,.lesson-bottom .secondary-action{border-radius:var(--radius-control);min-height:56px}.lesson-bottom .primary-action{background:linear-gradient(135deg,#f59e0b,#e85f45)}@supports (container-type:inline-size){.path-card,.lesson-stage .exercise-card,.simple-panel{container-type:inline-size}@container (max-width:520px){.story-line{grid-template-columns:40px 1fr;padding:9px}.story-line-copy strong{font-size:.94rem}}}@media (max-width:1120px){.app{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding:14px 10px}.nav-item{min-height:54px}.right-rail{position:static}}@media (max-width:760px){:root{--radius-card:13px;--radius-control:11px;--tap-size:50px}body{background:linear-gradient(180deg,#ffffffeb,#f6f8fbfa),var(--bg)}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#ffffffeb;border-top:1px solid #dce5eeeb;box-shadow:0 -18px 44px #17202a1f}.nav-list{gap:6px}.nav-item{border-radius:12px;gap:3px;min-height:58px;padding:4px 2px;font-size:.68rem;font-weight:720}.nav-icon{border-radius:10px;width:31px;height:31px}.main-shell{padding:12px 12px calc(104px + env(safe-area-inset-bottom))}.top-stats{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(58px,auto));gap:7px;margin-bottom:14px;display:grid;overflow:visible}.language-pill,.stat{border-radius:11px;justify-content:center;min-width:0;min-height:38px;padding:5px 7px;font-size:.86rem}.language-pill strong,.stat strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flag{flex:0 0 28px;width:28px;height:20px}.learn-layout{grid-template-columns:minmax(0,1fr);gap:18px}.path-card,.right-rail{width:100%;min-width:0}.unit-section{margin-bottom:34px}.unit-banner{grid-template-columns:1fr;gap:11px;padding:15px;position:relative}.unit-emblem{display:none}.unit-banner h1{font-size:1.48rem}.unit-banner .unit-description{font-size:.9rem}.unit-actions{grid-template-columns:1fr;gap:9px;display:grid}.guide-button,.unit-start-button{width:100%;min-height:48px}.unit-blueprint{grid-template-columns:1fr;gap:12px;padding:12px}.unit-divider{margin:20px 0 28px}.unit-path{gap:44px;padding-bottom:16px}.unit-path:before{width:2px;top:18px}.lesson-node-wrap,.lesson-node-wrap.offset-left,.lesson-node-wrap.offset-right{grid-template-columns:1fr;justify-items:center;display:grid}.lesson-node-wrap.offset-left .node-label,.lesson-node-wrap.offset-right .node-label,.lesson-node-wrap.offset-left .lesson-node,.lesson-node-wrap.offset-right .lesson-node{text-align:center;grid-column:1}.node-label{max-width:min(290px,86vw);padding:9px 12px}.node-label strong{font-size:.94rem}.node-label span{font-size:.78rem}.lesson-node,.node-chest,.node-trophy{width:68px;height:68px}.node-svg,.node-svg svg{width:34px;height:34px}.node-popover{max-width:min(330px,92vw);margin-top:-2px;padding:14px}.right-rail{gap:12px}.side-card,.practice-section,.noun-pack,.story-tile,.profile-grid div{border-radius:13px}.simple-panel h1{font-size:2rem}.simple-panel p{font-size:.98rem}.noun-pack-grid,.story-list,.profile-grid{grid-template-columns:1fr}.lesson-dialog{width:100vw;max-width:100vw}.lesson-topbar{padding:calc(10px + env(safe-area-inset-top))12px 9px;grid-template-columns:40px minmax(0,1fr) auto}.lesson-stage{padding:14px 12px calc(132px + env(safe-area-inset-bottom))}.lesson-stage>h1{margin-bottom:10px;font-size:1rem}.lesson-stage .exercise-card{border-radius:16px;padding:16px}.lesson-stage .exercise-card h2{font-size:1.35rem;line-height:1.18}.character-row{margin:18px 0 12px}.speech-bubble{align-items:start;gap:12px;padding:13px}.sound-button{flex:0 0 44px;width:44px;height:44px}.lesson-stage .choices,.match-board,.lesson-stage .type-answer,.word-bank{max-width:100%}.lesson-stage .choices{gap:10px;margin-top:18px}.lesson-stage .choice,.match-option,.bank-token{min-height:52px;padding:12px;font-size:.96rem}.word-bank{gap:10px}.lesson-bottom{padding:11px 12px calc(11px + env(safe-area-inset-bottom));grid-template-columns:1fr;gap:10px}.lesson-bottom .lesson-feedback{font-size:.92rem;line-height:1.3}.lesson-bottom .modal-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.lesson-bottom .primary-action,.lesson-bottom .secondary-action{width:100%;min-width:0;min-height:50px}}@media (max-width:390px){.top-stats{grid-template-columns:1fr repeat(3,minmax(50px,auto))}.language-pill{justify-content:flex-start}.language-pill strong{max-width:72px}.stat{padding-inline:5px;font-size:.82rem}.lesson-stage .exercise-card h2{font-size:1.24rem}.bank-token{padding-inline:10px}}.fluency-card{position:relative;overflow:hidden}.fluency-card:before{content:"";background:linear-gradient(135deg,#12bfa724,#2563eb1a);height:92px;position:absolute;top:0;left:0;right:0}.fluency-card>*{z-index:1;position:relative}.fluency-dashboard{gap:14px;display:grid}.fluency-score-row{grid-template-columns:92px 1fr;align-items:center;gap:14px;display:grid}.fluency-ring{--score:0;aspect-ratio:1;background:radial-gradient(circle at center,#fff 0 58%,transparent 59%),conic-gradient(var(--green)var(--score),#e6edf4 0);border-radius:50%;place-items:center;padding:18px;line-height:1;display:grid}.fluency-ring strong{color:#101828;font-size:1.7rem;font-weight:880}.fluency-ring span,.fluency-label{color:#6a7788;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:820}.fluency-score-row>div:last-child{min-width:0}.fluency-score-row>div:last-child strong{color:#101828;margin-top:4px;font-size:1.06rem;font-weight:840;line-height:1.2;display:block}.fluency-score-row p{color:#5f6d7f;margin:6px 0 0;font-size:.9rem;font-weight:620;line-height:1.35}.fluency-bars{gap:8px;display:grid}.fluency-bar{grid-template-columns:72px 40px 1fr;align-items:center;gap:8px;display:grid}.fluency-bar span,.fluency-bar strong{color:#516073;font-size:.78rem;font-weight:760}.fluency-bar strong{text-align:right}.fluency-bar i{background:#e8eef5;border-radius:999px;height:8px;overflow:hidden}.fluency-bar b{background:linear-gradient(90deg,var(--green),var(--blue));border-radius:inherit;height:100%;display:block}.fluency-alerts{flex-wrap:wrap;gap:7px;display:flex}.fluency-alerts span{color:#4f5f72;background:#f3f7fb;border:1px solid #dfe8f0;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:760}.practice-modes-section{margin-top:18px}.practice-mode-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.practice-mode-card{border-radius:var(--radius-card);color:var(--ink);text-align:left;background:linear-gradient(#fffffffa,#f8fbfff5);border:1px solid #dbe5ee;grid-template-columns:52px 1fr;align-items:center;gap:12px;min-height:116px;padding:14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.practice-mode-card:not(:disabled):hover{box-shadow:var(--shadow-lift);border-color:#b9cce0;transform:translateY(-1px)}.practice-mode-card:disabled{cursor:not-allowed;opacity:.58}.practice-mode-card strong,.practice-mode-card small{display:block}.practice-mode-card strong{color:#101828;font-size:1.02rem;font-weight:840}.practice-mode-card small{color:#64748b;margin-top:4px;font-size:.88rem;font-weight:620;line-height:1.3}.practice-mode-card i{color:#1d5fd3;text-overflow:ellipsis;white-space:nowrap;background:#eef6ff;border:1px solid #d4e6ff;border-radius:999px;max-width:calc(100% - 16px);padding:5px 8px;font-size:.72rem;font-style:normal;font-weight:800;position:absolute;top:12px;right:12px;overflow:hidden}.mode-icon{color:#fff;background:#101828;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.mode-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px;width:30px;height:30px}@media (max-width:760px){.fluency-score-row{grid-template-columns:82px 1fr}.fluency-ring{padding:16px}.fluency-ring strong{font-size:1.45rem}.fluency-bar{grid-template-columns:64px 38px 1fr}.practice-mode-grid{grid-template-columns:1fr}.practice-mode-card{min-height:106px}}.simple-panel{max-width:1240px}.simple-panel h1{color:#111827;margin-bottom:8px;font-size:clamp(2rem,3.4vw,3.25rem);font-weight:820;line-height:1.04}.simple-panel>p{color:#56677d;max-width:680px;font-size:1rem;font-weight:560;line-height:1.45}.story-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.story-tile{background:#fff;border:1px solid #dbe5ee;border-radius:12px;grid-template-columns:minmax(145px,.38fr) minmax(0,1fr);align-content:start;gap:16px;min-height:0;padding:18px;display:grid;box-shadow:0 14px 34px #0f172a0e}.story-tile:hover{border-color:#c6d5e4;transform:none;box-shadow:0 18px 42px #0f172a13}.story-meta{align-content:start;gap:8px}.story-meta span{color:#087d68;letter-spacing:0;text-transform:uppercase;background:#ecfdf8;border:1px solid #c7f4e7;border-radius:999px;align-self:start;width:fit-content;padding:5px 8px;font-size:.72rem;font-weight:820;display:inline-flex}.story-meta strong{color:#111827;font-size:1.12rem;font-weight:800;line-height:1.18}.story-meta p{color:#607086;font-size:.9rem;font-weight:560;line-height:1.38}.story-lines{gap:0}.story-line{background:0 0;border:0;border-top:1px solid #edf2f7;border-radius:0;grid-template-columns:36px minmax(0,1fr);gap:10px;min-height:54px;padding:10px 0}.story-line:first-child{border-top:0;padding-top:0}.story-line:last-child{padding-bottom:0}.story-audio,.noun-audio{color:#1d5fd3;background:#eef5ff;border:1px solid #d6e6fb;border-radius:10px;width:36px;height:36px}.sound-button{box-shadow:none;color:#1d5fd3;background:#eef5ff;border:1px solid #d6e6fb;border-radius:12px;flex:0 0 48px;width:48px;height:48px}.story-audio svg,.noun-audio svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px;width:21px;height:21px}.sound-button span{background:currentColor;width:26px;height:26px;margin:10px 7px}.sound-button:after{border-width:2px;border-color:#0000 currentColor #0000 #0000;width:20px;height:20px;top:12px;right:5px}.story-line-copy strong{color:#17202b;font-size:.96rem;font-weight:760;line-height:1.22}.story-line-copy span{color:#627084;margin-top:2px;font-size:.86rem;font-weight:560;line-height:1.28}.noun-deck{gap:34px;margin-top:24px}.noun-pack{box-shadow:none;background:0 0;border:0;border-radius:0;gap:14px;padding:0;display:grid}.noun-pack-header{background:#fff;border:1px solid #dbe5ee;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid;box-shadow:0 10px 24px #0f172a0b}.noun-pack-summary{min-width:0}.noun-pack-header h2{color:#111827;font-size:1.12rem;font-weight:800}.noun-pack-header p{color:#607086;margin-top:4px;font-size:.88rem;font-weight:560;line-height:1.35}.noun-pack-header span{color:#087d68;letter-spacing:0;font-size:.72rem;font-weight:820}.noun-pack-header strong{color:#1f2937;background:#f3f7fb;border:1px solid #dce6f0;border-radius:999px;padding:7px 10px;font-size:.88rem;font-weight:820}.noun-pack-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.noun-action{color:#263244;background:#fff;border:1px solid #dbe5ee;border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:.8rem;font-weight:820;display:inline-flex}.noun-action.primary{color:#fff;background:#111827;border-color:#111827}.noun-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.7px;width:17px;height:17px}.noun-image-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.noun-preview{color:#263244;text-align:left;background:#fff;border:1px solid #dbe5ee;border-radius:12px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:9px;min-height:76px;padding:9px;display:grid}.noun-preview:hover{border-color:#b9cbe0;box-shadow:0 10px 24px #0f172a0e}.noun-preview-media{aspect-ratio:1;background:linear-gradient(#f8fafc,#fff);border:1px solid #dbe5ee;border-radius:10px;place-items:center;display:grid;overflow:hidden}.noun-preview-media.photo img{object-fit:cover;width:100%;height:100%}.noun-preview .noun-visual-icon{width:34px;height:34px}.noun-preview strong{color:#111827;font-size:.9rem;font-weight:820;line-height:1.1;display:block}.noun-preview small{color:#607086;margin-top:3px;font-size:.78rem;font-weight:650;line-height:1.2;display:block}.noun-pack-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:10px}.noun-tile{box-shadow:none;background:#fff;border:1px solid #dbe5ee;border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;padding:13px;display:grid}.noun-tile:hover{border-color:#c5d5e6;transform:none;box-shadow:0 12px 30px #0f172a0e}.noun-tile.known{background:#f7fffc;border-color:#bdeedf}.noun-copy{min-width:0}.noun-title-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.noun-title-row strong{color:#111827;font-size:1.08rem;font-weight:820;line-height:1.1}.noun-title-row em{color:#087d68;margin:0;font-size:.82rem;font-style:normal;font-weight:760}.noun-copy>span{color:#56677d;margin-top:3px;font-size:.88rem;font-weight:650}.noun-copy p{color:#607086;gap:2px;margin-top:8px;font-size:.84rem;font-weight:560;line-height:1.28;display:grid}.noun-copy p b{color:#263244;font-weight:720}.noun-copy p small{color:#6a788b;font-size:inherit;font-weight:inherit}.noun-card-actions{place-items:flex-end end;gap:8px;display:grid}.noun-badge,.noun-drill{color:#4b5c70;white-space:nowrap;background:#f8fafc;border:1px solid #dbe5ee;border-radius:999px;min-height:34px;padding:0 12px;font-size:.78rem;font-weight:780}.noun-badge{align-items:center;display:inline-flex}.noun-badge.known{color:#087d68;background:#ecfdf8;border-color:#bdeedf}.noun-drill{color:#1d5fd3;background:#eef5ff;border-color:#cfe0f7}.lesson-stage .picture-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:780px}.lesson-stage .photo-choice{box-shadow:none;text-align:left;background:#fff;border:1px solid #dbe5ee;border-radius:12px;justify-items:stretch;gap:8px;padding:8px;display:grid}.photo-frame,.noun-visual-frame{border:1px solid #dbe5ee;border-radius:10px}.noun-visual-frame,.noun-visual-frame.tone-1,.noun-visual-frame.tone-2,.noun-visual-frame.tone-3,.noun-visual-frame.tone-4,.noun-visual-frame.tone-5,.noun-visual-frame.tone-6{background:linear-gradient(#f8fafc,#fff)}.noun-visual-icon{color:#1d5fd3;background:#eef5ff;border:1px solid #d6e6fb;border-radius:12px}.noun-visual-frame strong{color:#263244;font-size:.88rem;font-weight:720}.photo-choice>strong{color:#263244;padding:0 2px 2px;font-size:.9rem;font-weight:800;line-height:1.15}@media (max-width:1180px){.story-list{grid-template-columns:1fr}}@media (max-width:760px){.simple-panel h1{font-size:2rem}.story-list{gap:12px;margin-top:18px}.story-tile{grid-template-columns:1fr;padding:15px}.story-meta{gap:6px}.story-lines{border-top:1px solid #edf2f7;padding-top:8px}.story-line{min-height:50px}.noun-pack-header{grid-template-columns:1fr;align-items:flex-start;gap:10px}.noun-pack-actions{justify-content:flex-start;width:100%}.noun-pack-actions strong{order:3}.noun-action{flex:148px;justify-content:center}.noun-image-strip{scroll-snap-type:x mandatory;gap:10px;margin-inline:-2px;padding:2px 2px 8px;display:flex;overflow-x:auto}.noun-preview{scroll-snap-align:start;flex:0 0 176px}.noun-pack-grid{grid-template-columns:1fr}.noun-tile{grid-template-columns:34px minmax(0,1fr)}.noun-card-actions{grid-column:2;grid-template-columns:auto auto;justify-self:start;justify-items:start}.noun-badge,.noun-drill{min-height:32px}.lesson-stage .picture-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (max-width:420px){.lesson-stage .picture-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.nav-item{gap:14px}.nav-item.active{color:#1557c0;background:#eef5ff;border-color:#abcaff;box-shadow:inset 3px 0 #2563eb}.nav-icon{--nav-glyph-size:22px;box-shadow:none;color:#5f738a;background:#f4f8fc;border:1px solid #d9e5f2;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;min-width:40px;height:40px;display:inline-grid;position:relative;overflow:hidden}.nav-item.active .nav-icon{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 8px 18px #2563eb38}.nav-icon.home,.nav-icon.bolt,.nav-icon.grid,.nav-icon.book,.nav-icon.user{--icon-a:currentColor;--icon-b:currentColor}.nav-icon.home:before,.nav-icon.bolt:before,.nav-icon.grid:before,.nav-icon.book:before,.nav-icon.user:before{box-shadow:none;clip-path:none;content:"";height:var(--nav-glyph-size);bottom:auto;-webkit-mask:var(--nav-mask)center/contain no-repeat;-webkit-mask:var(--nav-mask)center/contain no-repeat;mask:var(--nav-mask)center/contain no-repeat;width:var(--nav-glyph-size);background:currentColor;border-radius:0;display:block;position:static;inset:auto;transform:none}.nav-icon.home:after,.nav-icon.bolt:after,.nav-icon.grid:after,.nav-icon.book:after,.nav-icon.user:after{content:none;display:none}.nav-icon.home{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10.6 12 3l9 7.6-1.55 1.83-.95-.8V21h-4.9v-6.2h-3.2V21H5.5v-9.37l-.95.8L3 10.6Z'/%3E%3C/svg%3E")}.nav-icon.bolt{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.9 2 4.8 13.3h5.1L8.4 22l10.9-12.7h-5.7L13.9 2Z'/%3E%3C/svg%3E")}.nav-icon.grid{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5.8A1.8 1.8 0 0 1 5.8 4h4.4A1.8 1.8 0 0 1 12 5.8v4.4a1.8 1.8 0 0 1-1.8 1.8H5.8A1.8 1.8 0 0 1 4 10.2V5.8Zm8 8A1.8 1.8 0 0 1 13.8 12h4.4a1.8 1.8 0 0 1 1.8 1.8v4.4a1.8 1.8 0 0 1-1.8 1.8h-4.4a1.8 1.8 0 0 1-1.8-1.8v-4.4ZM4 15.5A1.5 1.5 0 0 1 5.5 14h3A1.5 1.5 0 0 1 10 15.5v3A1.5 1.5 0 0 1 8.5 20h-3A1.5 1.5 0 0 1 4 18.5v-3ZM14 5.5A1.5 1.5 0 0 1 15.5 4h3A1.5 1.5 0 0 1 20 5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 14 8.5v-3Z'/%3E%3C/svg%3E")}.nav-icon.book{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4.8 4H10c1 0 1.75.28 2 .75.25-.47 1-.75 2-.75h5.2A1.8 1.8 0 0 1 21 5.8v13.9c0 .72-.78 1.17-1.4.8-.7-.42-1.55-.65-2.48-.65H14.4c-.58 0-1.12.15-1.6.42a1.62 1.62 0 0 1-1.6 0 3.28 3.28 0 0 0-1.6-.42H6.88c-.93 0-1.78.23-2.48.65A.92.92 0 0 1 3 19.7V5.8A1.8 1.8 0 0 1 4.8 4Zm1.2 3v10.6c.3-.05.6-.08.88-.08H9.6c.5 0 .96.06 1.4.17V7.4c-.18-.25-.52-.4-1-.4H6Zm7 10.69c.44-.11.9-.17 1.4-.17h2.72c.3 0 .6.03.88.08V7h-4c-.48 0-.82.15-1 .4v10.29Z'/%3E%3C/svg%3E")}.nav-icon.user{--nav-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12.2a4.6 4.6 0 1 0 0-9.2 4.6 4.6 0 0 0 0 9.2Zm-8 8.55C4.75 16.6 7.85 14 12 14s7.25 2.6 8 6.75c.12.68-.42 1.25-1.1 1.25H5.1c-.68 0-1.22-.57-1.1-1.25Z'/%3E%3C/svg%3E")}@media (max-width:760px){.nav-item{gap:4px}.nav-icon{--nav-glyph-size:18px;border-radius:10px;flex-basis:32px;width:32px;min-width:32px;height:32px}.nav-item.active{box-shadow:none}}.noun-path-list{gap:14px;margin-top:24px;display:grid}.noun-lesson-card{background:#fff;border:1px solid #dbe5ee;border-radius:14px;grid-template-columns:96px minmax(0,1fr) minmax(180px,auto);align-items:stretch;gap:16px;padding:16px;display:grid;box-shadow:0 12px 30px #0f172a0e}.noun-lesson-index{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-content:center;justify-items:center;gap:8px;min-height:116px;padding:12px 8px;display:grid}.noun-lesson-index span{color:#087d68;text-transform:uppercase;font-size:.72rem;font-weight:820}.noun-lesson-index strong{color:#111827;font-size:1.35rem;font-weight:850}.noun-lesson-main{grid-template-columns:minmax(220px,.85fr) minmax(300px,1.15fr);align-items:center;gap:16px;min-width:0;display:grid}.noun-lesson-copy h2{color:#111827;font-size:1.25rem;font-weight:840;line-height:1.1}.noun-lesson-copy p{color:#607086;margin-top:6px;font-size:.92rem;font-weight:580;line-height:1.4}.noun-chip-row{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.noun-chip-row span{color:#1d5fd3;background:#eef5ff;border:1px solid #d6e6fb;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:820}.noun-image-strip.lesson-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.lesson-strip .noun-preview{grid-template-columns:58px minmax(0,1fr);min-height:82px}.lesson-strip .noun-preview-media{border-radius:12px}.noun-lesson-actions{align-content:center;gap:9px;display:grid}.noun-lesson-actions .noun-action{border-radius:10px;justify-content:center;width:100%;min-height:42px}.noun-lesson-actions small{color:#607086;text-align:center;font-size:.78rem;font-weight:760}.lesson-stage .photo-choice{overflow:hidden}.lesson-stage .photo-choice img{background:#f8fafc;display:block}@media (max-width:1080px){.noun-lesson-card{grid-template-columns:82px minmax(0,1fr)}.noun-lesson-actions{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}.noun-lesson-actions small{grid-column:1/-1}.noun-lesson-main{grid-template-columns:1fr}}@media (max-width:620px){.noun-lesson-card{border-radius:12px;grid-template-columns:1fr;gap:12px;padding:12px}.noun-lesson-index{grid-template-columns:auto auto;justify-content:space-between;align-items:center;min-height:0}.noun-lesson-actions{grid-column:auto;grid-template-columns:1fr}.noun-image-strip.lesson-strip{scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px;display:flex;overflow-x:auto}.noun-image-strip.lesson-strip::-webkit-scrollbar{display:none}.lesson-strip .noun-preview{scroll-snap-align:start;flex:0 0 184px}}.sound-button{place-items:center;display:inline-grid}.sound-button span{display:none}.sound-button:after{display:none}#nounsPanel.simple-panel h1{color:#172033;font-size:clamp(2.6rem,5vw,3.75rem);line-height:.95}#nounsPanel.simple-panel>p{max-width:760px}.noun-path-list{gap:18px;margin-top:28px}.noun-lesson-card{border-color:#d8e4f0;border-radius:16px;grid-template-columns:104px minmax(0,1fr);align-items:start;gap:18px 20px;padding:18px 20px;box-shadow:0 18px 42px #0f172a0f}.noun-lesson-index{background:linear-gradient(#f8fbff,#f4f8fc);border-color:#dbe7f3;min-height:142px;position:sticky;top:18px}.noun-lesson-index span{color:#087d68}.noun-lesson-index strong{color:#172033;font-size:1.5rem}.noun-lesson-main{grid-template-columns:1fr;align-items:start;gap:16px;width:100%}.noun-lesson-copy{gap:8px;display:grid}.noun-lesson-copy h2{color:#172033;font-size:clamp(1.2rem,1.8vw,1.45rem)}.noun-lesson-copy p{max-width:720px;margin-top:0}.noun-chip-row{gap:8px;margin-top:2px}.noun-chip-row span{color:#1c5fc9;background:#f2f7fd;border-color:#d9e8f7;padding:6px 10px;font-size:.8rem}.noun-image-strip.lesson-strip{grid-template-columns:repeat(4,minmax(148px,1fr));gap:12px;width:100%;display:grid}.lesson-strip .noun-preview{border-color:#d9e4ef;border-radius:14px;grid-template-columns:74px minmax(0,1fr);gap:12px;min-height:104px;padding:10px}.lesson-strip .noun-preview-media{border-radius:13px;min-width:74px}.lesson-strip .noun-preview strong{color:#172033;overflow-wrap:anywhere;font-size:.98rem}.lesson-strip .noun-preview small{color:#5e6f84;font-size:.82rem}.noun-lesson-actions{grid-column:2;grid-template-columns:minmax(190px,230px) minmax(170px,210px) minmax(100px,1fr);align-content:center;place-items:center start;gap:10px;width:100%;display:grid}.noun-lesson-actions .noun-action{border-radius:12px;min-height:46px;padding-inline:16px;font-size:.84rem}.noun-action.primary,.noun-lesson-actions .noun-action.primary{color:#fff;background:linear-gradient(135deg,#14b8a6,#2563eb);border-color:#0000;box-shadow:0 12px 24px #2563eb38}.noun-action:not(.primary){color:#1f344f;background:#fff;border-color:#d7e4f0}.noun-action:hover{border-color:#a8bfdc;transform:translateY(-1px)}.noun-lesson-actions small{color:#65758a;justify-self:end;font-size:.82rem}@media (max-width:1180px){.noun-image-strip.lesson-strip{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width:760px){#nounsPanel.simple-panel h1{font-size:clamp(2.15rem,12vw,2.85rem)}.noun-path-list{gap:14px;margin-top:20px}.noun-lesson-card{grid-template-columns:1fr;gap:13px;padding:14px}.noun-lesson-index{grid-template-columns:auto auto;justify-content:space-between;align-items:center;width:100%;min-height:0;padding:10px 12px;position:static}.noun-chip-row{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;display:flex;overflow-x:auto}.noun-chip-row::-webkit-scrollbar{display:none}.noun-chip-row span{flex:none}.noun-image-strip.lesson-strip{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-2px;padding:2px 2px 8px;display:flex;overflow-x:auto}.noun-image-strip.lesson-strip::-webkit-scrollbar{display:none}.lesson-strip .noun-preview{scroll-snap-align:start;flex:0 0 238px}.noun-lesson-actions{grid-column:auto;grid-template-columns:1fr;justify-items:stretch}.noun-lesson-actions small{justify-self:center}}@media (max-width:420px){.lesson-strip .noun-preview{flex-basis:218px}}:root{--brand-ink:#172033;--brand-muted:#627084;--brand-line:#dbe7f3;--brand-surface:#fff;--brand-surface-soft:#f4f8fc;--brand-primary:#1d4ed8;--brand-primary-dark:#173ea5;--brand-primary-soft:#eaf1ff;--brand-primary-wash:#f4f7ff;--brand-gold:#f4b02a;--brand-coral:#d85a3a;--bg:#f7fafc;--ink:var(--brand-ink);--muted:var(--brand-muted);--line:var(--brand-line);--panel-soft:var(--brand-surface-soft);--blue:var(--brand-primary);--green:var(--brand-primary);--green-dark:var(--brand-primary-dark);--tala-teal:var(--brand-primary);--tala-mango:var(--brand-gold);--tala-coral:var(--brand-coral);--tala-sky:var(--brand-primary);--tala-ink:var(--brand-ink)}body{background:#f6f8fc}.sidebar{background:#ffffffe6;border-right-color:#dbe7f3f2}.brand{color:var(--brand-ink)}.brand:hover{background:#1d4ed80f}.brand-mark{background:var(--brand-primary);color:#fff;letter-spacing:0;border-radius:13px;font-size:.78rem;box-shadow:0 12px 24px #1d4ed833}.brand-mark:before{display:none}.nav-list{gap:10px}.nav-item{color:#536276;font-weight:820}.nav-item:hover{background:var(--brand-primary-wash);color:var(--brand-ink)}.nav-item.active{background:var(--brand-primary-soft);box-shadow:inset 3px 0 0 var(--brand-primary);color:var(--brand-primary-dark);border-color:#b8c9ff}.nav-icon{color:#62758b;background:#f5f9fd;border-color:#dbe7f3}.nav-item.active .nav-icon{background:var(--brand-primary);color:#fff;border-color:#0000;box-shadow:0 10px 22px #1d4ed838}.language-pill,.stat{color:var(--brand-ink);background:#ffffffe6;border-color:#dbe7f3}.primary-action,.node-action.practice-action,.lesson-bottom .primary-action,.unit-start-button,.noun-action.primary,.noun-lesson-actions .noun-action.primary{background:var(--brand-primary);color:#fff;border-color:#0000;box-shadow:0 14px 28px #1d4ed838}.unit-progress-fill,.unit-progress i,.mini-track i{background:var(--brand-primary)}.coach-badge,.plan-badge,.noun-chip-row span{color:var(--brand-primary-dark);border-color:#2563eb29}.unit-section{--unit-color:var(--brand-primary);--unit-color-2:var(--brand-primary)}.unit-start-button:not(:disabled):hover,.primary-action:not(:disabled):hover,.node-action.practice-action:hover,.lesson-bottom .primary-action:not(:disabled):hover,.noun-action.primary:hover,.noun-lesson-actions .noun-action.primary:hover{background:var(--brand-primary-dark);border-color:#0000;box-shadow:0 16px 30px #1d4ed83d}.lesson-node.open,.lesson-node.complete,.lesson-node.current{background:var(--brand-primary);color:#fff;border-color:#1d4ed83d;box-shadow:0 16px 34px #1d4ed833}.lesson-node.open:hover,.lesson-node.current:hover{background:var(--brand-primary-dark)}.unit-emblem{background:var(--brand-primary-soft);color:var(--brand-primary);border-color:#c8d6ff}.node-start{color:var(--brand-primary-dark);z-index:3;top:auto;bottom:-34px}.side-card{border-color:var(--brand-line);background:#fff}.side-card-top button{color:var(--brand-primary-dark)}.fluency-card:before{background:var(--brand-primary-wash);border-bottom:1px solid #dbe7f3e6;height:76px}.fluency-card .side-card-top{margin-bottom:22px}.fluency-ring{background:#fff}.fluency-score-row{grid-template-columns:96px minmax(0,1fr)}.fluency-score-row.score-only{justify-content:center;align-items:center;margin-top:28px;display:flex}.fluency-score-row.score-only .fluency-ring{aspect-ratio:auto;border:1px solid var(--brand-line);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:min(184px,100%);min-height:76px;padding:16px 20px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 24px #17203312}.fluency-score-row.score-only .fluency-ring:before{content:"";background:#e6edf4;border-radius:999px;height:5px;position:absolute;top:12px;left:16px;right:16px}.fluency-score-row.score-only .fluency-ring:after{background:var(--brand-primary);content:"";max-width:calc(100% - 32px);height:5px;width:var(--score);border-radius:999px;position:absolute;top:12px;left:16px}.fluency-score-row.score-only .fluency-ring strong,.fluency-score-row.score-only .fluency-ring span{z-index:1;position:relative}.fluency-bar b,.daily-progress-fill{background:var(--brand-primary)}.fluency-alerts span{border-color:var(--brand-line);color:var(--brand-muted);background:#fff}.plan-step,.practice-mode-card{background:#fff}@media (max-width:1120px) and (min-width:761px){.nav-list{justify-items:center}.nav-item{width:58px}}@media (max-width:760px){.sidebar{background:#fffffff2;border-top-color:#dbe7f3f5}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:520px;margin:0 auto}.nav-item{flex-direction:row;justify-content:center;gap:7px;min-height:58px;padding:5px 7px;font-size:.78rem}.nav-icon{--nav-glyph-size:18px;flex:0 0 34px;width:34px;min-width:34px;height:34px}}.noun-lesson-card{grid-template-columns:1fr;gap:16px;padding:18px;display:grid;overflow:hidden}.noun-lesson-header{grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.noun-lesson-index{align-content:center;width:96px;min-height:74px;padding:10px;position:static}.noun-lesson-copy{min-width:0}.noun-lesson-copy p{max-width:620px}.noun-lesson-progress{background:var(--brand-primary-wash);border:1px solid var(--brand-line);text-align:center;border-radius:12px;align-content:center;justify-items:center;min-width:112px;min-height:64px;padding:8px 12px;display:grid}.noun-lesson-progress strong{color:var(--brand-ink);font-size:1rem;font-weight:860;line-height:1}.noun-lesson-progress span{color:var(--brand-muted);letter-spacing:0;text-transform:uppercase;margin-top:4px;font-size:.72rem;font-weight:780}.noun-image-strip.lesson-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-width:0;display:grid}.lesson-strip .noun-preview{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-width:0;min-height:104px;padding:10px;display:grid;overflow:hidden}.lesson-strip .noun-preview>span:last-child{gap:3px;min-width:0;display:grid}.lesson-strip .noun-preview-media{width:76px;min-width:76px;height:76px}.lesson-strip .noun-preview-media.photo img{object-fit:contain;width:100%;height:100%}.lesson-stage .photo-frame:before{padding-top:100%}.lesson-stage .photo-frame img{object-fit:cover}.lesson-strip .noun-preview strong,.lesson-strip .noun-preview small{overflow-wrap:anywhere;min-width:0}.noun-lesson-footer{border-top:1px solid var(--brand-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding-top:14px;display:grid}.noun-chip-row{min-width:0}.noun-lesson-actions{justify-content:flex-end;gap:10px;justify-items:initial;grid-column:auto;width:auto;display:flex}.noun-lesson-actions .noun-action{white-space:nowrap;min-width:172px}@media (max-width:1180px){.noun-image-strip.lesson-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.noun-lesson-footer{grid-template-columns:1fr;align-items:stretch}.noun-lesson-actions{justify-content:stretch}.noun-lesson-actions .noun-action{flex:1 1 0;min-width:0}}@media (max-width:760px){.noun-lesson-card{padding:14px}.noun-lesson-header{grid-template-columns:1fr auto}.noun-lesson-index{grid-column:1/-1;grid-template-columns:auto auto;width:100%;min-height:0}.noun-lesson-progress{min-width:92px}.noun-image-strip.lesson-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:0;padding:0;display:grid;overflow:visible}.lesson-strip .noun-preview{flex:initial;text-align:center;grid-template-columns:1fr;justify-items:center;min-height:160px}.lesson-strip .noun-preview-media{width:88px;height:88px}.noun-chip-row{flex-wrap:nowrap;overflow-x:auto}.noun-lesson-actions{grid-template-columns:1fr;display:grid}}@media (max-width:420px){.noun-image-strip.lesson-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-strip .noun-preview{min-height:148px}.lesson-strip .noun-preview-media{width:76px;height:76px}}.nav-icon{box-shadow:none;color:#6b7b90;background:0 0;border:0;border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;overflow:visible}.nav-item.active .nav-icon{color:var(--brand-primary);background:#fff;box-shadow:0 8px 18px #1d4ed821}.nav-icon.home:before,.nav-icon.bolt:before,.nav-icon.grid:before,.nav-icon.book:before,.nav-icon.user:before,.nav-icon.home:after,.nav-icon.bolt:after,.nav-icon.grid:after,.nav-icon.book:after,.nav-icon.user:after{content:none!important;display:none!important}.nav-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px;width:22px;height:22px;display:block}.nav-icon.grid svg{stroke-width:1.95px}@media (max-width:760px){.nav-icon{flex-basis:30px;width:30px;height:30px}.nav-icon svg{width:20px;height:20px}}.learn-layout{grid-template-columns:minmax(0,960px);justify-content:center;gap:0}.path-card{width:100%}.unit-actions{min-width:min(192px,100%)}.unit-actions .unit-start-button{width:100%}.profile-panel{max-width:1060px}.profile-hero{gap:6px;margin-bottom:22px;display:grid}.profile-hero p{color:var(--brand-primary-dark);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:860}.profile-hero h1{margin:0}.profile-progress-card{border:1px solid var(--brand-line);background:#fff;border-radius:16px;gap:16px;margin-top:22px;padding:22px;display:grid;box-shadow:0 18px 38px #17203312}.profile-score-dashboard{gap:16px;display:grid}.profile-overview{grid-template-columns:260px minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.profile-score-panel{background:var(--brand-primary);color:#fff;border-radius:14px;gap:8px;min-height:224px;padding:22px;display:grid}.profile-score-panel span,.profile-score-tile span{color:#64748b;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:820}.profile-score-panel span{color:#ffffffc7}.profile-score-panel strong{color:#fff;letter-spacing:0;font-size:clamp(3rem,7vw,5rem);font-weight:880;line-height:.95}#profileStatus{color:#ffffffe0;text-transform:none;align-self:end;margin:0;font-size:.95rem;font-weight:760;line-height:1.25}.profile-score-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-score-tile{background:#f8fafc;border:1px solid #dde7f2;border-radius:14px;gap:16px;min-height:106px;padding:16px;display:grid}.profile-score-tile strong{color:#111827;font-size:1.38rem;font-weight:860;line-height:1.1;display:block}.profile-score-tile i{background:#e4ebf3;border-radius:999px;align-self:end;height:7px;display:block;overflow:hidden}.profile-score-tile b{background:var(--brand-primary);border-radius:inherit;height:100%;display:block}.profile-panel .profile-grid{display:none}.lesson-stage .read-scene-choices .choice,.lesson-stage .gist-choices .choice,.lesson-stage .audio-reply-choices .choice{text-align:left;justify-content:flex-start;min-height:64px;line-height:1.3}.lesson-dialog[data-mode=read-scene] .speech-bubble{align-items:flex-start}.lesson-dialog[data-mode=read-scene] .phrase-content{width:100%}.lesson-dialog[data-mode=read-scene] .phrase-content strong{line-height:1.35}@media (max-width:900px){.profile-overview{grid-template-columns:1fr}.profile-score-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.learn-layout{grid-template-columns:minmax(0,1fr)}.profile-progress-card{border-radius:14px;padding:18px}.profile-score-panel{min-height:180px}.profile-score-strip{gap:10px}}@media (max-width:340px){.profile-score-strip{grid-template-columns:1fr}}#nounsPanel .noun-path-list{gap:16px;margin-top:28px}#nounsPanel .noun-lesson-card{border:1px solid var(--brand-line);background:#fff;border-radius:14px;grid-template-columns:1fr;gap:14px;padding:18px;display:grid;overflow:hidden;box-shadow:0 14px 32px #0f172a0e}#nounsPanel .noun-lesson-header{grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}#nounsPanel .noun-lesson-index{text-align:center;background:#f8fafc;border:1px solid #dfe8f2;border-radius:12px;align-content:center;justify-items:center;gap:6px;width:74px;min-height:64px;padding:9px 8px;display:grid;position:static}#nounsPanel .noun-lesson-index span{color:var(--brand-primary-dark);letter-spacing:0;text-transform:uppercase;font-size:.65rem;font-weight:840}#nounsPanel .noun-lesson-index strong{color:var(--brand-ink);font-size:1.12rem;font-weight:860}#nounsPanel .noun-lesson-copy{min-width:0;display:block}#nounsPanel .noun-lesson-copy h2{color:var(--brand-ink);margin:0;font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:860;line-height:1.1}#nounsPanel .noun-lesson-copy p,#nounsPanel .noun-chip-row{display:none}#nounsPanel .noun-lesson-progress{background:#f8fafc;border:1px solid #dfe8f2;border-radius:12px;align-content:center;justify-items:center;min-width:104px;min-height:58px;padding:8px 12px;display:grid}#nounsPanel .noun-lesson-progress strong{color:var(--brand-ink);font-size:.98rem;font-weight:860;line-height:1}#nounsPanel .noun-lesson-progress span{color:var(--brand-muted);letter-spacing:0;text-transform:uppercase;margin-top:4px;font-size:.68rem;font-weight:800}#nounsPanel .noun-image-strip.lesson-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;display:grid}#nounsPanel .lesson-strip .noun-preview{border-radius:13px;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:11px;min-width:0;min-height:98px;padding:10px;display:grid}#nounsPanel .lesson-strip .noun-preview-media{border-radius:12px;width:70px;min-width:70px;height:70px}#nounsPanel .lesson-strip .noun-preview strong{color:var(--brand-ink);overflow-wrap:anywhere;font-size:.96rem}#nounsPanel .lesson-strip .noun-preview small{color:var(--brand-muted);font-size:.8rem}#nounsPanel .noun-lesson-footer{border-top:1px solid var(--brand-line);justify-content:flex-end;align-items:center;padding-top:14px;display:flex}#nounsPanel .noun-lesson-actions{grid-column:auto;justify-content:flex-end;gap:10px;width:auto;display:flex}#nounsPanel .noun-lesson-actions .noun-action{white-space:nowrap;border-radius:11px;width:auto;min-width:170px;min-height:44px;padding-inline:16px;font-size:.84rem}@media (max-width:1080px){#nounsPanel .noun-image-strip.lesson-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){#nounsPanel .noun-lesson-card{border-radius:13px;padding:14px}#nounsPanel .noun-lesson-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px}#nounsPanel .noun-lesson-progress{grid-area:1/2/span 2;width:auto;min-width:88px;min-height:50px}#nounsPanel .noun-lesson-index{background:0 0;border:0;grid-area:1/1;justify-content:start;gap:8px;width:auto;min-height:0;padding:0;display:flex}#nounsPanel .noun-lesson-index strong{font-size:.78rem}#nounsPanel .noun-lesson-copy{grid-area:2/1}#nounsPanel .noun-lesson-copy h2{font-size:1.22rem;line-height:1.08}#nounsPanel .noun-image-strip.lesson-strip{order:3}#nounsPanel .lesson-strip .noun-preview{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:146px}#nounsPanel .lesson-strip .noun-preview-media{width:82px;height:82px}#nounsPanel .noun-lesson-footer{border-top:0;order:2;align-items:stretch;padding-top:0}#nounsPanel .noun-lesson-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}#nounsPanel .noun-lesson-actions .noun-action{width:100%;min-width:0}}@media (max-width:380px){#nounsPanel .noun-image-strip.lesson-strip{grid-template-columns:1fr 1fr}#nounsPanel .lesson-strip .noun-preview{min-height:136px}#nounsPanel .lesson-strip .noun-preview-media{width:72px;height:72px}}.sidebar-legal{flex-wrap:wrap;align-items:center;gap:7px 12px;margin-top:auto;padding:0 8px;display:flex}.sidebar-legal a,.sidebar-legal button,.profile-legal-links a,.profile-legal-links button{color:var(--brand-muted);font:inherit;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:700;text-decoration:none}.sidebar-legal a:hover,.sidebar-legal button:hover,.profile-legal-links a:hover,.profile-legal-links button:hover{color:var(--brand-primary-dark);text-decoration:underline}.profile-legal-links{border-top:1px solid var(--brand-line);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin-top:18px;padding:18px 10px 0;display:flex}.profile-legal-links a,.profile-legal-links button{font-size:.8rem}.analytics-consent{border:1px solid var(--brand-line);bottom:calc(16px + env(safe-area-inset-bottom));z-index:120;background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;width:calc(100% - 32px);max-width:780px;padding:18px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #0f172a2e}.analytics-consent strong{color:var(--brand-ink);font-size:1rem;font-weight:820;display:block}.analytics-consent p{color:var(--brand-muted);margin:5px 0 0;font-size:.84rem;font-weight:600;line-height:1.45}.analytics-consent a{color:var(--brand-primary-dark)}.analytics-consent-actions{gap:8px;display:flex}.analytics-consent-actions button,.legal-choice-button{white-space:nowrap;border-radius:7px;min-height:42px;padding:0 15px;font-size:.82rem;font-weight:780}.analytics-decline{border:1px solid var(--brand-line);color:var(--brand-ink);background:#fff}.analytics-allow,.legal-choice-button{background:var(--brand-primary);border:1px solid var(--brand-primary);color:#fff}.legal-page{color:var(--brand-ink);background:#f7f9fc;min-height:100vh}.legal-header{border-bottom:1px solid var(--brand-line);background:#fffffff5}.legal-header-inner{justify-content:space-between;align-items:center;max-width:1040px;min-height:72px;margin:0 auto;padding:10px 24px;display:flex}.legal-brand{color:var(--brand-ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.legal-brand img{object-fit:contain;border-radius:8px;width:38px;height:38px}.legal-brand strong{font-size:1.1rem;font-weight:820}.legal-header nav{align-items:center;gap:22px;display:flex}.legal-header nav a,.legal-footer a,.legal-footer button{color:var(--brand-muted);font:inherit;background:0 0;border:0;padding:0;font-size:.82rem;font-weight:700;text-decoration:none}.legal-header nav a:hover,.legal-footer a:hover,.legal-footer button:hover{color:var(--brand-primary-dark);text-decoration:underline}.legal-header nav .legal-return{border:1px solid var(--brand-line);color:var(--brand-ink);border-radius:7px;padding:10px 14px}.legal-document{max-width:840px;margin:0 auto;padding:64px 24px 80px}.legal-title>span{color:var(--brand-primary-dark);text-transform:uppercase;font-size:.72rem;font-weight:820;display:block}.legal-title h1{letter-spacing:0;margin:8px 0 10px;font-size:2.6rem;font-weight:840;line-height:1.08}.legal-title p{color:var(--brand-muted);margin:0;font-size:.9rem;font-weight:650}.legal-summary{border-left:4px solid var(--brand-primary);margin:36px 0 10px;padding:4px 0 4px 20px}.legal-summary strong{font-size:1rem;font-weight:820;display:block}.legal-summary p,.legal-document section p,.legal-document section li{color:#46566c;font-size:.98rem;line-height:1.7}.legal-summary p{margin:6px 0 0}.legal-document section{border-top:1px solid var(--brand-line);margin-top:34px;padding-top:30px}.legal-document section h2{margin:0 0 12px;font-size:1.35rem;font-weight:820;line-height:1.25}.legal-document section h3{margin:24px 0 6px;font-size:1rem;font-weight:800}.legal-document section p{margin:10px 0 0}.legal-document section a{color:var(--brand-primary-dark);overflow-wrap:anywhere}.legal-document section ul{margin:12px 0 0;padding-left:22px}.legal-document section li+li{margin-top:6px}.legal-choice-button{margin-top:18px}.legal-footer{border-top:1px solid var(--brand-line);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;max-width:1040px;min-height:84px;margin:0 auto;padding:20px 24px;display:flex}.legal-footer span{color:var(--brand-ink);font-size:.82rem;font-weight:820}@media (max-width:1120px){.sidebar-legal{display:none}}@media (max-width:760px){.analytics-consent{bottom:calc(80px + env(safe-area-inset-bottom));grid-template-columns:1fr;gap:14px;padding:15px}.analytics-consent.legal-route{bottom:calc(12px + env(safe-area-inset-bottom))}.analytics-consent-actions{grid-template-columns:1fr 1.35fr;display:grid}.legal-header-inner{min-height:64px;padding:9px 16px}.legal-header nav{gap:10px}.legal-header nav>a:not(.legal-return){display:none}.legal-document{padding:42px 18px 64px}.legal-title h1{font-size:2rem}.legal-summary{margin-top:28px;padding-left:16px}}@media (max-width:390px){.legal-brand strong{font-size:.98rem}.legal-header nav .legal-return{padding:9px 10px}.analytics-consent-actions{grid-template-columns:1fr}}.lesson-topbar .lesson-exit.close-button{appearance:none;color:#475569;background:#fff;border:1px solid #dbe6f1;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:0;line-height:0;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,transform .14s;display:inline-flex;box-shadow:0 8px 18px #0f172a0f}.lesson-topbar .lesson-exit.close-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.4px;width:22px;height:22px}.lesson-topbar .lesson-exit.close-button:hover{color:#1f2937;background:#f8fafc;border-color:#c9d6e4;transform:translateY(-1px);box-shadow:0 10px 22px #0f172a14}.lesson-topbar .lesson-exit.close-button:active{transform:translateY(0);box-shadow:0 4px 12px #0f172a14}@media (max-width:760px){.lesson-topbar .lesson-exit.close-button{border-radius:11px;width:40px;height:40px}.lesson-topbar .lesson-exit.close-button svg{width:20px;height:20px}}body{font-family:Inter,Segoe UI Variable Text,Segoe UI,ui-sans-serif,system-ui,sans-serif}.brand strong,.unit-banner h1,.simple-panel h1,.lesson-stage .exercise-card h2,#nounsPanel.simple-panel h1,.profile-hero h1{letter-spacing:0;font-weight:760}.unit-banner h1{font-size:clamp(1.85rem,3vw,2.65rem);line-height:1.05}.unit-banner p,.lesson-kicker,.node-start,.unit-divider strong{font-weight:720}.lesson-node-wrap{grid-template-columns:minmax(180px,300px) 82px minmax(180px,300px);justify-content:center}.node-label{appearance:none;color:inherit;cursor:pointer;font:inherit;min-width:0;max-width:260px;text-align:inherit;border-radius:12px;justify-self:start;width:max-content;padding:10px 14px}.node-label:disabled{cursor:default}.node-label:focus-visible{outline-offset:3px;outline:3px solid #2563eb3d}.lesson-node-wrap.offset-left .node-label{text-align:right;justify-self:end}.lesson-node-wrap.offset-right .node-label{text-align:left;justify-self:start}.node-label strong{font-size:.95rem;font-weight:700;line-height:1.18}.node-label span{font-size:.78rem;font-weight:540;line-height:1.28}.lesson-node,.node-chest,.node-trophy{border-radius:17px}@media (max-width:760px){.lesson-node-wrap,.lesson-node-wrap.offset-left,.lesson-node-wrap.offset-right{grid-template-columns:1fr}.lesson-node-wrap.offset-left .node-label,.lesson-node-wrap.offset-right .node-label,.node-label{text-align:center;justify-self:center;width:fit-content;max-width:min(280px,84vw)}}.top-stats{justify-content:flex-start}#nounsPanel.simple-panel,.profile-panel.simple-panel{padding-top:clamp(22px,4vw,44px)}.lesson-topbar .lesson-exit.close-button{position:relative;box-shadow:none!important;color:#64748b!important;background:0 0!important;border:0!important;border-radius:10px!important;width:40px!important;height:40px!important}.lesson-topbar{grid-template-columns:40px minmax(160px,1fr)!important}.lesson-topbar .lesson-exit.close-button svg{display:none}.lesson-topbar .lesson-exit.close-button:before,.lesson-topbar .lesson-exit.close-button:after{content:"";transform-origin:50%;background:currentColor;border-radius:999px;width:18px;height:2px;position:absolute;top:50%;left:50%}.lesson-topbar .lesson-exit.close-button:before{transform:translate(-50%,-50%)rotate(45deg)}.lesson-topbar .lesson-exit.close-button:after{transform:translate(-50%,-50%)rotate(-45deg)}.lesson-topbar .lesson-exit.close-button:hover{color:#263244!important;background:#edf3f8!important;transform:none!important}.lesson-topbar .lesson-exit.close-button:active{background:#e2eaf3!important}.lesson-topbar .lesson-exit.close-button:focus-visible{outline-offset:2px;outline:2px solid #2563eb52!important}@media (max-width:760px){.lesson-topbar .lesson-exit.close-button{width:38px!important;height:38px!important}}.lesson-bottom,.lesson-dialog.answer-correct .lesson-bottom,.lesson-dialog.answer-wrong .lesson-bottom{background:#fffffff0!important;border-top:1px solid #dbe7f3f2!important;box-shadow:0 -16px 42px #17202a14!important}.lesson-bottom .lesson-feedback{align-items:center;gap:10px;width:min(100%,720px);max-width:720px;display:flex;color:#475569!important;background:#f8fafc!important;border:1px solid #dbe7f3fa!important;border-radius:14px!important;min-height:54px!important;padding:12px 14px!important;font-size:.98rem!important;font-weight:720!important;line-height:1.28!important}.lesson-bottom .lesson-feedback:before{content:"";border-radius:10px;flex:0 0 28px;width:28px;height:28px}.lesson-bottom .lesson-feedback.correct:before{background:#14b8a6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M8 14.4l4.1 4.1L20.5 10' stroke='white' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/28px 28px no-repeat}.lesson-bottom .lesson-feedback.wrong:before{background:linear-gradient(#fff,#fff) 50% 7px/3px 12px no-repeat,radial-gradient(circle at 50% 21px,#fff 0 2px,#0000 2.5px),#e85f45}.lesson-dialog.answer-correct .lesson-bottom .modal-actions{justify-content:flex-end}.lesson-dialog.answer-correct .lesson-bottom .primary-action{min-width:210px}.lesson-bottom .secondary-action[hidden]{display:none!important}@media (max-width:760px){.lesson-bottom .lesson-feedback{width:100%;max-width:none;min-height:50px!important;font-size:.92rem!important}.lesson-dialog.answer-correct .lesson-bottom .modal-actions{grid-template-columns:1fr}.lesson-dialog.answer-correct .lesson-bottom .primary-action{width:100%;min-width:0}}.audio-controls{background:#f8fbff;border:1px solid #dbe7f3;border-radius:18px;flex:none;align-items:center;gap:5px;padding:5px;display:flex}.speech-bubble .sound-button,.sound-button{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;color:#fff!important;background:#172033!important;border:1px solid #172033!important;border-radius:13px!important;flex:0 0 44px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;display:inline-flex!important;position:relative!important;box-shadow:0 10px 22px #17202a2e!important}.sound-button span,.sound-button span:before,.sound-button span:after,.sound-button:after{content:none!important;display:none!important}.sound-button:before{content:""!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M5.25 15.6V10.4h4.2L15.1 6.2v13.6l-5.65-4.2h-4.2Z' stroke='white' stroke-width='2.15' stroke-linejoin='round'/%3E%3Cpath d='M18.1 9.25a5.2 5.2 0 0 1 0 7.5M20.95 6.85a9 9 0 0 1 0 12.3' stroke='white' stroke-width='2.15' stroke-linecap='round'/%3E%3C/svg%3E") 50%/26px 26px no-repeat!important;width:26px!important;height:26px!important;display:block!important;-webkit-mask:none!important;mask:none!important}.sound-button:hover{background:#0f172a!important;border-color:#0f172a!important;box-shadow:0 12px 24px #17202a3d!important}.sound-button:active{transform:translateY(1px);background:#0b1120!important}.sound-button:focus-visible{outline-offset:3px;outline:3px solid #2563eb3d}.speech-bubble .slow-button,.slow-button{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;box-shadow:none!important;color:#0f766e!important;background:#f3fbf8!important;border:1px solid #b9e5d8!important;border-radius:13px!important;flex:0 0 44px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;display:inline-flex!important;position:relative!important}.slow-button:before{content:""!important;background:url(/assets/icons/slow-turtle.png) 50%/34px 34px no-repeat!important;width:34px!important;height:34px!important;display:block!important}.slow-button span,.slow-button span:before,.slow-button span:after,.slow-button:after{content:none!important;display:none!important}.slow-button:hover{background:#e9f8f3!important;border-color:#8ed7c5!important;box-shadow:0 8px 18px #0f766e1f!important}.slow-button:active{transform:translateY(1px);background:#dff4ed!important}.slow-button:focus-visible{outline-offset:3px;outline:3px solid #2563eb33}.lesson-node.complete .node-svg-check{width:34px!important;height:34px!important}.lesson-node.complete .node-svg-check svg{stroke-width:5.2px!important;width:34px!important;height:34px!important}@media (max-width:760px){.speech-bubble .sound-button,.sound-button,.speech-bubble .slow-button,.slow-button{flex-basis:42px!important;width:42px!important;height:42px!important}.audio-controls{gap:5px;padding:4px}}.unit-path .path-line,.path-line{opacity:.9;background:linear-gradient(#0000,#d8e1ea 8% 92%,#0000)!important;width:3px!important}.lesson-node{--node-accent:#0f766e;--node-fill:#f2fbf8;--node-ring:#c9ded9;--node-shadow:#0f766e1a;overflow:visible;border:1px solid var(--node-ring)!important;color:var(--node-accent)!important;background:linear-gradient(#fff 0%,#f8fbfd 100%)!important;border-radius:20px!important;width:76px!important;height:76px!important;box-shadow:0 16px 32px #17202a12!important}.lesson-node.open,.lesson-node.complete,.lesson-node.current{background:linear-gradient(180deg,#fff 0%,var(--node-fill)100%)!important;border-color:var(--node-ring)!important;box-shadow:0 16px 34px var(--node-shadow)!important;color:var(--node-accent)!important}.lesson-node:not(:disabled):hover,.lesson-node.open:hover,.lesson-node.current:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fff 0%,var(--node-fill)100%)!important;box-shadow:0 18px 38px var(--node-shadow)!important}.lesson-node.current{border-color:color-mix(in srgb,var(--node-accent)40%,#d9e5ec)!important;box-shadow:0 16px 34px var(--node-shadow),0 0 0 3px color-mix(in srgb,var(--node-accent)12%,transparent)!important}.lesson-node.current:before,.lesson-node.current:after{content:none!important;display:none!important}.lesson-node.complete{--node-fill:#f8fffc;border-color:color-mix(in srgb,var(--node-accent)32%,#d9e5ec)!important;box-shadow:0 14px 30px #17202a0f!important}.lesson-node.locked{color:#b6c2cf!important;background:#f7fafc!important;border-color:#dfe8f1!important;box-shadow:0 10px 24px #17202a0b!important}.lesson-node.locked .node-svg{color:#c7d2de!important;opacity:1!important}.lesson-node .node-svg,.lesson-node .node-svg svg{width:32px!important;height:32px!important}.lesson-node .node-svg{color:currentColor!important;filter:none!important}.lesson-node .node-svg svg{stroke-linecap:round!important;stroke-linejoin:round!important;stroke-width:2.35px!important}.lesson-node .node-svg-sparkle svg,.lesson-node .node-svg-heart svg{fill:color-mix(in srgb,var(--node-accent)10%,transparent)!important}.node-complete-mark{z-index:4;justify-content:center;align-items:center;display:inline-flex;position:absolute;background:var(--node-accent)!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;width:20px!important;height:20px!important;top:8px!important;right:8px!important;box-shadow:0 6px 14px #17202a1f!important}.node-complete-mark:before{content:"";border-bottom:2px solid;border-left:2px solid;width:9px;height:5px;margin-top:-2px;transform:rotate(-45deg)}.node-complete-mark svg{display:none!important}.node-start{color:var(--node-accent)!important;letter-spacing:0!important;text-transform:none!important;background:#fff!important;border:1px solid #dbe6ef!important;border-radius:999px!important;padding:6px 12px!important;font-size:.78rem!important;font-weight:780!important;bottom:-32px!important;box-shadow:0 8px 18px #17202a1a!important}.lesson-node.node-icon-audio,.lesson-node.node-icon-headphones{--node-accent:#0f766e;--node-fill:#e9fbf6;--node-ring:#a9ded5;--node-shadow:#0f766e24}.lesson-node.node-icon-image,.lesson-node.node-icon-bowl,.lesson-node.node-icon-cup{--node-accent:#b45309;--node-fill:#fff5e6;--node-ring:#f4d19e;--node-shadow:#b453091f}.lesson-node.node-icon-home,.lesson-node.node-icon-tree,.lesson-node.node-icon-family,.lesson-node.node-icon-users{--node-accent:#14715f;--node-fill:#eefbf5;--node-ring:#bfe4d8;--node-shadow:#14715f1f}.lesson-node.node-icon-frames,.lesson-node.node-icon-link,.lesson-node.node-icon-contrast,.lesson-node.node-icon-loop,.lesson-node.node-icon-review{--node-accent:#475569;--node-fill:#f3f6f9;--node-ring:#cfd9e4;--node-shadow:#4755691a}.lesson-node.node-icon-pin,.lesson-node.node-icon-compass,.lesson-node.node-icon-flag{--node-accent:#0e7490;--node-fill:#eafbff;--node-ring:#b7e2ee;--node-shadow:#0e74901f}.lesson-node.node-icon-lifeline,.lesson-node.node-icon-question,.lesson-node.node-icon-heart,.lesson-node.node-icon-sparkle{--node-accent:#b65a3c;--node-fill:#fff3ed;--node-ring:#edc8b8;--node-shadow:#b65a3c1f}.lesson-node.node-icon-clock,.lesson-node.node-icon-walk,.lesson-node.node-icon-phone,.lesson-node.node-icon-receipt,.lesson-node.node-icon-idcard{--node-accent:#315a7a;--node-fill:#eef7fb;--node-ring:#c7dce9;--node-shadow:#315a7a1c}.lesson-node.node-icon-lock,.lesson-node.locked{--node-accent:#b6c2cf;--node-fill:#f7fafc;--node-ring:#dfe8f1;--node-shadow:#17202a0a}@media (max-width:760px){.lesson-node{border-radius:18px!important;width:66px!important;height:66px!important}.lesson-node .node-svg,.lesson-node .node-svg svg{width:28px!important;height:28px!important}.node-complete-mark{width:18px!important;height:18px!important;top:7px!important;right:7px!important}.node-complete-mark:before{width:8px;height:4px}.node-start{padding:5px 10px!important;font-size:.74rem!important;bottom:-29px!important}}.lesson-dialog{box-shadow:none!important;background:0 0!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.lesson-modal{background:linear-gradient(#fffffffa,#f7fafcfa),#f7fafc!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:0!important;min-height:100dvh!important;padding:0!important;display:grid!important}.lesson-topbar{min-height:86px!important;padding:20px max(20px,50vw - 556px)!important}.lesson-stage{width:100%!important;max-width:1120px!important;padding:30px 24px 142px!important;overflow-y:auto!important}.lesson-stage .lesson-kicker{color:var(--brand-primary-dark)!important;letter-spacing:.03em!important;max-width:900px!important;margin:0 auto 8px!important;font-size:.78rem!important}.lesson-stage>h1{color:var(--brand-muted)!important;letter-spacing:0!important;max-width:900px!important;margin:0 auto 20px!important;font-size:clamp(1rem,1.6vw,1.18rem)!important;font-weight:780!important}.lesson-stage .exercise-card{background:#fff!important;border:1px solid #dbe7f3!important;border-radius:20px!important;max-width:900px!important;margin:0 auto!important;padding:clamp(18px,3vw,32px)!important;box-shadow:0 22px 54px #17202a14!important}.lesson-stage .exercise-card h2{color:var(--brand-ink)!important;letter-spacing:0!important;margin-bottom:28px!important;font-size:clamp(1.45rem,2.4vw,2.2rem)!important;font-weight:820!important;line-height:1.12!important}.lesson-stage .speech-bubble{box-shadow:none!important;background:#fff!important;border:1px solid #dbe7f3!important;border-radius:16px!important;max-width:720px!important;padding:18px 22px!important}.lesson-stage .type-answer input[hidden]{display:none!important}.selected-answer{background:#fff!important;border:1px solid #dbe7f3!important;border-radius:16px!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:58px!important;padding:10px!important;display:flex!important}.selected-answer-token{color:var(--brand-primary-dark)!important;cursor:pointer!important;font:inherit!important;background:#eef5ff!important;border:1px solid #b8d3ff!important;border-radius:12px!important;min-height:40px!important;padding:9px 13px!important;font-weight:820!important;line-height:1.15!important}.selected-answer-token:hover{background:#e4efff!important;border-color:#8fb9ff!important}.answer-placeholder{color:#94a3b8!important;text-transform:none!important;padding:0 6px!important;font-size:.96rem!important;font-weight:720!important}.lesson-bottom,.lesson-dialog.answer-correct .lesson-bottom,.lesson-dialog.answer-wrong .lesson-bottom{background:#fffffff0!important;border-top:1px solid #dbe7f3f5!important;grid-template-columns:minmax(0,760px) auto!important;justify-content:center!important;align-items:center!important;gap:16px!important;width:auto!important;padding:14px max(18px,50vw - 540px)!important;display:grid!important;position:static!important;inset:auto!important;box-shadow:0 -18px 46px #17202a14!important}.lesson-bottom .lesson-feedback{color:var(--brand-muted)!important;background:#fff!important;border:1px solid #dbe7f3!important;border-radius:16px!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important;min-height:56px!important;padding:12px 14px!important;font-size:.96rem!important;font-weight:720!important;line-height:1.28!important;display:flex!important;box-shadow:0 12px 28px #17202a0f!important}.lesson-bottom .lesson-feedback:before,.lesson-bottom .lesson-feedback:after{content:none!important;display:none!important}.feedback-status-icon{border-radius:12px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:none;position:relative}.feedback-copy{gap:2px;min-width:0;display:grid}.feedback-copy strong{color:var(--brand-ink);letter-spacing:0;font-size:.98rem;font-weight:820}.feedback-copy span{color:#64748b;font-size:.9rem;font-weight:680}.lesson-bottom .lesson-feedback.correct{color:#0f766e!important;background:#f3fbf8!important;border-color:#b9e5d8!important}.lesson-bottom .lesson-feedback.correct .feedback-status-icon{background:#0f9f8c;display:inline-flex}.lesson-bottom .lesson-feedback.correct .feedback-status-icon:before{content:"";border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;width:13px;height:7px;margin-top:-3px;transform:rotate(-45deg)}.lesson-bottom .lesson-feedback.correct .feedback-copy strong{color:#0f766e}.lesson-bottom .lesson-feedback.wrong{color:#b93822!important;background:#fff8f6!important;border-color:#f1c5b8!important}.lesson-bottom .lesson-feedback.wrong .feedback-status-icon{background:#d85a3a;display:inline-flex}.lesson-bottom .lesson-feedback.wrong .feedback-status-icon:before{content:"";background:#fff;border-radius:999px;width:3px;height:14px;transform:translateY(-2px)}.lesson-bottom .lesson-feedback.wrong .feedback-status-icon:after{content:"";background:#fff;border-radius:999px;width:3px;height:3px;position:absolute;bottom:7px}.lesson-bottom .lesson-feedback.wrong .feedback-copy strong{color:#b93822}.lesson-bottom .modal-actions{gap:12px!important;display:flex!important}.lesson-bottom .primary-action,.lesson-bottom .secondary-action{border-radius:14px!important;min-width:170px!important;min-height:54px!important}.lesson-bottom .primary-action{background:var(--brand-primary)!important;box-shadow:0 12px 26px #1d4ed833!important}.lesson-bottom .primary-action:not(:disabled):hover{background:var(--brand-primary-dark)!important}.lesson-bottom .secondary-action{color:#64748b!important;background:#fff!important;border:1px solid #dbe7f3!important;box-shadow:0 10px 22px #17202a0d!important}@media (max-width:760px){.lesson-topbar{min-height:72px!important;padding:14px 16px!important}.lesson-stage{padding:22px 14px 186px!important}.lesson-stage .exercise-card{border-radius:16px!important;padding:18px 14px!important}.lesson-stage .exercise-card h2{margin-bottom:22px!important;font-size:clamp(1.32rem,7vw,1.85rem)!important}.lesson-stage .speech-bubble{padding:14px!important}.lesson-bottom,.lesson-dialog.answer-correct .lesson-bottom,.lesson-dialog.answer-wrong .lesson-bottom{padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;grid-template-columns:1fr!important;gap:10px!important}.lesson-bottom .lesson-feedback{min-height:46px!important;padding:9px 12px!important}.lesson-bottom .modal-actions{grid-template-columns:1fr 1fr!important;width:100%!important;display:grid!important}.lesson-bottom .primary-action,.lesson-bottom .secondary-action{width:100%!important;min-width:0!important;min-height:48px!important}.lesson-stage .picture-choices{gap:8px!important}.lesson-stage .photo-choice{padding:6px!important}.lesson-stage .photo-frame:before{padding-top:68%!important}.lesson-stage .type-answer{width:100%!important;max-width:100%!important;margin-top:18px!important}.lesson-stage .type-answer input{text-overflow:ellipsis!important;min-height:52px!important;padding:0 12px!important;font-size:1rem!important;overflow:hidden!important}.lesson-stage .type-answer input[hidden]{display:none!important}.selected-answer{background:#fff!important;border:1px solid #dbe7f3!important;border-radius:16px!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:54px!important;padding:8px!important;display:flex!important}.selected-answer-token{color:var(--brand-primary-dark)!important;cursor:pointer!important;font:inherit!important;background:#eef5ff!important;border:1px solid #b8d3ff!important;border-radius:12px!important;min-height:38px!important;padding:8px 12px!important;font-weight:820!important;line-height:1.15!important}.answer-placeholder{color:#94a3b8!important;text-transform:none!important;padding:0 6px!important;font-size:.96rem!important;font-weight:720!important}.clear-answer{text-align:center!important;justify-self:stretch!important;min-height:42px!important}.word-bank{gap:6px!important;width:100%!important;max-width:100%!important;margin-top:10px!important;padding-bottom:8px!important}.bank-token{white-space:normal!important;word-break:keep-all!important;flex:auto!important;min-width:58px!important;max-width:100%!important;min-height:42px!important;padding:8px 10px!important;line-height:1.15!important}}@media (max-width:390px){.bank-token{min-width:54px!important}}.profile-auth-card{background:#fff;border:1px solid #dbe7f3;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:18px;display:flex;box-shadow:0 18px 44px #17202a12}.profile-auth-identity{align-items:center;gap:14px;min-width:0;display:flex}.profile-auth-avatar{color:#0f766e;letter-spacing:0;background:#eef7f5;border:1px solid #b9e5d8;border-radius:15px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:.88rem;font-weight:860;display:inline-flex}.profile-auth-identity strong{color:var(--brand-ink);letter-spacing:0;font-size:1rem;font-weight:820;line-height:1.2;display:block}.profile-auth-identity p{color:#64748b;margin:2px 0 0;font-size:.9rem;font-weight:680;line-height:1.35}.profile-auth-error{color:#b93822!important;margin-top:5px!important;font-size:.84rem!important}.profile-auth-button{color:#172033;background:#fff;border:1px solid #d5dde8;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-size:.94rem;font-weight:820;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.profile-auth-button:hover:not(:disabled){background:#f8fbff;border-color:#c4d0df;box-shadow:0 10px 22px #17202a14}.profile-auth-button:active:not(:disabled){transform:translateY(1px)}.profile-auth-button:disabled{cursor:default;opacity:.62}.profile-auth-button.google{min-width:218px;font-family:Arial,sans-serif;font-weight:700}.profile-auth-button.google .google-mark{flex:0 0 20px;width:20px;height:20px;display:block}.profile-auth-button.secondary{color:var(--brand-muted);border-color:#dbe7f3}.profile-auth-button.secondary:hover:not(:disabled){background:#f8fbff;border-color:#c9daf0;box-shadow:0 10px 22px #17202a0f}@media (max-width:760px){.profile-auth-card{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.profile-auth-button{width:100%}}.brand{gap:13px!important}.brand strong{white-space:nowrap;letter-spacing:0!important;font-size:1.5rem!important;font-weight:800!important}.brand-mark{color:inherit!important;background:linear-gradient(#fff 0%,#f7fbff 100%)!important;border:1px solid #dbe7f3!important;border-radius:15px!important;flex:0 0 46px!important;justify-content:center!important;align-items:center!important;width:46px!important;height:46px!important;padding:0!important;font-size:0!important;display:inline-flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px 26px #17202a14!important}.brand-mark:before,.brand-mark:after{content:none!important;display:none!important}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-book{fill:#f7fbff;stroke:#172033;stroke-linejoin:round;stroke-width:2.6px}.brand-spine{fill:none;stroke:#172033;stroke-linecap:round;stroke-width:2.6px}.brand-sun{fill:var(--brand-gold,#f4b02a)}.brand-rays,.brand-path{fill:none;stroke-linecap:round}.brand-rays{stroke:var(--brand-gold,#f4b02a);stroke-width:2.4px}.brand-path{stroke:#0f9f8c;stroke-width:2.6px}@media (max-width:1120px){.brand{justify-content:center!important}.brand strong{font-size:0!important}.brand-mark{flex-basis:42px!important;width:42px!important;height:42px!important}.brand-mark img{width:100%;height:100%}}.sidebar .nav-list{margin-top:2px;gap:8px!important}.sidebar .nav-item{transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;position:relative;box-shadow:none!important;color:#4f6074!important;letter-spacing:0!important;text-transform:none!important;background:0 0!important;border:1px solid #0000!important;border-radius:16px!important;align-items:center!important;gap:13px!important;min-height:58px!important;padding:8px 10px!important;font-size:.98rem!important;font-weight:760!important;display:flex!important}.sidebar .nav-item:hover{color:#172033!important;background:#f8fbfe!important;border-color:#e1e9f2!important}.sidebar .nav-icon{color:#62758b!important;background:#fff!important;border:1px solid #d8e3ee!important;border-radius:13px!important;flex:0 0 40px!important;justify-content:center!important;align-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;display:inline-flex!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffffe6,0 8px 18px #17202a0b!important}.sidebar .nav-icon:before,.sidebar .nav-icon:after{content:none!important;display:none!important}.sidebar .nav-icon img{transform:translateZ(0);object-fit:contain!important;width:auto!important;max-width:31px!important;height:auto!important;max-height:31px!important;display:block!important}.sidebar .nav-icon svg{fill:none!important;stroke:currentColor!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-width:1.9px!important;width:25px!important;height:25px!important;display:block!important}.sidebar .nav-icon.home img,.sidebar .nav-icon.grid img,.sidebar .nav-icon.user img{max-width:31px!important;max-height:31px!important}.sidebar .nav-item:hover .nav-icon{color:#172033!important;border-color:#c8d6e5!important}.sidebar .nav-item:focus-visible{outline-offset:3px;outline:3px solid #1d4ed82e!important}@media (max-width:1120px){.sidebar .nav-item{justify-content:center!important;min-height:54px!important;padding:7px!important}.sidebar .nav-item.active{box-shadow:0 12px 26px #17202a11,inset 0 0 0 1px #0f766e29!important}.sidebar .nav-icon{flex-basis:38px!important;width:38px!important;min-width:38px!important;height:38px!important}}@media (max-width:760px){.sidebar .nav-list{gap:6px!important}.sidebar .nav-item{border-radius:13px!important;gap:4px!important;min-height:58px!important;padding:5px 3px!important;font-size:.72rem!important;font-weight:740!important}.sidebar .nav-item.active{box-shadow:0 10px 22px #17202a0f,inset 0 -3px #172033!important}.sidebar .nav-icon{border-radius:11px!important;flex-basis:32px!important;width:32px!important;min-width:32px!important;height:32px!important}.sidebar .nav-icon svg{width:23px!important;height:23px!important}.sidebar .nav-icon img,.sidebar .nav-icon.home img,.sidebar .nav-icon.grid img,.sidebar .nav-icon.user img{max-width:25px!important;max-height:25px!important}}:root{--brand-primary:#0f766e;--brand-primary-dark:#0b5f59;--brand-primary-soft:#e8f5f2;--brand-primary-wash:#f3faf8;--brand-gold:#d99a21;--brand-coral:#b65a3c;--blue:#315a7a;--green:#0f766e;--green-dark:#0b5f59;--tala-teal:#0f766e;--tala-sky:#315a7a}.sidebar .nav-item{min-height:64px!important}.sidebar .nav-item.active{color:#172033!important;background:#fff!important;border-color:#d8e3ee!important;box-shadow:0 14px 32px #17202a12,inset 0 0 0 1px #0f766e1f!important}.sidebar .nav-icon{border-color:#dde7f1!important;border-radius:15px!important;flex:0 0 46px!important;width:46px!important;min-width:46px!important;height:46px!important}.sidebar .nav-icon img{max-width:32px!important;max-height:32px!important}.sidebar .nav-icon svg{stroke-width:1.85px!important;width:28px!important;height:28px!important}.sidebar .nav-icon.home img,.sidebar .nav-icon.grid img,.sidebar .nav-icon.user img{max-width:32px!important;max-height:32px!important}.sidebar .nav-item.active .nav-icon{color:#0f766e!important;background:#fff!important;border-color:#bdd8d3!important;box-shadow:0 12px 24px #0f766e1a,inset 0 0 0 1px #0f766e14!important}.unit-section.unit-green{--unit-color:#0f766e;--unit-color-2:#d99a21}.unit-section.unit-purple{--unit-color:#475569;--unit-color-2:#0f766e}.unit-section.unit-blue{--unit-color:#315a7a;--unit-color-2:#0f766e}.unit-section.unit-gold{--unit-color:#b7791f;--unit-color-2:#b65a3c}.unit-banner{background:linear-gradient(#fff 0%,#fbfcfd 100%)!important;border:1px solid #dfe8f1!important;border-radius:22px!important;grid-template-columns:74px minmax(0,1fr) minmax(168px,auto)!important;gap:20px!important;min-height:128px!important;padding:22px!important;box-shadow:0 18px 42px #17202a12!important}.unit-emblem{color:#172033!important;background:#fff!important;border:1px solid #dfe8f1!important;border-radius:18px!important;align-self:center!important;width:74px!important;height:74px!important;padding:6px!important;box-shadow:0 14px 28px #17202a14,inset 0 1px #fffffff2!important}.unit-emblem img{object-fit:contain!important;width:62px!important;height:62px!important;display:block!important}.unit-emblem svg{width:34px!important;height:34px!important}.unit-banner p{color:#5c697a!important;letter-spacing:.03em!important;font-size:.78rem!important;font-weight:820!important}.unit-banner h1{color:#172033!important;letter-spacing:0!important;font-size:clamp(2rem,4vw,3rem)!important;font-weight:820!important}.unit-banner .unit-description{color:#5c697a!important;font-size:1rem!important;font-weight:620!important;line-height:1.38!important}.unit-progress{background:#e8eef4!important;max-width:420px!important;height:8px!important;margin-top:14px!important}.unit-progress i{background:#0f766e!important}.unit-start-button{background:#172033!important;border-color:#172033!important;box-shadow:0 14px 28px #17202a29!important}.unit-start-button:not(:disabled):hover{background:#0f766e!important;border-color:#0f766e!important;box-shadow:0 16px 30px #0f766e2e!important}.unit-divider{color:#8a96a5!important}.unit-divider strong{color:#7a8796!important}.section-break span,.section-break h2,.section-break p{color:#64748b!important}@media (max-width:760px){.sidebar .nav-item{min-height:62px!important}.sidebar .nav-icon{border-radius:13px!important;flex-basis:38px!important;width:38px!important;min-width:38px!important;height:38px!important}.sidebar .nav-icon img,.sidebar .nav-icon.grid img,.sidebar .nav-icon.user img,.sidebar .nav-icon.home img{max-width:27px!important;max-height:27px!important}.unit-banner{grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-height:0!important;padding:16px!important}.unit-emblem{border-radius:15px!important;width:58px!important;height:58px!important;padding:5px!important;display:inline-flex!important}.unit-emblem img{width:48px!important;height:48px!important}.unit-actions{grid-column:1/-1!important;width:100%!important;min-width:0!important;margin-top:4px!important}.unit-start-button{width:100%!important;min-height:50px!important}.unit-banner h1{font-size:clamp(1.65rem,8vw,2.15rem)!important;line-height:1.06!important}}@media (max-width:390px){.unit-banner{grid-template-columns:50px minmax(0,1fr)!important;padding:14px!important}.unit-emblem{border-radius:14px!important;width:50px!important;height:50px!important}.unit-emblem img{width:40px!important;height:40px!important}.unit-banner h1{font-size:clamp(1.45rem,7.4vw,1.85rem)!important}}body.lesson-open{overflow:hidden!important}.lesson-stage .choices{align-items:stretch!important;gap:13px!important;width:100%!important;max-width:min(930px,100%)!important;margin-inline:auto!important}.lesson-stage .choice{color:#1d2939!important;text-align:left!important;background:linear-gradient(#fff 0%,#fbfdff 100%)!important;border:1px solid #d8e3ee!important;border-radius:16px!important;justify-content:flex-start!important;align-items:center!important;min-height:68px!important;padding:16px 18px!important;font-weight:760!important;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #fff,0 12px 26px #17202a0b!important}.lesson-stage .choice:hover{border-color:#b7c9d8!important;transform:translateY(-1px)!important;box-shadow:inset 0 1px #fff,0 16px 32px #17202a12!important}.lesson-stage .choice.selected,.lesson-stage .choice[aria-pressed=true]{color:#0f4f48!important;background:linear-gradient(#f6fffc 0%,#eefbf6 100%)!important;border-color:#0f8f7f!important;box-shadow:inset 0 1px #fff,0 0 0 2px #0f766e1f,0 18px 34px #0f766e1f!important}.lesson-stage .choice.correct{color:#0f5f54!important;background:linear-gradient(#f2fffb 0%,#e7fbf5 100%)!important;border-color:#10a88d!important}.lesson-stage .choice.wrong{color:#9b341d!important;background:linear-gradient(#fff8f6 0%,#fff0eb 100%)!important;border-color:#ea7a55!important}.choice-text{overflow-wrap:anywhere!important;min-width:0!important;display:block!important}.lesson-stage .picture-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-width:min(900px,100%)!important;display:grid!important}.lesson-stage .photo-choice{aspect-ratio:1/1.18!important;grid-template-rows:1fr auto!important;grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important;place-items:stretch stretch!important;min-height:0!important;padding:12px!important;display:grid!important}.lesson-stage .photo-frame,.lesson-stage .noun-visual-frame{background:linear-gradient(#fff8e9 0%,#fff2e9 100%)!important;border:1px solid #ecd9bd!important;border-radius:14px!important;place-self:stretch stretch!important;place-items:center!important;width:100%!important;min-height:0!important;display:grid!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffffc7!important}.lesson-stage .photo-frame:before{content:none!important;display:none!important}.lesson-stage .photo-frame img{object-fit:contain!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:170px!important;padding:8px!important;display:block!important;position:static!important}.lesson-stage .photo-choice.visual-choice .noun-visual-frame{min-height:150px!important}.lesson-node-wrap{isolation:isolate!important}.lesson-node{--node-accent:#0f766e;--node-fill-a:#fff;--node-fill-b:#f3fbf8;--node-ring:#c3d7d1;aspect-ratio:1!important;background:linear-gradient(180deg,var(--node-fill-a)0%,var(--node-fill-b)100%)!important;border:1px solid var(--node-ring)!important;color:var(--node-accent)!important;border-radius:24px!important;justify-content:center!important;align-items:center!important;width:78px!important;height:78px!important;display:inline-flex!important;position:relative!important;box-shadow:inset 0 1px #ffffffd9,0 15px 30px #17202a12!important}.lesson-node.open,.lesson-node.current{border-color:color-mix(in srgb,var(--node-accent)38%,#d8e3ee)!important}.lesson-node.current{box-shadow:inset 0 1px #ffffffe0,0 0 0 5px #0f766e14,0 18px 36px #0f766e1f!important}.lesson-node:not(:disabled):hover{transform:translateY(-2px)!important;box-shadow:inset 0 1px #ffffffe0,0 18px 36px #17202a1a!important}.lesson-node.complete{--node-fill-a:#fafffd;--node-fill-b:#effaf6;border-color:color-mix(in srgb,var(--node-accent)32%,#d8e3ee)!important}.lesson-node.locked{--node-accent:#a8b4c2;--node-fill-a:#f9fbfd;--node-fill-b:#f1f5f9;--node-ring:#dce6ef;box-shadow:0 10px 22px #17202a0b!important}.lesson-node:before,.lesson-node:after{content:none!important;display:none!important}.lesson-node .node-svg{border:1px solid color-mix(in srgb,var(--node-accent)18%,#fff)!important;color:currentColor!important;background:#ffffff94!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;display:inline-flex!important}.lesson-node .node-svg svg{stroke-width:2.15px!important;width:29px!important;height:29px!important}.node-complete-mark{background:#0f766e!important;border:2px solid #fff!important;border-radius:999px!important;width:22px!important;height:22px!important;top:-3px!important;right:-3px!important;box-shadow:0 7px 16px #0f766e38!important}.node-complete-mark:before{border-bottom:2px solid #fff!important;border-left:2px solid #fff!important;width:9px!important;height:5px!important}.node-start{color:#0f766e!important;background:#fff!important;border-color:#d8e3ee!important}@media (max-width:760px){.lesson-stage .choices{gap:9px!important}.lesson-stage .choice{border-radius:14px!important;min-height:48px!important;padding:11px 44px 11px 13px!important;font-size:.96rem!important}.lesson-stage .picture-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.lesson-stage .photo-choice{aspect-ratio:1/1.16!important;border-radius:13px!important;padding:6px!important}.lesson-stage .photo-frame,.lesson-stage .noun-visual-frame{border-radius:11px!important}.lesson-stage .photo-frame img{max-height:98px!important;padding:5px!important}.lesson-node{border-radius:20px!important;width:68px!important;height:68px!important}.lesson-node .node-svg{border-radius:16px!important;width:42px!important;height:42px!important}.lesson-node .node-svg svg{width:25px!important;height:25px!important}.sidebar{-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;height:auto!important;padding:6px 10px calc(6px + env(safe-area-inset-bottom))!important;background:#fffffff5!important;border-top:1px solid #d8e3eef2!important;border-right:0!important;box-shadow:0 -10px 28px #17202a17!important}.sidebar .nav-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important;width:100%!important;max-width:480px!important;margin:0 auto!important;display:grid!important}.sidebar .nav-item{box-shadow:none!important;color:#64748b!important;text-transform:none!important;background:0 0!important;border:0!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;min-width:0!important;min-height:48px!important;padding:5px 2px 4px!important;font-size:.66rem!important;font-weight:760!important;line-height:1!important;display:flex!important;position:relative!important}.sidebar .nav-item:before{content:""!important;background:0 0!important;border-radius:999px!important;width:22px!important;height:3px!important;position:absolute!important;top:2px!important;left:50%!important;transform:translate(-50%)!important}.sidebar .nav-item.active{box-shadow:none!important;color:#0f766e!important;background:0 0!important;border-color:#0000!important}.sidebar .nav-item.active:before{background:#0f766e!important}.sidebar .nav-icon,.sidebar .nav-item.active .nav-icon{box-shadow:none!important;color:currentColor!important;background:0 0!important;border:0!important;border-radius:0!important;flex:0 0 24px!important;width:24px!important;min-width:24px!important;height:24px!important;overflow:visible!important}.sidebar .nav-icon svg{stroke-width:2.05px!important;width:22px!important;height:22px!important}.sidebar .nav-icon img,.sidebar .nav-icon.home img,.sidebar .nav-icon.grid img,.sidebar .nav-icon.user img{max-width:23px!important;max-height:23px!important}.main-shell{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}}@media (max-width:390px){.sidebar{padding-left:7px!important;padding-right:7px!important}.sidebar .nav-item{min-height:46px!important;font-size:.62rem!important}.sidebar .nav-icon,.sidebar .nav-item.active .nav-icon{flex-basis:22px!important;width:22px!important;min-width:22px!important;height:22px!important}.sidebar .nav-icon svg{width:20px!important;height:20px!important}}.race-panel.simple-panel.active{align-items:stretch;display:block}.race-deck{width:100%;max-width:1120px;margin:0 auto}.race-shell{gap:18px;display:grid}.race-header-card,.race-stage-card,.race-empty{background:#fff;border:1px solid #dfe8f1;border-radius:18px;box-shadow:0 18px 42px #17202a11}.race-header-card{justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.race-header-card span,.race-scene-head span,.race-prompt-card span,.race-input-wrap span{color:#64748b;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:820}.race-header-card h1{color:#172033;letter-spacing:0;margin:5px 0 0;font-size:clamp(2rem,5vw,3.8rem);font-weight:860;line-height:1}.race-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.race-mode-tabs{background:#f3f7fb;border:1px solid #dfe8f1;border-radius:14px;gap:4px;padding:4px;display:inline-flex}.race-mode-tabs button,.race-caption-toggle,.race-empty button{border-radius:12px;min-height:42px;font-weight:820}.race-mode-tabs button{color:#52606b;background:0 0;border:0;padding:0 15px}.race-mode-tabs button.active{color:#0f766e;background:#fff;box-shadow:0 8px 18px #17202a14}.race-caption-toggle{color:#172033;background:#fff;border:1px solid #cfdbe8;padding:0 14px}.race-stage-card{gap:18px;padding:clamp(16px,3vw,28px);display:grid}.race-scene-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.race-scene-head strong{color:#172033;margin-top:3px;font-size:clamp(1.28rem,3vw,2rem);font-weight:840;display:block}.race-scene-head p{color:#52606b;background:#f8fafc;border:1px solid #dfe8f1;border-radius:999px;margin:0;padding:8px 12px;font-weight:820}.race-track{height:92px;position:relative}.race-track-line{background:#e8eef5;border-radius:999px;height:10px;position:absolute;top:46px;left:0;right:0;overflow:hidden}.race-track-line i{border-radius:inherit;background:linear-gradient(90deg,#0f766e,#d99a21);height:100%;transition:width .18s;display:block}.race-avatar{height:76px;left:calc(var(--race-progress,0)*(100% - 112px));justify-content:center;align-items:center;width:112px;transition:left .18s,transform .18s;display:flex;position:absolute;top:3px}.race-avatar:after{content:"";z-index:0;background:radial-gradient(#17202a29,#0000 68%);height:12px;position:absolute;bottom:2px;left:16px;right:20px;transform:translateY(8px)}.race-avatar-art{filter:drop-shadow(0 13px 18px #17202a29);object-fit:contain;z-index:1;width:112px;height:auto;max-height:76px;display:block;position:relative;transform:translateY(-4px)}.race-prompt-card{background:#fbfdff;border:1px solid #dfe8f1;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:112px;padding:16px;display:grid}.race-audio-button{color:#fff;background:#0f766e;border:0;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.race-audio-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px;width:30px;height:30px}.race-prompt-card strong{color:#172033;margin-top:5px;font-size:clamp(1.32rem,3.2vw,2.25rem);font-weight:820;line-height:1.15;display:block}.race-prompt-card strong span{color:#0f766e;font-size:inherit;font-weight:inherit;text-transform:none}.race-prompt-card small{color:#64748b;margin-top:8px;font-size:1rem;font-weight:700;line-height:1.3;display:block}.race-input-wrap{gap:8px;display:grid}.race-input-wrap textarea{color:#172033;resize:none;background:#fff;border:2px solid #d7e2ed;border-radius:15px;outline:0;width:100%;min-height:96px;padding:14px 16px;font-family:inherit;font-size:clamp(1.05rem,3vw,1.35rem);font-weight:760;line-height:1.35}.race-input-wrap textarea:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e1f}.race-input-wrap textarea.wrong{border-color:#d15b4d;box-shadow:0 0 0 4px #d15b4d1c}.race-input-wrap textarea.complete{background:#f1fbf8;border-color:#0f766e}.race-feedback{color:#52606b;background:#f8fafc;border:1px solid #dfe8f1;border-radius:14px;min-height:46px;padding:12px 14px;font-weight:760;line-height:1.3}.race-feedback.correct{color:#0f766e;background:#effbf8;border-color:#a7dcd4}.race-feedback.wrong{color:#a94535;background:#fff6f4;border-color:#efc2b8}.race-empty button{color:#fff;background:#0f766e;border-color:#0f766e;padding:0 18px}.race-empty{gap:10px;max-width:680px;margin:0 auto;padding:24px;display:grid}.race-empty strong{color:#172033;font-size:1.35rem;font-weight:840}.race-empty p{color:#64748b;margin:0;font-weight:700;line-height:1.4}@media (max-width:760px){.race-panel.simple-panel{padding:10px 8px 88px!important}.race-shell{gap:10px}.race-header-card{border-radius:15px;align-items:stretch;gap:12px;padding:14px;display:grid}.race-header-card h1{font-size:2rem}.race-header-actions{justify-content:stretch}.race-mode-tabs{flex:auto}.race-mode-tabs button{flex:1 1 0;padding:0 8px}.race-caption-toggle{flex:none}.race-stage-card{border-radius:15px;gap:12px;padding:12px}.race-track{height:72px}.race-track-line{top:36px}.race-avatar{height:60px;left:calc(var(--race-progress,0)*(100% - 88px));width:88px;top:7px}.race-avatar-art{width:88px;max-height:58px}.race-avatar:after{left:13px;right:16px}.race-prompt-card{grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:92px;padding:12px}.race-audio-button{border-radius:13px;width:48px;height:48px}.race-prompt-card strong{font-size:1.22rem}.race-prompt-card small{font-size:.9rem}.race-input-wrap textarea{min-height:92px;padding:12px;font-size:1rem}}@media (max-width:390px){.race-header-actions{grid-template-columns:1fr;display:grid}.race-caption-toggle{width:100%}}@media (max-width:760px){.lesson-dialog{width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.lesson-modal{grid-template-rows:64px minmax(0,1fr) auto!important;height:100dvh!important;min-height:0!important;display:grid!important;overflow:hidden!important}.lesson-topbar{min-height:0!important;padding:calc(10px + env(safe-area-inset-top))14px 8px!important}.lesson-stage{overscroll-behavior:contain!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-height:0!important;padding:8px 12px!important;display:flex!important;overflow:hidden auto!important}.lesson-stage .lesson-kicker{flex:none!important;margin:0 auto 3px!important;font-size:.72rem!important}.lesson-stage>h1{flex:none!important;margin:0 auto 7px!important;font-size:.94rem!important}.lesson-stage .exercise-card{flex-direction:column!important;flex:auto!important;width:100%!important;min-height:0!important;max-height:none!important;padding:13px 12px!important;display:flex!important;overflow:visible!important}.lesson-stage .exercise-card h2{flex:none!important;margin:0 0 10px!important;font-size:clamp(1.22rem,6vw,1.58rem)!important;line-height:1.12!important}.character-row{flex:none!important;width:100%!important;margin:7px 0 8px!important}.lesson-stage .speech-bubble,.speech-bubble{align-items:center!important;gap:9px!important;width:100%!important;min-height:58px!important;padding:9px 10px!important}.audio-controls{gap:6px!important}.speech-bubble .sound-button,.sound-button{border-radius:12px!important;flex-basis:42px!important;width:42px!important;height:42px!important}.sound-button:before{background-size:24px 24px!important;width:24px!important;height:24px!important}.speech-bubble .slow-button,.slow-button{border-radius:12px!important;flex-basis:42px!important;width:42px!important;height:42px!important}.slow-button:before{background-size:30px 30px!important;width:30px!important;height:30px!important}.speech-bubble .phrase-content{min-width:0!important}.speech-bubble strong{font-size:1.06rem!important;line-height:1.14!important}.speech-bubble span,#exerciseHint{font-size:.78rem!important;line-height:1.18!important}.exercise-meaning{display:none!important}.lesson-stage .choices,.match-board,.lesson-stage .type-answer,.word-bank{width:100%!important;max-width:100%!important;margin-top:8px!important}.lesson-stage .choices{overscroll-behavior:contain!important;flex:0 auto!important;gap:8px!important;min-height:0!important;max-height:42dvh!important;padding:1px 2px 4px!important;overflow-y:auto!important}.lesson-dialog[data-mode=picture] .lesson-stage .choices{flex:auto!important;max-height:none!important}.lesson-stage .choice,.match-option,.bank-token{border-radius:12px!important;min-height:42px!important;padding:9px 10px!important;font-size:.94rem!important;line-height:1.15!important}.lesson-stage .picture-choices{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-content:start!important;gap:7px!important;overflow:hidden!important}.lesson-stage .photo-choice{border-radius:12px!important;min-height:0!important;padding:5px!important}.lesson-stage .photo-frame:before{padding-top:64%!important}.lesson-stage .type-answer{flex:none!important;gap:7px!important;display:grid!important}.selected-answer{gap:6px!important;min-height:44px!important;max-height:80px!important;padding:7px!important;overflow-y:auto!important}.selected-answer-token{border-radius:10px!important;min-height:32px!important;padding:6px 9px!important;font-size:.9rem!important}.clear-answer{min-height:36px!important}.word-bank{overscroll-behavior:contain!important;flex:auto!important;align-content:start!important;gap:6px!important;min-height:0!important;padding:1px 1px 5px!important;overflow-y:auto!important}.bank-token{min-width:48px!important;min-height:34px!important;padding:7px 9px!important}.lesson-bottom,.lesson-dialog.answer-correct .lesson-bottom,.lesson-dialog.answer-wrong .lesson-bottom{padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;z-index:20!important;flex:none!important;grid-template-columns:1fr!important;gap:8px!important;position:relative!important}.lesson-bottom .lesson-feedback{border-radius:12px!important;gap:8px!important;min-height:40px!important;padding:8px 10px!important;font-size:.88rem!important;line-height:1.2!important}.feedback-status-icon{border-radius:10px!important;flex-basis:28px!important;width:28px!important;height:28px!important}.feedback-copy{gap:1px!important}.feedback-copy strong{font-size:.9rem!important}.feedback-copy span{font-size:.82rem!important;line-height:1.2!important}.lesson-bottom .modal-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.lesson-bottom .primary-action,.lesson-bottom .secondary-action{border-radius:12px!important;min-height:44px!important}}@media (max-width:390px),(max-height:720px){.lesson-stage{padding:6px 10px!important}.lesson-stage>h1{margin-bottom:5px!important}.lesson-stage .exercise-card{padding:11px 10px!important}.lesson-stage .exercise-card h2{margin-bottom:8px!important;font-size:clamp(1.12rem,5.5vw,1.42rem)!important}.character-row{margin:5px 0 6px!important}.lesson-stage .speech-bubble,.speech-bubble{min-height:52px!important;padding:8px!important}.speech-bubble strong{font-size:1rem!important}.lesson-bottom .lesson-feedback{min-height:36px!important;padding:7px 9px!important}.lesson-bottom .primary-action,.lesson-bottom .secondary-action{min-height:42px!important}}.lesson-dialog [hidden],.lesson-stage [hidden],.lesson-bottom [hidden]{display:none!important}.lesson-modal{grid-template-rows:86px minmax(0,1fr) auto!important;height:100dvh!important;overflow:hidden!important}.lesson-stage{box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;max-width:none!important;min-height:0!important;padding:24px clamp(20px,4vw,56px)!important;display:flex!important}.lesson-stage .lesson-kicker,.lesson-stage>h1,.lesson-stage .exercise-card{width:min(100%,960px)!important}.lesson-stage .exercise-card{flex:none!important;max-width:960px!important;margin:0 auto!important}.lesson-stage .speech-bubble{max-width:760px!important}.lesson-dialog[data-mode=build] .lesson-stage,.lesson-dialog[data-mode=wordbank] .lesson-stage{justify-content:flex-start!important}@media (max-width:760px){.lesson-modal{grid-template-rows:64px minmax(0,1fr) auto!important}.lesson-stage{justify-content:center!important;padding:10px 12px!important}.lesson-stage .lesson-kicker,.lesson-stage>h1,.lesson-stage .exercise-card{width:100%!important}.lesson-stage .exercise-card{flex:none!important;max-height:none!important}.lesson-dialog[data-mode=build] .lesson-stage,.lesson-dialog[data-mode=wordbank] .lesson-stage{justify-content:flex-start!important}.lesson-dialog[data-mode=picture] .lesson-stage .picture-choices{overflow:visible!important}}@media (max-width:760px) and (max-height:720px){.lesson-stage{justify-content:flex-start!important}}body.lesson-open{overscroll-behavior:none;overflow:hidden!important}.lesson-modal{grid-template-rows:76px minmax(0,1fr) auto!important}.lesson-topbar{box-sizing:border-box;height:76px;padding-block:14px 8px}.lesson-stage{min-height:0!important;padding-block:clamp(12px,2.6dvh,24px)!important;overflow:hidden!important}.lesson-bottom,.lesson-dialog.answer-correct .lesson-bottom,.lesson-dialog.answer-wrong .lesson-bottom{box-sizing:border-box;grid-column:1;width:100%;min-height:74px;padding-block:10px;position:static!important;inset:auto!important}@media (min-width:761px) and (max-height:860px){.lesson-modal{grid-template-rows:68px minmax(0,1fr) auto!important}.lesson-topbar{height:68px;padding-block:10px 6px}.lesson-topbar .lesson-progress{height:10px}.lesson-stage{justify-content:center!important;padding-block:10px!important}.lesson-stage .lesson-kicker{margin-bottom:2px!important;font-size:.74rem!important}.lesson-stage>h1{margin-bottom:8px!important;font-size:.92rem!important}.lesson-stage .exercise-card{max-height:100%;padding:16px 20px!important}.lesson-stage .exercise-card h2{margin-bottom:12px!important;font-size:clamp(1.25rem,2.7vh,1.7rem)!important}.lesson-stage .speech-bubble{min-height:62px!important;margin-block:0 12px!important;padding:10px 12px!important}.lesson-stage .choices,.lesson-stage .type-answer,.lesson-stage .word-bank,.lesson-stage .match-board{margin-top:12px!important}.lesson-stage .choice,.lesson-stage .match-option,.lesson-stage .bank-token{min-height:44px!important;padding:8px 14px!important}.lesson-stage .picture-choices{gap:10px!important}.lesson-stage .photo-choice{padding:7px!important}.lesson-stage .photo-frame img{max-height:min(20dvh,135px)!important}.lesson-bottom{gap:14px;min-height:64px;padding-block:8px}.lesson-bottom .lesson-feedback{font-size:.94rem}.lesson-bottom .primary-action,.lesson-bottom .secondary-action{min-width:148px!important;min-height:46px!important}}.race-deck{max-width:980px}.race-shell{gap:22px}.race-header-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 4px}.race-header-card>div:first-child>span{color:#0f766e;text-transform:none;font-size:.76rem;font-weight:800}.race-header-card h1{color:#172033;margin-top:4px;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.05}.race-header-actions{gap:8px}.race-mode-tabs{background:#f3f6f8;border-color:#dbe5ec;border-radius:11px;padding:3px}.race-mode-tabs button,.race-caption-toggle{border-radius:8px;min-height:38px;font-size:.88rem}.race-mode-tabs button{padding:0 13px}.race-mode-tabs button.active{color:#0f766e;box-shadow:0 4px 10px #17202a14}.race-caption-toggle{color:#52606b;background:#fff;border-color:#dbe5ec;padding:0 12px}.race-stage-card{border-color:#dce7ee;border-radius:18px;gap:20px;padding:clamp(20px,3vw,32px);box-shadow:0 20px 52px #17202a12}.race-scene-head span,.race-prompt-card span,.race-input-wrap span{color:#66778a;text-transform:none;font-size:.75rem;font-weight:780}.race-scene-head strong{font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:800}.race-scene-head p{color:#66778a;background:0 0;border:0;padding:0;font-size:.9rem;font-weight:760}.race-track{height:58px;margin:0 4px}.race-track-line{background:#e6edf2;height:6px;top:30px}.race-track-line i{background:#0f9f8c}.race-avatar{height:54px;left:calc(var(--race-progress,0)*(100% - 76px));width:76px;top:0}.race-avatar:after{display:none}.race-avatar-art{filter:drop-shadow(0 7px 11px #17202a1f);width:76px;max-height:54px;transform:translateY(-1px)}.race-prompt-card{background:0 0;border:0;border-radius:0;gap:14px;min-height:0;padding:0}.race-audio-button{color:#0f766e;background:#eaf8f5;border:1px solid #b9e3da;border-radius:12px;width:52px;height:52px}.race-audio-button svg{width:26px;height:26px}.race-prompt-card strong{color:#172033;margin-top:3px;font-size:clamp(1.28rem,2.5vw,2rem);font-weight:800;line-height:1.18}.race-prompt-card strong span{color:#0f766e}.race-prompt-card small{color:#66778a;margin-top:6px;font-size:.95rem;font-weight:650}.race-input-wrap{gap:7px}.race-input-wrap input{color:#172033;font:inherit;background:#fff;border:2px solid #d7e2eb;border-radius:12px;outline:0;width:100%;height:58px;padding:0 16px;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:740;line-height:1.25}.race-input-wrap input:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e1c}.race-input-wrap input.wrong{border-color:#d15b4d;box-shadow:0 0 0 4px #d15b4d1a}.race-input-wrap input.complete{background:#f1fbf8;border-color:#0f766e}.race-feedback{color:#66778a;background:0 0;border:0;border-radius:0;min-height:24px;padding:0}.race-feedback.correct{color:#0f766e;background:0 0;border:0}.race-feedback.wrong{color:#a94535;background:0 0;border:0}@media (max-width:760px){.race-panel.simple-panel{padding:14px 12px calc(90px + env(safe-area-inset-bottom))!important}.race-shell{gap:16px}.race-header-card{align-items:stretch;gap:12px;padding:0;display:grid}.race-header-card h1{font-size:1.7rem}.race-header-actions{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.race-mode-tabs button{flex:1 1 0;padding:0 8px}.race-caption-toggle{white-space:nowrap}.race-stage-card{border-radius:15px;gap:16px;padding:18px 14px}.race-track{height:50px;margin-inline:2px}.race-track-line{top:27px}.race-avatar{height:48px;left:calc(var(--race-progress,0)*(100% - 66px));width:66px}.race-avatar-art{width:66px;max-height:48px}.race-prompt-card{gap:10px}.race-audio-button{width:46px;height:46px}.race-prompt-card strong{font-size:1.18rem}.race-input-wrap input{height:54px;padding-inline:13px;font-size:1rem}}@media (max-width:390px){.race-header-actions{grid-template-columns:1fr}.race-caption-toggle{width:100%}}.lesson-stage .lesson-kicker,.lesson-stage>h1{display:none!important}.admin-progress-panel{background:#fff;border:1px solid #dce6ee;border-radius:14px;gap:20px;margin-top:4px;padding:22px;display:grid;box-shadow:0 16px 40px #17202a0f}.admin-progress-panel>header{justify-content:space-between;align-items:end;gap:18px;display:flex}.admin-progress-panel header span,.admin-progress-row small{color:#66778a;letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:760;display:block}.admin-progress-panel header strong{color:#172033;margin-top:3px;font-size:1.35rem;font-weight:820;display:block}.admin-progress-panel header b{color:#0f766e;white-space:nowrap;font-size:.9rem;font-weight:820}.admin-progress-summary{border-top:1px solid #e6edf3;border-bottom:1px solid #e6edf3;flex-wrap:wrap;gap:8px 24px;padding:13px 0;display:flex}.admin-progress-summary span{color:#66778a;font-size:.82rem;font-weight:700}.admin-progress-summary strong{color:#172033;font-weight:840}.admin-progress-bars{gap:13px;display:grid}.admin-progress-row{grid-template-columns:minmax(112px,.8fr) minmax(120px,2.6fr) auto minmax(70px,auto);align-items:center;gap:12px;display:grid}.admin-progress-row>span{color:#253247;overflow-wrap:anywhere;min-width:0;font-size:.95rem;font-weight:760}.admin-progress-row i{background:#e6edf3;border-radius:999px;height:9px;display:block;overflow:hidden}.admin-progress-row i b{border-radius:inherit;background:#0f8f7f;height:100%;display:block}.admin-progress-row>strong{color:#172033;text-align:right;font-size:.9rem;font-weight:820}.admin-progress-row small{text-align:right;text-transform:none;white-space:nowrap;font-size:.7rem}.admin-progress-panel>p{color:#66778a;margin:0;font-weight:700}@media (max-width:760px){.admin-progress-panel{border-radius:12px;gap:16px;padding:16px}.admin-progress-panel>header{flex-direction:column;align-items:flex-start;gap:6px}.admin-progress-panel header b{white-space:normal}.admin-progress-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px}.admin-progress-row i{grid-area:2/1/auto/-1}.admin-progress-row small{text-align:left;grid-area:3/1}}.audio-controls[hidden],.selected-answer[hidden],.clear-answer[hidden]{display:none!important}.lesson-dialog[data-mode=type-tagalog] .speech-bubble{align-items:flex-start!important}.lesson-dialog[data-mode=type-tagalog] .phrase-content,.lesson-dialog[data-mode=type-tagalog] .type-answer,.lesson-dialog[data-mode=type-tagalog] .type-answer input{width:100%!important}.lesson-dialog[data-mode=type-tagalog] .type-answer{max-width:720px;margin-inline:auto}#nounsPanel .noun-deck{gap:0;margin-top:0}#nounsPanel .noun-next-session{border:1px solid var(--brand-line);background:#fff;border-radius:14px;grid-template-columns:minmax(190px,.8fr) minmax(420px,1.35fr) auto;align-items:center;gap:18px;padding:18px;display:grid;box-shadow:0 14px 34px #0f172a0f}.noun-next-copy{min-width:0}.noun-next-copy>span{color:var(--brand-primary-dark);text-transform:uppercase;font-size:.7rem;font-weight:820;display:block}.noun-next-copy h2{color:var(--brand-ink);margin:5px 0 0;font-size:1.4rem;font-weight:840;line-height:1.1}.noun-next-meta{color:var(--brand-muted);flex-wrap:wrap;align-items:center;gap:7px 14px;margin-top:9px;font-size:.8rem;font-weight:720;display:flex}.noun-next-meta span{white-space:nowrap}.noun-next-words{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;display:grid}#nounsPanel .noun-next-words .noun-preview{border-radius:11px;grid-template-columns:48px minmax(0,1fr);gap:8px;min-width:0;min-height:68px;padding:8px}#nounsPanel .noun-next-words .noun-preview-media{border-radius:9px;width:48px;min-width:48px;height:48px}#nounsPanel .noun-next-words .noun-preview strong{overflow-wrap:anywhere;font-size:.84rem}#nounsPanel .noun-next-words .noun-preview small{font-size:.72rem}.noun-next-action{background:var(--brand-primary);border:1px solid var(--brand-primary);color:#fff;border-radius:11px;min-width:116px;min-height:46px;padding:0 20px;font-size:.9rem;font-weight:820;box-shadow:0 10px 22px #1d4ed82e}.noun-next-action:hover{background:var(--brand-primary-dark);border-color:var(--brand-primary-dark)}#nounsPanel .noun-path-list{margin-top:18px}#nounsPanel .noun-lesson-footer{justify-content:space-between;gap:16px}.noun-mastery-summary{color:var(--brand-muted);flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:.78rem;font-weight:680;display:flex}.noun-mastery-summary strong{color:var(--brand-ink);font-weight:840}#nounsPanel .noun-action.primary,#nounsPanel .noun-lesson-actions .noun-action.primary{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 10px 20px #1d4ed829}@media (max-width:1120px){#nounsPanel .noun-next-session{grid-template-columns:minmax(190px,.7fr) minmax(320px,1.3fr) auto}#nounsPanel .noun-next-words .noun-preview:nth-child(3){display:none}.noun-next-words{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.lesson-dialog.has-prompt-meaning .exercise-meaning{margin-top:5px!important;padding:5px 8px!important;font-size:.76rem!important;line-height:1.2!important;display:inline-flex!important}#nounsPanel .noun-next-session{border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:14px}.noun-next-words{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr))}#nounsPanel .noun-next-words .noun-preview:nth-child(3){display:grid}#nounsPanel .noun-next-words .noun-preview{text-align:center;grid-template-columns:1fr;justify-items:center;gap:7px;min-height:104px}.noun-next-action{min-width:94px;padding-inline:15px}#nounsPanel .noun-lesson-footer{flex-direction:column;align-items:stretch}.noun-mastery-summary{justify-content:space-between;width:100%}}@media (max-width:380px){#nounsPanel .noun-next-session{grid-template-columns:1fr}.noun-next-action{grid-row:3;width:100%}.noun-next-words{grid-row:2}#nounsPanel .noun-next-words .noun-preview small{display:none}#nounsPanel .noun-lesson-actions{grid-template-columns:1fr}}