@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap);.week{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);list-style:none;margin:0;padding:0}.wk{align-items:center;border:2px solid #0000;border-radius:12px;display:flex;flex-direction:column;gap:1px;min-width:0;padding:6px 2px;text-align:center}.wk-day{color:var(--ink-2);font:800 12.5px var(--body)}.wk-ic{font-size:18px;line-height:1.2}.wk-sub{color:var(--navy);font:600 12.5px/1.15 var(--head)}.wk-chess{background:var(--t-green)}.wk-coding{background:var(--t-lav)}.wk-recap{background:var(--yellow-bg)}.wk-rest{background:#f1f4f9}.wk-today{border-color:var(--green);box-shadow:0 0 0 2px var(--green-bg)}.wk-today .wk-day{color:var(--green-d)}.week-lg{gap:12px}.week-lg .wk{border-radius:20px;gap:4px;padding:16px 6px}.week-lg .wk-day{font-size:14px}.week-lg .wk-ic{font-size:30px}.week-lg .wk-sub{font-size:17px}.week-lg .wk-note{color:var(--ink-2);font:700 12.5px var(--body)}@media (max-width:760px){.week-lg{grid-template-columns:repeat(4,1fr)}}.tsa-brand{--navy:#0a2c6b;--navy-2:#163e8c;--ink-2:#4a5a80;--ink-3:#8794b2;--green:#0b9a3c;--green-2:#22b455;--green-d:#077a2e;--green-bg:#e3f6ea;--yellow:#ffd43b;--yellow-2:#ffc21a;--yellow-d:#e0a100;--yellow-bg:#fff6da;--sky-0:#f4fbff;--sky-1:#e3f3fe;--sky-2:#c6e7fc;--card:#fff;--line:#e3ecf7;--t-green:#daf7e4;--t-peach:#ffe4d0;--t-lav:#e9e0ff;--t-blue:#dceeff;--head:"Fredoka","Arial Rounded MT Bold",system-ui,sans-serif;--body:"Nunito",system-ui,sans-serif;color:var(--navy);color-scheme:light;font-family:var(--body);line-height:1.55}.tsa-brand h1,.tsa-brand h2,.tsa-brand h3,.tsa-brand h4{font-family:var(--head);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0}.tsa-brand .btn{align-items:center;border:0;border-radius:16px;cursor:pointer;display:inline-flex;font:800 16px var(--body);gap:8px;justify-content:center;padding:14px 24px;text-decoration:none;transition:transform .08s;white-space:nowrap}.tsa-brand .btn:active{transform:translateY(3px)}.tsa-brand .btn:focus-visible{outline:3px solid var(--yellow-2);outline-offset:2px}.tsa-brand .btn-green{background:var(--green);box-shadow:0 5px 0 var(--green-d);color:#fff}.tsa-brand .btn-green:active{box-shadow:0 2px 0 var(--green-d)}.tsa-brand .btn-white{background:#fff;box-shadow:0 5px 0 #cfdcee;color:var(--navy)}.tsa-brand .btn-ghost{background:#0000;border:2px solid #cfdcee;color:var(--navy)}.tsa-brand .btn[disabled]{background:#dce3ee;box-shadow:none;color:var(--ink-3);cursor:not-allowed}.tsa-landing{--shadow:0 10px 30px #0a2c6b1a,0 2px 6px #0a2c6b0d;--wrap:1180px;background:var(--sky-0);min-height:100%}.tsa-landing img{display:block;max-width:100%}.tsa-landing a{color:inherit}.tsa-landing .wrap{margin:0 auto;max-width:var(--wrap);padding-inline:24px}.tsa-landing h1,.tsa-landing h2,.tsa-landing h3{text-wrap:balance;line-height:1.12}.tsa-landing .eyebrow{align-items:center;color:var(--green);display:inline-flex;font:800 13px var(--body);gap:8px;letter-spacing:.1em;text-transform:uppercase}.tsa-landing .sec{padding-block:96px;scroll-margin-top:88px}.tsa-landing .sec-head{margin:0 auto 48px;max-width:720px;text-align:center}.tsa-landing .sec-head h2{font-size:clamp(30px,4vw,44px);margin:10px 0 12px}.tsa-landing .sec-head p{color:var(--ink-2);font-size:18px;margin:0}.tsa-landing .nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:50}.tsa-landing .nav-in{align-items:center;display:flex;gap:28px;height:88px}.tsa-landing .nav-logo img{height:66px;width:auto}.tsa-landing .nav-links{display:flex;gap:26px;margin-left:auto}.tsa-landing .nav-links a{color:var(--ink-2);font-weight:800;text-decoration:none}.tsa-landing .nav-links a:hover{color:var(--navy)}.tsa-landing .nav-cta{display:flex;gap:10px}.tsa-landing .hero{background:linear-gradient(180deg,var(--sky-2) 0,var(--sky-1) 55%,var(--sky-0) 100%);overflow:hidden;padding:64px 0 150px;position:relative}.tsa-landing .hero-scene{height:200px;inset:auto 0 0 0;pointer-events:none;position:absolute}.tsa-landing .hero-scene svg{display:block;height:100%;width:100%}.tsa-landing .cloud{background:#fff;border-radius:99px;opacity:.9;position:absolute}.tsa-landing .hero-in{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1.05fr 1fr;position:relative}.tsa-landing .pill{align-items:center;background:#fff;border-radius:99px;box-shadow:var(--shadow);display:inline-flex;font:800 14px var(--body);gap:8px;padding:6px 14px 6px 6px}.tsa-landing .pill b{background:var(--green);border-radius:99px;color:#fff;font-size:12px;padding:3px 10px}.tsa-landing .hero h1{font-size:clamp(38px,5.4vw,64px);margin:20px 0 18px}.tsa-landing .hero h1 em{color:var(--green);font-style:normal}.tsa-landing .hero .lead{color:var(--ink-2);font-size:19px;margin:0 0 28px;max-width:540px}.tsa-landing .hero-ctas{display:flex;flex-wrap:wrap;gap:14px}.tsa-landing .hero-stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:34px}.tsa-landing .hero-stats div{font:700 28px/1 var(--head)}.tsa-landing .hero-stats span{color:var(--ink-2);display:block;font:700 13px var(--body);margin-top:6px}.tsa-landing .preview{background:#fff;border-radius:28px;box-shadow:0 24px 60px #0a2c6b2e;padding:18px;position:relative}.tsa-landing .pv-top{align-items:center;display:flex;gap:10px;margin-bottom:14px}.tsa-landing .pv-owl{border-radius:50%;box-shadow:0 0 0 3px #fff,0 3px 8px #0a2c6b33;height:46px;width:46px}.tsa-landing .pv-say{background:var(--yellow-bg);border-radius:14px;flex:1 1;font:italic 700 14px/1.4 var(--body);padding:8px 12px}.tsa-landing .pv-say b{color:var(--green);font-style:normal}.tsa-landing .pv-boards{grid-gap:14px;align-items:end;display:grid;gap:14px;grid-template-columns:.62fr 1fr}.tsa-landing .pv-label{align-items:center;display:flex;font:700 12px var(--head);gap:6px;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.tsa-landing .mini{aspect-ratio:1;border-radius:8px;container-type:inline-size;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);overflow:hidden;width:100%}.tsa-landing .mini span{display:grid;font-family:Segoe UI Symbol,DejaVu Sans,Noto Sans Symbols\ 2,sans-serif;font-size:10.5cqi;line-height:1;min-height:0;min-width:0;overflow:hidden;place-items:center}.tsa-landing .mini span.l{background:#f7e2ba}.tsa-landing .mini span.d{background:#d5a46a}.tsa-landing .mini i{font-style:normal}.tsa-landing .mini .w{-webkit-text-stroke:.5cqi #000;color:#fff;paint-order:stroke fill}.tsa-landing .mini .b{color:#0a0a0a}.tsa-landing .mini .hl{box-shadow:inset 0 0 0 3px var(--yellow-2)}.tsa-landing .mini .go{box-shadow:inset 0 0 0 3px var(--green-2)}.tsa-landing .frame-tutor{background:linear-gradient(180deg,#8ed3fa,#a8de8c);border-radius:12px;padding:5px}.tsa-landing .frame-you{background:#fff3da;border-radius:12px;box-shadow:0 0 0 4px #0b9a3c59;padding:5px}.tsa-landing .pv-badge{background:var(--green);border-radius:14px;box-shadow:0 5px 0 var(--green-d);color:#fff;font:700 15px var(--head);padding:8px 14px;position:absolute;right:-14px;top:-16px;transform:rotate(4deg);z-index:1}.tsa-landing .pv-badge2{align-items:center;background:#fff;border-radius:14px;bottom:-18px;box-shadow:var(--shadow);display:flex;font:800 13px var(--body);gap:6px;left:24px;padding:8px 12px;position:absolute}.tsa-landing .subjects{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.tsa-landing .subj{background:#fff;border-radius:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:28px;position:relative}.tsa-landing .subj-ic{border-radius:18px;display:grid;font-size:32px;height:64px;place-items:center;width:64px}.tsa-landing .subj h3{font-size:24px}.tsa-landing .subj p{color:var(--ink-2);margin:0}.tsa-landing .subj ul{grid-gap:7px;display:grid;gap:7px;list-style:none;margin:4px 0 0;padding:0}.tsa-landing .subj li{display:flex;font-size:15px;font-weight:700;gap:8px}.tsa-landing .subj li:before{color:var(--green);content:"✓";font-weight:900}.tsa-landing .subj-more{color:var(--green);font-weight:800;margin-top:auto;padding-top:8px;text-decoration:none}.tsa-landing .subj-more:hover{color:var(--green-d)}.tsa-landing .subj-more-off{color:var(--ink-3);cursor:default}.tsa-landing .tag{border-radius:99px;font:800 12px var(--body);padding:4px 10px;position:absolute;right:22px;top:22px}.tsa-landing .tag.live{background:var(--green-bg);color:var(--green-d)}.tsa-landing .tag.soon{background:#eef2f8;color:var(--ink-2)}.tsa-landing .how{background:#fff}.tsa-landing .steps{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(3,1fr)}.tsa-landing .step{padding:10px 18px;text-align:center}.tsa-landing .step-n{border-radius:50%;color:#fff;display:grid;font:700 32px var(--head);height:74px;margin:0 auto 16px;place-items:center;width:74px}.tsa-landing .step h3{font-size:23px;margin-bottom:8px}.tsa-landing .step p{color:var(--ink-2);margin:0}.tsa-landing .momo-sec{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:1fr 1fr}.tsa-landing .momo-h{font-size:clamp(30px,4vw,44px);margin-top:10px}.tsa-landing .momo-lead{color:var(--ink-2);font-size:18px;margin:14px 0 0}.tsa-landing .feat{grid-gap:18px;display:grid;gap:18px;margin-top:26px}.tsa-landing .feat-item{align-items:flex-start;display:flex;gap:14px}.tsa-landing .feat-ic{border-radius:14px;display:grid;flex-shrink:0;font-size:22px;height:48px;place-items:center;width:48px}.tsa-landing .feat-item h3{font-size:19px;margin-bottom:2px}.tsa-landing .feat-item p{color:var(--ink-2);margin:0}.tsa-landing .dido{background:#fff;border-radius:28px;box-shadow:var(--shadow);padding:22px}.tsa-landing .dido-steps{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:16px}.tsa-landing .dido-step{border-radius:16px;font:700 15px/1.25 var(--head);padding:12px;text-align:center}.tsa-landing .dido-step span{color:var(--ink-2);display:block;font:700 12.5px var(--body);margin-top:4px}.tsa-landing .rewards{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.tsa-landing .rw{border-radius:22px;padding:22px}.tsa-landing .rw-ic{font-size:34px}.tsa-landing .rw h3{font-size:20px;margin:10px 0 6px}.tsa-landing .rw p{color:var(--ink-2);font-size:15px;margin:0}.tsa-landing .quotes{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.tsa-landing .quote{background:#fff;border-radius:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;margin:0;padding:26px}.tsa-landing .stars{color:var(--yellow-2);font-size:18px;letter-spacing:2px}.tsa-landing .quote p{font-size:16.5px;margin:0}.tsa-landing .who{align-items:center;display:flex;gap:10px;margin-top:auto}.tsa-landing .who-av{border-radius:50%;color:#fff;display:grid;font:700 17px var(--head);height:42px;place-items:center;width:42px}.tsa-landing .who b{display:block;font-family:var(--head);font-weight:600}.tsa-landing .who span{color:var(--ink-2);font-size:13.5px}.tsa-landing .pricing{background:linear-gradient(180deg,var(--sky-1),var(--sky-0))}.tsa-landing .plans{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.tsa-landing .plan{background:#fff;border-radius:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;padding:30px;position:relative}.tsa-landing .plan.pop{border:3px solid var(--green);transform:translateY(-10px)}.tsa-landing .plan.pop.rv:not(.in){transform:translateY(8px)}.tsa-landing .pop-tag{background:var(--green);border-radius:99px;color:#fff;font:700 14px var(--head);left:50%;padding:5px 16px;position:absolute;top:-15px;transform:translateX(-50%)}.tsa-landing .plans-2{grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:820px}.tsa-landing .plan h3{align-items:baseline;display:flex;flex-wrap:wrap;font-size:24px;gap:10px}.tsa-landing .plan-kids{background:var(--sky-1);border-radius:99px;color:var(--ink-2);font:800 13px var(--body);padding:3px 10px}.tsa-landing .plan-after{color:var(--green-d);font-size:14px;font-weight:800;margin:-6px 0 0}.tsa-landing .price{font-feature-settings:"tnum";font:700 46px/1 var(--head);font-variant-numeric:tabular-nums}.tsa-landing .price small{color:var(--ink-2);font:700 15px var(--body)}.tsa-landing .plan .note{color:var(--ink-2);font-size:15px;margin:0}.tsa-landing .plan ul{grid-gap:9px;display:grid;gap:9px;list-style:none;margin:0;padding:0}.tsa-landing .plan li{display:flex;font-size:15px;font-weight:700;gap:10px}.tsa-landing .plan li.y:before{color:var(--green);content:"✓";font-weight:900}.tsa-landing .plan li.n{color:var(--ink-3)}.tsa-landing .plan li.n:before{content:"✕"}.tsa-landing .plan .btn{margin-top:8px}.tsa-landing .bill-note{color:var(--ink-2);font-weight:700;margin-top:22px;text-align:center}.tsa-landing .trust{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.tsa-landing .tr{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:24px}.tsa-landing .tr-ic{font-size:30px}.tsa-landing .tr h3{font-size:19px;margin:10px 0 6px}.tsa-landing .tr p{color:var(--ink-2);font-size:15px;margin:0}.tsa-landing .faq{grid-gap:12px;display:grid;gap:12px;margin:0 auto;max-width:820px}.tsa-landing .qa{background:#fff;border-radius:18px;box-shadow:var(--shadow)}.tsa-landing .qa button{align-items:center;background:none;border:0;color:var(--navy);cursor:pointer;display:flex;font:700 18px var(--head);gap:12px;justify-content:space-between;padding:20px 22px;text-align:left;width:100%}.tsa-landing .qa button:focus-visible{border-radius:18px;outline:3px solid var(--yellow-2)}.tsa-landing .qa button span{color:var(--green);font-size:22px;transition:transform .2s}.tsa-landing .qa button[aria-expanded=true] span{transform:rotate(45deg)}.tsa-landing .qa .ans{color:var(--ink-2);padding:0 22px 20px}.tsa-landing .qa .ans[hidden]{display:none}.tsa-landing .qa .ans p{margin:0}.tsa-landing .final{grid-gap:30px;align-items:center;background:var(--navy);border-radius:34px;color:#fff;display:grid;gap:30px;grid-template-columns:1fr auto;overflow:hidden;padding:56px;position:relative}.tsa-landing .final h2{font-size:clamp(28px,3.6vw,40px)}.tsa-landing .final p{color:#fffc;font-size:18px;margin:10px 0 0}.tsa-landing .final-owl{bottom:-20px;opacity:.2;position:absolute;right:260px;width:120px}.tsa-landing .final-btn{font-size:18px;padding:16px 28px;position:relative}.tsa-landing .foot{padding:56px 0 32px}.tsa-landing .foot-in{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1.4fr 1fr 1fr 1fr}.tsa-landing .foot img{height:96px;width:auto}.tsa-landing .foot h4{font:700 16px var(--head);margin:0 0 12px}.tsa-landing .foot ul{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.tsa-landing .foot a{color:var(--ink-2);font-weight:700;text-decoration:none}.tsa-landing .foot a:hover{color:var(--navy)}.tsa-landing .foot-soon{color:var(--ink-3);font-weight:700}.tsa-landing .foot .small{color:var(--ink-2);font-size:14px;margin-top:12px}.tsa-landing .foot-bot{border-top:1px solid var(--line);color:var(--ink-3);display:flex;flex-wrap:wrap;font-size:13.5px;gap:10px;justify-content:space-between;margin-top:36px;padding-top:20px}.tsa-landing .rv{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.tsa-landing .rv.in{opacity:1;transform:none}.tsa-landing .plan.pop.rv.in{transform:translateY(-10px)}@media (max-width:980px){.tsa-landing .hero-in,.tsa-landing .momo-sec,.tsa-landing .plans,.tsa-landing .plans-2,.tsa-landing .quotes,.tsa-landing .steps,.tsa-landing .subjects{grid-template-columns:1fr}.tsa-landing .rewards,.tsa-landing .trust{grid-template-columns:1fr 1fr}.tsa-landing .plan.pop,.tsa-landing .plan.pop.rv.in{transform:none}.tsa-landing .nav-links{display:none}.tsa-landing .final{grid-template-columns:1fr;padding:36px}.tsa-landing .foot-in{grid-template-columns:1fr 1fr}}@media (max-width:560px){.tsa-landing .foot-in,.tsa-landing .rewards,.tsa-landing .trust{grid-template-columns:1fr}.tsa-landing .nav-cta .btn-ghost{display:none}.tsa-landing .nav-logo img{height:40px}.tsa-landing .sec{padding-block:64px}}@media (prefers-reduced-motion:reduce){.tsa-landing .rv{opacity:1;transform:none;transition:none}}.sp-page{background:#fff;color:#0d0d2b;font-family:Nunito,sans-serif}.sp-nav{background:#fff;border-bottom:2px solid #ebebf5;height:68px;justify-content:space-between;padding:0 60px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sp-nav,.sp-nav-logo{align-items:center;display:flex}.sp-nav-logo{color:#0d0d2b;cursor:pointer;font-size:17px;font-weight:900;gap:8px}.sp-nav-dot{background:#6c63ff;border-radius:50%;display:inline-block;height:10px;width:10px}.sp-nav-links{align-items:center;display:flex;gap:6px}.sp-nav-link{border-radius:8px;color:#444;cursor:pointer;font-size:14px;font-weight:700;padding:8px 14px}.sp-nav-link:hover{background:#f0f0ff;color:#6c63ff}.sp-nav-cta{background:#6c63ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:900;padding:10px 22px}.sp-hero{padding:60px 60px 50px;text-align:center}.sp-hero-emoji{font-size:56px;margin-bottom:16px}.sp-hero-title{color:#fff;font-size:48px;font-weight:900;margin-bottom:12px}.sp-hero-tagline{color:#ffffffd9;font-size:18px;font-weight:700;line-height:1.5;margin:0 auto 16px;max-width:560px}.sp-hero-tutor{background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:30px;color:#fff;display:inline-block;font-size:14px;font-weight:800;padding:8px 20px}.sp-pillars{background:#fff;border-bottom:2px solid #ebebf5;flex-wrap:wrap;justify-content:center}.sp-pillar,.sp-pillars{align-items:center;display:flex}.sp-pillar{border-right:1px solid #ebebf5;font-size:14px;font-weight:800;gap:8px;padding:16px 24px}.sp-pillar:last-child{border-right:none}.sp-pillar-check{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-weight:900;height:22px;justify-content:center;width:22px}.sp-body{grid-gap:0;align-items:start;display:grid;gap:0;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:60px}.sp-about{border-right:2px solid #ebebf5;padding-right:48px}.sp-about-title{color:#0d0d2b;font-size:28px;font-weight:900;margin-bottom:20px}.sp-about-para{color:#444;font-size:15px;font-weight:600;line-height:1.8;margin-bottom:18px}.sp-enrol-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:15px;font-weight:900;margin-top:24px;padding:16px 28px;width:100%}.sp-syllabus{padding-left:48px}.sp-syllabus-title{color:#0d0d2b;font-size:28px;font-weight:900;margin-bottom:20px}.sp-level{border:2px solid #ebebf5;border-radius:10px;margin-bottom:10px;overflow:hidden}.sp-level-header{align-items:center;background:#f7f7fd;border:none;color:#0d0d2b;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:15px;font-weight:900;justify-content:space-between;padding:16px 20px;text-align:left;transition:all .15s;width:100%}.sp-level-header:hover{background:#eeedfe}.sp-level-chevron{flex-shrink:0;font-size:11px}.sp-lessons{padding:8px 0}.sp-lesson{border-bottom:1px solid #f0f0f8}.sp-lesson:last-child{border-bottom:none}.sp-lesson-header{align-items:center;background:none;border:none;color:#0d0d2b;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;gap:12px;padding:12px 16px;text-align:left;transition:background .1s;width:100%}.sp-lesson-header:hover{background:#f7f7fd}.sp-lesson-num,.sp-lesson-open{font-weight:900}.sp-lesson-num{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;height:26px;justify-content:center;width:26px}.sp-lesson-title{flex:1 1}.sp-lesson-chevron{color:#aaa;flex-shrink:0;font-size:10px}.sp-lesson-detail{background:#fafafa;border-left:3px solid;border-radius:0 4px 4px 0;color:#555;font-size:13px;font-weight:600;line-height:1.7;margin:0 16px 8px;padding:8px 16px 14px 54px}.sp-cta{padding:72px 60px;text-align:center}.sp-cta-title{color:#fff;font-size:34px;font-weight:900;margin-bottom:12px}.sp-cta-sub{color:#fffc;font-size:16px;font-weight:600;line-height:1.7;margin:0 auto 28px;max-width:520px}.sp-cta-btn{background:#fff;border:none;border-radius:10px;cursor:pointer;display:block;font-family:Nunito,sans-serif;font-size:16px;font-weight:900;margin:0 auto 12px;padding:16px 34px}.sp-cta-small{color:#ffffff73;font-size:13px;font-weight:700}.sp-footer{background:#06060f;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:28px 60px}.sp-footer,.sp-footer-logo{align-items:center;display:flex}.sp-footer-logo{color:#ffffff80;cursor:pointer;font-size:14px;font-weight:900;gap:8px}.sp-footer-links{display:flex;gap:20px}.sp-footer-links span{color:#ffffff4d;cursor:pointer;font-size:13px;font-weight:700}.sp-footer-tag{color:#fff3;font-size:13px;font-weight:600}.auth-page{align-items:center;background:var(--navy);display:flex;justify-content:center;min-height:100vh;padding:24px 16px}.auth-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:36px 32px;width:100%}.auth-logo{align-items:center;color:var(--navy);display:flex;font-size:14px;font-weight:800;gap:8px;margin-bottom:24px}.auth-logo-dot{background:var(--purple);border-radius:50%;display:inline-block;height:10px;width:10px}.auth-title{color:var(--text-primary);font-size:26px;font-weight:900;letter-spacing:-.5px;margin-bottom:6px}.auth-sub{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.auth-error{background:var(--coral-pale);border:1px solid #e24b4a33;border-radius:var(--radius-md);color:var(--coral);font-size:13px;font-weight:600;margin-bottom:16px;padding:10px 14px}.auth-form{gap:16px;margin-bottom:20px}.auth-form,.field{display:flex;flex-direction:column}.field{gap:6px}.field-label{color:var(--text-primary);font-size:13px;font-weight:700}.field-input{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;height:44px;padding:0 14px;transition:border-color .15s;width:100%}.field-input:focus{background:#fff;border-color:var(--purple)}.auth-btn{background:var(--navy);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-main);font-size:15px;font-weight:800;height:48px;transition:background .15s,opacity .15s}.auth-btn:hover{background:#252545}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-switch{color:var(--text-secondary);font-size:13px;margin-bottom:16px;text-align:center}.auth-link{color:var(--purple);cursor:pointer;font-weight:700}.auth-divider{color:var(--text-muted);font-size:12px;margin-bottom:12px;position:relative;text-align:center}.child-login-btn{background:var(--teal-pale);border:1.5px solid #1d9e7533;border-radius:var(--radius-md);color:var(--teal);cursor:pointer;font-family:var(--font-main);font-size:14px;font-weight:700;height:44px;transition:background .15s;width:100%}.child-login-btn:hover{background:#1d9e7526}.auth-features{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;margin-top:20px;padding-top:20px}.auth-feature{color:var(--text-secondary);font-size:13px;font-weight:600}.child-login-page{background:var(--navy)}.child-login-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:36px 28px;text-align:center;width:100%}.child-login-title{color:var(--text-primary);font-size:24px;font-weight:900;margin-bottom:24px}.child-avatars{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:24px}.child-avatar-btn{align-items:center;background:none;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;transition:border-color .15s,transform .15s}.child-avatar-btn:hover{border-color:var(--child-color);transform:translateY(-3px)}.child-avatar-circle{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:50%;display:flex;font-size:36px;height:72px;justify-content:center;width:72px}.child-avatar-name{color:var(--text-primary);font-size:14px;font-weight:800}.back-to-parent{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:var(--font-main);font-size:13px;font-weight:600;margin-top:8px}.pin-avatar{align-items:center;border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 16px;width:80px}.pin-label{color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:20px}.pin-dots{display:flex;gap:14px;justify-content:center;margin-bottom:24px}.pin-dot{background:#0000;border:2px solid var(--border-strong);border-radius:50%;height:18px;transition:background .15s,border-color .15s;width:18px}.pin-dot-filled{border-color:#0000}.pin-pad{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:0 auto 16px;max-width:260px}.pin-key{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-main);font-size:22px;font-weight:800;height:60px;transition:background .1s,transform .1s}.pin-key:active{background:var(--purple-pale);transform:scale(.94)}.pin-key-empty{background:#0000;border-color:#0000;cursor:default}.test-access-box{background:#fffbea;border:1.5px solid #fac775;border-radius:var(--radius-md);margin-bottom:16px;padding:10px 14px}.test-access-label{color:#ba7517;font-size:11px;font-weight:800;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.test-access-creds{color:#633806;font-size:13px;line-height:1.6}.setup-page{padding:24px 16px}.setup-loading,.setup-page{align-items:center;background:var(--navy);display:flex;justify-content:center;min-height:100vh}.setup-spinner{animation:spin .8s linear infinite;border:3px solid #6c63ff33;border-radius:50%;border-top:3px solid var(--purple);height:40px;width:40px}.setup-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:440px;padding:36px 32px;width:100%}.setup-card-wide{max-width:520px}.setup-logo{align-items:center;color:var(--navy);display:flex;font-size:14px;font-weight:800;gap:8px;margin-bottom:24px}.setup-dot{background:var(--purple);border-radius:50%;display:inline-block;height:10px;width:10px}.setup-progress{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}.setup-prog-step{background:var(--surface);border-radius:20px;color:var(--text-muted);font-size:11px;font-weight:700;padding:4px 10px}.setup-prog-active{background:var(--purple-pale);color:var(--purple)}.setup-prog-done{background:var(--teal-pale);color:var(--teal)}.setup-prog-divider{background:var(--border);flex:1 1;height:1px;min-width:12px}.setup-welcome-icon{font-size:52px;margin-bottom:16px;text-align:center}.setup-title{font-size:24px;margin-bottom:10px;text-align:center}.setup-section-title,.setup-title{color:var(--text-primary);font-weight:900;line-height:1.3}.setup-section-title{font-size:20px;margin-bottom:8px}.setup-sub{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:24px;text-align:center}.setup-error{background:var(--coral-pale);border:1px solid #e24b4a33;border-radius:var(--radius-md);color:var(--coral);font-size:13px;font-weight:600;margin-bottom:16px;padding:10px 14px}.setup-btn-primary{background:var(--navy);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-main);font-size:15px;font-weight:800;height:50px;margin-top:8px;transition:background .15s;width:100%}.setup-btn-primary:hover{background:#252545}.setup-btn-primary:disabled{cursor:not-allowed;opacity:.6}.setup-btn-secondary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-main);font-size:14px;font-weight:700;height:46px;padding:0 20px;transition:background .15s}.setup-btn-secondary:hover{background:var(--border)}.setup-btn-row{align-items:center;display:flex;gap:10px;margin-top:8px}.setup-btn-row .setup-btn-primary{flex:1 1;margin-top:0}.avatar-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.avatar-option{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:50%;cursor:pointer;display:flex;font-size:28px;height:56px;justify-content:center;transition:all .15s;width:56px}.avatar-option:hover,.avatar-selected{transform:scale(1.1)}.setup-preview{align-items:center;background:var(--surface);border-radius:var(--radius-md);display:flex;gap:14px;margin:16px 0;padding:14px 18px}.setup-preview-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:28px;height:52px;justify-content:center;width:52px}.setup-preview-name{color:var(--text-primary);font-size:16px;font-weight:800}.pin-input-row{display:flex;gap:12px;margin-top:8px}.pin-input-box{background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-main);font-size:28px;font-weight:900;height:64px;text-align:center;transition:border-color .15s;width:56px}.pin-input-box:focus{background:#fff;border-color:var(--purple);outline:none}.pin-avatar-display{align-items:center;border-radius:50%;display:flex;font-size:36px;height:72px;justify-content:center;margin:0 auto 16px;width:72px}.prefs-list{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.pref-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:14px;padding:14px 16px}.pref-icon{flex-shrink:0;font-size:28px}.pref-info{flex:1 1}.pref-name{font-size:15px;font-weight:800;margin-bottom:2px}.pref-desc{color:var(--text-muted);font-size:11px;margin-bottom:8px}.pref-track{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.pref-fill{border-radius:3px;height:100%;transition:width .2s ease}.pref-controls{flex-shrink:0;gap:8px}.pref-btn,.pref-controls{align-items:center;display:flex}.pref-btn{background:#fff;border:1.5px solid var(--border-strong);border-radius:50%;cursor:pointer;font-family:var(--font-main);font-size:18px;font-weight:700;height:32px;justify-content:center;transition:background .1s;width:32px}.pref-btn:hover{background:var(--purple-pale);border-color:var(--purple)}.pref-val{color:var(--text-primary);font-size:16px;font-weight:900;min-width:44px;text-align:center}.prefs-total{border-radius:var(--radius-md);font-size:13px;font-weight:700;margin-bottom:8px;padding:8px;text-align:center}.prefs-total-ok{background:var(--teal-pale);color:var(--teal)}.prefs-total-err{background:var(--coral-pale);color:var(--coral)}.children-summary{display:flex;flex-direction:column;gap:10px;margin:20px 0}.child-summary-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:14px;padding:14px 16px}.child-sum-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:26px;height:48px;justify-content:center;width:48px}.child-sum-name{font-size:15px;font-weight:800;margin-bottom:3px}.child-sum-prefs{color:var(--text-muted);font-size:12px}.verify-icon{font-size:52px;margin-bottom:16px;text-align:center}.verify-steps{display:flex;flex-direction:column;gap:10px;margin:20px 0}.verify-step{color:var(--text-secondary);font-size:14px;font-weight:600;gap:12px}.verify-step,.vstep-num{align-items:center;display:flex}.vstep-num{background:var(--purple-pale);border-radius:50%;color:var(--purple);flex-shrink:0;font-size:13px;font-weight:900;height:28px;justify-content:center;width:28px}.id-reveal-icon{font-size:52px;margin-bottom:16px;text-align:center}.student-id-box{background:var(--navy);border-radius:var(--radius-lg);margin:20px 0;padding:24px;text-align:center}.student-id-label{color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.student-id-value{color:#fff;font-family:var(--font-mono);font-size:32px;font-weight:900;letter-spacing:4px;margin-bottom:10px}.student-id-hint{color:#ffffff80;font-size:12px;line-height:1.5}.id-instructions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.id-instruction-row{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:12px}.id-step{align-items:center;background:var(--purple-pale);border-radius:50%;color:var(--purple);display:flex;flex-shrink:0;font-size:12px;font-weight:900;height:26px;justify-content:center;width:26px}.child-sum-id{color:var(--purple);font-size:13px;font-weight:700;margin-bottom:2px}.child-sum-id strong{font-family:var(--font-mono);letter-spacing:1px}.student-id-input{font-family:var(--font-mono)!important;font-size:16px!important;letter-spacing:2px;text-transform:uppercase}.field-hint{color:var(--text-muted);font-size:12px;margin-top:5px}.dash{--shadow:0 8px 24px #0a2c6b17,0 2px 4px #0a2c6b0d;background:linear-gradient(180deg,var(--sky-1),var(--sky-0) 40%);min-height:100%}.dash-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.dash-side{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px;height:100vh;overflow-y:auto;padding:18px 14px;position:-webkit-sticky;position:sticky;top:0}.dash-logo img{display:block;height:68px;width:auto}.dash-who{align-items:center;background:var(--sky-0);border-radius:16px;display:flex;gap:10px;padding:10px}.dash-av{border-radius:50%;color:#fff;display:grid;flex-shrink:0;font:700 18px var(--head);height:42px;place-items:center;width:42px}.dash-who b{display:block;font:600 16px var(--head)}.dash-who span{color:var(--ink-2);font-size:12.5px;font-weight:700}.dash-nav{grid-gap:4px;display:grid;gap:4px}.dash-nav-l{color:var(--ink-3);font:800 11px var(--body);letter-spacing:.12em;padding:0 12px 6px;text-transform:uppercase}.dash-nav button{align-items:center;background:none;border:0;border-radius:14px;color:var(--ink-2);cursor:pointer;display:flex;font:800 15px var(--body);gap:12px;padding:10px 12px;text-align:left}.dash-nav button:hover{background:var(--sky-0);color:var(--navy)}.dash-nav button:focus-visible{outline:3px solid var(--yellow-2)}.dash-nav button.on{background:var(--green-bg);color:var(--green-d)}.dash-nav .ic{font-size:18px;text-align:center;width:22px}.dash-foot{background:var(--yellow-bg);border-radius:16px;color:var(--ink-2);font-size:13.5px;font-weight:700;margin-top:auto;padding:14px}.dash-foot b{color:var(--navy);display:block;font:600 15px var(--head);margin-bottom:4px}.dash-main{min-width:0;padding:16px 28px}.dash-top{align-items:center;display:flex;gap:12px;margin-bottom:16px}.dash-top h1{font-size:26px}.dash-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-left:auto}.dash .chip{align-items:center;border-radius:99px;display:inline-flex;font:800 14px var(--body);gap:6px;padding:7px 14px;white-space:nowrap}.dash .card,.dash .chip{background:#fff;box-shadow:var(--shadow)}.dash .card{border-radius:22px;padding:18px 20px}.dash .card-h{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.dash .card-h h2{font-size:19px}.dash .card-h .muted{color:var(--ink-2);font:800 13px var(--body)}.dash .stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin:16px 0}.dash .stat{align-items:center;border-radius:20px;display:flex;gap:14px;padding:12px 16px}.dash .stat-ic{background:#ffffffb3;border-radius:14px;display:grid;flex-shrink:0;font-size:22px;height:44px;place-items:center;width:44px}.dash .stat b{font-feature-settings:"tnum";display:block;font:700 26px/1 var(--head);font-variant-numeric:tabular-nums}.dash .stat span{color:var(--ink-2);font-size:13.5px;font-weight:800}.dash .two{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:1.55fr 1fr}.dash .prog{background:#eef2f8;border-radius:99px;height:12px;margin:6px 0 14px;overflow:hidden}.dash .prog i{background:linear-gradient(90deg,var(--green-2),var(--green));border-radius:99px;display:block;height:100%}.dash .prog-l{color:var(--ink-2);display:flex;font:800 13.5px var(--body);justify-content:space-between}.dash .badges{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.dash .badge{border-radius:16px;padding:10px 6px;text-align:center}.dash .badge .bi{font-size:26px}.dash .badge b{display:block;font:600 13.5px var(--head);margin-top:4px}.dash .badge span{color:var(--ink-2);display:block;font-size:11px;font-weight:700;line-height:1.25}.dash .badge.off{background:#f3f5f9!important;filter:grayscale(1);opacity:.55}.dash .empty{color:var(--ink-2);font-size:14px;font-weight:700;padding:8px 4px}.dash-banner{align-items:center;background:var(--navy);color:#fff;display:flex;font-size:14px;font-weight:800;gap:14px;justify-content:center;padding:8px 16px}.dash-banner button{background:#0000;border:2px solid #fff6;border-radius:99px;color:#fff;cursor:pointer;font:800 13px var(--body);padding:4px 12px}@media (max-width:1150px){.dash .two{grid-template-columns:1fr}.dash .stats{grid-template-columns:1fr 1fr}}@media (max-width:860px){.dash-shell{grid-template-columns:1fr}.dash-side{align-items:center;flex-direction:row;flex-wrap:wrap;height:auto;position:static}.dash-logo img{height:52px}.dash-foot,.dash-who{display:none}.dash-nav{grid-auto-flow:column;overflow-x:auto}.dash-nav-l{display:none}.dash-main{padding:16px}.dash .stats{grid-template-columns:1fr}.dash-chips{display:none}}@media (min-width:861px) and (max-height:800px){.dash .dash-main{padding-bottom:10px;padding-top:10px}.dash .dash-top{margin-bottom:8px}.dash .dash-top h1{font-size:22px}.dash .chip{padding:5px 12px}.dash .welcome{gap:16px;padding:10px 20px}.dash .welcome-owl{height:60px;width:60px}.dash .welcome h2{font-size:24px}.dash .welcome-note{padding:7px 14px}.dash .stats{gap:12px;margin:10px 0}.dash .stat{padding:7px 14px}.dash .stat-ic{font-size:20px;height:38px;width:38px}.dash .stat b{font-size:22px}.dash .two{gap:14px}.dash .dash-col{gap:12px}.dash .card{padding:12px 16px}.dash .card-h{margin-bottom:6px}.dash .prog{height:10px;margin:4px 0 8px}.dash .path{gap:6px}.dash .lesson{padding:4px 10px}.dash .lesson .n{height:32px;width:32px}.dash .badge{padding:6px 4px}.dash .badge .bi{font-size:22px}.dash .next-badge{margin-top:8px}.dash-side{gap:12px;padding-top:12px}.dash-logo img{height:56px}}.pd-loading{background:var(--sky-0);display:grid;min-height:100vh;place-items:center}.pd-spin{animation:pd-spin .8s linear infinite;border:3px solid var(--green-bg);border-radius:50%;border-top-color:var(--green);height:40px;width:40px}@keyframes pd-spin{to{transform:rotate(1turn)}}.dash .pd-col{grid-gap:16px;display:grid;gap:16px}.dash .pd-id{color:var(--navy);display:inline;font:inherit;margin:0}.dash .kids{display:flex;flex-wrap:wrap;gap:10px}.dash .kid{align-items:center;background:#fff;border:2px solid var(--line);border-radius:99px;color:var(--navy);cursor:pointer;display:flex;font:800 15px var(--body);gap:8px;padding:5px 16px 5px 5px}.dash .kid .dash-av{font-size:14px;height:32px;width:32px}.dash .kid.on{background:var(--green-bg);border-color:var(--green)}.dash .kid.add{border-style:dashed;color:var(--ink-2);padding-left:16px}.dash .kid:focus-visible{outline:3px solid var(--yellow-2)}.dash .chart{align-items:flex-end;border-bottom:2px solid var(--line);display:flex;gap:14px;height:140px;padding:0 4px}.dash .bar{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;position:relative}.dash .bar i{background:var(--green-2);border-radius:4px 4px 0 0;display:block;max-width:46px;min-height:3px;transition:background .15s;width:100%}.dash .bar:focus i,.dash .bar:hover i{background:var(--green-d)}.dash .bar .tip{background:var(--navy);border-radius:8px;bottom:calc(100% + 4px);color:#fff;font:800 12px var(--body);left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s;white-space:nowrap}.dash .bar:focus .tip,.dash .bar:hover .tip{opacity:1}.dash .bar .v{font-feature-settings:"tnum";color:var(--ink-2);font:800 12px var(--body);font-variant-numeric:tabular-nums;margin-bottom:4px}.dash .days{display:flex;gap:14px;padding:6px 4px 0}.dash .days span{color:var(--ink-2);flex:1 1;font:800 12.5px var(--body);text-align:center}.dash .feed{grid-gap:2px;display:grid;gap:2px}.dash .ev{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:8px 4px}.dash .ev:last-child{border-bottom:0}.dash .ev .ei{border-radius:12px;display:grid;flex-shrink:0;font-size:17px;height:34px;place-items:center;width:34px}.dash .ev b{display:block;font:600 15px var(--head)}.dash .ev span{color:var(--ink-2);font-size:13px;font-weight:700}.dash .ev time{color:var(--ink-3);font-size:12.5px;font-weight:800;margin-left:auto;white-space:nowrap}.dash .sub{background:var(--navy);color:#fff}.dash .sub .tagp{background:var(--green-2);border-radius:99px;display:inline-block;font:800 12px var(--body);padding:3px 10px}.dash .sub h3{font-size:24px;margin:8px 0 2px}.dash .sub .sub-line{font-size:14px;font-weight:700;opacity:.9}.dash .sub .sub-line b{color:var(--yellow)}.dash .sub .sub-offer{border-top:1px solid #fff3;color:#bff0cf;font-size:14px;font-weight:800;padding-top:10px}.dash .sub dl{grid-gap:6px 10px;display:grid;font-size:14px;gap:6px 10px;grid-template-columns:auto 1fr;margin:10px 0}.dash .sub dt{font-weight:700;opacity:.75}.dash .sub dd{font-weight:800;margin:0;overflow-wrap:anywhere;text-align:right}.dash .ctrl{grid-gap:12px;display:grid;gap:12px}.dash .ctrl-row{align-items:center;display:flex;font-size:14.5px;font-weight:800;gap:10px;justify-content:space-between}.dash .ctrl-row span{color:var(--ink-2);display:block;font-size:13px;font-weight:700}.dash .ctrl-row .on-pill{background:var(--green-bg);border-radius:99px;color:var(--green-d);display:inline-block;flex-shrink:0;font:800 12.5px var(--body);padding:4px 12px}.dash .welcome{align-items:center;background:linear-gradient(180deg,#a8dcfb,#d6effe);border-radius:26px;box-shadow:var(--shadow);display:flex;gap:20px;overflow:hidden;padding:18px 26px;position:relative}.dash .welcome:after{background:radial-gradient(120% 100% at 30% 100%,#7cc667 60%,#0000 61%),radial-gradient(90% 100% at 85% 100%,#9fd37e 60%,#0000 61%);bottom:-40px;content:"";height:80px;left:0;pointer-events:none;position:absolute;right:0}.dash .welcome-owl{border-radius:50%;box-shadow:0 0 0 4px #fff,0 8px 18px #0a2c6b33;flex-shrink:0;height:80px;position:relative;width:80px;z-index:1}.dash .welcome-txt{flex:1 1;min-width:0;position:relative;z-index:1}.dash .welcome h2{font-size:28px}.dash .welcome p{color:var(--ink-2);font-size:16px;font-weight:700;margin:4px 0 0}.dash .welcome .btn,.dash .welcome-note{position:relative;z-index:1}.dash .welcome-note{background:#ffffffe6;border-left:5px solid var(--green-2);border-radius:16px;color:var(--ink-2);font-size:14px;font-weight:700;line-height:1.35;margin:0;max-width:330px;padding:10px 16px}.dash .welcome-note b{color:var(--navy);display:block;font:600 17px var(--head);margin-bottom:2px}.dash .wn-coding{border-left-color:#9a7bff}.dash .wn-recap{border-left-color:var(--yellow-2)}.dash .wn-rest{border-left-color:var(--ink-3)}.dash .dash-col{grid-gap:16px;display:grid;gap:16px}.dash .path{grid-gap:8px;display:grid;gap:8px}.dash .lesson{align-items:center;border:2px solid var(--line);border-radius:16px;display:flex;gap:12px;padding:8px 12px}.dash .lesson .n{border-radius:50%;display:grid;flex-shrink:0;font:700 16px var(--head);height:36px;place-items:center;width:36px}.dash .lesson-txt{min-width:0}.dash .lesson b{display:block;font:600 15.5px var(--head)}.dash .lesson-txt span{color:var(--ink-2);font-size:13px;font-weight:700}.dash .lesson .st{border-radius:99px;font:800 12.5px var(--body);margin-left:auto;padding:5px 10px;white-space:nowrap}.dash .lesson.done{background:#f6fcf8;border-color:#cdefd9}.dash .lesson.done .n{background:var(--green);color:#fff}.dash .lesson.done .st{background:var(--green-bg);color:var(--green-d)}.dash .lesson.now{background:var(--yellow-bg);border-color:var(--yellow-2)}.dash .lesson.now .n{background:var(--yellow-2);color:#fff}.dash .lesson.now .st{background:var(--yellow-2);color:var(--navy)}.dash .lesson.lock{opacity:.6}.dash .lesson.lock .n{background:#eef2f8;color:var(--ink-3)}.dash .lesson.lock .st{background:#eef2f8;color:var(--ink-2)}.dash .lesson.now .btn{font-size:14px;padding:8px 14px}.dash .next-badge{color:var(--ink-2);font-size:13.5px;font-weight:700;margin:12px 0 0}@media (max-width:860px){.dash .welcome{flex-wrap:wrap}}.warmup-page{background:#0f1117;display:flex;flex-direction:column;height:100vh;overflow:hidden}.warmup-topbar{background:var(--navy);flex-shrink:0;height:48px;justify-content:space-between;padding:0 20px}.warmup-logo,.warmup-topbar{align-items:center;display:flex}.warmup-logo{color:#fff;font-size:13px;font-weight:800;gap:7px}.wu-dot{background:var(--purple);border-radius:50%;display:inline-block;height:8px;width:8px}.warmup-phase-label{color:#ffffffb3;font-size:13px;font-weight:700}.warmup-timer{background:var(--amber);border-radius:20px;color:#fff;font-family:var(--font-mono);font-size:16px;font-weight:900;letter-spacing:1px;padding:4px 14px}.warmup-progress-bar{background:#ffffff1a;flex-shrink:0;height:4px}.warmup-progress-fill{background:var(--amber);height:100%;transition:width 1s linear}.warmup-center{align-items:center;display:flex;flex:1 1;justify-content:center;padding:24px 16px}.warmup-complete-card,.warmup-ready-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:480px;padding:36px 32px;text-align:center;width:100%}.warmup-ready-icon,.wu-complete-icon{font-size:52px;margin-bottom:14px}.warmup-ready-title{color:var(--text-primary);font-size:22px;font-weight:900;margin-bottom:10px}.warmup-ready-sub{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:20px}.warmup-stats-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.warmup-stat{align-items:center;background:var(--surface);border-radius:20px;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.warmup-start-btn{background:var(--amber);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-main);font-size:16px;font-weight:900;height:50px;transition:opacity .15s;width:100%}.warmup-start-btn:hover{opacity:.9}.wu-next-btn{background:var(--purple)!important;margin-top:16px}.wu-next-label{color:var(--text-muted);font-size:13px;margin-bottom:4px}.wu-results{display:flex;gap:24px;justify-content:center;margin:20px 0}.wu-result-item{text-align:center}.wu-result-val{color:var(--purple);font-size:40px;font-weight:900}.wu-result-lbl{color:var(--text-muted);font-size:12px;font-weight:600}.warmup-active{display:flex;flex:1 1;flex-direction:column;min-height:0}.warmup-momo-bar{background:var(--navy);gap:12px;padding:12px 20px}.warmup-momo-bar,.wu-avatar{align-items:center;display:flex;flex-shrink:0}.wu-avatar{background:var(--amber);border-radius:50%;font-size:16px;height:36px;justify-content:center;width:36px}.wu-speech{background:#ffffff12;border-radius:var(--radius-md);flex:1 1;padding:8px 12px}.wu-name{color:#fac775;font-size:10px;font-weight:700;letter-spacing:.06em;margin-bottom:2px;text-transform:uppercase}.wu-text{color:#e2e8f0;font-size:12px;line-height:1.5}.wu-live-stats{display:flex;flex-shrink:0;gap:14px}.wu-stat-item{text-align:center}.wu-stat-val{color:#fff;font-size:20px;font-weight:900}.wu-stat-lbl{color:#fff6;font-size:10px;font-weight:600;text-transform:uppercase}.warmup-text-area{align-items:center;background:#0d1117;display:flex;flex:1 1;justify-content:center;padding:24px 32px}.warmup-passage{font-family:var(--font-mono);font-size:20px;line-height:2.2;max-width:700px;text-align:center}.ch-wrong{background:#e24b4a26}.ch-cursor{animation:blink .8s infinite;border-bottom:3px solid var(--purple);color:#e2e8f0}.ch-pending{color:#ffffff40}.warmup-hidden-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.wu-skip-btn{background:#fffbea;border:1.5px solid #fac775;border-radius:8px;color:#ba7517;cursor:pointer;font-family:var(--font-main);font-size:12px;font-weight:800;padding:6px 14px;white-space:nowrap}.wu-skip-btn:hover{background:#faeeda}.wu-skip-btn-lg{background:#fffbea;border:1.5px solid #fac775;border-radius:10px;color:#ba7517;cursor:pointer;font-family:var(--font-main);font-size:13px;font-weight:800;margin-top:10px;padding:12px 16px;width:100%}.wu-skip-btn-lg:hover{background:#faeeda}.wu-loading-bar{background:#e8e8f0;border-radius:4px;height:4px;margin-top:20px;overflow:hidden}.wu-loading-fill{animation:wu-load 1.2s ease-in forwards;background:#6c63ff;border-radius:4px;height:100%}@keyframes wu-load{0%{width:0}to{width:100%}}.chess-root{flex-direction:column;font-family:var(--font-main);overflow:hidden}.chess-loading,.chess-root{background:#0f1117;display:flex;height:100%}.chess-loading{align-items:center;color:#ffffff80;font-size:15px;font-weight:600;justify-content:center}.chess-topbar{align-items:center;background:#0d0d2b;border-bottom:3px solid #1d9e75;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:8px 16px}.chess-topbar-left{min-width:0}.chess-title{color:#fff;font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chess-subtitle{color:#fff6;font-size:11px;font-weight:600;margin-top:2px}.chess-prog-wrap{align-items:center;display:flex;flex-shrink:0;gap:8px}.chess-prog-track{background:#ffffff1a;border-radius:4px;height:4px;overflow:hidden;width:80px}.chess-prog-fill{background:#1d9e75;border-radius:4px;height:100%;transition:width .4s}.chess-prog-lbl{color:#ffffff4d;font-size:10px;font-weight:700;white-space:nowrap}.sess-bar{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;gap:10px;padding:5px 16px}.sess-badge{border-radius:20px;color:#fff;font-size:10px;font-weight:800;padding:2px 9px}.sess-dots{display:flex;flex:1 1;gap:5px;justify-content:center}.sess-dot{background:#ffffff1f;border-radius:50%;height:7px;transition:all .2s;width:7px}.sess-dot.active{transform:scale(1.3)}.sess-dot.done{background:#ffffff61!important}.sess-count{color:#ffffff4d;font-size:10px;font-weight:700;white-space:nowrap}.chess-panels{display:grid;flex:1 1;grid-template-columns:1fr 1fr 230px;min-height:0;overflow:hidden}.chess-panel{border-right:1px solid #ffffff0f;display:flex;flex-direction:column;overflow:hidden}.chess-panel:last-child{border-right:none}.chess-panel-hdr{align-items:center;color:#ffffffe6;display:flex;flex-shrink:0;font-size:10px;font-weight:800;gap:7px;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.hdr-badge{background:#ffffff26;border-radius:3px;color:#fff;font-size:8px;font-weight:700;padding:1px 6px}.hdr-badge-green{background:#1d9e75}.chess-panel-body{align-items:center;background:#161826;gap:8px;min-height:0;padding:10px 8px 6px}.chess-panel-body,.chess-result-body{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.chess-result-body{background:#0a0c14;gap:10px;padding:12px}.cb-container{display:flex;flex-direction:column}.cb-owner{align-items:center;display:flex;font-size:10px;font-weight:800;gap:6px;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.cb-owner-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.cb-inner{display:flex;gap:4px}.cb-ranks{display:flex;flex-direction:column}.cb-rank-lbl{align-items:center;color:#fff6;display:flex;font-size:10px;font-weight:600;justify-content:center;width:14px}.cb-right{display:flex;flex-direction:column}.cb-board{border:3px solid #fff3;border-radius:3px;flex-shrink:0;overflow:hidden;position:relative}.cb-files{display:flex;margin-top:3px}.cb-file-lbl{color:#fff6;font-size:10px;font-weight:600;height:13px}.cb-file-lbl,.cb-sq{align-items:center;display:flex;justify-content:center}.cb-sq{position:absolute;transition:background .08s}.cb-sq-interactive{cursor:pointer}.cb-sq-interactive:hover{filter:brightness(1.12)}.cb-target-ring{animation:ring-pulse 1s ease-in-out infinite;border:2.5px solid #32e650e6;border-radius:3px;inset:3px;pointer-events:none;position:absolute}@keyframes ring-pulse{0%,to{opacity:1}50%{opacity:.5}}.cb-piece-wrap{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;width:100%}.tray-wrap{background:#111320;border-radius:8px;flex-shrink:0;padding:7px 8px 8px;width:100%}.tray-label{color:#ffffff4d;font-size:9px;font-weight:700;letter-spacing:.07em;margin-bottom:6px;text-transform:uppercase}.tray-row{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.tray-piece{align-items:center;border:2px solid #0000;border-radius:7px;display:flex;flex-direction:column;gap:2px;min-width:40px;padding:5px 7px;position:relative;transition:all .12s;-webkit-user-select:none;user-select:none}.tray-active{background:#1a2e1a;border-color:#1d9e75;cursor:grab}.tray-active:hover{background:#1f381f;transform:translateY(-2px)}.tray-active:active{cursor:grabbing;transform:scale(.96)}.tray-locked{background:#ffffff05;border-color:#ffffff0d;cursor:not-allowed;opacity:.28}.tray-piece-name{font-size:8px;font-weight:700;letter-spacing:.02em}.tray-active .tray-piece-name{color:#5dcaa5}.tray-locked .tray-piece-name{color:#ffffff40}.tray-active-glow{animation:glow-pulse .9s ease-in-out infinite;background:#1d9e75;border-radius:50%;height:6px;position:absolute;right:3px;top:3px;width:6px}@keyframes glow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.tray-hint{color:#5dcaa5;font-size:9px;font-weight:600;margin-top:5px;text-align:center}.tray-hint strong{color:#fff}.chess-badge{border-radius:20px;display:inline-block;font-size:10px;font-weight:800;padding:3px 10px}.chess-badge-inst{background:#6c63ff2e;color:#c4bcff}.chess-badge-ex{background:#1d9e752e;color:#5dcaa5}.chess-badge-puzzle{background:#ba75172e;color:#fac775}.chess-badge-review{background:#6c63ff24;color:#c4bcff}.chess-badge-challenge{background:#e24b4a24;color:#f09595}.chess-task-box{background:#ffffff0d;border-radius:9px;padding:10px 12px}.chess-task-lbl{color:#ffffff4d;font-size:9px;font-weight:700;letter-spacing:.07em;margin-bottom:4px;text-transform:uppercase}.chess-task-text{color:#e2e8f0;font-size:12px;line-height:1.65}.chess-fb{border-radius:9px;font-size:12px;font-weight:600;line-height:1.55;padding:9px 12px}.chess-fb-success{background:#1d9e751f;border:1px solid #1d9e7540;color:#5dcaa5}.chess-fb-error{background:#e24b4a1a;border:1px solid #e24b4a38;color:#f09595}.chess-fb-hint{background:#fac77514;border:1px solid #fac77533;color:#fac775}.chess-yesno{display:flex;gap:8px}.chess-yes-btn{background:#1d9e751f;border:1.5px solid #1d9e754d;border-radius:10px;color:#5dcaa5;cursor:pointer;flex:1 1;font-family:var(--font-main);font-size:15px;font-weight:900;height:44px}.chess-yes-btn:hover{background:#1d9e7538}.chess-no-btn{background:#e24b4a1a;border:1.5px solid #e24b4a40;border-radius:10px;color:#f09595;cursor:pointer;flex:1 1;font-family:var(--font-main);font-size:15px;font-weight:900;height:44px}.chess-no-btn:hover{background:#e24b4a2e}.chess-adv-btn{background:#1d9e75;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:var(--font-main);font-size:13px;font-weight:900;padding:11px;transition:opacity .15s;width:100%}.chess-adv-btn:hover{opacity:.88}.chess-next-row{align-items:center;color:#ffffff59;display:flex;font-size:11px;font-weight:600;gap:10px}.chess-skip-btn{background:none;border:none;color:#a78bfa;cursor:pointer;font-family:var(--font-main);font-size:11px;font-weight:800}.chess-piece-reminder{align-items:center;background:#1d9e750f;border:1px solid #1d9e7524;border-radius:9px;color:#ffffff80;display:flex;font-size:11px;gap:10px;line-height:1.6;padding:9px 11px}.chess-piece-reminder strong{color:#5dcaa5}.chess-tutor-bar{align-items:flex-start;background:#0f1117;border-top:1px solid #ffffff12;display:flex;flex-shrink:0;gap:10px;padding:10px 14px}.tutor-av{align-items:center;background:#1d9e75;border-radius:50%;display:flex;flex-shrink:0;font-size:19px;height:38px;justify-content:center;width:38px}.tutor-bubble{background:#ffffff0a;border-radius:10px;flex:1 1;min-width:0;padding:8px 12px}.tutor-name{align-items:center;color:#5dcaa5;display:flex;font-size:9px;font-weight:800;gap:7px;letter-spacing:.07em;margin-bottom:4px;text-transform:uppercase}.tutor-voice-pill{background:#1d9e7533;border-radius:10px;color:#5dcaa5;font-size:9px;font-weight:700;padding:1px 7px}.tutor-speech{color:#e2e8f0;font-size:12px;font-weight:400;line-height:1.7}.tutor-voice-btn{align-items:center;align-self:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;transition:background .15s;width:34px}.tutor-voice-btn.voice-on{background:#1d9e7526;border-color:#1d9e7559;color:#5dcaa5}.chess-done-screen{align-items:center;background:#0d0d2b;display:flex;height:100%;justify-content:center;padding:24px}.chess-done-card{background:#ffffff0a;border:1px solid #1d9e7540;border-radius:20px;max-width:460px;padding:40px 36px;text-align:center;width:100%}.chess-done-trophy{font-size:56px;margin-bottom:14px}.chess-done-card h2{color:#fff;font-size:24px;font-weight:900;margin-bottom:6px}.chess-done-subtitle{color:#5dcaa5;font-size:14px;font-weight:700;margin-bottom:14px}.chess-done-msg{color:#fff9;font-size:14px;line-height:1.7;margin-bottom:16px}.chess-done-concept{background:#1d9e7514;border:1px solid #1d9e7533;border-radius:10px;color:#a8f0d8;font-size:13px;line-height:1.6;padding:12px 14px;text-align:left}:root{--sky-0:#f3faff;--sky-1:#e3f3fe;--sky-2:#c6e7fc;--navy:#0a2c6b;--navy-2:#2b4aa0;--ink-2:#4a5a80;--ink-3:#8794b2;--card:#fff;--shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;--yellow:#ffd43b;--yellow-2:#ffc21a;--yellow-d:#e0a100;--orange-t:#f08a00;--blue-t:#1d4ed8;--green:#0b9a3c;--green-2:#22b455;--green-d:#077a2e;--red:#ef4444;--cream:#fff6da;--cream-line:#fbe7a6;--pill:#e3f1ff;--t-green:#daf7e4;--t-peach:#ffe4d0;--t-lav:#e9e0ff;--t-blue:#dceeff;--light-sq:#f7e2ba;--dark-sq:#d5a46a;--head:"Fredoka","Fredoka One","Arial Rounded MT Bold",system-ui,sans-serif;--body:"Nunito",system-ui,sans-serif}.cl-root.cl-chess{--navy:#0a2c6b;--pad:16px;--gap:16px;--top-h:64px;--S:555px;--T:333px;--L:377px;--R:243px;background:linear-gradient(180deg,#c6e7fc,#e3f3fe 30%,#f3faff 70%);background:linear-gradient(180deg,var(--sky-2) 0,var(--sky-1) 30%,var(--sky-0) 70%);color:#0a2c6b;color:var(--navy);display:flex;flex-direction:column;font-family:Nunito,system-ui,sans-serif;font-family:var(--body);height:100%;overflow:hidden;position:relative;width:100%}.cl-root *,.cl-root :after,.cl-root :before,.cl-root.cl-chess{box-sizing:border-box}.cl-root button{font-family:inherit}.cl-scene{inset:0;pointer-events:none;position:fixed;z-index:0}.cl-scene svg{display:block;position:absolute}.cl-scene-hills{bottom:0;height:24vh;left:0;right:0;width:100%}.cl-scene-trees-l{left:-40px;top:40px;width:220px}.cl-scene-trees-r{right:-50px;top:30px;width:260px}.cl-chess .cl-topbar{background:#ffffffeb;box-shadow:0 2px 12px #13296b14;gap:14px;height:var(--top-h);justify-content:flex-start;padding:0 var(--pad);position:relative;z-index:3}.cl-brand,.cl-chess .cl-topbar{align-items:center;display:flex;flex-shrink:0}.cl-brand img{display:block;height:calc(var(--top-h) - 12px);width:auto}.cl-topbar-sep{background:#e1e8f3;flex-shrink:0;height:34px;width:1px}.cl-back{background:#2b4aa0;background:var(--navy-2);border:0;border-radius:50%;box-shadow:0 3px 0 #1b3480;color:#fff;cursor:pointer;display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.cl-back svg{width:18px}.cl-lesson-badge{background:#ffd43b;background:var(--yellow);border-radius:12px;box-shadow:inset 0 -3px 0 #00000014;flex-shrink:0;padding:4px 12px}.cl-lesson-badge-t{font:700 14px/1.1 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 14px/1.1 var(--head);white-space:nowrap}.cl-lesson-badge-s{color:#5b4a12;font:700 10.5px Nunito,system-ui,sans-serif;font:700 10.5px var(--body);white-space:nowrap}.cl-title-wrap{flex:0 1 auto;min-width:0}.cl-chess .cl-lesson-title{color:#0a2c6b;color:var(--navy);font:700 20px/1.1 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 20px/1.1 var(--head);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-progbar{background:#e3eaf5;border-radius:99px;height:8px;margin-top:6px;max-width:100%;position:relative;width:180px}.cl-progbar-fill{background:linear-gradient(90deg,#ffe27a,#ffc21a);background:linear-gradient(90deg,#ffe27a,var(--yellow-2));border-radius:99px;inset:0 auto 0 0;position:absolute;transition:width .5s}.cl-progbar-star{font-size:15px;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-55%);transition:left .5s}.cl-tracker{flex-shrink:0;gap:8px;margin-left:auto}.cl-tracker,.cl-tracker-stage{align-items:center;display:flex}.cl-tracker-stage{color:#4a5a80;color:var(--ink-2);font:800 13px Nunito,system-ui,sans-serif;font:800 13px var(--body);gap:6px;white-space:nowrap}.cl-tracker-dot{border-radius:50%;color:#fff;display:grid;font-size:13px;font-weight:900;height:26px;line-height:1;place-items:center;width:26px}.cl-ts-done .cl-tracker-dot{background:#0b9a3c;background:var(--green)}.cl-ts-now{color:#0a2c6b;color:var(--navy)}.cl-ts-now .cl-tracker-dot{background:#ffc21a;background:var(--yellow-2);box-shadow:0 0 0 4px #fff1c7}.cl-ts-lock .cl-tracker-dot{background:#b8c2d6;font-size:11px}.cl-tracker-line{background:#d5deeb;border-radius:3px;height:3px;width:18px}.cl-test-jumper{background:#fff1e0;border:1.5px solid #f7b267;border-radius:8px;color:#b45309;cursor:pointer;flex-shrink:1;font:700 12px Nunito,system-ui,sans-serif;font:700 12px var(--body);max-width:170px;min-width:0;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.cl-test-jumper:focus{outline:2px solid #f97316b3;outline-offset:1px}.cl-test-jumper option{background:#fff;color:#0a2c6b;color:var(--navy);font-weight:600}.cl-timer-pill{font-feature-settings:"tnum";align-items:center;background:#e3f1ff;border-radius:99px;color:#0a2c6b;color:var(--navy);display:flex;flex-shrink:0;font:700 15px Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 15px var(--head);font-variant-numeric:tabular-nums;gap:5px;padding:7px 12px;white-space:nowrap}.cl-timer-pill.cl-timer-warn{background:#ffe4e4;color:#b91c1c}.cl-user{align-items:center;display:flex;flex-shrink:0;font:800 14px Nunito,system-ui,sans-serif;font:800 14px var(--body);gap:8px}.cl-user-av{background:#ffd9b3;border-radius:50%;color:#8a4b12;display:grid;font:700 16px Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 16px var(--head);height:34px;place-items:center;width:34px}.cl-user-name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1360px){.cl-tracker-stage span{display:none}}@media (max-width:1200px){.cl-progbar{width:120px}}.cl-columns{grid-gap:var(--gap);display:grid;flex:1 1;gap:var(--gap);grid-template-columns:var(--L) auto var(--R);justify-content:center;min-height:0;padding:var(--pad);position:relative;z-index:1}.cl-col-center,.cl-col-left,.cl-col-right{display:flex;flex-direction:column;gap:var(--gap);min-height:0;min-width:0}.cl-achieve-card,.cl-agemode-card,.cl-bcard,.cl-momo-card,.cl-score-card,.cl-watch-card{background:#fff;background:var(--card);border-radius:22px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow)}.cl-achieve-title,.cl-score-label,.cl-watch-title{align-items:center;color:#0a2c6b;color:var(--navy);display:flex;font:700 17px Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 17px var(--head);gap:8px;letter-spacing:.02em;text-transform:uppercase}.cl-momo-card{display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:14px 16px}.cl-momo-top{align-items:center;display:flex;gap:12px}.cl-momo-avatar{border-radius:50%;box-shadow:0 0 0 3px #fff,0 4px 10px #13296b2e;flex-shrink:0;height:58px;width:58px}.cl-momo-avatar img{border-radius:50%;display:block;height:100%;width:100%}.cl-momo-name{font:700 22px/1 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 22px/1 var(--head)}.cl-momo-sub{color:#8794b2;color:var(--ink-3);font:800 11.5px Nunito,system-ui,sans-serif;font:800 11.5px var(--body);letter-spacing:.16em;margin-top:4px;text-transform:uppercase}.cl-momo-controls{display:flex;gap:8px;margin-left:auto}.cl-ctrl-btn{background:#e6eaf1;border:0;border-radius:50%;color:#6b7896;cursor:pointer;display:grid;flex-shrink:0;font-size:16px;height:44px;line-height:1;place-items:center;width:44px}.cl-ctrl-btn:hover{background:#dce2ec}.cl-ctrl-main{box-shadow:0 4px 0 #e0a100;box-shadow:0 4px 0 var(--yellow-d);color:#fff;font-size:15px}.cl-ctrl-main,.cl-ctrl-main:hover{background:#ffc21a;background:var(--yellow-2)}.cl-ctrl-main:active{box-shadow:0 1px 0 #e0a100;box-shadow:0 1px 0 var(--yellow-d);transform:translateY(3px)}.cl-momo-bubble{background:#fff6da;background:var(--cream);border:2px solid #fbe7a6;border:2px solid var(--cream-line);border-radius:16px;color:#0a2c6b;color:var(--navy);font-style:italic;font-weight:700;height:clamp(84px,13vh,150px);line-height:1.45;overflow-y:auto;padding:10px 14px}.cl-watch-card{display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 16px 16px}.cl-watch-head{align-items:center;display:flex;gap:8px;height:38px;justify-content:space-between}.cl-watch-title{font-size:clamp(14px,1.2vw,17px);min-width:0;overflow:hidden;white-space:nowrap}.cl-watch-owl{border-radius:50%;box-shadow:0 0 0 3px #fff,0 3px 8px #13296b40;flex-shrink:0;height:38px;width:38px}.cl-watch-owl img{border-radius:50%;display:block;height:100%;width:100%}.cl-watch-again{align-items:center;background:#e3f1ff;background:var(--pill);border:0;border-radius:99px;color:#0a2c6b;color:var(--navy);cursor:pointer;display:inline-flex;flex-shrink:0;font:800 13px Nunito,system-ui,sans-serif;font:800 13px var(--body);gap:6px;padding:7px 12px;white-space:nowrap}.cl-watch-again svg{width:16px}.cl-watch-again:disabled{cursor:default;opacity:.45}.cl-watch-zone{display:flex;justify-content:center}.cl-tutor-frame{background:linear-gradient(180deg,#8ed3fa,#a8de8c);border-radius:12px;box-shadow:0 6px 16px #13296b2e;height:var(--T);padding:6px;position:relative;width:var(--T)}.cl-tutor-inner{border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.cl-tutor-fx{inset:0;pointer-events:none;position:absolute;z-index:4}.cl-tutor-dot{aspect-ratio:1;background:#f59e0b;border-radius:50%;box-shadow:0 0 0 3px #fff;width:4.2%}.cl-tutor-dot,.cl-tutor-lift{position:absolute;transform:translate(-50%,-50%)}.cl-tutor-lift{filter:drop-shadow(0 6px 6px rgba(0,0,0,.3));height:12.5%;width:12.5%}.cl-tutor-hand{filter:drop-shadow(0 4px 5px rgba(0,0,0,.3));position:absolute;transform:translate(-28%,-8%);width:16%}.cl-tutor-hand svg{display:block;height:auto;transition:transform .15s;width:100%}.cl-tutor-hand.cl-press svg{transform:scale(.85)}.cl-momo-avatar.cl-talk,.cl-watch-owl.cl-talk{animation:cl-bob .9s ease-in-out infinite}@keyframes cl-bob{50%{transform:translateY(-4px) rotate(-4deg)}}.cl-bcard{margin:auto 0;padding:18px 18px 8px 8px;position:relative}.cl-bgrid{display:grid;grid-template-columns:22px var(--S);grid-template-rows:var(--S) 24px}.cl-ranks{display:grid;grid-template-rows:repeat(8,1fr)}.cl-files{display:grid;grid-column:2;grid-template-columns:repeat(8,1fr)}.cl-files span,.cl-ranks span{color:#0a2c6b;color:var(--navy);display:grid;font:800 14px Nunito,system-ui,sans-serif;font:800 14px var(--body);place-items:center}.cl-status-pill{background:#ffd43b;background:var(--yellow);border-radius:20px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);color:#0a2c6b;color:var(--navy);font:600 15px/1.25 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:600 15px/1.25 var(--head);left:calc(50% + 5px);max-width:calc(var(--S) - 24px);padding:7px 18px;pointer-events:none;position:absolute;text-align:center;top:0;transform:translate(-50%,-50%);width:-webkit-max-content;width:max-content;z-index:6}.cl-status-pill.cl-pill-go,.cl-status-pill.cl-pill-ok{background:#0b9a3c;background:var(--green);color:#fff}.cl-status-pill.cl-pill-bad{background:#ef4444;background:var(--red);color:#fff}.cl-board-wrap{height:var(--S);position:relative;width:var(--S)}.cl-board-frame-new{border-radius:8px;box-shadow:0 0 0 3px #fff3da,0 6px 18px #7846142e}.cl-board-frame-new,.cl-board-inner{height:100%;overflow:hidden;position:relative;width:100%}.cl-board-inner img,.cl-board-inner svg{-webkit-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none}.cl-score-card{display:flex;flex-direction:column;flex-shrink:0;padding:12px 16px}.cl-score-label{font-size:16px}.cl-score-label:before{content:"⭐";font-size:18px}.cl-score-big{font-feature-settings:"tnum";background:#eff8ff;border-radius:16px 16px 0 0;color:#1d4ed8;color:var(--blue-t);font:700 clamp(32px,5.4vh,56px)/1.05 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 clamp(32px,5.4vh,56px)/1.05 var(--head);font-variant-numeric:tabular-nums;margin-top:6px;padding-top:4px;text-align:center}.cl-score-sub,.cl-star-row{background:#e8f4fe;text-align:center}.cl-score-sub{color:#0a2c6b;color:var(--navy);font:700 13px Nunito,system-ui,sans-serif;font:700 13px var(--body)}.cl-star-row{border-radius:0 0 16px 16px;font-size:13px;letter-spacing:2px;padding:2px 0 6px}.cl-achieve-card{display:flex;flex:0 1 auto;flex-direction:column;gap:8px;min-height:0;overflow:hidden;padding:12px 14px}.cl-achieve-title{flex-shrink:0;font-size:16px}.cl-badge-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;min-height:0}.cl-badge{align-items:center;border-radius:16px;display:flex;filter:grayscale(.85);flex-direction:column;gap:2px;justify-content:center;min-height:0;opacity:.6;overflow:hidden;padding:7px 6px;text-align:center;transition:filter .4s,opacity .4s,transform .4s}.cl-badge.cl-badge-earned{filter:none;opacity:1;transform:scale(1.03)}.cl-badge-icon{font-size:clamp(20px,3.2vh,30px);line-height:1.1}.cl-badge-name{font:700 clamp(13px,1.8vh,16px)/1.1 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 clamp(13px,1.8vh,16px)/1.1 var(--head)}.cl-badge-desc{color:#4a5a80;color:var(--ink-2);font:700 11.5px/1.25 Nunito,system-ui,sans-serif;font:700 11.5px/1.25 var(--body)}.cl-badge-g{background:#daf7e4;background:var(--t-green)}.cl-badge-g .cl-badge-name{color:#12804a}.cl-badge-p{background:#ffe4d0;background:var(--t-peach)}.cl-badge-p .cl-badge-name{color:#c2410c}.cl-badge-v{background:#e9e0ff;background:var(--t-lav)}.cl-badge-v .cl-badge-name{color:#6d28d9}.cl-badge-u{background:#dceeff;background:var(--t-blue)}.cl-badge-u .cl-badge-name{color:#1d4ed8}@media (max-height:820px){.cl-badge-desc{display:none}}.cl-exercise{gap:10px}.cl-exercise,.cl-exercise-scroll{display:flex;flex:1 1;flex-direction:column;min-height:0}.cl-exercise-scroll{gap:8px;overflow-y:auto}.cl-agemode-card{display:flex;flex-shrink:0;gap:8px;padding:10px}.cl-age-btn{background:#e3f1ff;background:var(--pill);border:0;border-radius:14px;color:#0a2c6b;color:var(--navy);cursor:pointer;flex:1 1;font:700 18px/1 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 18px/1 var(--head);padding:9px 0;transition:background .15s}.cl-age-btn.cl-age-active{background:#ffd43b;background:var(--yellow)}.cl-age-btn:hover:not(.cl-age-active){background:#d3e8ff}.cl-exercise-scroll>*{flex-shrink:0}.cl-score-row{align-items:center;display:flex;gap:6px}.cl-score-box{align-items:baseline;background:#fff;border-radius:10px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);display:flex;gap:3px;padding:4px 10px}.cl-score-n{color:#0b9a3c;color:var(--green);font:700 18px Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 18px var(--head)}.cl-score-d{color:#4a5a80;color:var(--ink-2);font-size:12px;font-weight:800}.cl-streak{color:#c2410c;font-size:12px;font-weight:900}.cl-fb{border-radius:14px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);font-size:13px;font-weight:800;line-height:1.5;padding:9px 12px}.cl-fb-success{background:#daf7e4;background:var(--t-green);color:#12804a}.cl-fb-error{background:#ffe4e4;color:#b91c1c}.cl-fb-hint{background:#fff6da;background:var(--cream);color:#92400e}.cl-fb-info{background:#dceeff;background:var(--t-blue);color:#0a2c6b;color:var(--navy)}.cl-col-btns{display:flex;flex-direction:column;gap:8px}.cl-dark-btn,.cl-light-btn{border:0;border-radius:14px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);cursor:pointer;font:700 15px Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 15px var(--head);padding:11px}.cl-light-btn{background:#f7e2ba;background:var(--light-sq);color:#0a2c6b;color:var(--navy)}.cl-dark-btn{background:#d5a46a;background:var(--dark-sq);color:#fff}.cl-dark-btn:hover,.cl-light-btn:hover{filter:brightness(1.04)}.cl-file-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.cl-file-btn{background:#fff;border:0;border-radius:12px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);color:#0a2c6b;color:var(--navy);cursor:pointer;font:700 16px Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 16px var(--head);padding:9px 4px;transition:background .12s}.cl-file-btn:hover{background:#e3f1ff;background:var(--pill)}.cl-recap{background:#fff;border-radius:18px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;padding:10px}.cl-recap-q{color:#0a2c6b;color:var(--navy);font-size:13px;font-weight:800;line-height:1.45}.cl-recap-opts{display:flex;flex-direction:column;gap:6px}.cl-recap-opt{background:#e3f1ff;background:var(--pill);border:2px solid #0000;border-radius:12px;color:#0a2c6b;color:var(--navy);cursor:pointer;font:800 14px Nunito,system-ui,sans-serif;font:800 14px var(--body);padding:8px 12px;text-align:left;transition:background .12s}.cl-recap-opt:hover:not(:disabled){background:#d3e8ff}.cl-recap-opt:disabled{cursor:default}.cl-recap-correct{background:#daf7e4;background:var(--t-green);border-color:#0b9a3c;border-color:var(--green);color:#12804a}.cl-recap-wrong{background:#ffe4e4;border-color:#ef4444;border-color:var(--red);color:#b91c1c}.cl-recap-mono{font-family:SF Mono,Consolas,monospace;font-size:13px;letter-spacing:.02em}.cl-tray{align-items:center;background:#fff;border-radius:16px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:5px;padding:10px}.cl-tray-lbl{color:#4a5a80;color:var(--ink-2);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.cl-tray-piece{align-items:center;display:flex;flex-direction:column;gap:3px}.cl-tray-piece-icon{background:#fff6da;background:var(--cream);border:2px solid #fbe7a6;border:2px solid var(--cream-line);border-radius:10px;color:#0a2c6b;color:var(--navy);font-size:20px;font-weight:900;padding:5px 10px}.cl-tray-piece-sq{color:#4a5a80;color:var(--ink-2);font-size:11px;font-weight:700}.cl-speed{background:#fff;border-radius:18px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:7px;padding:10px}.cl-speed-find{color:#4a5a80;color:var(--ink-2);font-size:11px;font-weight:800}.cl-speed-sq{color:#1d4ed8;color:var(--blue-t);font:700 40px/1 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 40px/1 var(--head);letter-spacing:.1em;text-align:center}.cl-speed-track{background:#e3eaf5;border-radius:8px;height:8px;overflow:hidden}.cl-speed-fill{background:#0b9a3c;background:var(--green);border-radius:8px;height:100%;transition:width 1s linear}.cl-speed-meta{color:#4a5a80;color:var(--ink-2);display:flex;font-size:11px;font-weight:800;justify-content:space-between}.cl-continue{align-items:center;border:0;border-radius:18px;cursor:pointer;display:flex;flex-shrink:0;font:700 clamp(15px,2vh,19px) Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 clamp(15px,2vh,19px) var(--head);gap:8px;justify-content:center;padding:14px 10px;transition:background .25s ease;white-space:nowrap;width:100%}.cl-continue-locked{background:#e3f1ff;background:var(--pill);color:#4a5a80;color:var(--ink-2);cursor:not-allowed}.cl-continue-ready{animation:cl-btn-pulse 1.6s ease-in-out infinite;background:linear-gradient(180deg,#22b455,#0b9a3c);background:linear-gradient(180deg,var(--green-2),var(--green));box-shadow:0 5px 0 #077a2e;box-shadow:0 5px 0 var(--green-d);color:#fff}.cl-continue-ready:active{box-shadow:0 2px 0 #077a2e;box-shadow:0 2px 0 var(--green-d);transform:translateY(3px)}@keyframes cl-btn-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}.cl-continue-listening{align-items:center;animation:cl-listening-pulse 1s ease-in-out infinite;color:#f08a00;color:var(--orange-t);display:flex;font-size:14px;gap:6px}@keyframes cl-listening-pulse{0%,to{opacity:1}50%{opacity:.5}}.cl-audio-overlay{align-items:center;background:#13296b73;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;z-index:50}.cl-audio-overlay-card{align-items:center;background:#fff;border-radius:22px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);color:#0a2c6b;color:var(--navy);display:flex;flex-direction:column;font-size:15px;font-weight:800;gap:10px;padding:22px 30px;text-align:center}.cl-start-overlay{align-items:center;background:#13296b40;border-radius:0;cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.cl-start-btn{align-items:center;animation:cl-start-pulse 2s ease-in-out infinite;background:linear-gradient(180deg,#22b455,#0b9a3c);background:linear-gradient(180deg,var(--green-2),var(--green));border-radius:18px;box-shadow:0 5px 0 #077a2e,0 10px 24px #13296b40;box-shadow:0 5px 0 var(--green-d),0 10px 24px #13296b40;color:#fff;display:flex;flex-direction:column;font:700 18px Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 18px var(--head);gap:7px;padding:14px 28px}.cl-start-icon{font-size:26px}@keyframes cl-start-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes cl-sq-blink{0%,to{box-shadow:inset 0 0 0 4px #fffffff2}50%{box-shadow:inset 0 0 0 2px #ffffff26}}@keyframes cl-sq-blink-yellow{0%,to{background-color:initial;box-shadow:inset 0 0 0 4px #ffd200}50%{background-color:initial;box-shadow:inset 0 0 0 2px #ffd2004d}}.cl-done{align-items:center;background:radial-gradient(ellipse at 50% 40%,#1c1237bf 0,#0000 68%),#0d1220;display:flex;height:100%;justify-content:center;padding:20px}.cl-done-card{background:#151d2ee6;border:1px solid #f973164d;border-radius:18px;max-width:380px;padding:32px 28px;text-align:center;width:100%}.cl-done-icon{color:#fbbf24;margin-bottom:10px}.cl-done-card h2{color:#fff;font-family:Fredoka One,cursive;font-size:22px;font-weight:400;margin:0 0 6px}.cl-done-sub{color:#fb923c;font-size:12px;font-weight:700;margin-bottom:12px}.cl-done-msg{color:#cbd5e1;font-size:12px;line-height:1.7;margin-bottom:16px}.cl-done-score{background:#1d9e751a;border:1px solid #1d9e7540;border-radius:11px;display:flex;flex-direction:column;gap:2px;padding:12px}.cl-done-n{color:#5dcaa5;font-family:Fredoka One,cursive;font-size:36px;font-weight:900}.cl-done-l{color:#94a3b8;font-size:11px;font-weight:700}.cl-done-next-preview{background:#ff950014;border:1px solid #ff95004d;border-radius:11px;margin-top:14px;padding:12px;text-align:center}.cl-done-next-lbl{color:#ff9500;font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.cl-done-next-title{color:#fff;font-family:Fredoka One,cursive;font-size:15px;margin-bottom:4px}.cl-done-next-desc{color:#cbd5e1;font-size:11px;line-height:1.6}.cl-indep-target{align-items:center;background:#fff;border-radius:18px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;padding:12px}.cl-indep-find{color:#4a5a80;color:var(--ink-2);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cl-indep-sq{color:#1d4ed8;color:var(--blue-t);font:700 46px/1 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 46px/1 var(--head);letter-spacing:.06em}.cl-indep-hint{color:#8794b2;color:var(--ink-3);font-size:11px;font-weight:800}.cl-letter-panel{background:#fff;border-radius:18px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);flex-shrink:0;max-height:180px;overflow-y:auto;padding:10px}.cl-letter-panel-lbl{color:#4a5a80;color:var(--ink-2);font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:7px;text-transform:uppercase}.cl-letter-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.cl-letter-card{align-items:center;animation:cl-card-pop .35s ease-out;background:#fff6da;background:var(--cream);border:1.5px solid #fbe7a6;border:1.5px solid var(--cream-line);border-radius:12px;display:flex;flex-direction:column;padding:7px 3px}@keyframes cl-card-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.cl-letter-card-icon{font-size:20px;line-height:1;margin-bottom:2px}.cl-letter-card-letter{color:#f08a00;color:var(--orange-t);font:700 19px/1.1 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 19px/1.1 var(--head)}.cl-letter-card-name{color:#4a5a80;color:var(--ink-2);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.cl-letter-ref{background:#fff;border-radius:18px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);padding:10px}.cl-letter-ref-title{color:#4a5a80;color:var(--ink-2);font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:7px;text-transform:uppercase}.cl-letter-ref-grid{display:flex;flex-direction:column;gap:5px}.cl-letter-ref-card{align-items:center;animation:cl-letter-pop .35s ease-out;background:#fff6da;background:var(--cream);border:1px solid #fbe7a6;border:1px solid var(--cream-line);border-radius:10px;display:flex;gap:9px;padding:5px 8px}@keyframes cl-letter-pop{0%{opacity:0;transform:translateX(8px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.cl-letter-ref-icon{font-size:18px;line-height:1}.cl-letter-ref-letter{color:#f08a00;color:var(--orange-t);font:700 18px Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 18px var(--head);min-width:22px;text-align:center}.cl-letter-ref-name{color:#0a2c6b;color:var(--navy);font-size:12px;font-weight:800}.cl-move-display{align-items:center;background:#fff;border-radius:18px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:5px;padding:11px}.cl-move-label{color:#4a5a80;color:var(--ink-2);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cl-move-text{color:#f08a00;color:var(--orange-t);font-family:Courier New,monospace;font-size:38px;font-weight:900;letter-spacing:.04em;line-height:1}.cl-move-explain{color:#4a5a80;color:var(--ink-2);font-size:12px;font-weight:700;text-align:center}.cl-notation-drag-panel{align-items:center;background:#fff;border-radius:18px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;padding:12px 10px}.cl-nd-label{color:#4a5a80;color:var(--ink-2);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cl-nd-notation{color:#f08a00;color:var(--orange-t);font-family:Courier New,monospace;font-size:44px;font-weight:900;letter-spacing:.04em;line-height:1}.cl-nd-explain{color:#0a2c6b;color:var(--navy);font-size:12px;font-weight:700;text-align:center}.cl-nd-progress{color:#8794b2;color:var(--ink-3);font-size:10px;font-weight:800}.cl-done-animated{animation:cl-done-fadein .5s ease-out}@keyframes cl-done-fadein{0%{opacity:0}to{opacity:1}}.cl-done-card-animated{animation:cl-done-slide .5s cubic-bezier(.34,1.56,.64,1)}@keyframes cl-done-slide{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cl-done-burst{animation:cl-burst .6s ease-out;font-size:42px;margin-bottom:4px}@keyframes cl-burst{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{transform:scale(1)}}.cl-done-title{color:#fff;font-family:Fredoka One,cursive;font-size:20px;font-weight:400;margin:4px 0}.cl-done-stars{display:flex;font-size:24px;gap:6px;justify-content:center;margin:8px 0}.cl-done-star{filter:grayscale(1);opacity:.2;transition:all .3s}.cl-done-star-earned{animation:cl-star-pop .4s ease-out;filter:none;opacity:1}@keyframes cl-star-pop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.cl-done-next{background:linear-gradient(135deg,#ff9500,#ff6b00);border:none;border-radius:24px;box-shadow:0 4px 18px #ff950073;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:15px;font-weight:800;margin-top:16px;padding:11px 28px;transition:transform .15s,box-shadow .15s}.cl-done-next:hover{box-shadow:0 6px 24px #ff950099;transform:translateY(-2px)}@keyframes cl-overlay-letter-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}70%{transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.cl-pp-palette{grid-gap:6px;background:#fff;border-radius:16px;box-shadow:0 10px 28px #13296b40;display:grid;gap:6px;grid-template-columns:52px 52px;grid-template-rows:52px 52px 52px;padding:8px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}.cl-pp-left{border:3px solid #f7e2ba;border:3px solid var(--light-sq);right:calc(100% + 34px)}.cl-pp-right{border:3px solid #d5a46a;border:3px solid var(--dark-sq);left:calc(100% + 22px)}.cl-pp-slot{align-items:center;background:#f1f5fb;border-radius:8px;cursor:default;display:flex;height:52px;justify-content:center;opacity:.38;position:relative;transition:background .15s,opacity .15s,box-shadow .15s;width:52px}.cl-pp-slot img{-webkit-user-drag:none;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.cl-pp-slot[draggable=true]{cursor:grab;opacity:1}.cl-pp-slot[draggable=true]:active{cursor:grabbing}.cl-pp-slot-current{background:#fff1dc;box-shadow:inset 0 0 0 3px #f97316,0 0 8px #f973168c;opacity:1}.cl-pp-slot-neutral-active{opacity:1}.cl-pp-slot-done{opacity:.12}.cl-pp-slot-count{bottom:1px;color:#0a2c6b;color:var(--navy);font:700 11px/1 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 11px/1 var(--head);pointer-events:none;position:absolute;right:3px}.cl-pp-counter{align-items:center;background:#fff;border-radius:18px;box-shadow:0 8px 24px #13296b1a,0 2px 4px #13296b0f;box-shadow:var(--shadow);display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:8px 10px;width:100%}.cl-pp-counter-label{color:#4a5a80;color:var(--ink-2);font:700 12px Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 12px var(--head);letter-spacing:.06em;text-transform:uppercase}.cl-pp-counter-num{color:#1d4ed8;color:var(--blue-t);font:700 24px/1 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 24px/1 var(--head)}.cl-pp-current-call{align-items:center;display:flex;gap:4px;margin-top:2px}.cl-pp-current-icon{font-size:20px;line-height:1}.cl-pp-current-sq{font-family:Courier New,monospace;font-size:18px;font-weight:900;letter-spacing:.04em}.cl-pp-challenge,.cl-pp-current-sq{color:#f08a00;color:var(--orange-t)}.cl-pp-challenge{font:700 16px/1.3 Fredoka,Fredoka One,Arial Rounded MT Bold,system-ui,sans-serif;font:700 16px/1.3 var(--head);margin-top:4px;text-align:center}@media (prefers-reduced-motion:reduce){.cl-root *,.cl-root :after,.cl-root :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.topnav{background:var(--navy);height:48px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topnav,.topnav-left{align-items:center;display:flex}.topnav-left{gap:12px}.topnav-back{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background .15s;width:32px}.topnav-back:hover{background:#fff3}.topnav-logo{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:-.2px}.topnav-dot{background:var(--purple);border-radius:50%;display:inline-block;height:8px;width:8px}.topnav-right{align-items:center;display:flex;gap:8px}.topnav-pill{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.topnav-streak{background:#ef9f2740;color:#fac775}.topnav-xp{background:#6c63ff40;color:var(--purple-light)}.topnav-name{background:#ffffff1f;color:#fff}.momo-bar{background:var(--navy);gap:12px;min-height:72px;padding:12px 20px}.momo-avatar,.momo-bar{align-items:center;display:flex}.momo-avatar{border-radius:50%;flex-shrink:0;height:42px;justify-content:center;width:42px}.momo-icon{font-size:20px}.momo-bubble{background:#ffffff12;border-radius:var(--radius-md);flex:1 1;padding:10px 14px}.momo-name{align-items:center;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.04em;margin-bottom:3px;text-transform:uppercase}.momo-speaking-dot{animation:pulse .8s infinite;background:#5dcaa5;border-radius:50%;display:inline-block;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.momo-text{color:#e2e8f0;font-size:13px;line-height:1.55}.momo-actions{display:flex;flex-direction:column;flex-shrink:0;gap:6px}.momo-btn{background:#ffffff1a;border:.5px solid #ffffff26;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-main);font-size:12px;font-weight:600;padding:7px 14px;transition:background .15s;white-space:nowrap}.momo-btn:hover{background:#ffffff2e}.momo-btn-active{background:#1d9e754d!important}.typing-lesson{background:var(--off-white);display:flex;flex-direction:column;min-height:100vh}.lesson-title-bar{align-items:center;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 20px}.lesson-main-title{color:var(--text-primary);font-size:16px;font-weight:800;margin-bottom:2px}.lesson-subtitle{color:var(--text-secondary);font-size:12px;font-weight:500}.step-badge-amber{background:var(--amber-pale);border-radius:20px;color:var(--amber);font-size:12px;font-weight:700;padding:5px 14px}.lesson-prog-bar{background:var(--border);height:4px}.lesson-prog-fill{border-radius:2px;height:100%;transition:width .1s linear}.story-section{background:#fff;border-bottom:1px solid var(--border);padding:16px 20px 12px}.story-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.story-chapter-label{color:var(--amber);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.story-done-badge{background:var(--teal-pale);border-radius:20px;color:var(--teal);font-size:12px;font-weight:700;padding:3px 12px}.story-text-display{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:text;font-family:var(--font-mono);font-size:17px;letter-spacing:.02em;line-height:2;min-height:80px;padding:14px 18px}.ch-correct{color:var(--teal)}.ch-wrong{background:var(--coral-pale);border-radius:2px;color:var(--coral)}.ch-current{border-bottom:3px solid var(--purple);color:var(--text-primary)}.ch-pending{color:var(--text-muted)}.typing-cursor{animation:blink .8s infinite;color:var(--purple);font-weight:700}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-hidden-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.keyboard-section{background:var(--surface);flex:1 1;gap:10px;padding:14px 20px 10px}.keyboard-section,.keyboard-wrap{align-items:center;display:flex;flex-direction:column}.keyboard-wrap{gap:6px}.kbd-row{display:flex;gap:5px}.key{align-items:center;background:#fff;border:1px solid var(--border-strong);border-radius:7px;box-shadow:0 2px 0 var(--border-strong);color:var(--text-secondary);display:flex;font-size:14px;font-weight:700;height:44px;justify-content:center;min-width:46px;transition:background .1s,transform .05s;-webkit-user-select:none;user-select:none}.key-home{background:var(--purple-pale);border-color:#6c63ff66;color:var(--purple)}.key-next{background:var(--navy);border-color:var(--navy);box-shadow:0 2px 0 #0000004d;color:#fff;transform:scale(1.05)}.key-active{background:var(--amber-pale)!important;border-color:var(--amber)!important;box-shadow:none!important;color:var(--amber)!important;transform:translateY(2px)}.key-wide{font-size:16px;min-width:70px}.key-space{min-width:220px}.kbd-legend{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;font-weight:600;gap:6px}.swatch{border:1px solid #0000;border-radius:3px;display:inline-block;height:14px;width:14px}.swatch-home{background:var(--purple-pale);border-color:#6c63ff66}.swatch-next{background:var(--navy)}.swatch-active{background:var(--amber-pale);border-color:var(--amber)}.typing-bottom-bar{align-items:stretch;background:var(--navy);border-top:1px solid #ffffff0f;display:flex}.typing-momo-section{flex:1 1}.typing-stats-mini{align-items:center;border-left:1px solid #ffffff14;display:flex;gap:0;gap:12px;padding:0 20px}.stat-mini{text-align:center}.stat-mini-val{color:#fff;font-size:22px;font-weight:800}.stat-mini-label{color:#ffffff73;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.stat-mini-divider{background:#ffffff1a;height:32px;width:1px}.cl-root{background:#0d0d2b;display:flex;flex-direction:column;font-family:var(--font-main);height:100%;overflow:hidden}.cl-topbar{align-items:center;background:var(--navy);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:8px 16px}.cl-topbar-left{min-width:0}.cl-lesson-title{color:#fff;font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-lesson-meta{color:#ffffff73;font-size:11px;font-weight:600;margin-top:2px}.cl-progress-wrap{align-items:center;display:flex;flex-shrink:0;gap:10px}.cl-progress-track{background:#ffffff1f;border-radius:4px;height:4px;overflow:hidden;width:120px}.cl-progress-fill{border-radius:4px;height:100%;transition:width .4s ease}.cl-progress-label{color:#ffffff73;font-size:11px;font-weight:700;white-space:nowrap}.cl-panels{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 1fr 1fr;min-height:0;overflow:hidden}.cl-panel{border-right:1px solid #ffffff0f;display:flex;flex-direction:column;overflow:hidden}.cl-panel:last-child{border-right:none}.cl-panel-header{color:#ffffffe6;flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.04em;padding:7px 12px;text-transform:uppercase}.cl-panel-body{display:flex;flex:1 1;flex-direction:column;min-height:0}.cl-panel-body,.cl-panel-body-output{overflow:hidden}.cl-editor-wrap{background:#0f111a;display:flex;flex-direction:column;height:100%}.cl-editor-topbar{align-items:center;background:#161826;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:space-between;padding:6px 10px}.cl-lang-badge{background:#6c63ff33;border-radius:20px;color:#a78bfa;font-size:11px;font-weight:800;padding:3px 8px}.cl-lang-web{background:#0e8c7233;color:#5dcaa5}.cl-lang-blocks{background:#ffab1933;color:#fbbf24}.cl-editor-hint{color:#ffffff4d;font-size:10px;font-weight:600}.cl-code-area{background:#0f111a;border:none;color:#e2e8f0;flex:1 1;font-family:var(--font-mono);font-size:13px;line-height:1.7;outline:none;padding:12px;resize:none;tab-size:4}.cl-code-area:read-only{background:#0a0c14;cursor:default;opacity:.8}.cl-code-web{font-size:12px}.cl-editor-footer{background:#161826;border-top:1px solid #ffffff0f;flex-shrink:0;padding:8px 10px}.cl-run-btn{background:#1d9e75;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-main);font-size:13px;font-weight:800;padding:8px 20px;transition:opacity .15s;width:100%}.cl-run-btn:hover:not(:disabled){opacity:.9}.cl-run-btn:disabled{cursor:not-allowed;opacity:.5}.cl-run-web{background:#0e8c72}.cl-run-disabled{background:#444}.cl-blockly-wrap{background:#0f111a;display:flex;flex-direction:column;height:100%}.cl-blockly-topbar{align-items:center;background:#161826;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:space-between;padding:6px 10px}.cl-blockly-main{display:grid;flex:1 1;grid-template-columns:180px 1fr;min-height:0;overflow:hidden}.cl-block-palette{background:#1a1c2e;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:8px 6px}.cl-palette-title{color:#ffffff4d;font-size:10px;font-weight:800;letter-spacing:.06em;padding:0 4px 4px;text-transform:uppercase}.cl-palette-block{border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:8px 10px;transition:opacity .15s,transform .1s;-webkit-user-select:none;user-select:none}.cl-palette-block:hover{opacity:.85;transform:scale(1.02)}.cl-palette-block:active{transform:scale(.97)}.cl-script-area{display:flex;flex-direction:column;gap:5px;overflow-y:auto;padding:10px}.cl-script-title{color:#ffffff4d;font-size:10px;font-weight:800;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.cl-script-empty{border:1px dashed #ffffff1a;border-radius:8px;color:#fff3;font-size:12px;font-weight:600;line-height:1.6;padding:20px 10px;text-align:center}.cl-placed-block{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:13px;font-weight:700;justify-content:space-between;margin-left:16px;padding:8px 10px;position:relative}.cl-placed-block:before{background:#ffffff80;border-radius:50%;content:"";height:8px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.cl-block-remove{align-items:center;background:#00000040;border:none;border-radius:4px;color:#fffc;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:20px;justify-content:center;width:20px}.cl-output-panel{background:#0a0c14;display:flex;flex-direction:column;height:100%}.cl-output-topbar{align-items:center;background:#161826;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:space-between;padding:6px 12px}.cl-output-title{color:#fff9;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.cl-output-success-badge{background:#1d9e7533;border-radius:20px;color:#5dcaa5;font-size:11px;font-weight:800;padding:3px 8px}.cl-output-body{flex:1 1;overflow-y:auto;padding:12px}.cl-output-running{align-items:center;color:#ffffff80;display:flex;font-size:13px;font-weight:600;gap:10px;padding:20px}.cl-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#6c63ff;flex-shrink:0;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.cl-output-empty{display:flex;flex-direction:column;gap:12px}.cl-output-idle{color:#ffffff40;font-size:13px;font-weight:600;padding:16px}.cl-output-tip{background:#fac77514;border:1px solid #fac77533;border-radius:8px;color:#fac775;font-size:12px;font-weight:600;line-height:1.6;padding:10px 12px}.cl-output-error{background:#e24b4a14;border:1px solid #e24b4a33;border-radius:8px;padding:10px 12px}.cl-error-label{color:#f09595;font-size:12px;font-weight:800;margin-bottom:6px}.cl-error-text{color:#f09595;font-family:var(--font-mono);font-size:11px;line-height:1.6;margin-bottom:8px;white-space:pre-wrap;word-break:break-all}.cl-error-help{color:#f09595b3;font-size:11px;font-style:italic;font-weight:600}.cl-output-result{background:#1d9e750f;border:1px solid #1d9e7526;border-radius:8px;padding:10px 12px}.cl-output-win{background:#1d9e751a;border-color:#1d9e7566}.cl-win-banner{color:#5dcaa5;font-size:13px;font-weight:800;margin-bottom:8px}.cl-output-text{color:#e2e8f0;font-family:var(--font-mono);font-size:12px;line-height:1.7;white-space:pre-wrap}.cl-web-preview{background:#fff;border:none;height:100%;width:100%}.cl-bottom{background:#0f1117;border-top:1px solid #ffffff14;flex-shrink:0}.cl-tutor-bar{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;gap:10px;padding:10px 14px 8px}.cl-tutor-avatar{align-items:center;background:#6c63ff;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.cl-tutor-bubble{background:#ffffff0a;border-radius:10px;flex:1 1;min-width:0;padding:8px 12px}.cl-tutor-name{color:#a78bfa;font-size:10px;font-weight:800;letter-spacing:.06em;margin-bottom:3px;text-transform:uppercase}.cl-tutor-text{color:#e2e8f0;font-size:12px;font-weight:600;line-height:1.6}.cl-voice-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;transition:background .15s;width:34px}.cl-voice-btn:hover{background:#ffffff1a}.cl-voice-on{background:#6c63ff33;border-color:#6c63ff66;color:#a78bfa}.cl-actions{display:flex;flex-direction:column;gap:8px;padding:8px 14px 10px}.cl-hint-box{background:#fac77514;border:1px solid #fac77533;border-radius:8px;color:#fac775;display:flex;font-size:12px;font-weight:600;gap:8px;line-height:1.6;padding:8px 12px}.cl-hint-icon{flex-shrink:0;font-size:14px}.cl-action-btns{align-items:center;display:flex;gap:8px}.cl-hint-btn{background:#fac7751a;border:1px solid #fac77540;border-radius:8px;color:#fac775;cursor:pointer;font-family:var(--font-main);font-size:12px;font-weight:800;padding:7px 14px}.cl-hint-btn:hover{background:#fac7752e}.cl-reset-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#ffffff80;cursor:pointer;font-family:var(--font-main);font-size:12px;font-weight:800;padding:7px 14px}.cl-reset-btn:hover{background:#ffffff1a}.cl-next-btn{animation:cl-pulse 1.5s ease-in-out infinite;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-main);font-size:13px;font-weight:900;margin-left:auto;padding:7px 20px}@keyframes cl-pulse{0%,to{opacity:1}50%{opacity:.8}}.cl-complete-screen{align-items:center;background:#0d0d2b;display:flex;height:100%;justify-content:center;padding:24px}.cl-complete-card{background:#ffffff0a;border:1px solid #6c63ff33;border-radius:20px;max-width:480px;padding:40px 36px;text-align:center;width:100%}.cl-complete-icon{font-size:56px;margin-bottom:16px}.cl-complete-title{color:#fff;font-size:24px;font-weight:900;margin-bottom:6px}.cl-complete-subtitle{color:#a78bfa;font-size:14px;font-weight:700;margin-bottom:16px}.cl-complete-msg{color:#fff9;font-size:14px;font-weight:600;line-height:1.7;margin-bottom:16px}.cl-complete-concept{background:#6c63ff1a;border:1px solid #6c63ff33;border-radius:10px;color:#c4bcff;font-size:13px;font-weight:600;line-height:1.6;margin-bottom:24px;padding:12px 16px;text-align:left}.cl-complete-btn{background:#6c63ff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:var(--font-main);font-size:15px;font-weight:900;padding:14px 32px;transition:opacity .15s;width:100%}.cl-complete-btn:hover{opacity:.9}.msh-lesson-picker{background:#fff;background:var(--card-bg,#fff);border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:8px;color:#222;color:var(--text-color,#222);cursor:pointer;font-size:11px;font-weight:700;margin-left:8px;padding:4px 8px}.msh-test-badge{background:#fffbea;border:1px solid #fac775;border-radius:10px;color:#ba7517;font-size:10px;font-weight:700;margin-left:4px;padding:1px 6px}.complete-page{align-items:center;background:var(--navy);display:flex;justify-content:center;min-height:100vh;padding:24px 16px}.complete-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:440px;padding:36px 32px;text-align:center;width:100%}.complete-logo{align-items:center;color:var(--navy);display:flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;margin-bottom:20px}.c-dot{background:var(--purple);border-radius:50%;display:inline-block;height:9px;width:9px}.complete-confetti{font-size:60px;margin-bottom:12px}.complete-title{color:var(--text-primary);font-size:26px;font-weight:900;margin-bottom:8px}.complete-sub{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:20px}.complete-stats{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.complete-stat{background:var(--surface);border-radius:var(--radius-md);flex:1 1;padding:12px 16px;text-align:center}.cstat-val{color:var(--purple);font-size:24px;font-weight:900}.cstat-lbl{color:var(--text-muted);font-size:11px;font-weight:600;margin-top:2px}.complete-summary{background:var(--surface);border-radius:var(--radius-md);margin-bottom:16px;padding:14px 16px}.summary-row{align-items:center;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:6px 0}.summary-check{color:var(--teal);font-size:16px}.complete-next{background:var(--purple-pale);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:3px;margin-bottom:16px;padding:12px}.next-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.next-subject{color:var(--purple);font-size:16px;font-weight:900}.complete-momo{align-items:flex-start;background:var(--navy);border-radius:var(--radius-md);display:flex;gap:10px;margin-bottom:20px;padding:14px;text-align:left}.c-momo-avatar{flex-shrink:0;font-size:24px}.c-momo-text{color:#fffc;font-size:13px;line-height:1.6}.c-momo-text em{color:#a78bfa;font-style:normal}.complete-btn{background:var(--navy);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-main);font-size:15px;font-weight:900;height:50px;width:100%}.main-session{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-preview-banner{align-items:center;background:var(--amber);color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;justify-content:space-between;padding:8px 20px}.main-preview-banner button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--font-main);font-size:12px;font-weight:700;padding:4px 12px}.main-session-header{background:var(--navy);flex-shrink:0;height:44px;justify-content:space-between;padding:0 16px}.main-session-header,.msh-left{align-items:center;display:flex}.msh-left{gap:10px}.msh-back{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;width:30px}.msh-info{display:flex;flex-direction:column}.msh-subject{color:#fff;font-size:13px;font-weight:700}.msh-child{color:#ffffff80;font-size:11px}.msh-warmup-done{background:var(--teal-pale);border-radius:20px;color:var(--teal);font-size:11px;font-weight:700;padding:4px 10px}.main-session-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.main-session-body>*{flex:1 1;min-height:0}.project-viewer{background:var(--off-white);min-height:100vh}.pv-header{background:var(--navy);height:52px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.pv-header,.pv-logo{align-items:center;display:flex}.pv-logo{color:#fff;font-size:14px;font-weight:800;gap:8px}.pv-dot{border-radius:50%;display:inline-block;height:9px;width:9px}.pv-badge,.pv-dot{background:var(--purple)}.pv-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px}.pv-body{margin:0 auto;max-width:780px;padding:32px 20px}.pv-hero{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.pv-child-info{align-items:center;display:flex;gap:16px}.pv-avatar{font-size:52px}.pv-project-title{font-size:26px;font-weight:900;letter-spacing:-.5px;margin-bottom:6px}.pv-child-meta{color:var(--text-secondary);font-size:13px;font-weight:500}.pv-share-row{align-items:center;display:flex;flex-shrink:0;gap:10px}.pv-share-btn{background:#fff;border:1.5px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-main);font-size:13px;font-weight:700;padding:8px 16px;transition:all .15s}.pv-share-btn:hover{background:var(--surface)}.pv-wa{background:#25d366!important;border-color:#25d366!important;color:#fff!important}.pv-wa:hover{background:#20b858!important}.pv-desc{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:24px;padding:16px 20px}.pv-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px}.pv-stat{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);flex:1 1;min-width:140px;padding:14px 20px}.pv-stat-val{font-size:18px;font-weight:900;margin-bottom:3px}.pv-stat-lbl{color:var(--text-muted);font-size:11px;font-weight:600}.pv-code-section{border:1px solid #ffffff0f;border-radius:var(--radius-lg);margin-bottom:32px;overflow:hidden}.pv-code-header{align-items:center;background:#0f1117;display:flex;gap:10px;padding:10px 16px}.pv-dots{display:flex;gap:5px}.pv-mac-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.pv-filename{color:#ffffff80;flex:1 1;font-family:var(--font-mono);font-size:12px}.pv-run-btn{background:var(--purple);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-main);font-size:12px;font-weight:700;padding:6px 14px}.pv-run-btn:disabled{cursor:not-allowed;opacity:.6}.pv-code-body{background:#0d1117;overflow-x:auto;padding:20px}.pv-code{color:#e2e8f0;font-family:var(--font-mono);font-size:14px;line-height:1.7;margin:0;white-space:pre}.pv-output{background:#0a0e17;border-top:1px solid #ffffff0f;padding:14px 20px}.pv-output-label{color:#fff6;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.pv-output-text{color:#68d391;font-family:var(--font-mono);font-size:14px;line-height:1.7;margin:0;white-space:pre-wrap}.pv-cta{align-items:center;background:var(--navy);border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:32px}.pv-cta-text h2{color:#fff;font-size:20px;font-weight:900;margin-bottom:8px}.pv-cta-text p{color:#fff9;font-size:14px;line-height:1.6;max-width:420px}.pv-cta-btn{background:var(--purple);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-main);font-size:15px;font-weight:800;padding:14px 28px;transition:background .15s;white-space:nowrap}.pv-cta-btn:hover{background:#5a52e0}:root{--navy:#1a1a2e;--navy-light:#252545;--purple:#6c63ff;--purple-light:#a78bfa;--purple-pale:#eeedfe;--teal:#1d9e75;--teal-light:#5dcaa5;--teal-pale:#e1f5ee;--amber:#ba7517;--amber-light:#ef9f27;--amber-pale:#faeeda;--coral:#e24b4a;--coral-pale:#fcebeb;--white:#fff;--off-white:#f8f7ff;--surface:#f1f0fb;--border:#6c63ff26;--border-strong:#6c63ff4d;--text-primary:#1a1a2e;--text-secondary:#5a5a7a;--text-muted:#9898b8;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #6c63ff14;--shadow-md:0 4px 20px #6c63ff1f;--shadow-lg:0 8px 40px #6c63ff29;--font-main:"Nunito",sans-serif;--font-mono:"Space Mono",monospace}#root,body,html{height:100%}#root,*,body,html{margin:0;padding:0}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#f8f7ff;background:var(--off-white);color:#1a1a2e;color:var(--text-primary);font-family:Nunito,sans-serif;font-family:var(--font-main);line-height:1.6}button{border:none;cursor:pointer}button,input,select,textarea{font-family:Nunito,sans-serif;font-family:var(--font-main);outline:none}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.brand-logo{display:block;height:44px;width:auto}.brand-logo--chip{background:#fff;border-radius:10px;height:40px;padding:3px 8px}.auth-logo .brand-logo,.complete-logo .brand-logo,.setup-logo .brand-logo{height:64px}
/*# sourceMappingURL=main.af7c2815.css.map*/