@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2) format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-500-normal-C8OXljZJ.woff2) format("woff2"),url(/assets/poppins-latin-500-normal-DGXqpDMm.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2) format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff) format("woff")}:root{color-scheme:dark;--hwd-bg: #061829;--hwd-bg-raised: #081F34;--hwd-surface: #0B263D;--hwd-surface-strong: #102F4A;--hwd-border: #24465F;--hwd-text: #F7FBFF;--hwd-text-muted: #A8BED0;--hwd-primary: #3DD6AD;--hwd-primary-text: #03251e;--hwd-blue: #4DA3FF;--hwd-warning: #FFC94A;--hwd-danger: #FF6B6B;--hwd-space: #8D78FF;--hwd-radius-sm: 10px;--hwd-radius-md: 16px;--hwd-radius-lg: 24px;--hwd-radius-xl: 30px;--hwd-touch: 48px;--mobile-nav-height: 72px;--lesson-action-height: 72px;--hwd-shadow: 0 12px 30px rgba(0, 0, 0, .26);--color-background: var(--hwd-bg);--color-surface: var(--hwd-surface);--color-surface-strong: var(--hwd-surface-strong);--color-ink: var(--hwd-text);--color-muted: var(--hwd-text-muted);--color-primary: var(--hwd-primary);--color-primary-dark: var(--hwd-blue);--color-teal: var(--hwd-primary);--color-sky: var(--hwd-blue);--color-warm: var(--hwd-warning);--color-danger: var(--hwd-danger);--color-border: var(--hwd-border);--color-success: #2BD4A8;--content-max: 1120px;--reading-max: 780px;--radius-sm: var(--hwd-radius-sm);--radius-md: var(--hwd-radius-md);--radius-lg: var(--hwd-radius-lg);--shadow-card: var(--hwd-shadow);--shadow-raised: 0 20px 42px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html{background:var(--color-background);color:var(--color-ink);font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh}button,input,select{color:inherit;font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--color-warm);outline-offset:3px}a{color:var(--color-primary)}img,svg{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-ink);line-height:1.18}h1{font-size:clamp(2rem,8vw,3.5rem);letter-spacing:-.045em}h2{font-size:clamp(1.45rem,4.8vw,2rem);letter-spacing:-.025em}h3{font-size:1.05rem}p{line-height:1.7}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.skip-link{background:var(--color-ink);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:#fff;left:1rem;padding:.75rem 1rem;position:fixed;top:-100px;z-index:100}.skip-link:focus{top:0}.app-shell{min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 16px)}.app-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--content-max);min-height:82px;padding:1rem}.brand{display:block;width:min(230px,57vw)}.brand img{width:100%}.header-tagline{color:var(--color-teal);display:none;font-size:.85rem;margin:0}main{margin:0 auto;max-width:var(--content-max);padding:0 1rem 4rem}.eyebrow{color:var(--color-teal);font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.55rem;text-transform:uppercase}.button{align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;min-height:44px;padding:.65rem 1rem;text-align:center;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button.primary{background:var(--color-primary);color:#fff}.button.primary:hover{background:var(--color-primary-dark)}.button.teal{background:var(--color-teal);color:#fff}.button.secondary{background:#fff;border-color:#a9b9cc;color:var(--color-primary)}.button.ghost{background:transparent;color:var(--color-ink)}.button.danger,.button.danger-outline{background:var(--color-danger);color:#fff}.button.danger-outline{background:#fff;border-color:var(--color-danger);color:var(--color-danger)}.text-link,.text-button{background:none;border:0;color:var(--color-primary);cursor:pointer;font-weight:600;min-height:44px;padding:.6rem 0}.icon{flex:0 0 auto}.bottom-navigation{align-items:stretch;background:#fffffff7;border-top:1px solid var(--color-border);bottom:0;display:grid;grid-template-columns:repeat(4,1fr);left:0;min-height:72px;padding:.35rem max(.35rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.35rem,env(safe-area-inset-left));position:fixed;right:0;z-index:30}.nav-link{align-items:center;border-radius:var(--radius-sm);color:var(--color-muted);display:flex;flex-direction:column;font-size:.66rem;font-weight:500;gap:.15rem;justify-content:center;min-height:56px;text-decoration:none}.nav-link.active{background:#eaf4ff;color:var(--color-primary);font-weight:700}.hero{background:linear-gradient(135deg,#e7f6ff,#fff 70%);border:1px solid #dcecf8;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:grid;gap:1.5rem;overflow:hidden;padding:clamp(1.4rem,5vw,3.25rem);position:relative}.hero:after{background-image:radial-gradient(#7ec8ff 1.2px,transparent 1.2px);background-size:18px 18px;content:"";height:160px;opacity:.32;position:absolute;right:-35px;top:-25px;width:190px}.hero-copy{position:relative;z-index:1}.hero-copy h1{margin-bottom:.75rem;max-width:720px}.hero-copy>p:not(.eyebrow){color:var(--color-muted);font-size:1.05rem;max-width:630px}.search-field{align-items:center;background:#fff;border:1px solid #cad7e6;border-radius:var(--radius-sm);box-shadow:0 4px 14px #0d1b3d0f;color:var(--color-muted);display:flex;gap:.7rem;margin-top:1.1rem;max-width:620px;min-height:52px;padding:0 .9rem}.search-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #1565d829}.search-field input{background:transparent;border:0;height:50px;min-width:0;outline:0;width:100%}.search-result-count{color:var(--color-muted);font-size:.8rem;margin:.4rem 0 0}.hero-progress,.stat-card.featured{align-items:center;display:flex;gap:1rem}.hero-progress>div:last-child{display:flex;flex-direction:column;font-size:.86rem}.hero-progress span{color:var(--color-muted)}.progress-ring{align-items:center;background:conic-gradient(var(--color-teal) var(--progress),#dceaf1 0);border-radius:50%;display:flex;flex:0 0 68px;height:68px;justify-content:center;position:relative;width:68px}.progress-ring:before{background:#fff;border-radius:50%;content:"";inset:7px;position:absolute}.progress-ring span{color:var(--color-ink);font-size:.88rem;font-weight:700;position:relative}.continue-card{align-items:flex-start;background:#e4f8f6;border:1px solid #b5e5e1;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1rem;justify-content:space-between;margin-top:1.25rem;padding:1.25rem}.continue-card h2{font-size:1.3rem;margin-bottom:.25rem}.continue-card p:not(.eyebrow){color:var(--color-muted);margin:0}.content-section{margin-top:clamp(2.25rem,6vw,4rem)}.section-heading{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.section-heading h2,.content-section>h2{margin-bottom:.9rem}.section-heading h2{margin:0}.section-heading>span{color:var(--color-muted);font-size:.85rem}.lesson-grid{display:grid;gap:1rem}.lesson-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:grid;gap:1rem;grid-template-columns:96px minmax(0,1fr) 28px;min-height:150px;overflow:hidden;padding:.85rem;position:relative;transition:box-shadow .18s ease,transform .18s ease}.lesson-card:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.lesson-card-image{align-self:stretch;background:#e8f6ff;border-radius:12px;height:100%;object-fit:cover;width:96px}.lesson-card-body{min-width:0}.lesson-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.category-badge{border-radius:999px;display:inline-flex;font-size:.7rem;font-weight:700;padding:.26rem .55rem}.category-weather{background:#dff7f4;color:#08736c}.category-space{background:#ebe5ff;color:#5433a4}.category-light{background:#fff1cf;color:#7d5000}.category-biology{background:#e8f4e2;color:#3d6b3a}.category-physics{background:#e4efff;color:#124f9e}.category-earth{background:#e4efe0;color:#2f5f30}.category-sound{background:#ffe5ec;color:#9f3150}.category-technology{background:#efe0ff;color:#5f3b99}.duration{align-items:center;color:var(--color-muted);display:inline-flex;font-size:.72rem;gap:.25rem;white-space:nowrap}.lesson-card h3{margin:.65rem 0 .3rem}.lesson-card h3 a{color:var(--color-ink);text-decoration:none}.lesson-card h3 a:after{content:"";inset:0;position:absolute}.lesson-card p{color:var(--color-muted);display:-webkit-box;font-size:.8rem;line-height:1.5;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-status{align-items:center;color:var(--color-muted);display:flex;font-size:.7rem;gap:.5rem;justify-content:space-between;margin-top:.7rem}.card-status>span{align-items:center;display:flex;gap:.25rem}.card-status>span:last-child{color:#be3159;font-size:1rem}.card-arrow{align-self:center;color:var(--color-primary)}.empty-state{background:#fff;border:1px dashed #b6c6d8;border-radius:var(--radius-md);color:var(--color-muted);padding:2rem;text-align:center}.empty-state p{margin-bottom:0}.page-intro{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:clamp(1.4rem,5vw,2.6rem)}.page-intro h1{margin-bottom:.6rem}.page-intro>p:not(.eyebrow){color:var(--color-muted);margin-bottom:0}.category-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;min-height:80px;padding:.7rem;text-align:left}.category-card:hover,.category-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #1565d81f}.category-card img,.all-category-icon{align-items:center;border-radius:12px;display:flex;flex:0 0 50px;height:50px;justify-content:center;width:50px}.all-category-icon{background:var(--color-primary);color:#fff;font-size:1.3rem;font-weight:700}.category-card span:last-child{display:flex;flex-direction:column;min-width:0}.category-card strong{font-size:.84rem}.category-card small{color:var(--color-muted);font-size:.65rem}.experiment-intro{align-items:center;display:flex;justify-content:space-between}.experiment-intro img{width:82px}.stats-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.2rem}.stat-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:center;min-height:110px;padding:1rem}.stat-card.featured{flex-direction:row;grid-column:1 / -1}.stat-card>strong{color:var(--color-primary);font-size:1.8rem}.stat-card>span{color:var(--color-muted);font-size:.8rem}.stat-card.featured>span{display:flex;flex-direction:column}.stat-card.featured strong{color:var(--color-ink);font-size:1rem}.settings-panel{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.setting-row{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:space-between;min-height:86px;padding:1rem 0}.setting-row>span:first-child{display:flex;flex-direction:column}.setting-row small{color:var(--color-muted);margin-top:.25rem}.setting-row input[type=checkbox],.toggle-control input[type=checkbox]{accent-color:var(--color-primary);flex:0 0 auto;height:24px;width:24px}.confirm-actions{align-items:stretch;display:flex;flex-direction:column;gap:.4rem}.lesson-page{margin:0 auto;max-width:940px}.lesson-hero{background:linear-gradient(130deg,#fff,#e8f6ff);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;padding:1rem}.lesson-top-actions{align-items:center;display:flex;justify-content:space-between}.back-link{align-items:center;color:var(--color-ink);display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;min-height:44px;text-decoration:none}.favorite-button{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:50%;color:var(--color-muted);cursor:pointer;display:flex;height:46px;justify-content:center;width:46px}.favorite-button.active{background:#fff0f4;border-color:#e9a5b8;color:#be3159}.favorite-button.active .icon{fill:currentColor}.lesson-hero-content{align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 100px;padding:1rem 0 1.4rem}.lesson-hero h1{font-size:clamp(1.8rem,7vw,2.8rem);margin:.65rem 0}.lesson-hero-content p{color:var(--color-muted);font-size:.9rem;margin-bottom:.7rem}.lesson-hero-content img{border-radius:var(--radius-md);width:100%}.lesson-progress-bar{background:#d7e3ee;border-radius:999px;height:8px;overflow:hidden}.lesson-progress-bar>span{background:var(--color-teal);display:block;height:100%;transition:width .25s ease}.step-navigation{background:#f4f8fcf5;display:flex;gap:.35rem;margin:.75rem 0 1.5rem;overflow-x:auto;padding:.45rem 0 .7rem;position:sticky;top:0;z-index:15}.step-navigation a{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);display:inline-flex;flex:0 0 auto;font-size:.7rem;gap:.35rem;min-height:44px;padding:.4rem .7rem .4rem .4rem;text-decoration:none}.step-navigation a>span{align-items:center;background:#edf1f5;border-radius:50%;display:flex;height:28px;justify-content:center;width:28px}.step-navigation a.done{border-color:#91c9b0;color:#1f6b3d}.step-navigation a.done>span{background:#daf3e4}.lesson-content{display:grid;gap:2.25rem}.lesson-content>*,.lesson-content [id]{scroll-margin-top:75px}.lesson-panel,.simulation-frame,.sources-panel{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:clamp(1.1rem,4vw,2rem)}.step-heading{align-items:center;display:flex;gap:.85rem}.step-heading>span{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex:0 0 42px;font-weight:700;height:42px;justify-content:center}.step-heading h2,.step-heading p{margin-bottom:0}.step-heading.standalone{margin-bottom:.9rem;padding-left:.25rem}.observation-panel{overflow:hidden;position:relative}.observation-panel .observation{font-size:clamp(1.05rem,3vw,1.25rem);font-weight:500;margin:1.4rem 0 0;max-width:610px;position:relative;z-index:1}.observation-panel>img{opacity:.12;position:absolute;right:-25px;top:-5px;width:190px}.prediction-panel h2,.quiz-card h2{font-size:1.3rem}.choice-list{display:grid;gap:.65rem;margin:1.1rem 0}.choice{align-items:center;background:#fff;border:1px solid #cbd7e4;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.75rem;min-height:50px;padding:.7rem .85rem}.choice:hover,.choice.selected{background:#f2f7ff;border-color:var(--color-primary)}.choice.correct{background:#eefaf3;border-color:var(--color-success)}.choice.incorrect{background:#fff3f3;border-color:var(--color-danger)}.choice input{accent-color:var(--color-primary);height:20px;width:20px}.choice span{font-size:.88rem}.supporting-text,.completion-hint{color:var(--color-muted);font-size:.82rem;margin-bottom:0}.simulation-frame>header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.2rem}.simulation-frame header h2{margin-bottom:.4rem}.simulation-frame header p:not(.eyebrow){color:var(--color-muted);margin-bottom:0}.reset-button{flex:0 0 auto}.simulation-layout{display:grid;gap:1.15rem}.simulation-layout-stacked{grid-template-columns:1fr}.simulation-layout-wide{gap:1rem}.simulation-visual{align-self:start;background:#eaf4fa;border:1px solid #d6e6ef;border-radius:20px;min-width:0;overflow:hidden}.simulation-visual svg{height:auto;width:100%}.simulation-controls{align-content:start;display:grid;gap:1rem}.range-control{min-width:0}.control-label-row{align-items:baseline;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.45rem}.control-label-row label,.select-control>span{font-size:.8rem;font-weight:600}.control-label-row output{background:#edf5ff;border-radius:8px;color:var(--color-primary-dark);font-size:.8rem;font-weight:700;padding:.3rem .5rem}.range-control input[type=range]{accent-color:var(--color-primary);cursor:pointer;height:30px;width:100%}.range-limits{color:var(--color-muted);display:flex;font-size:.65rem;justify-content:space-between}.toggle-control{align-items:center;background:#f7f9fb;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.8rem;gap:.7rem;min-height:48px;padding:.6rem .75rem}.select-control{display:grid;gap:.4rem}.button-row{display:grid;gap:.5rem}.rainbow-controls{display:grid;gap:1rem}.rainbow-sun-control{border:0;margin:0;min-inline-size:0;padding:0}.rainbow-sun-control legend{font-size:.8rem;font-weight:600;margin-bottom:.45rem;padding:0}.rainbow-choice-group{display:grid;gap:.45rem;grid-template-columns:repeat(3,minmax(0,1fr))}.rainbow-choice{background:#123650;border:1px solid #315875;border-radius:var(--radius-sm);color:#f3fbff;cursor:pointer;font:inherit;font-size:.76rem;font-weight:700;min-height:46px;padding:.45rem}.rainbow-choice--selected{background:#32d8ae;border-color:#32d8ae;color:#08243b}.rainbow-goal{background:#10324b;border:1px solid #2d6483;border-radius:var(--radius-sm);display:grid;gap:.45rem;padding:.8rem}.rainbow-goal strong{color:#58e8c0;font-size:.8rem}.rainbow-goal span{color:#d6eafa;font-size:.78rem;line-height:1.4}.text-button{align-self:flex-start}.select-control select{background:#fff;border:1px solid #b8c7d8;border-radius:var(--radius-sm);min-height:46px;padding:0 .7rem;width:100%}.simulation-status{background:#edf8ff;border:1px solid #c9e6f7;border-radius:var(--radius-sm);color:#33445b;font-size:.83rem;margin:1rem 0 0;padding:.8rem 1rem}.audio-control{border-top:1px solid var(--color-border);display:grid;gap:.65rem;padding-top:1rem}.audio-control small{color:var(--color-muted);font-size:.68rem;line-height:1.5}.flow-arrow{fill:none;stroke-linecap:round;stroke-width:5}.warm-flow{color:#e75b37;stroke:currentColor}.cool-flow{color:#1565d8;stroke:currentColor}.surface-flow{color:#008f86;stroke:currentColor}.light-rays{animation:ray-dash 2s linear infinite}.rainbow-ray-flow{animation:rainbow-ray-flow 1.35s linear infinite;stroke-dasharray:.075 .045}.rainbow-path{transition:opacity .2s ease}.rainbow-path--muted{opacity:.2}.rainbow-path--focus{opacity:1}.rainbow-focus-link{fill:none;stroke:currentColor;stroke-dasharray:4 5;stroke-linecap:round;stroke-width:2;color:#1568d6e6}.rainbow-active-label{fill:#0d1b3d}.rainbow-droplet{animation:rainbow-droplet-float 1.8s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.rainbow-arc{animation:rainbow-glow 1.9s ease-in-out infinite alternate;transform-box:view-box;transform-origin:273px 104px}@media(min-width:760px){.rainbow-controls{align-items:start;grid-template-columns:1.2fr 1fr 1fr 1.5fr}}.speaker-cone.playing{animation:speaker-pulse .22s ease-in-out infinite alternate}.particles.playing circle{animation:particle-shift .65s ease-in-out infinite alternate;animation-delay:var(--particle-delay)}.wave-line.playing{animation:wave-pulse .65s ease-in-out infinite alternate}@keyframes ray-dash{to{stroke-dashoffset:-24}}@keyframes rainbow-ray-flow{to{stroke-dashoffset:-.12}}@keyframes rainbow-droplet-float{to{transform:translateY(4px)}}@keyframes rainbow-glow{to{filter:saturate(1.18) drop-shadow(0 2px 3px rgba(21,101,216,.2));transform:scale(1.012)}}@keyframes speaker-pulse{to{transform:translate(4px)}}@keyframes particle-shift{to{transform:translate(6px)}}@keyframes wave-pulse{to{opacity:.55;transform:translate(2px)}}.explanation-grid{display:grid;gap:.8rem}.explanation-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.15rem;position:relative}.explanation-card>span{align-items:center;background:#e6f5ff;border-radius:50%;color:var(--color-primary);display:flex;font-size:.8rem;font-weight:700;height:30px;justify-content:center;margin-bottom:.75rem;width:30px}.explanation-card h3{margin-bottom:.45rem}.explanation-card p{color:var(--color-muted);font-size:.85rem;margin:0}.nuance-callout{background:#fff8e7;border:1px solid #f1d595;border-radius:var(--radius-md);margin-top:1rem;padding:1rem}.nuance-callout strong{color:#725017}.nuance-callout p{color:#66583f;font-size:.82rem;margin:.3rem 0 0}.quiz-card .button{width:100%}.quiz-feedback{min-height:1.5rem;margin-top:1rem}.quiz-feedback strong{color:var(--color-success)}.quiz-feedback p{color:var(--color-muted);font-size:.85rem;margin:.35rem 0 0}.completion-card{align-items:center;background:#eaf8ef;border:1px solid #9ed2b1;border-radius:var(--radius-md);display:grid;gap:.9rem;grid-template-columns:44px minmax(0,1fr);margin-top:1rem;padding:1rem}.completion-card>span{align-items:center;background:var(--color-success);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.completion-card p{color:var(--color-muted);font-size:.78rem;margin:.2rem 0 0}.completion-card .button{grid-column:1 / -1}.sources-panel{box-shadow:none}.sources-panel summary{cursor:pointer;font-weight:700;min-height:44px;padding:.6rem 0}.sources-panel p,.sources-panel li{color:var(--color-muted);font-size:.82rem}.sources-panel li+li{margin-top:.6rem}.not-found{align-items:center;display:flex;flex-direction:column;min-height:65vh;padding:4rem 1rem;text-align:center}.not-found img{margin-bottom:1.5rem;width:105px}.not-found p:not(.eyebrow){color:var(--color-muted)}.update-prompt{align-items:center;background:var(--color-ink);border-radius:var(--radius-md);bottom:82px;box-shadow:var(--shadow-raised);color:#fff;display:flex;flex-wrap:wrap;gap:.55rem;left:1rem;padding:.8rem;position:fixed;right:1rem;z-index:40}.update-prompt p{flex:1 0 100%;margin:0}.update-prompt .ghost{color:#fff}[data-reduce-motion=true] *,[data-reduce-motion=true] *:before,[data-reduce-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(min-width:540px){.app-header,main{padding-left:1.5rem;padding-right:1.5rem}.continue-card{align-items:center;flex-direction:row;padding:1.4rem 1.6rem}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-card{grid-template-columns:112px minmax(0,1fr) 28px}.lesson-card-image{width:112px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-hero{padding:1.4rem}.lesson-hero-content{grid-template-columns:minmax(0,1fr) 160px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card.featured{grid-column:span 3}.completion-card{grid-template-columns:44px minmax(0,1fr) auto}.completion-card .button{grid-column:auto}}@media(min-width:800px){.header-tagline{display:block}.hero{align-items:end;grid-template-columns:minmax(0,1fr) 250px}.hero-progress{background:#fffc;border:1px solid #d6e6ef;border-radius:var(--radius-md);padding:1rem;position:relative;z-index:1}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simulation-layout{align-items:start;grid-template-columns:minmax(0,1.5fr) minmax(250px,.85fr)}.simulation-layout-stacked{grid-template-columns:1fr}.simulation-layout-wide{grid-template-columns:minmax(0,1.75fr) minmax(250px,.8fr)}.explanation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1000px){.app-shell{padding-bottom:1rem}.app-header{min-height:96px;padding-right:500px;position:relative}.bottom-navigation{border:1px solid var(--color-border);border-radius:16px;bottom:auto;box-shadow:var(--shadow-card);grid-template-columns:repeat(4,1fr);left:auto;min-height:58px;padding:.25rem;right:max(1.5rem,calc((100vw - var(--content-max)) / 2 + 1.5rem));top:19px;width:450px}.nav-link{flex-direction:row;font-size:.72rem;min-height:48px}.nav-link .icon{height:20px;width:20px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.update-prompt{bottom:1.5rem;left:auto;max-width:440px}}.app-shell{margin:0 auto;max-width:var(--content-max);min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 16px)}.app-header{align-items:center;background:var(--hwd-bg-raised);border-bottom:1px solid var(--hwd-border);display:flex;min-height:56px;padding:.65rem .9rem}.brand{align-items:center;display:inline-flex;max-width:min(240px,62vw)}.brand-logo{width:100%}.header-tagline{color:var(--hwd-text-muted);display:block;font-size:.74rem;margin:0 0 0 auto}main{margin:0 auto;max-width:var(--content-max);padding:0 16px 84px}main #main-content:focus-visible,main:focus-visible{outline:none}.hero,.page-intro,.content-section,.continue-card,.lesson-panel,.sources-panel,.simulation-frame,.not-found,.explanation-card,.progress-ring,.stat-card,.setting-row{border-color:var(--hwd-border);color:var(--hwd-text)}.hero,.lesson-page,.lesson-panel,.simulation-frame,.sources-panel,.continue-card,.progress-ring,.stat-card,.page-intro,.setting-row,.not-found,.explanation-card{background:var(--hwd-surface)}h1,h2,h3,p,li,span,strong,small{color:var(--hwd-text)}.eyebrow,.supporting-text,.completion-hint,.search-result-count,.setting-row small,.nuance-callout p,.quiz-feedback p,.range-limits,.instruction,.simulation-status{color:var(--hwd-text-muted)}.search-field{background:var(--hwd-bg-raised);border-color:var(--hwd-border);color:var(--hwd-text)}.bottom-navigation{background:var(--hwd-bg-raised);border-top:1px solid var(--hwd-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:max(.45rem,env(safe-area-inset-right)) max(.45rem,env(safe-area-inset-left)) max(.45rem,env(safe-area-inset-bottom)) max(.45rem,env(safe-area-inset-left))}.nav-link{color:var(--hwd-text-muted);min-height:var(--hwd-touch)}.nav-link.active{background:color-mix(in srgb,var(--hwd-primary) 20%,transparent);color:var(--hwd-primary)}.lesson-page{display:grid;gap:.8rem}.lesson-hero{background:linear-gradient(130deg,var(--hwd-surface),#0a2a45 72%);border:1px solid var(--hwd-border)}.lesson-simulation-shell .simulation-frame{margin:0}.lesson-hero img{border-radius:var(--hwd-radius-md)}.lesson-progress-strip{margin-top:.95rem}.lesson-progress-strip>div[role=progressbar]{background:#a8bed033;border-radius:999px;height:8px;overflow:hidden}.lesson-progress-strip>div[role=progressbar]>span{background:var(--hwd-primary);display:block;height:100%;transition:width .18s ease}.lesson-progress-strip p{color:var(--hwd-text-muted);margin:.4rem 0 0;font-size:.8rem}.step-navigation{background:transparent;border-bottom:1px solid var(--hwd-border);gap:.45rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.step-navigation::-webkit-scrollbar{display:none}.step-navigation a{background:var(--hwd-bg-raised);border-color:var(--hwd-border);color:var(--hwd-text-muted);min-height:var(--hwd-touch);gap:.45rem;padding:.4rem .8rem;text-wrap:nowrap}.step-navigation a.done,.step-navigation a[aria-current=step]{background:color-mix(in srgb,var(--hwd-primary) 14%,var(--hwd-bg-raised));border-color:color-mix(in srgb,var(--hwd-primary) 30%,var(--hwd-border));color:var(--hwd-text)}.step-navigation a>span{background:var(--hwd-bg);color:inherit;height:28px;width:28px}.step-navigation a.done>span{background:var(--hwd-primary);color:var(--hwd-primary-text)}.simulation-frame{border-radius:var(--hwd-radius-lg);padding:1rem}.simulation-frame header h2{margin-bottom:.5rem}.simulation-layout,.simulation-controls,.range-control,.lesson-content,.explanation-grid,.stat-card{gap:.85rem}.simulation-visual,.simulation-controls{background:var(--hwd-bg-raised);border-radius:var(--hwd-radius-md);border:1px solid var(--hwd-border)}.simulation-frame>header,.simulation-status,.reset-button,.select-control select,.text-button,.button{min-height:var(--hwd-touch)}.simulation-status{background:#08243b;border-color:#20415f;color:var(--hwd-text)}.range-control input[type=range],.button,.text-button,.button-row button,.text-link,.lesson-card,.search-field,.setting-row input[type=checkbox],.toggle-control,.explanation-toggle{min-height:var(--hwd-touch)}.range-limits,.search-result-count,.duration,.supporting-text,.completion-hint{font-size:.85rem}.choice,.question-choice,.lesson-card,.progress-ring,.card-status,.stat-card,.explanation-toggle,.category-card,.option-card,.button,.text-button,.text-link{border-radius:var(--hwd-radius-md)}.choice,.explanation-card{background:var(--hwd-bg-raised);border-color:#24465f}.explanation-card.active-explanation{border-color:var(--hwd-primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--hwd-primary) 30%,transparent)}.explanation-toggle{align-items:flex-start;background:transparent;border:0;color:var(--hwd-text);display:grid;gap:.5rem;padding:0;text-align:left;width:100%}.explanation-toggle h3,.explanation-toggle p{margin:0}.choice:hover,.choice.selected,.lesson-card:hover,.category-card.selected,.button.secondary:hover,.button.primary:hover,.text-link:hover{transform:none}@media(min-width:320px){main,.hwd-page{padding-left:12px;padding-right:12px}}@media(min-width:480px){.simulation-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:799px){.step-navigation{position:static}}@media(min-width:900px){.app-shell{padding-bottom:1rem}.simulation-layout{align-items:start;grid-template-columns:minmax(0,1.55fr) minmax(250px,.85fr)}.simulation-layout-stacked{grid-template-columns:minmax(0,1fr)}.explanation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.app-shell--lesson{max-width:none;padding-bottom:0}.mobile-lesson{background:#061427;color:#f6f9ff;min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--lesson-action-height) + env(safe-area-inset-bottom,0px) + 24px)}.mobile-lesson-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061427f0;border-bottom:1px solid #274663;display:grid;grid-template-columns:48px 1fr 48px;min-height:56px;padding:4px 12px;position:sticky;top:0;z-index:20}.mobile-lesson-header strong{justify-self:center}.mobile-lesson-back,.mobile-lesson-save{align-items:center;background:#102a49;border:1px solid #274663;border-radius:14px;color:#f6f9ff;display:inline-flex;height:48px;justify-content:center;text-decoration:none;width:48px}.mobile-lesson-main{margin:0 auto;max-width:720px;padding:16px}.mobile-lesson-intro h1{color:#fff;font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.08;margin:.35rem 0 .7rem}.mobile-lesson-intro>p:last-of-type{color:#a9bad0;font-size:1rem;margin:0}.mobile-lesson-progress{background:#15375d;border-radius:999px;height:8px;margin:18px 0;overflow:hidden}.mobile-lesson-progress span{background:#26d49a;display:block;height:100%;transition:width .2s ease}.learning-stepper{display:flex;gap:8px;margin:0 -16px 16px;overflow-x:auto;overscroll-behavior-x:contain;padding:0 16px 8px;scroll-padding-inline:16px;scroll-snap-type:x proximity;scrollbar-width:none}.learning-stepper::-webkit-scrollbar{display:none}.learning-stepper button{align-items:center;background:#0b2039;border:1px solid #274663;border-radius:999px;color:#a9bad0;display:flex;flex:0 0 auto;font:inherit;gap:7px;min-height:48px;padding:0 12px;scroll-snap-align:start}.learning-stepper button span{align-items:center;background:#061427;border-radius:50%;display:inline-flex;height:26px;justify-content:center;width:26px}.learning-stepper button[aria-current=step]{background:#5b72ff;border-color:#7c5cff;color:#fff}.learning-stepper button.done span{background:#26d49a;color:#061427}.lesson-flow-panel{background:#0b2039;border:1px solid #274663;border-radius:20px;padding:16px}.lesson-flow-panel h2{color:#fff;font-size:1.35rem;margin-top:.3rem}.lesson-flow-panel>p{color:#dce8f4;line-height:1.55}.lesson-look-image{background:#102a49;border-radius:16px;display:block;margin-bottom:16px;width:100%}.lesson-tip,.quiz-count{background:#102a49;border-left:3px solid #24d4d6;border-radius:10px;color:#dce8f4;margin-top:16px;padding:12px}.lesson-understand-grid{display:grid;gap:10px}.lesson-understand-grid button{background:#102a49;border:1px solid #274663;border-radius:14px;color:#f6f9ff;display:grid;font:inherit;gap:6px;grid-template-columns:32px 1fr;min-height:76px;padding:12px;text-align:left}.lesson-understand-grid button>span{align-items:center;background:#15375d;border-radius:50%;display:flex;grid-row:span 2;height:28px;justify-content:center;width:28px}.lesson-understand-grid button p{color:#a9bad0;grid-column:2;margin:0}.lesson-understand-grid button.selected{border-color:#24d4d6;box-shadow:0 0 0 1px #24d4d6}.lesson-bottom-action{background:#061427f5;border-top:1px solid #274663;bottom:0;left:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));position:fixed;right:0;z-index:25}.lesson-bottom-action .button{margin:0 auto;max-width:720px;width:100%}.lesson-complete{background:#103a37;border:1px solid #26d49a;border-radius:16px;margin-top:16px;padding:16px}.rainbow-lab{margin-top:16px}.rainbow-lab-heading{align-items:start;display:flex;gap:12px;justify-content:space-between}.rainbow-lab-heading h2{margin-bottom:4px}.rainbow-lab-heading p{color:#a9bad0;margin-top:0}.rainbow-scene{aspect-ratio:840 / 440;border:1px solid #274663;border-radius:22px;display:block;height:auto;margin:16px 0;max-height:none;min-height:0;width:100%}.rainbow-svg-label{fill:#f6f9ff;font-size:14px;font-weight:650}.rainbow-rain{transition:opacity .2s ease}.rainbow-process-marker circle{fill:#38d6c4}.rainbow-process-marker text{fill:#052421;font-size:14px;font-weight:800;text-anchor:middle}.rainbow-scene-badge rect{fill:#050f1fb8;stroke:#ffffff2e;stroke-width:1}.rainbow-scene-badge text{fill:#f6f9ff;font-size:13px;font-weight:700}.rainbow-control-grid{display:grid;gap:14px}.rainbow-control-grid>div>p{color:#a9bad0;font-size:.85rem;margin:2px 0 0}.rainbow-weather{border:0;margin:0;padding:0}.rainbow-weather legend{font-weight:700;margin-bottom:8px}.rainbow-weather>div{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.rainbow-weather button{background:#102a49;border:1px solid #274663;border-radius:12px;color:#f6f9ff;font:inherit;min-height:48px}.rainbow-weather button.selected{background:#5b72ff;border-color:#7c5cff}.rainbow-label-toggle{align-items:center;display:flex;gap:10px;margin:16px 0;min-height:48px}.rainbow-label-toggle input{height:22px;width:22px}.rainbow-status{border:1px solid #274663;border-radius:14px;line-height:1.45;padding:14px}.rainbow-status--bright,.rainbow-status--visible{background:#103a37;border-color:#26d49a}.rainbow-status--hidden{background:#382438;border-color:#ff6b79}@media(min-width:768px){.mobile-lesson-main{padding:24px}.rainbow-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rainbow-weather{grid-column:span 2}}@media(prefers-reduced-motion:reduce){.mobile-lesson *,.mobile-lesson *:before,.mobile-lesson *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}