.spc-lesson{--spc-surface:#fff;--spc-soft:#f4f6fd;--lk-ink:#26304f;--lk-muted:#56657d;--lk-line:#dce3f2;--lk-accent:#5949cc;isolation:isolate;background:#f5f7fc;border-radius:32px;gap:28px;padding:clamp(14px,2.4vw,32px)}.spc-lesson.spc-audience-kid{--lk-ink:#30265f;--lk-muted:#615b81;--lk-line:#e1d9f4;background:radial-gradient(circle at 10px 10px,#dfd6f0 1.5px,#0000 2px) 0 0/26px 26px,linear-gradient(135deg,#fff9ed,#f2efff 60%,#ecfaff)}.spc-lesson.spc-audience-teen{--lk-accent:#146b85;--lk-line:#d3e2e9;background:linear-gradient(160deg,#edf5f7,#f5f6fb 60%)}.spc-lesson .spc-crumb{padding:4px 6px;font-size:12px;line-height:1.9}.spc-lesson .spc-hero{background:radial-gradient(at 10% 10%,#1e5370,#0000 70%),linear-gradient(140deg,#101a32,#172b46);border:1px solid #31496c;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:20px;min-height:340px;padding:32px;display:grid;box-shadow:0 16px 40px #18234814}.spc-lesson .spc-hero-copy{z-index:1;position:relative}.spc-lesson .spc-hero h1{text-wrap:balance;font-size:clamp(26px,3vw,39px);line-height:1.6}.spc-lesson .spc-hero p{color:#ccddea;font-size:15px}.spc-lesson .spc-hero-pill{color:#d2eaf5;background:#ffffff0d;border:1px solid #ffffff30;font-size:12px}.spc-lesson .spc-hero-progress{color:#164b52;background:#a8e8dc}.spc-lesson.spc-audience-kid .spc-hero{background:radial-gradient(at 5% 30%,#dceaff,#0000 65%),linear-gradient(120deg,#ece4ff,#fff2d7);border:2px solid #7061aa;border-radius:32px;box-shadow:0 7px #b5a4d9}.spc-lesson.spc-audience-kid .spc-hero h1{color:#30265f}.spc-lesson.spc-audience-kid .spc-hero p{color:#625880}.spc-lesson.spc-audience-kid .spc-hero-pill{color:#574482;background:#ffffffa8;border-color:#d8cbef}.spc-lesson.spc-audience-kid .spc-hero-progress{color:#614414;background:#ffda69}.spc-lesson-scene{min-width:0;margin:0;position:relative}.spc-lesson-scene svg{filter:drop-shadow(0 14px 18px #0a133b18);width:100%;height:auto;max-height:310px;display:block}.spc-lesson-scene figcaption{text-align:center;color:#dbf1fc;flex-direction:column;align-items:center;gap:4px;font-size:14px;font-weight:800;display:flex}.spc-lesson-scene figcaption small{color:#a0bace;font-size:11px;font-weight:500}.spc-lesson-scene.is-playful figcaption{color:#574482}.spc-lesson-scene.is-playful figcaption small{color:#78688f}.spc-lesson-dashboard{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;display:grid}.spc-lesson-status,.spc-lesson-map{border:1px solid var(--lk-line);background:var(--spc-surface);border-radius:20px;align-items:center;gap:14px;padding:18px 22px;display:flex}.spc-lesson-status{flex-wrap:wrap}.spc-lesson-status>span,.spc-lesson-map>span:first-child{font-size:25px}.spc-lesson-status>div{flex:1}.spc-lesson-dashboard strong,.spc-lesson-map{font-size:14px;font-weight:800}.spc-lesson-dashboard small{color:var(--lk-muted);margin-top:4px;font-size:12px;font-weight:500;display:block}.spc-lesson-status progress{background:var(--spc-soft);width:100%;height:9px;accent-color:var(--lk-accent);border:0;border-radius:20px;overflow:hidden}.spc-lesson-status progress::-webkit-progress-bar{background:var(--spc-soft);border-radius:20px}.spc-lesson-status progress::-webkit-progress-value{background:linear-gradient(90deg, #9c88ec, var(--lk-accent));border-radius:20px}.spc-lesson-map{color:var(--lk-ink);background:linear-gradient(120deg, var(--spc-surface), var(--spc-soft));text-decoration:none}.spc-lesson-map:focus-visible{outline-offset:4px;outline:3px solid #ecb64b}.spc-lesson>.lk-section{border:1px solid var(--lk-line);background:var(--spc-surface);border-radius:26px;padding:clamp(20px,3vw,32px);box-shadow:0 8px 28px #223b5a06}.spc-lesson .lk-section>h2{margin-bottom:12px;font-size:clamp(20px,2.1vw,27px);line-height:1.65}.spc-lesson .lk-lead{font-size:15px;line-height:2.15}.spc-lesson.spc-audience-kid>.lk-section{border:2px solid #d7caed;box-shadow:0 5px #e5dbf1}.spc-lesson.spc-audience-kid>.lk-section:nth-of-type(3n){border-color:#b8deda}.spc-lesson.spc-audience-kid>.lk-section:nth-of-type(3n+1){border-color:#ead596}.spc-lesson.spc-audience-teen .lk-section>h2{border-inline-start:4px solid #3ca6b5;padding-inline-start:14px}.spc-lesson .lk-card{border-radius:20px;padding:22px}.spc-lesson .lk-icon{box-shadow:0 4px 12px #4439730b}.spc-lesson .spc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.spc-lesson .spc-facts li{background:var(--spc-soft);border:0;padding:18px}.spc-lesson .spc-facts p{margin:0}.spc-lesson .spc-demo-ctl{border:1px solid var(--lk-line);background:var(--spc-soft);border-radius:18px;padding:18px}.spc-lesson .spc-demo-ctl input[type=range]{min-height:44px}.spc-lesson .spc-demo-ctl input[type=number]{background:var(--spc-surface);max-width:100%;min-height:46px;color:var(--lk-ink);border-radius:12px}.spc-lesson :is(.lk-level,.lk-option,.lk-chip,.spc-chip){white-space:normal;max-width:100%;min-height:48px;line-height:1.65}.spc-lesson :is(.lk-levels,.lk-actions,.lk-pool,.spc-chips){flex-wrap:wrap;gap:10px}.spc-lesson .lk-btn{border-radius:14px;min-height:48px;padding:12px 22px}.spc-lesson.spc-audience-kid .lk-btn-primary{background:#6a50cc;box-shadow:0 4px #463484}.spc-lesson.spc-audience-kid :is(.lk-option,.lk-chip,.spc-chip,.lk-level){border-width:2px;border-radius:16px}.spc-lesson.spc-audience-teen :is(.lk-option,.lk-chip,.spc-chip,.lk-level){border-radius:10px}.spc-lesson .spc-planet-card{background:radial-gradient(circle at 0 0,#284e71,#0000 70%),#14243f;padding:26px}.spc-lesson.spc-audience-kid .spc-planet-card{background:radial-gradient(circle at 0 0,#765cae,#0000 70%),#293d72}.spc-lesson .spc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.spc-lesson .spc-stats div{padding:12px}.spc-lesson .spc-stats dd{overflow-wrap:anywhere}.spc-lesson .spc-deep{background:var(--spc-soft);border:1px solid var(--lk-line);border-inline-start:4px solid var(--lk-accent);border-radius:18px;padding:22px}.spc-lesson .spc-deep summary{line-height:1.9}.spc-lesson .spc-sort-card,.spc-lesson .spc-step-card,.spc-lesson .spc-timeline li,.spc-lesson .spc-age-grid li{background:var(--spc-soft)}.spc-lesson .lk-summary{background:linear-gradient(130deg,#e8f7f2,#f0efff);border:1px solid #cddfdc;border-radius:24px;padding:26px}.spc-lesson .lk-rewards{background:var(--spc-surface);border:1px solid var(--lk-line);border-radius:24px}.spc-lesson .spc-table-wrap{border:1px solid var(--lk-line);border-radius:16px}.spc-lesson .spc-table thead{background:var(--spc-soft)}.spc-lesson .spc-table th,.spc-lesson .spc-table td{padding:14px}.spc-lesson .spc-mission select{background:var(--spc-surface)}.spc-lesson .spc-mission-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.spc-lesson .spc-mission-tools label{background:var(--spc-soft);color:var(--lk-ink)}.spc-lesson .spc-mission fieldset{margin:0}.spc-lesson .spc-svg{box-shadow:0 10px 25px #162a4a16}.spc-lesson .lk-lesson-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.spc-lesson .lk-lesson-nav a{border:1px solid var(--lk-line);background:var(--spc-surface);border-radius:18px;min-height:60px;padding:16px 20px;line-height:1.8;text-decoration:none}.spc-lesson .lk-lesson-nav a:last-child{justify-content:flex-end}.spc-lesson .lk-lesson-nav a:focus-visible{outline-offset:3px;outline:3px solid #ecb64b}html.dark .spc-lesson{--spc-surface:#17243a;--spc-soft:#203049;--lk-ink:#e6edf8;--lk-muted:#aebed3;--lk-line:#354866;--lk-accent:#a6caff;background:#101b2d}html.dark .spc-lesson.spc-audience-kid{--spc-surface:#24213c;--spc-soft:#302c49;--lk-line:#51496e;--lk-accent:#c6b6ff;background:radial-gradient(circle at 10px 10px,#48405e 1px,#0000 2px) 0 0/26px 26px,#1b1830}html.dark .spc-lesson.spc-audience-kid .spc-hero{background:radial-gradient(at 0 0,#47437a,#0000 70%),#29233f;border-color:#8875b4;box-shadow:0 6px #4e416c}html.dark .spc-lesson.spc-audience-kid .spc-hero h1,html.dark .spc-lesson.spc-audience-kid .spc-lesson-scene figcaption{color:#f1eaff}html.dark .spc-lesson.spc-audience-kid .spc-hero p,html.dark .spc-lesson.spc-audience-kid .spc-lesson-scene small{color:#c9bddf}html.dark .spc-lesson.spc-audience-kid .spc-hero-pill{color:#e4d5ff;background:#ffffff0d;border-color:#796892}html.dark .spc-lesson.spc-audience-kid>.lk-section{border-color:#51496e;box-shadow:0 4px #332b4c}html.dark .spc-lesson .lk-card{background:var(--spc-soft);border-color:var(--lk-line)}html.dark .spc-lesson :is(.lk-level,.lk-option,.lk-chip,.spc-chip,.lk-slot,.lk-btn-ghost,.lk-btn-small){background:var(--spc-soft);color:var(--lk-ink);border-color:var(--lk-line)}html.dark .spc-lesson :is([aria-selected=true],[aria-pressed=true]){color:#fff;background:#324d72;border-color:#99c8ff}html.dark .spc-lesson .lk-btn-primary{color:#fff;background:#416bba}html.dark .spc-lesson :is(.lk-option.ok,.lk-slot.is-filled){color:#d6fff0;background:#214f43;border-color:#64c4a1}html.dark .spc-lesson :is(.lk-option.bad,.spc-pick.bad){color:#ffe0e7;background:#592d40;border-color:#ea8e9b}html.dark .spc-lesson .lk-feedback.is-good{color:#d2f7e9;background:#204c40;border-color:#3d8068}html.dark .spc-lesson .lk-feedback.is-bad{color:#ffdae4;background:#522c3b;border-color:#975363}html.dark .spc-lesson .lk-icon{background:#ffffffdf}html.dark .spc-lesson .lk-summary{background:linear-gradient(120deg,#203d3d,#292c48);border-color:#426163}@media (min-width:1100px){.spc-lesson.spc-audience-teen .spc-demo:has(>.spc-svg){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}.spc-lesson.spc-audience-teen .spc-demo:has(>.spc-svg)>.lk-actions{grid-column:1/-1}}@media (max-width:760px){.spc-lesson{border-radius:22px;gap:22px;padding:14px}.spc-lesson .spc-hero{text-align:start;border-radius:24px;grid-template-columns:1fr;gap:12px;min-height:0;padding:24px 18px}.spc-lesson .spc-hero h1{font-size:26px}.spc-lesson .spc-hero p{margin-bottom:14px;font-size:14px}.spc-lesson-scene{justify-self:center;width:100%;max-width:350px}.spc-lesson-scene svg{max-height:210px}.spc-lesson .spc-hero-pill{padding:6px 10px;font-size:11px}.spc-lesson-dashboard{grid-template-columns:1fr;gap:10px}.spc-lesson-status,.spc-lesson-map{border-radius:16px;padding:14px 16px}.spc-lesson>.lk-section{border-radius:22px;padding:20px 16px}.spc-lesson .spc-facts,.spc-lesson .spc-cards,.spc-lesson .lk-grid-2,.spc-lesson .lk-grid-4{grid-template-columns:1fr}.spc-lesson .spc-facts li{gap:10px;padding:14px}.spc-lesson .lk-card{padding:18px}.spc-lesson .spc-planet-card{grid-template-columns:1fr;padding:20px 14px}.spc-lesson .spc-stats{gap:8px}.spc-lesson .spc-stats div{padding:10px}.spc-lesson .spc-demo-ctl{padding:14px}.spc-lesson .spc-mission-tools{grid-template-columns:1fr}.spc-lesson .spc-moon-views .spc-svg:last-child{width:100%;min-width:0}.spc-lesson .spc-step-card,.spc-lesson .spc-sort-card{gap:12px;padding:16px 12px}.spc-lesson .spc-timeline li{gap:10px;padding:14px 12px}.spc-lesson .spc-deep{padding:16px}.spc-lesson .spc-weight{gap:12px;padding:18px 14px}.spc-lesson .lk-actions>.lk-btn{flex:130px}.spc-lesson .spc-chips>.spc-chip{flex:120px;justify-content:center}.spc-lesson .spc-slot{min-width:48px;min-height:56px}.spc-lesson .lk-summary{padding:20px}.spc-lesson .lk-lesson-nav{grid-template-columns:1fr;gap:10px}.spc-lesson .lk-lesson-nav a{min-height:54px;padding:14px 16px}.spc-lesson .lk-rewards{padding:16px}}@media (prefers-reduced-motion:reduce){.spc-lesson *,.spc-lesson :before,.spc-lesson :after{transition:none!important;animation:none!important}}