.lessonShowcase_showcase__B6diJ{--paper:#e9e6dc;--paper-ink:#1c1d20;--paper-body:#3b3833;--paper-soft:#6b5f52;--paper-rule:#cfc9bb;--good:#7fd1a8;--orb-light:#ffe0d0;--orb-deep:#b8461f;--cta-hover:#ffa078;min-width:0}.lessonShowcase_stage__4yWEa{--u:1cqw;--accent-dim:color-mix(in srgb,var(--primary) 14%,transparent);container-type:inline-size;position:relative;width:100%;aspect-ratio:10/9;line-height:1.5}.lessonShowcase_stage__4yWEa>*{position:absolute}.lessonShowcase_stage__4yWEa p,.lessonShowcase_stage__4yWEa ul{margin:0}.lessonShowcase_stage__4yWEa ul{list-style:none;padding:0}.lessonShowcase_srOnly__qRvvn{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.lessonShowcase_top__D_9RS{top:0;left:0;right:0;height:9%;display:flex;align-items:center;gap:calc(var(--u)*1.6);padding:0 calc(var(--u)*2.2);background:var(--card);border:1px solid var(--border);border-radius:calc(var(--u)*2);font-size:calc(var(--u)*2.3)}.lessonShowcase_course__83Ddj{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-prompt),var(--font-anuphan),sans-serif;font-weight:600}.lessonShowcase_caret__ZD8gb{display:inline-block;width:2px;height:1.1em;background:var(--primary);vertical-align:-.15em;margin-left:2px;animation:lessonShowcase_blink__NRdJd 1s steps(1) infinite}.lessonShowcase_lesson__7N4FE{flex:none;color:var(--muted-foreground);font-size:calc(var(--u)*1.9);white-space:nowrap}.lessonShowcase_board__sZTQr{top:12%;left:0;width:69%;height:48%;overflow:hidden;background:var(--background);border:1px solid var(--border);border-radius:calc(var(--u)*2);padding:calc(var(--u)*2.4) calc(var(--u)*2.6);display:flex;flex-direction:column;gap:calc(var(--u)*1)}.lessonShowcase_kicker__wOW89{color:var(--muted-foreground);font-size:calc(var(--u)*1.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.lessonShowcase_stage__4yWEa .lessonShowcase_slideTitle__pIM_T{font-family:var(--font-prompt),var(--font-anuphan),sans-serif;font-weight:600;font-size:calc(var(--u)*2.9);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.lessonShowcase_body__ZR7iS{flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*1.6);align-content:start}.lessonShowcase_bodySplit__q5S6k{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-rows:minmax(0,1fr);align-content:stretch}.lessonShowcase_bullets__fvEBv{display:flex;flex-direction:column;gap:calc(var(--u)*.9);min-width:0;font-size:calc(var(--u)*1.95);line-height:1.45;color:var(--foreground)}.lessonShowcase_bullets__fvEBv li{min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:calc(var(--u)*.4) calc(var(--u)*.9);border-radius:calc(var(--u)*1)}.lessonShowcase_bullets__fvEBv li.lessonShowcase_ringed__GHCcA{box-shadow:inset 0 0 0 2px var(--primary);background:var(--accent-dim)}.lessonShowcase_visual__vIQwh{min-width:0;min-height:0;overflow:hidden;zoom:.6;display:flex;flex-direction:column}.lessonShowcase_visual__vIQwh>div:first-child{margin-top:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.lessonShowcase_visual__vIQwh figure{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:0}.lessonShowcase_visual__vIQwh figure>div:has(>.recharts-responsive-container){flex:1 1 auto;min-height:0;height:auto}.lessonShowcase_kavee__kWMv3{top:63%;left:0;width:56%;display:flex;gap:calc(var(--u)*1.8);align-items:flex-start}.lessonShowcase_orb__BE4Ma{flex:0 0 auto;width:calc(var(--u)*8);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 32%,var(--orb-light),var(--primary) 52%,var(--orb-deep));box-shadow:0 0 0 calc(var(--u)*.8) var(--accent-dim)}.lessonShowcase_kvCol__T_xdO{display:flex;flex-direction:column;gap:calc(var(--u)*1);min-width:0}.lessonShowcase_bubble__fBpjV{background:var(--card);border:1px solid var(--border);border-radius:calc(var(--u)*1.6);padding:calc(var(--u)*1.4) calc(var(--u)*1.8);font-size:calc(var(--u)*2.05);line-height:1.5;overflow-wrap:anywhere}.lessonShowcase_bubbleText__Trc2A{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.lessonShowcase_me__n16sS{background:transparent;color:var(--muted-foreground);border-style:dashed}.lessonShowcase_bubble__fBpjV small{display:block;font-size:max(11px,calc(var(--u)*1.55));color:var(--muted-foreground);margin-bottom:2px}.lessonShowcase_wave___H2xs{display:flex;gap:calc(var(--u)*.5);align-items:center;height:calc(var(--u)*3)}.lessonShowcase_wave___H2xs i{display:block;width:calc(var(--u)*.6);height:100%;border-radius:2px;background:var(--primary);transform:scaleY(.4)}.lessonShowcase_wave___H2xs i:nth-child(2){transform:scaleY(.75)}.lessonShowcase_wave___H2xs i:nth-child(3){transform:scaleY(1)}.lessonShowcase_wave___H2xs i:nth-child(4){transform:scaleY(.6)}.lessonShowcase_wave___H2xs i:nth-child(5){transform:scaleY(.85)}.lessonShowcase_wave___H2xs i:nth-child(6){transform:scaleY(.45)}.lessonShowcase_quiz__z18e2{top:62%;right:0;width:41%;max-height:38%;overflow:hidden;background:var(--muted);border:1px solid var(--border);border-radius:calc(var(--u)*2);padding:calc(var(--u)*2);display:flex;flex-direction:column;gap:calc(var(--u)*1)}.lessonShowcase_stage__4yWEa .lessonShowcase_question__jQTAp{font-size:calc(var(--u)*2.05);font-weight:600;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.lessonShowcase_choices__catCs{display:flex;flex-direction:column;gap:calc(var(--u)*.8)}.lessonShowcase_choice__BarXL{border:1px solid var(--border);border-radius:calc(var(--u)*1.2);padding:calc(var(--u)*.8) calc(var(--u)*1.3);font-size:calc(var(--u)*1.9);line-height:1.4;color:var(--muted-foreground);display:flex;gap:calc(var(--u)*1);align-items:baseline;min-width:0}.lessonShowcase_choiceText__1YPuk{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lessonShowcase_correct__vut7M{border-color:var(--good);color:var(--foreground);background:color-mix(in srgb,var(--good) 10%,transparent)}.lessonShowcase_correct__vut7M:before{content:"✓";color:var(--good);font-weight:700}.lessonShowcase_cert__mSnkk{top:6%;right:0;width:33%;background:var(--paper);color:var(--paper-ink);border-radius:calc(var(--u)*1.4);padding:calc(var(--u)*2.2) calc(var(--u)*2);transform:rotate(3.5deg);box-shadow:0 calc(var(--u)*2) calc(var(--u)*5) rgba(0,0,0,.45);display:flex;flex-direction:column;gap:calc(var(--u)*.8)}.lessonShowcase_certKicker__4Fw3z{font-size:max(11px,calc(var(--u)*1.5));color:var(--paper-soft)}.lessonShowcase_stage__4yWEa .lessonShowcase_certTitle__jB8Hl{font-family:var(--font-prompt),var(--font-anuphan),sans-serif;font-weight:600;font-size:calc(var(--u)*2.6);line-height:1.3}.lessonShowcase_certBody__8DhHL,.lessonShowcase_certName__oljQ9{font-size:calc(var(--u)*1.75);line-height:1.5;color:var(--paper-body);overflow-wrap:anywhere}.lessonShowcase_certBody__8DhHL{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.lessonShowcase_certName__oljQ9{font-weight:600}.lessonShowcase_rule__6jsxh{height:1px;background:var(--paper-rule);margin-top:calc(var(--u)*.6)}.lessonShowcase_seal__ByGYO{position:absolute;right:calc(var(--u)*-2);bottom:calc(var(--u)*-3);width:calc(var(--u)*10);aspect-ratio:1;border-radius:50%;background:var(--primary);color:var(--primary-foreground);display:grid;place-items:center;text-align:center;font-family:var(--font-prompt),var(--font-anuphan),sans-serif;font-weight:700;font-size:calc(var(--u)*1.9);line-height:1.15;transform:rotate(-12deg);box-shadow:inset 0 0 0 calc(var(--u)*.5) rgba(21,22,25,.25)}.lessonShowcase_taughtIn__FSAtO{margin-top:12px;font-size:13px;color:var(--muted-foreground)}.lessonShowcase_controls__0dtIk{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.lessonShowcase_cta__r4uRt{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--primary-foreground);border-radius:12px;padding:11px 20px;font-weight:600;text-decoration:none}.lessonShowcase_cta__r4uRt:hover{background:var(--cta-hover)}.lessonShowcase_replay__pzzJp{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:6px 14px;background:none;color:var(--muted-foreground);font:inherit;font-size:14px;cursor:pointer}.lessonShowcase_replay__pzzJp:hover{color:var(--foreground);border-color:var(--muted-foreground)}.lessonShowcase_run__dG1aG .lessonShowcase_top__D_9RS{animation:lessonShowcase_rise__6NjeH .4s ease-out both}.lessonShowcase_run__dG1aG .lessonShowcase_board__sZTQr{animation:lessonShowcase_rise__6NjeH .5s ease-out .1s both}.lessonShowcase_run__dG1aG .lessonShowcase_kicker__wOW89,.lessonShowcase_run__dG1aG .lessonShowcase_slideTitle__pIM_T{animation:lessonShowcase_fade__naJrj .5s .35s both}.lessonShowcase_run__dG1aG .lessonShowcase_bullets__fvEBv li{animation:lessonShowcase_fade__naJrj .35s calc(.6s + var(--i) * .22s) both}.lessonShowcase_run__dG1aG .lessonShowcase_bullets__fvEBv li.lessonShowcase_ringed__GHCcA{animation:lessonShowcase_fade__naJrj .35s calc(.6s + var(--i) * .22s) both,lessonShowcase_ring__ibe8G .5s 2s ease-out both}.lessonShowcase_run__dG1aG .lessonShowcase_visual__vIQwh{animation:lessonShowcase_fade__naJrj .5s 1.6s both}.lessonShowcase_run__dG1aG .lessonShowcase_kavee__kWMv3{animation:lessonShowcase_pop__8ofau .45s cubic-bezier(.2,.8,.3,1.3) 2.6s both}.lessonShowcase_run__dG1aG .lessonShowcase_me__n16sS{animation:lessonShowcase_fade__naJrj .4s 2.75s both}.lessonShowcase_run__dG1aG .lessonShowcase_kv__2XqR6{animation:lessonShowcase_fade__naJrj .45s 3.3s both}.lessonShowcase_run__dG1aG .lessonShowcase_wave___H2xs i{animation:lessonShowcase_wave___H2xs 1.1s ease-in-out 3.3s 4}.lessonShowcase_run__dG1aG .lessonShowcase_wave___H2xs i:nth-child(2){animation-delay:3.42s}.lessonShowcase_run__dG1aG .lessonShowcase_wave___H2xs i:nth-child(3){animation-delay:3.54s}.lessonShowcase_run__dG1aG .lessonShowcase_wave___H2xs i:nth-child(4){animation-delay:3.66s}.lessonShowcase_run__dG1aG .lessonShowcase_wave___H2xs i:nth-child(5){animation-delay:3.78s}.lessonShowcase_run__dG1aG .lessonShowcase_wave___H2xs i:nth-child(6){animation-delay:3.9s}.lessonShowcase_run__dG1aG .lessonShowcase_quiz__z18e2{animation:lessonShowcase_rise__6NjeH .45s ease-out 4.1s both}.lessonShowcase_run__dG1aG .lessonShowcase_correct__vut7M{animation:lessonShowcase_mark__sucJ4 .5s 4.9s both}.lessonShowcase_run__dG1aG .lessonShowcase_cert__mSnkk{animation:lessonShowcase_drop__2Hm_z .6s cubic-bezier(.2,.8,.3,1) 5.5s both}.lessonShowcase_run__dG1aG .lessonShowcase_seal__ByGYO{animation:lessonShowcase_slam__H5EjX .45s cubic-bezier(.2,.9,.3,1.25) 6.1s both}@keyframes lessonShowcase_rise__6NjeH{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes lessonShowcase_fade__naJrj{0%{opacity:0}to{opacity:1}}@keyframes lessonShowcase_pop__8ofau{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes lessonShowcase_ring__ibe8G{0%{box-shadow:inset 0 0 0 2px transparent;background:transparent}}@keyframes lessonShowcase_mark__sucJ4{0%{border-color:var(--border);background:transparent;color:var(--muted-foreground)}}@keyframes lessonShowcase_drop__2Hm_z{0%{opacity:0;transform:translateY(-30px) rotate(10deg)}to{opacity:1;transform:rotate(3.5deg)}}@keyframes lessonShowcase_slam__H5EjX{0%{opacity:0;transform:scale(2.4) rotate(-30deg)}to{opacity:1;transform:rotate(-12deg)}}@keyframes lessonShowcase_blink__NRdJd{50%{opacity:0}}@keyframes lessonShowcase_wave___H2xs{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (max-width:600px){.lessonShowcase_stage__4yWEa{--u:1.55cqw;aspect-ratio:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);grid-template-areas:"top top" "board board" "kavee kavee" "quiz cert";gap:calc(var(--u)*2.4);align-items:start}.lessonShowcase_stage__4yWEa>*{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:auto;height:auto;max-height:none}.lessonShowcase_top__D_9RS{grid-area:top;height:calc(var(--u)*6)}.lessonShowcase_lesson__7N4FE,.lessonShowcase_visual__vIQwh{display:none}.lessonShowcase_bodySplit__q5S6k{grid-template-columns:minmax(0,1fr)}.lessonShowcase_board__sZTQr{grid-area:board}.lessonShowcase_kavee__kWMv3{grid-area:kavee}.lessonShowcase_wave___H2xs{display:none}.lessonShowcase_quiz__z18e2{grid-area:quiz}.lessonShowcase_cert__mSnkk{grid-area:cert;margin:calc(var(--u)*1) calc(var(--u)*1.6) calc(var(--u)*2) 0}.lessonShowcase_certBody__8DhHL{-webkit-line-clamp:3}.lessonShowcase_seal__ByGYO{width:calc(var(--u)*7.5);right:calc(var(--u)*-1);bottom:calc(var(--u)*-1.5)}}@media (prefers-reduced-motion:reduce){.lessonShowcase_stage__4yWEa *,.lessonShowcase_stage__4yWEa :after,.lessonShowcase_stage__4yWEa :before{animation:none!important}.lessonShowcase_replay__pzzJp{display:none}}