.page-module__RJmHAq__lessonView{height:calc(100vh - var(--header-height));background:var(--bg-primary);flex-direction:column;display:flex}.page-module__RJmHAq__lessonHeader{border-bottom:1px solid var(--border-color);align-items:center;padding:1rem;display:flex}.page-module__RJmHAq__backBtn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-right:1rem;font-size:1rem}.page-module__RJmHAq__lessonHeader h2{flex:1;margin:0;font-size:1.2rem}.page-module__RJmHAq__progress{color:var(--text-secondary);font-variant-numeric:tabular-nums}.page-module__RJmHAq__lessonBody{flex:1;justify-content:center;padding:2rem;display:flex;overflow-y:auto}@media (min-width:1200px){.page-module__RJmHAq__lessonBody{padding:2.5rem 3rem}}.page-module__RJmHAq__stepContent{width:100%;max-width:900px}@media (min-width:1400px){.page-module__RJmHAq__stepContent{max-width:1000px}}.page-module__RJmHAq__stepContent h3{margin-bottom:1rem}.page-module__RJmHAq__stepText{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.page-module__RJmHAq__lessonNav{border-top:1px solid var(--border-color);justify-content:space-between;padding:1rem 2rem;display:flex}.page-module__RJmHAq__prevBtn,.page-module__RJmHAq__nextBtn{cursor:pointer;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600}.page-module__RJmHAq__prevBtn{background:var(--bg-secondary);color:var(--text-primary)}.page-module__RJmHAq__nextBtn{background:var(--color-brand-primary);color:#fff}.page-module__RJmHAq__nextBtn:disabled{opacity:.5;cursor:not-allowed}.page-module__RJmHAq__quiz{background:var(--bg-secondary);border-radius:12px;padding:1.5rem}.page-module__RJmHAq__question{margin-bottom:1rem;font-weight:600}.page-module__RJmHAq__options{gap:.8rem;margin-bottom:1rem;display:grid}.page-module__RJmHAq__option{border:1px solid var(--border-color);background:var(--bg-primary);text-align:left;cursor:pointer;border-radius:8px;padding:1rem;transition:all .2s}.page-module__RJmHAq__option:hover:not(:disabled){border-color:var(--color-brand-primary)}.page-module__RJmHAq__correct{background:#a3e63533;border-color:#a3e635}.page-module__RJmHAq__wrong{background:#ef444433;border-color:#ef4444}.page-module__RJmHAq__explanation{background:var(--bg-primary);border-radius:8px;margin-top:1rem;padding:1rem}.page-module__RJmHAq__boardContainer{flex-direction:column;align-items:center;gap:2rem;padding-top:70px;padding-bottom:20px;display:flex;position:relative}.page-module__RJmHAq__boardContainer>div{overflow:visible}.page-module__RJmHAq__numpad{gap:1rem;display:flex}.page-module__RJmHAq__numBtn{border:1px solid var(--border-color);background:var(--bg-secondary);width:48px;height:48px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;transition:all .1s;display:flex}.page-module__RJmHAq__numBtn:active{background:var(--bg-hover);transform:scale(.95)}.page-module__RJmHAq__successMessage{color:#a3e635;font-size:1.1rem;font-weight:700;animation:.5s page-module__RJmHAq__bounce}@keyframes page-module__RJmHAq__bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.page-module__RJmHAq__container{max-width:1200px;margin:0 auto;padding:2rem}.page-module__RJmHAq__title{margin-bottom:.5rem;font-size:2.5rem}.page-module__RJmHAq__subtitle{color:var(--text-secondary);margin-bottom:3rem}.page-module__RJmHAq__relatedLinks,.page-module__RJmHAq__lessonFooterLinks{flex-wrap:wrap;justify-content:center;gap:.9rem;margin:0 auto 2rem;display:flex}.page-module__RJmHAq__lessonFooterLinks{margin:1rem 2rem 2rem}.page-module__RJmHAq__relatedLink{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:600;text-decoration:none;transition:border-color .2s,transform .2s,background .2s;display:inline-flex}.page-module__RJmHAq__relatedLink:hover{border-color:var(--color-brand-primary);background:var(--bg-hover);transform:translateY(-1px)}.page-module__RJmHAq__lessonGrid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (max-width:768px){.page-module__RJmHAq__lessonGrid{grid-template-columns:1fr}}.page-module__RJmHAq__lessonCard{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;padding:1.5rem;transition:all .2s}.page-module__RJmHAq__lessonCard:hover{border-color:var(--color-brand-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.page-module__RJmHAq__lessonDifficulty{text-transform:capitalize;border-radius:100px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}[data-difficulty=beginner] .page-module__RJmHAq__lessonDifficulty{color:#a3e635;background:#a3e63533}[data-difficulty=intermediate] .page-module__RJmHAq__lessonDifficulty{color:#facc15;background:#facc1533}[data-difficulty=advanced] .page-module__RJmHAq__lessonDifficulty{color:#ef4444;background:#ef444433}.page-module__RJmHAq__lessonMeta{color:var(--text-secondary);margin-top:1rem;font-size:.9rem}.page-module__RJmHAq__hintText{color:var(--text-secondary);background:#3b82f61a;border-left:3px solid #3b82f6;border-radius:0 8px 8px 0;max-width:100%;padding:.75rem 1rem;font-size:.95rem}.page-module__RJmHAq__goalText{color:var(--text-primary);background:#a3e63526;border:1px solid #a3e63566;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;font-weight:500}.page-module__RJmHAq__demoIndicator{color:#9333ea;background:#9333ea1a;border:1px solid #9333ea4d;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.3rem .8rem;font-size:.75rem;font-weight:500;display:inline-flex}.page-module__RJmHAq__demoIndicator:before{content:"👁️"}.page-module__RJmHAq__progressBar{background:var(--bg-secondary);border-radius:2px;width:100%;height:4px;margin-top:.5rem;overflow:hidden}.page-module__RJmHAq__progressFill{background:var(--color-brand-primary);border-radius:2px;height:100%;transition:width .3s}.page-module__RJmHAq__container{max-width:1100px;padding:clamp(1rem,3vw,2rem)}.page-module__RJmHAq__lessonHero{isolation:isolate;border:1px solid color-mix(in srgb,var(--color-brand-secondary)28%,var(--border-subtle));background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--color-brand-primary)15%,transparent),transparent 28%),linear-gradient(120deg,var(--bg-surface-1),color-mix(in srgb,var(--color-brand-secondary)9%,var(--bg-surface-1)));min-height:165px;box-shadow:0 8px 0 color-mix(in srgb,var(--color-brand-secondary)11%,transparent),var(--shadow-md);border-radius:30px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem clamp(1.2rem,4vw,2.5rem);display:flex;position:relative;overflow:hidden}.page-module__RJmHAq__lessonHero>div:first-child{z-index:2;position:relative}.page-module__RJmHAq__lessonHero .page-module__RJmHAq__title{font-family:var(--font-fredoka),inherit;letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3rem)}.page-module__RJmHAq__lessonHero .page-module__RJmHAq__subtitle{margin:.45rem 0 0;font-size:1.05rem}.page-module__RJmHAq__lessonHeroMascot{z-index:2;align-self:flex-end;width:132px;margin:0 3.5rem -1.5rem 1rem;position:relative}.page-module__RJmHAq__lessonHeroTokens{z-index:1;pointer-events:none;position:absolute;inset:0}.page-module__RJmHAq__lessonHeroTokens span{border:1px solid var(--border-subtle);background:var(--bg-surface-1);width:42px;height:42px;font-family:var(--font-fredoka),inherit;box-shadow:0 5px 0 color-mix(in srgb,var(--color-brand-primary)24%,var(--border-strong));border-radius:13px;place-items:center;font-weight:800;display:grid;position:absolute}.page-module__RJmHAq__lessonHeroTokens span:first-child{color:var(--color-brand-primary);top:1rem;right:2rem;transform:rotate(8deg)}.page-module__RJmHAq__lessonHeroTokens span:last-child{color:var(--color-brand-accent);box-shadow:0 5px 0 color-mix(in srgb,var(--color-brand-accent)24%,var(--border-strong));bottom:1rem;right:12.5rem;transform:rotate(-7deg)}.page-module__RJmHAq__lessonGrid{gap:1rem}.page-module__RJmHAq__lessonCard{--lesson-color:var(--color-brand-primary);isolation:isolate;border:2px solid color-mix(in srgb,var(--lesson-color)27%,var(--border-subtle));min-height:230px;color:var(--text-primary);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--lesson-color)17%,transparent),transparent 42%),var(--bg-surface-1);box-shadow:0 7px 0 color-mix(in srgb,var(--lesson-color)14%,transparent),var(--shadow-sm);font:inherit;text-align:left;appearance:none;border-radius:24px;flex-direction:column;padding:1.25rem;display:flex;position:relative;overflow:hidden}.page-module__RJmHAq__lessonCard[data-difficulty=intermediate]{--lesson-color:var(--color-brand-accent)}.page-module__RJmHAq__lessonCard[data-difficulty=advanced]{--lesson-color:var(--color-brand-secondary)}.page-module__RJmHAq__lessonCard:hover{border-color:var(--lesson-color);box-shadow:0 11px 0 color-mix(in srgb,var(--lesson-color)16%,transparent),var(--shadow-lg);transform:translateY(-5px)rotate(-.3deg)}.page-module__RJmHAq__lessonCard:focus-visible{outline:3px solid var(--lesson-color);outline-offset:4px}.page-module__RJmHAq__lessonCardTop{align-items:center;gap:.7rem;width:100%;margin-bottom:1rem;display:flex}.page-module__RJmHAq__lessonIcon{border:2px solid color-mix(in srgb,var(--lesson-color)31%,var(--border-subtle));background:color-mix(in srgb,var(--lesson-color)13%,var(--bg-surface-1));width:52px;height:52px;box-shadow:0 5px 0 color-mix(in srgb,var(--lesson-color)23%,var(--border-strong));border-radius:16px;place-items:center;font-size:1.35rem;display:grid;transform:rotate(-4deg)}.page-module__RJmHAq__lessonArrow{width:34px;height:34px;color:var(--text-primary);background:color-mix(in srgb,var(--lesson-color)14%,var(--bg-surface-2));border-radius:50%;place-items:center;margin-left:auto;font-weight:900;display:grid}.page-module__RJmHAq__lessonCard:hover .page-module__RJmHAq__lessonArrow{color:var(--text-on-brand);background:var(--lesson-color)}.page-module__RJmHAq__lessonDifficulty{margin:0;color:var(--lesson-color)!important;background:color-mix(in srgb,var(--lesson-color)13%,var(--bg-surface-1))!important}.page-module__RJmHAq__lessonCardCopy h3{font-family:var(--font-fredoka),inherit;margin:0 0 .45rem;font-size:1.35rem}.page-module__RJmHAq__lessonCardCopy p{color:var(--text-secondary);margin:0;line-height:1.55}.page-module__RJmHAq__lessonMeta{color:var(--text-secondary);align-items:center;gap:.4rem;margin-top:auto;padding-top:1rem;display:flex}.page-module__RJmHAq__lessonMeta svg{width:18px;height:18px;color:var(--lesson-color)}@media (max-width:768px){.page-module__RJmHAq__lessonHero{border-radius:24px;min-height:140px;padding:1.2rem}.page-module__RJmHAq__lessonHeroMascot{width:105px;margin-right:1.5rem}.page-module__RJmHAq__lessonHeroTokens span:last-child{display:none}.page-module__RJmHAq__lessonCard{min-height:210px}}@media (max-width:480px){.page-module__RJmHAq__lessonHeroMascot{width:88px;margin-right:0}.page-module__RJmHAq__lessonHeroTokens span{display:none}}.page-module__RJmHAq__lessonView{min-height:calc(100vh - var(--header-height));background:radial-gradient(circle at 15% 12%,color-mix(in srgb,var(--color-brand-primary)8%,transparent),transparent 26%),radial-gradient(circle at 88% 76%,color-mix(in srgb,var(--color-brand-secondary)8%,transparent),transparent 30%),var(--bg-surface-0);height:auto}.page-module__RJmHAq__lessonHeader{border:1px solid color-mix(in srgb,var(--color-brand-secondary)23%,var(--border-subtle));background:color-mix(in srgb,var(--bg-surface-1)92%,transparent);box-shadow:0 5px 0 color-mix(in srgb,var(--color-brand-secondary)8%,transparent);border-radius:0 0 22px 22px;gap:1rem;padding:.85rem clamp(1rem,3vw,2rem)}.page-module__RJmHAq__backBtn{border:1px solid var(--border-subtle);background:var(--bg-surface-2);border-radius:12px;margin:0;padding:.55rem .8rem;font-weight:700}.page-module__RJmHAq__backBtn:hover{color:var(--text-primary);border-color:var(--color-brand-secondary)}.page-module__RJmHAq__lessonHeader h2{font-family:var(--font-fredoka),inherit;font-size:1.35rem}.page-module__RJmHAq__progressGroup{width:min(180px,28vw)}.page-module__RJmHAq__progress{color:var(--color-brand-primary);text-align:right;margin-bottom:.3rem;font-weight:900}.page-module__RJmHAq__lessonProgressTrack{border:1px solid color-mix(in srgb,var(--color-brand-primary)18%,var(--border-subtle));background:var(--bg-surface-2);border-radius:999px;height:8px;overflow:hidden}.page-module__RJmHAq__lessonProgressFill{border-radius:inherit;background:linear-gradient(90deg,var(--color-brand-primary),var(--color-brand-accent));height:100%;box-shadow:0 0 10px color-mix(in srgb,var(--color-brand-primary)35%,transparent);transition:width .3s;display:block}.page-module__RJmHAq__lessonBody{padding:clamp(1rem,3vw,2.5rem)}.page-module__RJmHAq__stepContent{border:1px solid color-mix(in srgb,var(--color-brand-primary)22%,var(--border-subtle));background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--color-brand-secondary)10%,transparent),transparent 34%),var(--bg-surface-1);box-shadow:0 8px 0 color-mix(in srgb,var(--color-brand-primary)9%,transparent),var(--shadow-sm);border-radius:26px;padding:clamp(1.2rem,3vw,2rem)}.page-module__RJmHAq__stepContent>h3{font-family:var(--font-fredoka),inherit;margin:0 0 .75rem;font-size:clamp(1.4rem,3vw,2rem)}.page-module__RJmHAq__lessonNav{border:1px solid var(--border-subtle);background:var(--bg-surface-1);box-shadow:var(--shadow-sm);border-radius:18px;margin:0 clamp(1rem,3vw,2rem) 1rem;padding:.9rem}.page-module__RJmHAq__prevBtn,.page-module__RJmHAq__nextBtn{border-radius:13px;min-width:110px}.page-module__RJmHAq__prevBtn{border:1px solid var(--border-subtle);background:var(--bg-surface-2)}.page-module__RJmHAq__nextBtn{color:var(--text-on-brand);box-shadow:0 5px 0 color-mix(in srgb,var(--color-brand-primary)54%,#000)}.page-module__RJmHAq__nextBtn:active:not(:disabled){box-shadow:0 2px 0 color-mix(in srgb,var(--color-brand-primary)54%,#000);transform:translateY(3px)}.page-module__RJmHAq__quiz{border:1px solid color-mix(in srgb,var(--color-brand-secondary)24%,var(--border-subtle));background:color-mix(in srgb,var(--color-brand-secondary)8%,var(--bg-surface-2));border-radius:18px}.page-module__RJmHAq__option{background:var(--bg-surface-1);border-radius:13px}.page-module__RJmHAq__numBtn{border:2px solid color-mix(in srgb,var(--color-brand-primary)24%,var(--border-subtle));background:var(--bg-surface-1);box-shadow:0 4px 0 color-mix(in srgb,var(--color-brand-primary)18%,var(--border-strong))}@media (max-width:640px){.page-module__RJmHAq__lessonHeader{flex-wrap:wrap}.page-module__RJmHAq__lessonHeader h2{order:1}.page-module__RJmHAq__progressGroup{order:2;width:100%}.page-module__RJmHAq__backBtn{order:0}.page-module__RJmHAq__lessonBody{padding:.8rem}.page-module__RJmHAq__stepContent{border-radius:20px;padding:1rem}.page-module__RJmHAq__lessonNav{margin:0 .8rem .8rem}}
