:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#192320;--ink:#192320;--muted:#747b74;--paper:#f5f5ef;--surface:#fffefa;--line:#e4e6df;--green:#176b56;--lime:#c7f36d;--coral:#ff735e;--heading:"Bricolage Grotesque", "DM Sans", sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #368d75}::selection{color:#12231d;background:#d4f995}#root{text-align:left;border:0;width:auto;max-width:none;min-height:100svh;margin:0;display:block}h1,h2{color:var(--ink);font-family:var(--heading);letter-spacing:0}p{margin-top:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=375px){html,body{min-width:0}.app-shell{overflow-x:clip}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.app-shell{min-height:100vh}.sidebar{z-index:20;border-right:1px solid var(--line);background:#fbfbf6;flex-direction:column;width:254px;padding:25px 16px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand-lockup{align-items:center;gap:11px;min-height:47px;padding:0 8px;display:flex}.brand-mark{color:#f9ffed;background:var(--green);border-radius:12px 4px;place-items:center;width:39px;height:39px;display:grid}.brand-name{font-family:var(--heading);color:var(--ink);font-size:19px;font-weight:800;line-height:1;display:block}.brand-name span{color:var(--coral);padding:0 2px}.brand-caption{color:var(--muted);margin-top:4px;font-size:10px;display:block}.sidebar-close,.menu-toggle{display:none!important}.side-nav{margin-top:46px}.nav-label,.micro-label,.section-kicker{color:#8b9188;letter-spacing:.14em;font-size:9px;font-weight:800}.nav-label{padding:0 11px}.nav-link{color:#59625a;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:43px;margin-top:8px;padding:7px 11px;font-size:13px;transition:background .18s,color .18s;display:flex;position:relative}.nav-link:hover{color:var(--green);background:#edf4e7}.nav-link-active{color:#174f40;background:#e9f1e4;font-weight:700}.nav-active-mark{background:var(--coral);border-radius:3px 0 0 3px;width:3px;height:22px;position:absolute;right:-16px}.nav-divider{background:var(--line);height:1px;margin:23px 8px 21px}.nav-heading{justify-content:space-between;align-items:center;padding:0 11px;display:flex}.nav-count{border:1px solid var(--line);color:#82877e;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:grid}.unit-nav-link{gap:10px;min-height:47px;margin-top:4px}.nav-unit-icon{color:#285f4b;background:#e8f4d5;border-radius:8px 4px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.nav-unit-icon.tone-coral{color:#bb523f;background:#ffe4dd}.nav-unit-icon.tone-blue{color:#286a83;background:#dff2fa}.nav-unit-icon.tone-yellow{color:#746310;background:#fbf2c9}.nav-unit-icon.tone-lavender{color:#5d4b95;background:#ede8ff}.nav-unit-icon.tone-orange{color:#8b4f19;background:#fbe8d0}.nav-unit-text{text-overflow:ellipsis;white-space:nowrap;flex-direction:column;flex:1;gap:1px;min-width:0;font-size:11px;display:flex;overflow:hidden}.nav-unit-text>span{color:#8b9188;font-size:9px;font-weight:700}.nav-completed{color:var(--green)}.sidebar-bottom{margin-top:auto}.semester-note{background:#f1f4e8;border:1px solid #e4e8dc;border-radius:6px;align-items:center;gap:9px;padding:13px 10px;display:flex}.semester-orbit{width:31px;height:31px;color:var(--green);background:#dfecc8;border-radius:50%;flex:0 0 31px;place-items:center;display:grid}.semester-note strong,.semester-note div>span{display:block}.semester-note strong{font-size:10px}.semester-note div>span{color:#777e72;margin-top:3px;font-size:9px}.semester-arrow{color:#86917b;margin-left:auto}.sidebar-footnote{color:#9ba097;padding:12px 4px 0;font-size:9px;line-height:1.5;display:block}.app-main{min-height:100vh;margin-left:254px}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafaf5f0;justify-content:space-between;align-items:center;height:66px;padding:0 38px;display:flex;position:sticky;top:0}.topbar-leading,.topbar-actions{align-items:center;gap:15px;display:flex}.breadcrumb{color:#69736b;font-size:11px}.breadcrumb span{color:#b8bcb2;padding:0 5px}.connection-status{color:#668071;align-items:center;gap:6px;font-size:10px;display:flex}.connection-status svg{color:#408668}.connection-offline{color:#a76427}.connection-offline svg{color:#d08436}.avatar-chip{color:#396348;background:#e9f1de;border:1px solid #d7dfcc;border-radius:50%;place-items:center;width:31px;height:31px;font-size:9px;font-weight:800;display:grid}.install-button{color:var(--green);background:#f1f6e9;border:1px solid #b9cbb2;border-radius:5px;align-items:center;gap:7px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.content-area{padding:0 38px 30px}.content-inner{width:min(100%,1120px);margin:0 auto}.welcome-row{justify-content:space-between;align-items:center;min-height:236px;padding:43px 2px 25px;display:flex}.eyebrow{color:#768076;letter-spacing:.12em;align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex}.eyebrow-dot{background:#eb765f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #fce4dc}.welcome-row h1,.unit-header h1{color:#1c2923;font-family:var(--heading);margin:14px 0 10px;font-size:42px;font-weight:700;line-height:1.04}.welcome-row h1 span{color:#26705a}.welcome-copy{color:#707970;max-width:460px;font-size:13px;line-height:1.6}.welcome-stamp{color:#607564;letter-spacing:.11em;text-align:center;flex-direction:column;align-items:center;gap:7px;margin:0 44px 0 20px;font-size:8px;font-weight:800;display:flex;transform:rotate(7deg)}.stamp-ring{color:#38725d;background:#edf2e3;border:1px solid #b9c9ad;border-radius:50%;place-items:center;width:73px;height:73px;display:grid}.course-stats{background:#fbfcf6;border:1px solid #e2e5dc;border-radius:8px;grid-template-columns:1fr 1fr 1fr 1.5fr;align-items:center;min-height:89px;padding:13px 20px;display:grid}.stat-item{border-right:1px solid var(--line);align-items:center;gap:11px;padding-left:17px;display:flex}.stat-number{color:#1f4e3c;font-family:var(--heading);font-size:26px;font-weight:700;line-height:1}.stat-unit{color:#6d8369;padding-left:2px;font-size:12px}.stat-item>span:last-child{color:#777e76;font-size:9px;line-height:1.4}.stat-progress{padding:0 15px 0 24px}.stat-progress-copy{color:#747b72;justify-content:space-between;margin-bottom:10px;font-size:10px;display:flex}.stat-progress-copy strong{color:#3c5345;font-size:10px}.progress-track{background:#e7ebdf;border-radius:8px;height:6px;overflow:hidden}.progress-track span{border-radius:inherit;background:#8fc363;height:100%;transition:width .4s;display:block}.field-note{background:#1c3027;border-radius:8px;height:174px;margin-top:24px;position:relative;overflow:hidden}.field-image{object-fit:cover;object-position:50% 48%;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.field-overlay{background:linear-gradient(90deg,#11271dd1,#1a2d2333 80%),linear-gradient(#0000,#0a181233);position:absolute;inset:0}.field-caption{color:#fff;position:absolute;top:27px;left:29px}.field-caption>span{color:#d0ef9c;letter-spacing:.13em;align-items:center;gap:7px;font-size:8px;font-weight:800;display:flex}.field-caption strong{font-family:var(--heading);margin-top:12px;font-size:27px;line-height:.99;display:block}.field-cta{color:#273c2b;background:#c7f36d;border:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .2s,background .2s;display:grid;position:absolute;bottom:22px;right:23px}.field-cta:hover{background:#dbffa2;transform:rotate(-8deg)scale(1.08)}.route-section{margin-top:38px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-kicker{color:#839084;display:block}.section-heading h2{font-family:var(--heading);margin:6px 0 0;font-size:24px}.search-box{color:#859087;background:#fcfcf8;border:1px solid #dfe3da;border-radius:5px;align-items:center;gap:9px;width:255px;min-height:38px;padding:0 10px;display:flex}.search-box:focus-within{border-color:#74a18a;box-shadow:0 0 0 3px #e4efe5}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:10px}.search-box input::placeholder{color:#9aa198}.clear-search{color:#6e776f;background:#ebeee8;border:0;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.unit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.unit-card{text-align:left;background:#fffefa;border:1px solid #e3e6dd;border-radius:7px;flex-direction:column;min-height:183px;padding:15px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.48s both lift-in;display:flex}.unit-card:nth-child(2){animation-delay:40ms}.unit-card:nth-child(3){animation-delay:80ms}.unit-card:nth-child(4){animation-delay:.12s}.unit-card:nth-child(5){animation-delay:.16s}.unit-card:nth-child(6){animation-delay:.2s}.unit-card:hover{border-color:#bdcfb4;transform:translateY(-4px);box-shadow:0 9px 22px #30483317}.unit-card-top,.unit-card-title{justify-content:space-between;align-items:center;gap:6px;display:flex}.unit-symbol{color:#3e7153;background:#e5f3d5;border-radius:11px 5px;place-items:center;width:38px;height:38px;display:grid}.tone-coral .unit-symbol{color:#c85c48;background:#ffe8e1}.tone-blue .unit-symbol{color:#347994;background:#e2f4fb}.tone-yellow .unit-symbol{color:#83701e;background:#fcf4d0}.tone-lavender .unit-symbol{color:#67539b;background:#eee9ff}.tone-orange .unit-symbol{color:#955c24;background:#fcebd7}.unit-code{color:#899189;letter-spacing:.1em;font-size:9px;font-weight:800}.unit-card-title{color:#1d2b22;font-family:var(--heading);margin-top:14px;font-size:16px;font-weight:700;line-height:1.1}.card-arrow{color:#8fa18c;flex:none}.unit-card-summary{color:#747d74;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.unit-card-bottom{color:#8c938a;align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-size:8px;display:flex}.unit-card-dot{background:#c1c7bd;border-radius:50%;width:3px;height:3px}.empty-results{color:#718073;text-align:center;grid-column:1/-1;place-content:center;justify-items:center;gap:8px;min-height:150px;display:grid}.empty-results strong{color:#374d3c;font-size:13px}.empty-results span{font-size:10px}.bottom-note{background:#edf3e4;border-left:3px solid #aad171;align-items:center;gap:12px;margin-top:23px;padding:13px 15px;display:flex}.bottom-note-icon{color:#55814c;background:#dcebc8;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.bottom-note strong{color:#34503c;font-size:10px}.bottom-note p{color:#748072;margin:3px 0 0;font-size:9px}.local-badge{color:#71816d;letter-spacing:.08em;background:#e8eee1;border-radius:3px;flex:none;align-items:center;padding:5px 7px;font-size:7px;font-weight:800;display:inline-flex}.bottom-note>.local-badge{margin-left:auto}.site-footer{color:#9a9f96;justify-content:space-between;align-items:center;padding:22px 0 6px;font-size:8px;display:flex}.unit-page{padding-top:24px}.back-link{color:#718074;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:10px;display:inline-flex}.back-link:hover{color:var(--green)}.unit-header{justify-content:space-between;align-items:center;min-height:229px;padding:20px 0 23px;display:flex}.unit-header h1{margin-top:13px;font-size:41px}.unit-title-period{color:var(--coral)}.unit-lead{color:#6c786f;max-width:570px;font-size:12px;line-height:1.6}.unit-header-meta{color:#859087;flex-wrap:wrap;gap:17px;margin-top:15px;font-size:9px;display:flex}.unit-header-meta span{align-items:center;gap:5px;display:flex}.unit-header-art{background:#e6efdb;border-radius:45% 55% 56% 44%/41% 42% 58% 59%;flex:0 0 171px;place-items:center;width:171px;height:153px;display:grid;position:relative;overflow:hidden}.tone-coral .unit-header-art{background:#fbe4dc}.tone-blue .unit-header-art{background:#e0f2f8}.tone-yellow .unit-header-art{background:#f7f0ce}.tone-lavender .unit-header-art{background:#ebe7fb}.tone-orange .unit-header-art{background:#fae8d2}.art-grid{opacity:.28;background-image:radial-gradient(#698d6e 1px,#0000 1px);background-size:11px 11px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 72%);mask-image:radial-gradient(#000 20%,#0000 72%)}.art-orbit{border:1px solid #376e494d;border-radius:50%;width:104px;height:104px;animation:20s linear infinite rotate-orbit;position:absolute}.orbit-two{border-style:dashed;width:134px;height:134px;animation-duration:35s;animation-direction:reverse}.art-core{z-index:1;color:#3c7655;background:#fffff8b8;border:1px solid #406d4847;border-radius:22px 8px;place-items:center;width:75px;height:75px;display:grid;box-shadow:0 6px 18px #2e4e301a}.tone-coral .art-core{color:#ba5947}.tone-blue .art-core{color:#31738f}.tone-yellow .art-core{color:#827017}.tone-lavender .art-core{color:#62518e}.tone-orange .art-core{color:#955d29}.art-code{color:#718777;letter-spacing:.1em;font-size:8px;font-weight:800;position:absolute;bottom:13px;right:15px}.objective-band{background:#f8faf3;border:1px solid #e2e7dc;border-radius:7px;align-items:center;gap:13px;min-height:75px;padding:11px 14px;display:flex}.objective-icon{color:#3d7656;background:#e2eed5;border-radius:50%;flex:0 0 37px;place-items:center;width:37px;height:37px;display:grid}.objective-band>div{flex:1}.objective-band p{color:#48554a;margin:5px 0 0;font-size:10px;line-height:1.5}.complete-button{color:#637465;white-space:nowrap;background:#fffefa;border:1px solid #d4ddd0;border-radius:5px;align-items:center;gap:6px;padding:8px 10px;font-size:9px;font-weight:700;display:flex}.complete-button:hover,.complete-button.is-complete{color:#416d46;background:#e8f3dc;border-color:#a7c38d}.learning-layout{grid-template-columns:minmax(0,1fr) 255px;align-items:start;gap:18px;margin-top:21px;display:grid}.learning-main{min-width:0}.tab-list{scrollbar-width:thin;border-bottom:1px solid #dfe4db;display:flex;overflow-x:auto}.learning-tab{color:#7b837b;white-space:nowrap;background:0 0;border:0;flex:none;align-items:center;gap:7px;padding:12px 13px;font-size:9px;display:flex;position:relative}.learning-tab:hover,.learning-tab.tab-active{color:#276346}.learning-tab.tab-active{font-weight:800}.learning-tab.tab-active:after{content:"";background:#529263;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.lesson-panel{background:#fffefa;border:1px solid #e5e7df;border-top:0;border-radius:0 0 7px 7px;min-height:520px;padding:23px 21px 25px}.content-block{max-width:710px;margin:0 auto}.panel-overline{justify-content:space-between;align-items:center;gap:10px;display:flex}.duration-pill{color:#71836e;background:#eff3e9;border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;display:inline-flex}.content-block h2{color:#1e2c23;font-family:var(--heading);margin:15px 0 10px;font-size:27px;line-height:1.1}.content-block h2 span{color:#287052}.panel-intro{color:#737c73;max-width:610px;font-size:11px;line-height:1.65}.topic-cards{border-top:1px solid #edf0e9;margin-top:21px}.concept-row{border-bottom:1px solid #edf0e9;grid-template-columns:33px minmax(0,1fr) 20px;gap:9px;padding:14px 1px;display:grid}.concept-index{color:#a0ac99;font-family:var(--heading);font-size:11px;font-weight:700}.concept-row h3{color:#2d3a30;font-family:var(--heading);margin:0;font-size:13px}.concept-row p{color:#7c837b;margin:5px 0 0;font-size:10px;line-height:1.55}.concept-arrow{color:#a1aaa0;transform:rotate(-90deg)}.key-idea{background:#eef4e6;border-radius:5px;gap:10px;margin-top:17px;padding:13px;display:flex}.key-idea-icon{color:#55804b;background:#dcebc7;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid}.key-idea p{color:#53634f;margin:4px 0 0;font-size:10px;line-height:1.55}.equipment-strip{background:#fafbf6;border:1px solid #e4e9df;border-radius:5px;gap:10px;margin-top:19px;padding:12px;display:flex}.equipment-icon{color:#417453;background:#e9f1e1;border-radius:7px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.equipment-strip p{color:#6e796f;margin:4px 0 0;font-size:9px;line-height:1.55}.safety-note{color:#826622;background:#fcf5df;border-left:3px solid #e3b64b;gap:9px;margin-top:11px;padding:10px 11px;display:flex}.safety-note svg{flex:0 0 18px}.safety-note p{color:#736038;margin:0;font-size:9px;line-height:1.55}.lab-steps{margin:16px 0 0;padding:0;list-style:none}.lab-steps li{border-bottom:1px solid #edf0e9;grid-template-columns:29px minmax(0,1fr) 21px;gap:10px;padding:12px 1px;display:grid}.step-number{color:#5d7a5b;border:1px solid #dce5d8;border-radius:50%;place-items:center;width:27px;height:27px;font-size:8px;font-weight:800;display:grid}.lab-steps li strong{color:#344238;font-size:10px;line-height:1.45;display:block}.lab-steps li div span{color:#90968d;margin-top:4px;font-size:8px;display:block}.step-check{color:#b7c7b0;margin-top:4px}.observation-box{background:#fbfcf7;border:1px solid #dfe5da;border-radius:6px;margin-top:17px;padding:12px}.observation-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.observation-heading>span:first-child{color:#54735c;letter-spacing:.09em;align-items:center;gap:6px;font-size:8px;font-weight:800;display:flex}.observation-box label{color:#69746a;margin:13px 0 6px;font-size:9px;display:block}.observation-box textarea{resize:vertical;color:#27362a;background:#fff;border:1px solid #e2e6de;border-radius:4px;width:100%;padding:9px;font-size:10px;line-height:1.5;display:block}.notes-status{color:#92998f;justify-content:space-between;gap:8px;margin-top:7px;font-size:8px;display:flex}.notes-status span:first-child{color:#758b73;align-items:center;gap:4px;display:flex}.expected-result{background:#f4f0e7;gap:9px;margin-top:13px;padding:11px;display:flex}.result-icon{color:#b18039}.expected-result p{color:#756951;margin:4px 0 0;font-size:9px;line-height:1.5}.autonomous-list{border-top:1px solid #e9ede6;margin-top:22px}.autonomous-item{border-bottom:1px solid #e9ede6;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:14px 2px;display:grid}.task-symbol{color:#42745a;background:#eaf3df;border-radius:10px 4px;place-items:center;width:36px;height:36px;display:grid}.task-tone-1{color:#b85e46;background:#fce9df}.task-tone-2{color:#796322;background:#faf1cf}.autonomous-item .micro-label{font-size:8px}.autonomous-item p{color:#4c584e;margin:4px 0 0;font-size:10px;line-height:1.5}.autonomous-arrow{color:#9daa9c}.reflection-box{background:#faf5df;border-left:3px solid #d8bb55;gap:10px;margin-top:20px;padding:13px;display:flex}.reflection-mark{color:#c8aa47;font-family:Georgia,serif;font-size:36px;line-height:.8}.reflection-box p{color:#625b45;margin:5px 0 0;font-size:10px;line-height:1.55}.question-list{gap:12px;margin-top:20px;display:grid}.question-card{background:#fcfcf8;border:1px solid #e4e8df;border-radius:6px;padding:14px}.question-number{color:#85927f;letter-spacing:.12em;font-size:8px;font-weight:800}.question-card h3{color:#2e3a30;font-family:var(--heading);margin:9px 0 11px;font-size:13px;line-height:1.45}.answer-options{gap:7px;margin:0;padding:0;list-style:none;display:grid}.answer-options li{color:#687368;align-items:flex-start;gap:8px;font-size:9px;line-height:1.5;display:flex}.answer-options li span{color:#6e8170;border:1px solid #dce2d8;border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;font-size:8px;font-weight:800;display:grid}.answer-explanation{color:#69796b;border-top:1px solid #ebeee7;margin-top:12px}.answer-explanation summary{cursor:pointer;justify-content:space-between;padding-top:10px;font-size:9px;font-weight:700;list-style:none;display:flex}.answer-explanation summary::-webkit-details-marker{display:none}.answer-explanation[open] summary svg{transform:rotate(180deg)}.answer-explanation p{color:#747f74;margin:9px 0 1px;font-size:9px;line-height:1.55}.unit-aside{gap:12px;padding-top:48px;display:grid}.aside-card{background:#fbfcf7;border:1px solid #e4e7df;border-radius:6px;padding:14px}.aside-title{align-items:center;gap:8px;display:flex}.aside-heading-icon{color:#497653;background:#e7f0dc;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.aside-title h3{color:#39483c;font-family:var(--heading);margin:0;font-size:11px}.topic-list{gap:0;margin:12px 0 0;padding:0;list-style:none;display:grid}.topic-list li{color:#69756b;border-top:1px solid #ecefe8;gap:8px;padding:8px 0;font-size:9px;line-height:1.4;display:flex}.topic-list li span{color:#9aa498;flex:0 0 19px;font-size:8px;font-weight:800}.evidence-card p{color:#606c62;margin:9px 0 12px;font-size:10px;line-height:1.5}.evidence-tag{color:#608263;align-items:center;gap:5px;font-size:8px;font-weight:700;display:inline-flex}.next-unit-card{background:#eaf1e2;border-radius:6px;justify-content:space-between;align-items:center;gap:7px;min-height:76px;padding:11px;display:flex}.next-unit-card>div>span,.next-unit-card strong{display:block}.next-unit-card>div>span{color:#809278;letter-spacing:.11em;font-size:7px;font-weight:800}.next-unit-card strong{color:#3c6045;font-family:var(--heading);margin-top:5px;font-size:11px}.next-button{color:#48704f;background:#d4e5c8;border:0;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;transition:transform .2s;display:grid}.next-button:hover{transform:translate(3px)}.unit-pagination{color:#8c958b;border-top:1px solid #e4e8df;justify-content:space-between;align-items:center;margin-top:20px;padding:12px 0;font-size:9px;display:flex}.unit-pagination button{color:#53705b;background:0 0;border:0;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.unit-pagination button:disabled{color:#b5bbb2;cursor:default}.unit-pagination span{font-weight:800}.unit-pagination i{color:#c3c9c0;padding:0 4px;font-style:normal}.icon-animate{transform-origin:50%;transition:transform .2s cubic-bezier(.2,.8,.2,1),color .2s}.icon-animate:hover,button:hover .icon-animate{transform:scale(1.13)rotate(-7deg)}.enter-content{animation:.32s both lift-in}@keyframes lift-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate-orbit{to{transform:rotate(360deg)}}@media (width<=1120px){.sidebar{width:226px}.app-main{margin-left:226px}.topbar,.content-area{padding-inline:25px}.learning-layout{grid-template-columns:minmax(0,1fr) 225px;gap:12px}.learning-tab{padding-inline:9px}.lesson-panel{padding-inline:16px}.unit-grid{gap:9px}}@media (width<=900px){.sidebar{z-index:40;width:272px;transition:transform .25s;transform:translate(-102%);box-shadow:15px 0 35px #1b291d17}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{margin-left:auto;display:grid!important}.scrim{z-index:30;visibility:hidden;opacity:0;background:#16251b57;border:0;transition:opacity .2s,visibility .2s;display:block;position:fixed;inset:0}.scrim.is-visible{visibility:visible;opacity:1}.app-main{margin-left:0}.menu-toggle{display:grid!important}.topbar{height:60px;padding-inline:18px}.content-area{padding-inline:22px}.learning-layout{grid-template-columns:minmax(0,1fr)}.unit-aside{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.topic-card{grid-row:span 2}.course-stats{grid-template-columns:1fr 1fr 1fr 1.35fr;padding-inline:10px}.stat-item{gap:7px;padding-left:8px}.stat-progress{padding-inline:13px}}@media (width<=640px){.topbar{padding-inline:13px}.topbar-leading{gap:8px}.breadcrumb{text-overflow:ellipsis;white-space:nowrap;max-width:46vw;font-size:9px;overflow:hidden}.topbar-actions{gap:9px}.connection-status{font-size:0}.connection-status svg{width:18px;height:18px}.avatar-chip{width:28px;height:28px}.install-button{padding:7px;font-size:0}.install-button svg{width:17px;height:17px}.content-area{padding:0 14px 23px}.welcome-row{min-height:0;padding:33px 1px 22px}.welcome-row h1{font-size:33px}.welcome-copy{font-size:11px}.welcome-stamp{margin-right:3px}.stamp-ring{width:52px;height:52px}.stamp-ring svg{width:25px}.welcome-stamp>span{font-size:6px}.course-stats{grid-template-columns:repeat(3,1fr);row-gap:14px;padding:13px 7px}.stat-item{justify-content:center;padding:0 4px}.stat-number{font-size:21px}.stat-item>span:last-child{font-size:8px}.stat-progress{grid-column:1/-1;padding:0 9px}.stat-progress-copy{margin-bottom:7px}.field-note{height:144px;margin-top:16px}.field-caption{top:22px;left:18px}.field-caption strong{font-size:24px}.field-cta{width:36px;height:36px;bottom:15px;right:15px}.route-section{margin-top:28px}.section-heading{flex-direction:column;align-items:stretch;gap:13px}.section-heading h2{font-size:22px}.search-box{width:100%}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.unit-card{min-height:171px;padding:12px 11px 10px}.unit-card-title{font-size:14px}.unit-symbol{width:34px;height:34px}.unit-card-summary{font-size:9px}.bottom-note{align-items:flex-start;gap:9px;padding:11px 9px}.bottom-note>.local-badge{display:none}.bottom-note strong{font-size:9px}.site-footer{flex-direction:column;align-items:flex-start;gap:5px;padding-top:17px}.unit-page{padding-top:17px}.unit-header{gap:5px;min-height:0;padding:20px 0 18px}.unit-header h1{font-size:33px}.unit-lead{font-size:10px}.unit-header-art{flex:0 0 85px;width:85px;height:91px}.art-core{border-radius:15px 5px;width:50px;height:50px}.art-core svg{width:34px;height:34px}.art-orbit{width:66px;height:66px}.orbit-two{width:81px;height:81px}.art-code{font-size:6px;bottom:7px;right:7px}.unit-header-meta{gap:10px;margin-top:11px;font-size:8px}.eyebrow{font-size:7px}.objective-band{align-items:flex-start;gap:9px;padding:10px}.objective-icon{flex-basis:30px;width:30px;height:30px}.objective-band p{font-size:9px}.complete-button{flex:0 0 34px;justify-content:center;width:34px;height:34px;padding:0;font-size:0}.learning-layout{margin-top:15px}.tab-list{margin-inline:-14px;padding-inline:9px}.learning-tab{gap:5px;padding:11px 8px;font-size:8px}.learning-tab svg{width:15px;height:15px}.lesson-panel{min-height:400px;padding:17px 13px}.content-block h2{font-size:23px}.panel-intro{font-size:10px}.duration-pill{font-size:7px}.unit-aside{grid-template-columns:1fr}.topic-card{grid-row:auto}.next-unit-card{min-height:64px}.unit-pagination{margin-top:14px}.unit-pagination button,.unit-pagination span{font-size:8px}.observation-heading,.notes-status{flex-direction:column;align-items:flex-start}}@media (width<=375px){.welcome-stamp{display:none}.welcome-row h1{font-size:30px}.unit-grid{grid-template-columns:1fr}.unit-card{min-height:150px}.unit-header-art{flex-basis:66px;width:66px;height:75px}.art-core{width:42px;height:42px}.art-core svg{width:29px}.learning-tab{padding-inline:7px;font-size:7px}}.icon-button{color:#59685d;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#edf3e8;border-color:#dbe5d6}.theme-switch{color:#526b57;background:#fbfcf6;border:1px solid #dfe5d8;border-radius:5px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:700;transition:background .2s,border-color .2s;display:flex}.theme-switch:hover{background:#eff5e8;border-color:#a6bc9d}.bank-promo{background:#eff4e8;border:1px solid #e0e7d9;border-radius:7px;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:17px 19px;display:flex}.bank-promo h2{font-family:var(--heading);margin:5px 0 4px;font-size:18px}.bank-promo p{color:#718071;margin:0;font-size:10px}.bank-promo>button{color:#fff;background:#176b56;border:0;border-radius:5px;flex:none;align-items:center;gap:8px;padding:10px 13px;font-size:9px;font-weight:700;transition:background .2s,transform .2s;display:flex}.bank-promo>button:hover{background:#12523f;transform:translateY(-2px)}.slide-progress{color:#849082;letter-spacing:.1em;align-items:center;gap:10px;margin:21px 0 9px;font-size:8px;font-weight:800;display:flex}.slide-progress>div{background:#e9eee4;border-radius:8px;flex:1;height:5px;overflow:hidden}.slide-progress>div>span{border-radius:inherit;background:#8dbd69;height:100%;transition:width .25s;display:block}.slide-topic{color:#557c58;letter-spacing:.1em;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.source-note{color:#718070;background:#f1f4e8;border-left:3px solid #aec48d;margin:0 0 10px;padding:9px 11px;font-size:9px;line-height:1.5}.source-note strong{color:#4f6b50}.presentation-slide{background:#fbfcf7;border:1px solid #e2e8dc;border-radius:7px;padding:19px;animation:.28s both lift-in;position:relative}.slide-number{color:#d2dfc9;font-family:var(--heading);font-size:28px;font-weight:700;position:absolute;top:15px;right:17px}.presentation-slide h3{color:#26382b;max-width:85%;font-family:var(--heading);margin:0 0 11px;font-size:19px;line-height:1.2;position:relative}.slide-explanation{color:#5c695e;font-size:11px;line-height:1.75}.slide-points{background:#eff4e8;border-left:3px solid #a9ce82;margin-top:16px;padding:12px 13px}.slide-points .micro-label{color:#71896b}.slide-points ul{color:#536552;gap:7px;margin:8px 0 0;padding-left:17px;font-size:10px;line-height:1.55;display:grid}.slide-points li::marker{color:#81a766}.slide-example,.teacher-prompt{background:#fffefa;border:1px solid #e7e8df;border-radius:5px;margin-top:11px;padding:12px 13px}.slide-example>span,.teacher-prompt>span{color:#947239;letter-spacing:.1em;align-items:center;gap:6px;font-size:8px;font-weight:800;display:flex}.slide-example p,.teacher-prompt p{color:#646b60;margin:7px 0 0;font-size:10px;line-height:1.65}.teacher-prompt{background:#f1f7f4;border-color:#dbe8e4}.teacher-prompt>span{color:#39745a}.teacher-prompt p{color:#52665b}.slide-controls{justify-content:space-between;align-items:center;gap:10px;margin-top:13px;display:flex}.slide-controls>button{color:#54705a;background:#fffefa;border:1px solid #dfe5da;border-radius:5px;align-items:center;gap:6px;padding:8px 10px;font-size:9px;font-weight:700;display:flex}.slide-controls>button:hover:not(:disabled){background:#eff5e8;border-color:#a7bd9e}.slide-controls>button:disabled{color:#aab2a8;cursor:default}.slide-dots{align-items:center;gap:6px;display:flex}.slide-dots button{background:#d3dbcf;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:transform .2s,background .2s}.slide-dots button:hover{transform:scale(1.25)}.slide-dots button.slide-dot-active{background:#468362;transform:scale(1.2)}.question-bank-page{padding-top:24px}.bank-heading{justify-content:space-between;align-items:center;gap:20px;padding:26px 0 22px;display:flex}.bank-heading h1{font-family:var(--heading);margin:12px 0 9px;font-size:38px;line-height:1.06}.bank-heading h1 span{color:#26705a}.bank-heading p{color:#727e73;max-width:630px;margin:0;font-size:11px;line-height:1.6}.bank-total{background:#fafcf6;border:1px solid #e0e6dc;border-radius:6px;align-items:center;gap:10px;min-width:120px;padding:12px;display:flex}.bank-total strong{color:#286c4d;font-family:var(--heading);font-size:30px}.bank-total span{color:#7a8579;font-size:9px;line-height:1.4}.bank-filters{align-items:center;gap:12px;margin-bottom:17px;display:flex}.bank-filters .search-box{flex:1;width:auto}.unit-filter{color:#778276;white-space:nowrap;align-items:center;gap:8px;font-size:9px;display:flex}.unit-filter select{color:#4e5c50;background:#fcfcf8;border:1px solid #dfe3da;border-radius:5px;max-width:220px;padding:9px 10px;font-size:9px}.bank-question-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.bank-question-card{min-width:0}.bank-question-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.bank-unit-tag{color:#57764f;text-overflow:ellipsis;white-space:nowrap;background:#e8f1df;border-radius:4px;max-width:70%;padding:5px 7px;font-size:8px;font-weight:700;overflow:hidden}.bank-unit-tag.tone-coral{color:#a55845;background:#fbe8e1}.bank-unit-tag.tone-blue{color:#38748a;background:#e4f3f8}.bank-unit-tag.tone-yellow{color:#7e6e22;background:#f8f0cd}.bank-unit-tag.tone-lavender{color:#659;background:#eee9fa}.bank-unit-tag.tone-orange{color:#8e602f;background:#faead6}.bank-question-card h2{color:#303d32;font-family:var(--heading);margin:12px 0;font-size:14px;line-height:1.45}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#141a16;--surface:#1c2520;--line:#344139;--ink:#e7eee7;--muted:#a8b4a9;background:var(--paper);color:var(--ink)}:root[data-theme=dark] body{color:#e7eee7;background:#141a16}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .topbar{background:#1b241e;border-color:#344139}:root[data-theme=dark] .brand-name,:root[data-theme=dark] .welcome-row h1,:root[data-theme=dark] .unit-header h1,:root[data-theme=dark] .bank-heading h1,:root[data-theme=dark] .section-heading h2,:root[data-theme=dark] .content-block h2,:root[data-theme=dark] .presentation-slide h3,:root[data-theme=dark] .bank-question-card h2,:root[data-theme=dark] .unit-card-title,:root[data-theme=dark] .aside-title h3{color:#e5eee4}:root[data-theme=dark] .welcome-row h1 span,:root[data-theme=dark] .bank-heading h1 span,:root[data-theme=dark] .content-block h2 span{color:#9ccc86}:root[data-theme=dark] .breadcrumb,:root[data-theme=dark] .welcome-copy,:root[data-theme=dark] .unit-lead,:root[data-theme=dark] .panel-intro,:root[data-theme=dark] .slide-explanation,:root[data-theme=dark] .bank-heading p,:root[data-theme=dark] .concept-row p,:root[data-theme=dark] .autonomous-item p,:root[data-theme=dark] .topic-list li,:root[data-theme=dark] .question-card h3,:root[data-theme=dark] .answer-options li{color:#b5c0b5}:root[data-theme=dark] .unit-card,:root[data-theme=dark] .lesson-panel,:root[data-theme=dark] .question-card,:root[data-theme=dark] .aside-card,:root[data-theme=dark] .search-box,:root[data-theme=dark] .observation-box,:root[data-theme=dark] .observation-box textarea,:root[data-theme=dark] .slide-example,:root[data-theme=dark] .slide-controls>button,:root[data-theme=dark] .unit-filter select,:root[data-theme=dark] .bank-total{color:#e1e9df;background:#1e2922;border-color:#35443a}:root[data-theme=dark] .unit-card:hover{border-color:#638563;box-shadow:0 9px 22px #0003}:root[data-theme=dark] .nav-link{color:#b7c2b7}:root[data-theme=dark] .nav-link-active{color:#dff2d6;background:#2c4030}:root[data-theme=dark] .nav-link:hover{color:#d6e7ce;background:#29372c}:root[data-theme=dark] .nav-label,:root[data-theme=dark] .micro-label,:root[data-theme=dark] .section-kicker{color:#a0ae9f}:root[data-theme=dark] .nav-divider,:root[data-theme=dark] .concept-row,:root[data-theme=dark] .autonomous-list,:root[data-theme=dark] .autonomous-item,:root[data-theme=dark] .answer-explanation{border-color:#344139}:root[data-theme=dark] .course-stats,:root[data-theme=dark] .objective-band,:root[data-theme=dark] .aside-card,:root[data-theme=dark] .equipment-strip,:root[data-theme=dark] .bank-total{background:#1c2620}:root[data-theme=dark] .stat-item>span:last-child,:root[data-theme=dark] .stat-progress-copy,:root[data-theme=dark] .stat-progress-copy strong,:root[data-theme=dark] .unit-card-summary,:root[data-theme=dark] .unit-card-bottom,:root[data-theme=dark] .concept-row h3,:root[data-theme=dark] .topic-list li,:root[data-theme=dark] .evidence-card p{color:#b4c0b3}:root[data-theme=dark] .key-idea,:root[data-theme=dark] .slide-points,:root[data-theme=dark] .objective-icon,:root[data-theme=dark] .semester-note,:root[data-theme=dark] .bank-promo{background:#26332a;border-color:#39483a}:root[data-theme=dark] .source-note{color:#bdcbb8;background:#253126;border-color:#688452}:root[data-theme=dark] .source-note strong,:root[data-theme=dark] .slide-topic{color:#acd29a}:root[data-theme=dark] .key-idea p,:root[data-theme=dark] .slide-points ul,:root[data-theme=dark] .slide-example p,:root[data-theme=dark] .teacher-prompt p{color:#c5d1c2}:root[data-theme=dark] .teacher-prompt{background:#202e27;border-color:#354b40}:root[data-theme=dark] .teacher-prompt>span{color:#9bc5a7}:root[data-theme=dark] .safety-note{background:#352f1c;border-color:#aa8b43}:root[data-theme=dark] .safety-note p{color:#e0d1a2}:root[data-theme=dark] .reflection-box,:root[data-theme=dark] .expected-result{background:#332e1d}:root[data-theme=dark] .reflection-box p,:root[data-theme=dark] .expected-result p{color:#ded4b4}:root[data-theme=dark] .answer-options li span{color:#bfd0bc;border-color:#4a5a4c}:root[data-theme=dark] .answer-explanation summary,:root[data-theme=dark] .answer-explanation p{color:#b9c8b8}:root[data-theme=dark] .theme-switch{color:#d5e6d1;background:#26332a;border-color:#435447}:root[data-theme=dark] .theme-switch:hover{background:#304233}:root[data-theme=dark] .bank-promo>button{background:#508362}:root[data-theme=dark] .unit-filter{color:#b6c1b6}:root[data-theme=dark] .bank-unit-tag{filter:brightness(.8)saturate(.85)}@media (width<=640px){.bank-promo{flex-direction:column;align-items:flex-start;padding:14px}.bank-promo>button{justify-content:center;width:100%}.bank-heading{align-items:flex-start;padding-top:22px}.bank-heading h1{font-size:31px}.bank-total{flex-direction:column;align-items:flex-start;gap:1px;min-width:78px;padding:8px}.bank-total strong{font-size:23px}.bank-total span{font-size:7px}.bank-filters{flex-direction:column;align-items:stretch}.unit-filter{justify-content:space-between;align-items:center}.unit-filter select{max-width:70%}.bank-question-list{grid-template-columns:1fr}.presentation-slide{padding:15px 13px}.presentation-slide h3{max-width:82%;font-size:17px}.slide-explanation{font-size:10px}.slide-points ul,.slide-example p,.teacher-prompt p{font-size:9px}.theme-switch{justify-content:center;width:34px;height:34px;padding:0}.theme-switch span{display:none}}