:root{font-family:Manrope,Arial,sans-serif;color:#173f5f;background:#f7f3e9;font-synthesis:none;--navy: #173f5f;--ink: #12334d;--yellow: #ffbd2e;--orange: #f26b38;--mint: #2a9d8f;--cream: #f7f3e9;--paper: #fffdf7;--line: #d8d3c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:76px;display:flex;align-items:center;gap:28px;padding:0 clamp(20px,5vw,72px);background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand img{width:45px;height:45px}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-family:Rubik;font-size:19px}.brand small{font-weight:800;font-size:9px;letter-spacing:2.7px;color:var(--orange);margin-top:4px}nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}nav>a:hover{color:var(--orange)}.pill{padding:10px 18px;border-radius:20px;background:var(--navy);color:#fff}.user{border:0;background:#e9f4f0;color:var(--navy);padding:10px 15px;border-radius:22px;font-weight:700}.status{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#a55}.status:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#a55;margin-right:5px}.status.online{color:#287a6c}.status.online:before{background:#28a785}.toast{position:fixed;z-index:99;right:25px;top:92px;max-width:420px;padding:15px 20px;background:var(--navy);color:#fff;border-radius:12px;box-shadow:0 12px 35px #173f5f55;font-size:14px}.hero{min-height:600px;padding:72px clamp(24px,7vw,105px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 10%,#fff2c4 0,transparent 28%),var(--cream)}.eyebrow{display:inline-block;font-size:11px;letter-spacing:2.5px;font-weight:800;color:#ffd66a;background:#173f5f;padding:7px 12px;border-radius:2px}.eyebrow.dark{color:var(--orange);background:transparent;padding:0}.hero h1,.page-title h1{font:700 clamp(42px,5.2vw,72px)/1.02 Rubik;margin:22px 0;color:var(--navy);letter-spacing:-2px}.hero h1 em{color:var(--orange);font-style:normal}.hero>div:first-child>p{max-width:650px;font-size:18px;line-height:1.7;color:#466078}.actions{display:flex;gap:12px;margin:30px 0}.primary,.secondary,.lab-toggle{border:0;padding:14px 22px;border-radius:6px;font-weight:800}.primary{background:var(--orange);color:#fff;box-shadow:0 5px #b8401d}.primary:hover{transform:translateY(-2px);box-shadow:0 7px #b8401d}.primary:active{transform:translateY(3px);box-shadow:0 2px #b8401d}.secondary{background:transparent;border:2px solid var(--navy);color:var(--navy)}.facts{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;font-weight:700;color:#49657b}.facts span:first-letter{color:var(--mint)}.hero-visual{height:450px;position:relative}.hero-visual svg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.hero-visual path{fill:none;stroke:#8fb5a8;stroke-width:3;stroke-dasharray:9 12}.bot{position:absolute;z-index:5;left:42%;top:37%;width:135px;height:115px;background:#fffdf6;border:8px solid var(--navy);border-radius:34px;box-shadow:11px 13px #ffd35c;display:grid;place-items:center;font:700 30px Rubik;transform:rotate(-5deg)}.bot span{position:absolute;top:-42px;font-size:39px;color:var(--yellow)}.bot i{font-style:normal}.island{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:105px;height:76px;background:#6bb5a4;border-radius:50%;font-size:28px;box-shadow:0 12px #2c786e;color:#fff}.island small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.i1{left:5%;bottom:12%}.i2{right:2%;top:12%;background:#ee8f5c;box-shadow:0 12px #bb5a36}.i3{right:1%;bottom:4%;background:#7797c0;box-shadow:0 12px #44688e}.sun{position:absolute;right:34%;top:3%;font-size:55px;color:var(--yellow)}.chapter{padding:80px clamp(24px,7vw,105px);background:var(--navy);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.chapter h2,.method h2{font:700 40px Rubik;margin:16px 0}.chapter p{line-height:1.7;color:#b8cada}.mini-missions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-missions button{border:1px solid #45667e;background:#204c6b;color:#fff;padding:18px;display:flex;align-items:center;text-align:left;border-radius:8px}.mini-missions button:hover{border-color:var(--yellow);transform:translateY(-2px)}.mini-missions button>b{font:700 25px Rubik;color:var(--yellow);margin-right:15px}.mini-missions button span{font-weight:700}.mini-missions button small{display:block;font-weight:500;font-size:10px;color:#9eb7ca;margin-top:5px}.mini-missions button i{margin-left:auto}.method{padding:85px clamp(24px,7vw,105px);text-align:center;background:var(--paper)}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px;text-align:left}.method article{border-top:4px solid var(--yellow);background:#f2eddf;padding:25px;min-height:190px}.method article:nth-child(2){border-color:var(--mint)}.method article:nth-child(3){border-color:var(--orange)}.method article:nth-child(4){border-color:#668cc0}.method article>b{font:700 12px Rubik;color:#9c8e6d}.method h3{font:700 22px Rubik;margin:28px 0 8px}.method p{font-size:13px;line-height:1.7;color:#52697b}footer{padding:30px clamp(24px,7vw,105px);background:#102f47;color:#a8bdcc;display:flex;gap:30px;font-size:12px}footer span{margin-right:auto}.page-title{max-width:780px;margin-bottom:40px}.page-title h1{font-size:52px;margin:14px 0}.page-title p{line-height:1.7;color:#587085}.map-page,.dashboard,.author-page{padding:55px clamp(20px,6vw,90px) 90px}.map-board{background:#d9ecdd;border:2px solid #9abfa9;border-radius:34px;padding:46px;display:grid;grid-template-columns:repeat(8,1fr);gap:38px 18px;position:relative;background-image:radial-gradient(#79a98c 1px,transparent 1px);background-size:24px 24px}.node{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:70px;color:var(--ink)}.node>span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font:700 15px Rubik;border:3px solid white;box-shadow:0 4px #476980;background:#5f83a1;color:#fff}.node small{font-size:9px;font-weight:800;max-width:80px}.node.open>span{background:var(--orange);box-shadow:0 4px #a93e19}.node.open:hover>span{transform:scale(1.14)}.node.done>span{background:var(--mint);box-shadow:0 4px #12665e}.node.locked>span{background:#a7b9ae;box-shadow:0 4px #71877a;color:#e8eee9}.legend{display:flex;gap:25px;margin-top:22px;font-size:12px}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#a7b9ae;margin-right:6px}.dot.open{background:var(--orange)}.dot.done{background:var(--mint)}.mission-page{padding:30px clamp(15px,4vw,65px) 80px}.mission-top{display:grid;grid-template-columns:150px 1fr 75px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.back{border:0;background:transparent;color:#557083;text-align:left;font-weight:700}.mission-top span{font-size:10px;font-weight:800;letter-spacing:1.7px;color:var(--orange)}.mission-top h1{font:700 35px Rubik;margin:5px 0}.mission-lab-shortcut{border:0;background:var(--navy);color:#fff;padding:9px 13px;margin-top:5px;border-radius:6px;font-size:11px;font-weight:800}.mission-lab-shortcut:hover{background:#245c7b;transform:translateY(-1px)}.progress-ring{--p: 0;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--mint) calc(var(--p) * 1%),#ded9cc 0);position:relative}.progress-ring:after{content:"";position:absolute;width:50px;height:50px;background:var(--paper);border-radius:50%}.progress-ring b{z-index:2;font-size:12px}.mission-layout{display:grid;grid-template-columns:275px 1fr;gap:38px;margin-top:28px}.mission-layout>aside{border-right:1px solid var(--line);padding-right:22px}.story-card{background:#fff1c7;border:1px solid #edd48c;padding:15px;border-radius:8px;font-size:12px;line-height:1.6;margin-bottom:25px}.story-card span{font-weight:800;font-size:9px;color:#b85b29}.mission-layout aside h3{font:600 13px Rubik}.mission-layout aside>button{width:100%;border:0;background:transparent;padding:9px 4px;display:flex;align-items:center;gap:10px;text-align:left;color:#687d8d}.mission-layout aside>button>b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid #b9c1c2;font-size:10px}.mission-layout aside>button span{font-size:11px;font-weight:700}.mission-layout aside>button small{display:block;font-size:9px;font-weight:500}.mission-layout aside>button.active{color:var(--orange)}.mission-layout aside>button.active b{background:var(--orange);border-color:var(--orange);color:#fff}.mission-layout aside>button.complete b{background:var(--mint);border-color:var(--mint);color:#fff}.lesson{background:var(--paper);padding:35px;border:1px solid var(--line);border-radius:10px;min-width:0}.lesson-head{display:flex;gap:18px;align-items:center}.kind{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff0bd;font-size:22px}.kind.code{background:#dce9f6}.kind.experiment{background:#d9eee8}.kind.break{background:#eee5d4}.lesson-head small{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#758797}.lesson h2{font:700 31px Rubik;margin:5px 0}.lesson-body{font-size:17px;line-height:1.8;color:#405c70;min-height:95px}.lesson-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.lesson-nav>button:first-child{border:0;background:transparent;font-weight:700;color:#607788}.lesson-nav>button:disabled{opacity:.3}.build-card{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.build-card>div{padding:20px;background:#eff4ec;border-radius:8px}.build-card h3{font:600 16px Rubik;margin-top:0}.build-card ul{padding:0;list-style:none;font-size:12px;line-height:2}.build-card li:first-letter{color:var(--mint)}.build-card select,.sim select{width:100%;padding:11px;border:1px solid #b8c7be;background:#fff;border-radius:5px}.build-card p{font-size:11px;line-height:1.6}.lab-toggle{background:#173f5f;color:#fff;margin:15px 0}.mission-lab{margin:24px 0;border:3px solid var(--navy);border-radius:12px;overflow:hidden;scroll-margin-top:90px;box-shadow:0 14px 34px #173f5f1f}.mission-lab-intro{display:flex;align-items:center;gap:24px;padding:24px;background:linear-gradient(135deg,#173f5f,#245c7b);color:#fff}.mission-lab-intro>div{flex:1}.mission-lab-intro span,.build-to-code>span,.break-to-code>span,.experiment-program-link span{font-size:9px;font-weight:800;letter-spacing:1.6px}.mission-lab-intro span{color:var(--yellow)}.mission-lab-intro h3{font:700 24px Rubik;margin:7px 0}.mission-lab-intro p{max-width:760px;margin:0;color:#d5e3eb;font-size:12px;line-height:1.65}.mission-lab-intro .lab-toggle{flex:0 0 auto;border:2px solid var(--yellow);background:var(--yellow);color:var(--navy);margin:0;padding:12px 16px;font-weight:800}.build-to-code,.break-to-code{padding:26px;margin:24px 0;border-radius:12px}.build-to-code{background:linear-gradient(135deg,#fff2c7,#fffaf0);border:2px solid #e5bd4b}.break-to-code{background:linear-gradient(135deg,#dcebf6,#eef7fb);border:2px solid #77a5c7}.build-to-code>span{color:#a75829}.break-to-code>span{color:#356f99}.build-to-code h3,.break-to-code h3,.experiment-program-link h3{font:700 21px Rubik;margin:8px 0}.build-to-code p,.break-to-code p,.experiment-program-link p{margin:0 0 16px;font-size:12px;line-height:1.65;color:#526a7a}.experiment-program-link{display:flex;gap:22px;align-items:center;margin:22px 0;padding:22px;background:#edf7f3;border-left:6px solid var(--mint)}.experiment-program-link>div{flex:1}.experiment-program-link span{color:#1b7b6b}.experiment-program-link button{flex:0 0 auto}.program-gate{margin:20px 0 -10px;padding:12px 15px;background:#fff4cf;border-left:5px solid var(--yellow);color:#684e17;font-size:11px;line-height:1.55}.lab{border:2px solid var(--navy);border-radius:8px;overflow:hidden}.labbar{min-height:45px;background:var(--navy);color:#fff;padding:0 12px;display:flex;align-items:center;font-size:11px;font-weight:700}.labbar-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.labbar button{background:var(--yellow);border:0;padding:7px 12px;font-size:10px;font-weight:800}.labbar .lab-fullscreen{background:transparent;color:#fff;border:1px solid #ffffff70}.lab iframe{width:100%;height:520px;border:0;background:#fff}.lab:fullscreen{display:grid;grid-template-rows:auto 1fr auto;width:100vw;height:100vh;border:0;border-radius:0;background:#fff}.lab:fullscreen .labbar{padding:8px 16px}.lab:fullscreen iframe{width:100%;height:100%;min-height:0}.check{padding:10px 14px;font-size:11px;background:#e9eef1}.check.ok{background:#d8eee6;color:#166d5f}.check.bad{background:#ffe2d5;color:#963e20}.sim{display:grid;grid-template-columns:1.2fr .8fr;min-height:310px;background:#173f5f;color:#fff;border-radius:10px;overflow:hidden}.sim-scene{position:relative;background:linear-gradient(#8ec9dc 0,#8ec9dc 60%,#7fa26e 60%);overflow:hidden}.sim-bot{position:absolute;bottom:45px;left:35px;font-size:55px}.sim-panel{padding:30px}.sim-panel>span{font-size:9px;letter-spacing:1.7px;color:#ffc84f;font-weight:800}.sim-panel h3{font:600 21px Rubik}.sim-panel p{color:#b7cbd8;font-size:12px;line-height:1.6}.sim-panel label{display:block;font-size:10px;margin:20px 0}.sim-panel input{width:100%;accent-color:var(--yellow)}.lamp{position:absolute;right:25%;top:30%;font-size:60px;filter:grayscale(1)}.lamp.on{filter:none;animation:pulse 1s infinite}.traffic{position:absolute;right:25%;top:15%;background:#222;padding:10px;border-radius:12px;display:grid;gap:8px}.traffic i{width:35px;height:35px;background:#ef453f;border-radius:50%;opacity:.25}.traffic i:nth-child(2){background:#ffd343;opacity:1}.traffic i:nth-child(3){background:#49b86f;opacity:.25}.gate{position:absolute;left:50%;bottom:95px;width:180px;height:15px;background:repeating-linear-gradient(90deg,#fff 0,#fff 25px,#e5533d 25px,#e5533d 50px);transform-origin:left}.obstacle{position:absolute;bottom:48px;font-size:55px;transition:right .2s}.waves{position:absolute;left:55%;top:35%;font-size:55px;opacity:.2}.waves.active{opacity:1;animation:pulse .6s infinite}.station{position:absolute;right:30%;top:28%;font-size:65px;filter:grayscale(1)}.station.active{filter:none;animation:pulse .4s infinite}.virtual-button{position:absolute;right:25%;top:35%;border:8px solid #333;background:#e24b38;color:#fff;border-radius:50%;width:100px;height:100px;font-size:11px;font-weight:800;box-shadow:0 8px #73251c}.reflection{background:#f2eee3;padding:20px;border-radius:8px}.reflection label{display:block;font-size:12px;font-weight:700}.reflection input[type=text],.reflection input:not([type]){width:100%;margin-top:8px;padding:13px;border:1px solid #bbb;background:#fff}.reflection .confirm{margin-top:18px;font-weight:600}.reflection .confirm small{font-weight:400;color:#71808b}.auth-page{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.auth-art{background:var(--navy);color:#fff;padding:12vh 10vw;position:relative;overflow:hidden}.auth-art:after{content:"⚙";position:absolute;right:-40px;bottom:-100px;font-size:350px;color:#ffffff09}.auth-art>span{font-size:70px;color:var(--yellow)}.auth-art h1{font:700 50px/1.08 Rubik}.auth-art p{color:#b6c9d6;line-height:1.7}.auth-page form{max-width:480px;width:100%;margin:auto;padding:45px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:35px}.tabs button{border:0;background:transparent;padding:12px 20px;font-weight:700;color:#8a969d}.tabs button.active{color:var(--orange);border-bottom:3px solid var(--orange)}.auth-page h2{font:700 28px Rubik}.auth-page label,.author-page label{display:block;font-size:11px;font-weight:700;margin:16px 0}.auth-page input,.author-page input,.author-page textarea,.author-page select,.dashboard input,.dashboard select{width:100%;padding:13px;border:1px solid #c9c7bd;background:#fff;border-radius:5px;margin-top:6px}.wide{width:100%;margin-top:12px}.text-button{border:0;background:none;color:var(--orange);width:100%;padding:15px;font-size:12px}.privacy{font-size:10px;line-height:1.6;color:#788993;margin-top:25px}.error{color:#b8361d;background:#ffe3d9;padding:10px;border-radius:4px;font-size:12px}.success{color:#12695b;background:#d9eee7;padding:10px;border-radius:4px;font-size:12px}.dash-grid{display:grid;grid-template-columns:245px 1fr;gap:25px}.dash-grid>aside{background:#173f5f;color:#fff;padding:20px;border-radius:8px}.dash-grid aside>button{width:100%;display:grid;grid-template-columns:35px 1fr;text-align:left;border:0;background:transparent;color:#ccdae3;padding:12px 8px;border-radius:5px}.dash-grid aside>button.active{background:#285573;color:#fff}.dash-grid aside>button span{grid-row:1/3}.dash-grid aside>button small{font-size:9px;color:#8ca8bb}.dash-grid aside form{display:flex;margin-top:15px}.dash-grid aside form input{margin:0;background:#224d69;color:#fff;border-color:#3e657e}.dash-grid aside form button{width:42px;border:0;background:var(--yellow)}.dash-main{background:var(--paper);border:1px solid var(--line);padding:28px;border-radius:8px}.group-head{display:flex;justify-content:space-between;background:#f0ecdf;padding:16px}.group-head small{font-size:8px;letter-spacing:1px;display:block}.group-head strong{font:700 28px Rubik;letter-spacing:4px}.group-head form{display:flex;gap:8px}.group-head select{margin:0;min-width:240px}.students{display:grid;grid-template-columns:1fr 1fr;gap:10px}.students article{border:1px solid var(--line);padding:15px;display:flex;gap:15px;align-items:center}.students article>b{font-size:32px}.students h3{margin:0;font-size:14px}.students p{font-size:10px;color:#697d8a}.students progress{width:100%;accent-color:var(--mint)}.add-child{display:grid;grid-template-columns:1fr 65px 1fr auto;gap:8px;margin-top:20px}.add-child input,.add-child select{margin:0}.empty{font-size:12px;color:#7b8a91;line-height:1.7}.empty.big{padding:80px;text-align:center}.author-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:25px}.author-grid>form,.author-grid>aside{background:var(--paper);padding:30px;border:1px solid var(--line)}.author-grid h2{font:700 25px Rubik}.author-grid .row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.author-page textarea{min-height:80px;resize:vertical}.author-page textarea.tall{min-height:150px}.author-page fieldset{border:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px}.author-page fieldset legend{font-size:11px;font-weight:700}.author-page fieldset label{margin:0;display:flex;gap:4px}.author-page fieldset input{width:auto;margin:0}.author-grid aside article{border-left:4px solid var(--yellow);padding:10px 15px;background:#f2eee3;margin-bottom:10px}.author-grid aside article span{font-size:8px;font-weight:800;color:var(--orange)}.author-grid aside article h3{margin:7px 0}.author-grid aside article p{font-size:10px}.author-grid aside article button{border:0;background:var(--mint);color:#fff;padding:7px 10px;font-size:10px}.quality{background:var(--navy);color:#fff;padding:18px;margin-top:25px}.quality p{font-size:11px;color:#bdd0db}.gate-page,.loading{text-align:center;padding:15vh 20px}.gate-page>span{font-size:55px}.gate-page h1{font:700 38px Rubik}@keyframes pulse{50%{transform:scale(1.12);filter:brightness(1.25)}}@media (max-width: 900px){header nav>a:not(.pill){display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{height:340px}.chapter{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr 1fr}.map-board{grid-template-columns:repeat(4,1fr);padding:25px;gap:25px 8px}.mission-layout{grid-template-columns:1fr}.mission-layout>aside{border-right:0}.mission-layout aside>button{display:none}.mission-layout aside>.active{display:flex}.auth-page{grid-template-columns:1fr}.auth-art{padding:50px}.dash-grid,.author-grid,.students{grid-template-columns:1fr}}@media (max-width: 600px){header{height:64px;padding:0 14px}.brand span,.status{display:none}nav{gap:8px}.user{max-width:170px;white-space:nowrap;overflow:hidden}.hero{padding:45px 20px}.hero h1{font-size:42px}.hero-visual{height:300px}.facts{display:grid}.chapter,.method{padding:55px 20px}.mini-missions,.method-grid{grid-template-columns:1fr}.map-page,.dashboard,.author-page{padding:35px 15px}.map-board{grid-template-columns:repeat(4,1fr);border-radius:15px;padding:20px 8px}.node small{display:none}.page-title h1{font-size:40px}.mission-page{padding:20px 10px}.mission-top{grid-template-columns:70px 1fr}.mission-top h1{font-size:26px}.mission-lab-shortcut{width:100%;text-align:left}.progress-ring{display:none}.mission-layout{gap:15px}.lesson{padding:20px}.lesson h2{font-size:25px}.build-card,.sim{grid-template-columns:1fr}.sim-scene{min-height:230px}.lesson-nav{gap:10px}.lab iframe{height:430px}.mission-lab-intro,.experiment-program-link{align-items:stretch;flex-direction:column}.mission-lab-intro .lab-toggle,.experiment-program-link button{width:100%}.auth-art{display:none}.auth-page form{padding:30px 20px}.group-head{display:grid;gap:15px}.group-head form{display:grid}.students{grid-template-columns:1fr}.add-child{grid-template-columns:1fr 70px}.add-child .primary{grid-column:1/3}.author-grid .row{grid-template-columns:1fr}footer{display:grid}}.board-filter{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:12px;font-weight:800}.board-filter select{padding:10px 14px;border:2px solid var(--navy);background:var(--paper);border-radius:5px;color:var(--navy)}.lesson-content{display:grid;gap:20px;margin:22px 0}.edu-section{border:1px solid #d9d5c9;background:#fffdf8;border-radius:10px;padding:24px}.edu-section>h3,.edu-callout h3,.edu-mission h3,.quiz-block h3,.break-card h3{font:700 20px Rubik,Arial;margin:0 0 15px;color:var(--navy)}.edu-section>p,.edu-callout p,.edu-mission p,.break-card p{font-size:13px;line-height:1.7;color:#526a7a}.edu-mission{padding:28px;background:linear-gradient(135deg,#173f5f,#245c7b);color:#fff;border-radius:12px;position:relative;overflow:hidden}.edu-mission:after{content:"⚡";position:absolute;right:20px;bottom:-22px;font-size:105px;color:#ffffff12}.edu-mission small{font-weight:800;letter-spacing:2px;color:#ffcf5c}.edu-mission h3{font-size:28px;color:#fff;margin:10px 0}.edu-mission p{color:#d5e3eb;max-width:85%;font-size:15px}.objectives ul,.checklist ul,.rubric ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;list-style:none}.objectives li,.checklist li,.rubric li{background:#eef5f0;padding:12px;border-radius:6px;font-size:12px;line-height:1.5}.objectives li b,.checklist li b,.rubric li b{color:var(--mint);margin-right:8px}.edu-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.edu-timeline>div{background:#f2eddf;padding:14px;display:flex;gap:10px;align-items:center}.edu-timeline b{font:700 25px Rubik;color:var(--orange)}.edu-timeline span{font-size:11px;font-weight:800}.edu-timeline small{display:block;font-size:8px;color:#7b8d96}.edu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.edu-cards.cards{grid-template-columns:repeat(2,1fr)}.edu-cards article{padding:17px;background:#f3f0e7;border-top:4px solid var(--yellow)}.edu-cards article:nth-child(2n){border-color:var(--mint)}.edu-cards article>b{font-size:25px}.edu-cards h4{font:700 14px Rubik;margin:10px 0 5px}.edu-cards p{font-size:11px;line-height:1.5;color:#617583;margin:0}.edu-callout{display:flex;gap:16px;padding:20px;border-radius:10px;background:#fff0bf;border-left:6px solid var(--yellow)}.edu-callout>b{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);font:800 20px Rubik}.edu-callout h3{font-size:16px;margin-bottom:5px}.edu-callout p{margin:0}.edu-callout.safety{background:#ffe2d8;border-color:var(--orange)}.edu-callout.safety>b{background:var(--orange);color:#fff}.edu-callout.tip{background:#dff1ec;border-color:var(--mint)}.edu-callout.tip>b{background:var(--mint);color:#fff}.diagram-section{text-align:center}.diagram-section>p{max-width:650px;margin:10px auto 0}.lesson-diagram{width:100%;max-height:430px;background:#f7f5ed;border-radius:8px}.lesson-diagram text{font:500 18px Manrope,Arial;fill:#173f5f}.lesson-diagram .svg-title{font-weight:800;font-size:20px}.lesson-diagram.wiring{max-height:470px}.quiz-block{padding:23px;border:2px solid #83b9aa;background:#edf7f3;border-radius:10px}.quiz-block>span{font-size:9px;font-weight:800;letter-spacing:2px;color:#198171}.quiz-block h3{margin-top:9px}.quiz-block>div{display:grid;gap:8px}.quiz-block button{border:1px solid #b8cac4;background:#fff;padding:12px;text-align:left;border-radius:5px;font-size:12px;color:#294a5d}.quiz-block button:hover:not(:disabled){border-color:var(--mint);transform:translate(3px)}.quiz-block button.correct{background:#cfece2;border-color:#248e79}.quiz-block button.wrong{background:#ffe0d6;border-color:#d95635}.quiz-ok,.quiz-no{padding:12px;margin-bottom:0;font-size:12px}.quiz-ok{color:#126a5c}.quiz-no{color:#9a3a22}.steps ol,.algorithm ol{padding:0;list-style:none;display:grid;gap:10px}.steps li,.algorithm li{display:flex;gap:14px;align-items:flex-start}.steps li>b,.algorithm li>b{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:12px}.steps h4,.algorithm h4{margin:2px 0 4px;font-size:13px}.steps p{margin:0;font-size:11px;line-height:1.6;color:#657986}.algorithm li>b{background:var(--navy)}.board-table{display:grid;gap:1px;background:#d9d5c9;border:1px solid #d9d5c9}.board-table>div{display:grid;grid-template-columns:1.1fr .65fr 1.25fr;gap:10px;background:#fff;padding:10px;font-size:11px}.board-table strong{color:var(--orange)}.error-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.error-grid article{background:#fff0ea;padding:13px}.error-grid h4{font-size:11px;color:#a83e24;margin:0 0 6px}.error-grid p{font-size:10px;line-height:1.5;margin:0}.break-card{display:flex;gap:25px;align-items:flex-start;background:#f1ecdf;padding:28px;border-radius:12px}.break-card>span{font-size:50px}.break-card p{margin:5px 0}.block-guide{display:grid;gap:8px}.block-guide>div{display:grid;grid-template-columns:.7fr 1.1fr 1.3fr;align-items:center;gap:10px;padding:12px;background:#edf1f3}.block-guide span{font-size:9px;font-weight:800;color:#607582}.block-guide b{font-size:11px}.block-guide small{font-size:10px;color:#6f818b}.code-preview{background:#203d52;padding:20px;border-radius:8px;display:grid;gap:5px}.code-preview>div{width:max-content;max-width:85%;padding:10px 18px;border-radius:5px;color:#fff;font-size:11px;font-weight:800;box-shadow:inset 0 -3px #0002}.code-preview .gold{background:#ad8b3a}.code-preview .blue{background:#3679b2}.code-preview .teal{background:#3b9a9e}.experiment-sheet{overflow:auto}.experiment-head,.experiment-row{min-width:620px;display:grid;grid-template-columns:1.2fr .55fr .55fr .8fr .8fr;gap:6px;align-items:center;padding:8px}.experiment-head{background:var(--navy);color:#fff;font-size:10px}.experiment-row:nth-child(odd){background:#f2eee3}.experiment-row{font-size:11px}.experiment-row input{width:100%;padding:8px;border:1px solid #bac2bd}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.challenge-grid article{padding:16px;background:#f1ecdf;border-bottom:5px solid var(--yellow)}.challenge-grid article:nth-child(2){border-color:var(--mint)}.challenge-grid article:nth-child(3){border-color:var(--orange)}.challenge-grid span{font-size:8px;font-weight:800;color:var(--orange)}.challenge-grid h4{font-size:13px;margin:9px 0}.challenge-grid p{font-size:10px;line-height:1.5}.design-sheet label{display:block;font-size:11px;font-weight:700;margin:13px 0}.design-sheet input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #c7c4ba}.teacher-note{background:#e6edf6;border-left:5px solid #668cc0;padding:16px;font-size:12px}.teacher-note summary{font-weight:800;cursor:pointer}.teacher-note p{line-height:1.6;margin:9px 0}.rubric{background:#edf7f3}.rubric li{background:#fff}.rubric li b{color:var(--yellow)}@media (max-width: 700px){.objectives ul,.checklist ul,.rubric ul,.edu-cards,.edu-cards.cards,.challenge-grid,.error-grid{grid-template-columns:1fr}.edu-timeline{grid-template-columns:1fr 1fr}.board-table>div{grid-template-columns:1fr}.block-guide>div{grid-template-columns:1fr}.lesson-diagram{min-height:230px}.edu-mission p{max-width:100%}.edu-section{padding:18px}}.component-figure{min-height:320px;border-radius:12px;background:radial-gradient(circle at 50% 25%,#fff 0,#f3efe3 68%);display:grid;grid-template-columns:1fr 220px 1fr;align-items:center;gap:28px;padding:28px;text-align:left;overflow:hidden}.component-figure wokwi-led{display:block;width:190px;justify-self:center;filter:drop-shadow(0 18px 17px #173f5f2c)}.part-label{display:grid;gap:5px;position:relative}.part-label b{font:800 16px Rubik;color:var(--orange)}.part-label span{font-size:12px;color:#5b7280}.part-label:after{content:"";height:2px;background:currentColor;position:absolute;top:45px;width:95%;opacity:.45}.part-label.cathode b{color:var(--navy)}.licensed-figure{margin:0}.licensed-figure img{display:block;width:100%;max-height:520px;object-fit:contain;background:#fff;border-radius:10px}.licensed-figure figcaption,.tool-credit{font-size:10px;line-height:1.5;color:#697d89;margin-top:8px}.licensed-figure a,.media-block a,.encyclopedia a{color:#167a75;text-decoration:underline;text-underline-offset:2px}.assembly-view{background:linear-gradient(135deg,#eff7f5,#fff6df);border-radius:12px;padding:24px;text-align:left}.assembly-board{max-width:460px;margin:0 auto 15px}.assembly-board wokwi-arduino-uno{display:block;width:100%;filter:drop-shadow(0 16px 15px #173f5f24)}.assembly-chain{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #d8e0da;border-radius:10px;padding:17px}.assembly-chain wokwi-resistor{width:115px}.assembly-chain wokwi-led{width:55px}.assembly-chain>i{font-style:normal;color:var(--orange);font-size:22px}.assembly-chain>span:not(.terminal){font-size:9px;color:#71808a}.terminal{padding:7px 10px;color:#fff;border-radius:20px;font-size:10px;font-weight:800}.terminal.hot{background:#d94c37}.terminal.ground{background:#173f5f}.assembly-view ol{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;padding:0;counter-reset:wire}.assembly-view li{font-size:10px;line-height:1.5;background:#ffffffb8;padding:10px}.assembly-view>small{display:block;color:#71808a;font-size:9px;line-height:1.5}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.media-grid figure{margin:0;display:flex;flex-direction:column;border:1px solid #ddd8ca;border-radius:9px;overflow:hidden;background:#fff}.media-grid img{width:100%;height:190px;object-fit:contain;background:#f5f3ed}.media-grid figcaption{padding:13px;display:grid;gap:7px}.media-grid figcaption b{font:700 13px Rubik}.media-grid figcaption span{font-size:10px;line-height:1.5;color:#587080}.media-grid figcaption a{font-size:8px}.encyclopedia{padding:0;overflow:hidden;border-color:#bccbc5}.encyclopedia-head{padding:25px;background:#173f5f;color:#fff}.encyclopedia-head>span,.circuit-lab-head span{font-size:9px;font-weight:800;letter-spacing:1.8px;color:#ffca4c}.encyclopedia-head h3{font:700 22px Rubik;margin:8px 0;color:#fff}.encyclopedia-head p{font-size:12px;line-height:1.6;color:#c8d8e2;margin:0}.encyclopedia details{border-top:1px solid #d7ded9;background:#fff}.encyclopedia summary{list-style:none;display:flex;align-items:center;gap:15px;padding:17px 22px;cursor:pointer}.encyclopedia summary::-webkit-details-marker{display:none}.encyclopedia summary>span{font:800 18px Rubik;color:var(--orange)}.encyclopedia summary>div{display:grid;gap:3px}.encyclopedia summary b{font:700 14px Rubik;color:#193f59}.encyclopedia summary small{font-size:9px;color:#647985}.encyclopedia summary>i{margin-left:auto;font-style:normal;font-size:20px;transition:.2s}.encyclopedia details[open] summary>i{transform:rotate(45deg)}.encyclopedia-body{display:grid;grid-template-columns:minmax(230px,.8fr) 1.2fr;gap:24px;padding:0 22px 24px}.encyclopedia-body figure{margin:0}.encyclopedia-body figure img{width:100%;max-height:370px;object-fit:contain;background:#f2f0e8;border-radius:8px}.encyclopedia-body figcaption{font-size:8px;margin-top:6px}.encyclopedia-copy h4{font:800 10px Rubik;text-transform:uppercase;letter-spacing:1.2px;color:var(--orange);margin:12px 0 6px}.encyclopedia-copy p,.encyclopedia-copy li{font-size:11px;line-height:1.6;color:#4e6777}.encyclopedia-copy p{margin:0}.encyclopedia-copy ul{margin:0;padding-left:18px}.fact-chips{display:flex;flex-wrap:wrap;gap:6px}.fact-chips span{font-size:9px;font-weight:700;padding:7px 9px;background:#e8f3ef;color:#245f58;border-radius:20px}.source-note{margin-top:15px!important;padding-top:10px;border-top:1px solid #dedbd0}.circuit-lab{padding:0;overflow:hidden;border:2px solid #173f5f}.circuit-lab-head{display:flex;gap:15px;align-items:center;background:#173f5f;color:#fff;padding:22px}.circuit-lab-head>div{flex:1}.circuit-lab-head h3{font:700 21px Rubik;margin:6px 0;color:#fff}.circuit-lab-head p{font-size:11px;line-height:1.5;color:#c7d8e2;margin:0}.circuit-lab-head button{border:1px solid #6c8aa0;background:transparent;color:#fff;padding:9px 12px;border-radius:5px;font-size:10px;font-weight:800}.circuit-instructions{display:flex;gap:14px;align-items:center;padding:12px 15px;background:#fff1c8;font-size:10px;overflow:auto}.circuit-instructions b{color:#aa481f}.circuit-lab iframe{width:100%;height:570px;border:0;display:block;background:#fff}.tool-credit{padding:0 15px 10px;margin:8px 0 0}@media (max-width: 700px){.component-figure{grid-template-columns:1fr;text-align:center;gap:10px}.component-figure wokwi-led{width:150px}.part-label:after{display:none}.assembly-view{padding:12px}.assembly-view ol,.media-grid,.encyclopedia-body{grid-template-columns:1fr}.media-grid img{height:230px}.encyclopedia-body{padding:0 14px 18px}.circuit-lab-head,.circuit-instructions{align-items:flex-start;flex-direction:column}.circuit-lab iframe{height:500px}}.component-figure.led-figure wokwi-led{transform:scale(3.2);filter:drop-shadow(0 8px 8px #173f5f26)}@media (max-width: 700px){.component-figure.led-figure wokwi-led{transform:scale(2.6)}}.menu-toggle{display:none;border:0;background:var(--yellow);color:var(--navy);width:42px;height:42px;border-radius:7px;font-size:22px}.mobile-route{display:none;margin-bottom:18px}.mobile-route label{font-size:10px;font-weight:800;letter-spacing:.5px}.mobile-route select{display:block;width:100%;margin-top:7px;padding:12px;border:2px solid var(--navy);background:#fff;border-radius:6px}.reflection textarea{display:block;width:100%;min-height:105px;margin-top:8px;padding:13px;border:1px solid #bbb;background:#fff;resize:vertical}.quiz-retry{margin-top:9px;border:0!important;background:var(--navy)!important;color:#fff!important;width:auto!important;font-weight:800}.component-visual{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;background:linear-gradient(135deg,#fff8df,#edf7f3)}.component-icon,.component-emoji{display:grid;place-items:center;background:#fff;border:1px solid #ddd8ca;border-radius:18px;font-size:78px;min-height:140px}.component-visual>div:last-child>span{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--orange)}.component-visual>div:last-child>h3{margin:7px 0;font:700 22px Rubik}.component-visual p{font-size:12px;line-height:1.65;color:#526a7a}.component-emoji{height:260px;font-size:105px}.encyclopedia-page{padding:70px 7vw;background:#f2efe5;min-height:80vh}.component-search{display:block;max-width:620px;margin-top:22px;font-size:11px;font-weight:800}.component-search input{display:block;width:100%;margin-top:7px;padding:14px;border:2px solid var(--navy);border-radius:7px;font-size:14px}.component-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:35px}.component-library>article{display:grid;grid-template-columns:100px 1fr;gap:0 18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;align-content:start}.library-icon{grid-row:1/6;display:grid;place-items:center;width:100px;height:100px;background:#f5f0df;border-radius:50%;font-size:50px}.library-head>span{font-size:8px;font-weight:800;letter-spacing:1.5px;color:var(--orange)}.library-head h2{font:700 24px Rubik;margin:5px 0}.library-head p{font-size:11px;color:#647985}.component-library details,.library-check,.component-library>article>button{grid-column:2}.component-library details{border-top:1px solid #e0ddd3;padding:10px 0}.component-library summary{cursor:pointer;font-size:11px;font-weight:800;color:var(--navy)}.component-library details p,.component-library details li,.library-check p{font-size:11px;line-height:1.6;color:#536d7c}.library-check{background:#eef5f0;padding:12px;margin:8px 0 14px}.library-check b{font-size:10px}.teacher-tools{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.teacher-tools button,.teacher-tools a{border:1px solid #bbc5c1;background:#fff;padding:9px 12px;color:var(--navy);font-size:10px;font-weight:800;text-decoration:none}.student-evidence{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.student-evidence span{background:#eef5f0;padding:5px 7px;border-radius:20px;font-size:8px;font-weight:800}.students blockquote{margin:9px 0 0;padding:8px 10px;border-left:3px solid var(--yellow);font-size:9px;color:#617583}.onboarding-inline{grid-column:1/3;padding:30px;background:#fff6d8;border-left:5px solid var(--yellow)}.onboarding-inline p{font-size:11px}.dashboard-onboarding{text-align:center;padding:45px 30px}.dashboard-onboarding>span{font-size:60px}.dashboard-onboarding h2{font:700 25px Rubik}.dashboard-onboarding ol{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;margin:25px 0}.dashboard-onboarding li{background:#f2eee3;padding:18px;text-align:left}.dashboard-onboarding li b{display:block;font-size:12px}.dashboard-onboarding li small{display:block;margin-top:7px;line-height:1.5;color:#687b86}.author-blueprint{display:grid;gap:6px;margin-bottom:25px}.author-blueprint>div{display:flex;align-items:center;gap:10px;background:#f2eee3;padding:10px}.author-blueprint b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--orange);color:#fff;font-size:10px}.author-blueprint span{font-size:10px;font-weight:800}@media (max-width: 900px){.menu-toggle{display:block;margin-left:auto;margin-right:8px}header nav{display:none;position:absolute;z-index:30;top:64px;left:10px;right:10px;background:var(--navy);padding:14px;box-shadow:0 14px 28px #001e3655;border-radius:8px;flex-direction:column;align-items:stretch}header nav.menu-open{display:flex}header nav.menu-open>a{display:block!important;padding:11px;color:#fff}header nav.menu-open .pill{background:var(--yellow);color:var(--navy)}header nav.menu-open .user{max-width:none;text-align:left}.mobile-route{display:block}.component-library,.dashboard-onboarding ol{grid-template-columns:1fr}}@media (max-width: 700px){.component-visual{grid-template-columns:1fr}.component-icon{min-height:110px;font-size:60px}.encyclopedia-page{padding:35px 15px}.component-library>article{grid-template-columns:70px 1fr;padding:16px;gap:0 12px}.library-icon{width:70px;height:70px;font-size:35px}.component-library details,.library-check,.component-library>article>button{grid-column:1/3}.onboarding-inline{grid-column:1}.experiment-head,.experiment-row{min-width:760px;grid-template-columns:1.1fr .6fr 1fr 1fr 1fr}}@media print{header,footer,.dash-grid>aside,.teacher-tools,.add-child,.group-head form{display:none!important}.dashboard{padding:0}.dash-grid{display:block}.dash-main{border:0}.students{grid-template-columns:1fr 1fr}}:root{--font-body: Inter, "Avenir Next", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display: ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Avenir Next", "Segoe UI", sans-serif;--navy: #143a52;--ink: #173244;--yellow: #f6c549;--orange: #e7653d;--mint: #35a68e;--cream: #f5f7f3;--paper: #ffffff;--line: #dce5e2;--muted: #607784;--surface-soft: #eef5f2;--surface-warm: #fff7e2;--surface-blue: #edf5f9;--danger: #b94d36;--radius-control: 12px;--radius-card: 20px;--radius-panel: 28px;--shadow-card: 0 2px 5px #143a5208, 0 14px 38px #143a5214;--shadow-float: 0 22px 60px #143a5221}html{background:var(--cream)}body{color:var(--ink);background:radial-gradient(circle at 7% 8%,#fff1bd85 0 9rem,transparent 9.1rem),radial-gradient(circle at 94% 35%,#ccece360 0 12rem,transparent 12.1rem),var(--cream);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}h1,h2,h3,.brand b,.hero h1,.page-title h1,.chapter h2,.method h2,.lesson h2,.library-head h2{font-family:var(--font-display);letter-spacing:-.035em}button,a,input,select,textarea,summary{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2d84b8;outline-offset:3px}button:disabled{cursor:not-allowed}header{height:82px;padding:0;border-bottom:1px solid #dfe8e5cc;background:#ffffffeb;box-shadow:0 8px 30px #143a5209;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-shell{width:100%;max-width:1800px;height:100%;margin:0 auto;padding:0 clamp(18px,4vw,68px);display:flex;align-items:center;gap:24px}.brand{gap:12px}.brand img{width:48px;height:48px;filter:drop-shadow(0 7px 12px #143a5222)}.brand b{font-size:20px}.brand small{margin-top:5px;font-size:9px;letter-spacing:.24em}nav{gap:5px;padding:5px;border:1px solid #dfe8e5;border-radius:999px;background:#f6f9f7;font-size:13px}nav>a:not(.pill){padding:9px 13px;border-radius:999px}nav>a:not(.pill):hover,nav>a[aria-current=page]{color:var(--navy);background:#fff;box-shadow:0 5px 16px #143a5212}.pill,.user{min-height:40px;border-radius:999px}.user{margin-left:4px;background:#e7f4ef}.status{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #dfe8e5}.toast{top:96px;right:clamp(16px,3vw,42px);display:flex;align-items:center;gap:14px;max-width:min(460px,calc(100vw - 32px));padding:14px 14px 14px 18px;border:1px solid #ffffff28;border-radius:18px;box-shadow:var(--shadow-float)}.toast span{flex:1}.toast button{width:34px;height:34px;border:0;border-radius:50%;color:#fff;background:#ffffff1c;font-size:20px}.primary,.secondary,.lab-toggle{min-height:48px;padding:13px 21px;border-radius:var(--radius-control);font-size:14px;font-weight:800}.primary{background:linear-gradient(135deg,#ed7148,#df5d37);box-shadow:0 10px 24px #d8593230}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px #d859323b}.primary:active{transform:translateY(0);box-shadow:0 7px 18px #d859322d}.primary:disabled{transform:none;background:#cbd5d1;color:#778a83;box-shadow:none}.secondary{border:1.5px solid #b8cbc5;background:#ffffffd9;box-shadow:0 7px 20px #143a5209}.secondary:hover{border-color:var(--mint);background:#f6fbf9;transform:translateY(-1px)}.eyebrow{padding:8px 13px;border-radius:999px;font-size:11px;letter-spacing:.18em}.eyebrow.dark{font-size:12px}.hero{min-height:640px;padding:80px clamp(24px,6vw,110px);background:radial-gradient(circle at 78% 5%,#ffedaa 0 8%,transparent 26%),radial-gradient(circle at 63% 82%,#cfece3 0 8%,transparent 25%),linear-gradient(145deg,#f8faf6,#fff9e9)}.hero h1,.page-title h1{color:var(--ink);letter-spacing:-.055em}.hero h1{max-width:780px;font-size:clamp(48px,5.5vw,78px);line-height:.99}.hero>div:first-child>p{max-width:680px;font-size:18px;line-height:1.72;color:var(--muted)}.facts{gap:10px}.facts span{padding:8px 12px;border-radius:999px;background:#ffffffb8;border:1px solid #dde8e3;box-shadow:0 8px 20px #143a5208}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.hero-visual:before{top:6%;right:2%;bottom:4%;left:8%;background:#fff6;border:1px solid #ffffffb8;box-shadow:inset 0 0 80px #ffffff80,0 30px 70px #143a520d}.hero-visual:after{width:90px;height:90px;left:16%;top:13%;background:#ffd56f4d}.bot{border-width:7px;border-radius:42px;box-shadow:12px 15px #ffd45f,0 25px 50px #143a5220;animation:gentle-float 4.8s ease-in-out infinite}.island{border:5px solid #ffffff99;box-shadow:0 12px #2c786e,0 24px 35px #143a5220}.chapter{position:relative;overflow:hidden;padding-block:92px;background:linear-gradient(145deg,#143a52,#1d536d)}.chapter:after{content:"";position:absolute;width:430px;height:430px;right:-170px;bottom:-230px;border:70px solid #ffffff0b;border-radius:50%;pointer-events:none}.mini-missions{gap:14px}.mini-missions button{min-height:86px;padding:18px 20px;border-color:#ffffff18;border-radius:18px;background:#ffffff0b;box-shadow:inset 0 1px #ffffff13}.mini-missions button:hover{border-color:#f6c54999;background:#ffffff13;box-shadow:0 15px 30px #001d2c28}.method{padding-block:96px;background:#fbfcf9}.method-grid{gap:18px}.method article{min-height:220px;padding:28px;border:1px solid #dfe7e2;border-top-width:5px;border-radius:20px;background:#fff;box-shadow:var(--shadow-card)}.method h3{font-size:24px}.method p{font-size:14px}.page-title{max-width:850px}.page-title h1{font-size:clamp(44px,5vw,68px)}.page-title p{font-size:17px;color:var(--muted)}.map-page{padding:68px clamp(20px,6vw,96px) 100px}.map-hero{max-width:1660px;margin:0 auto 36px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;align-items:end}.map-hero .page-title{margin-bottom:0}.board-filter{width:fit-content;padding:7px 8px 7px 14px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 22px #143a5209}.board-filter span{color:var(--muted)}.board-filter select{min-height:42px;border:0;border-radius:10px;background:var(--surface-soft)}.map-summary{padding:28px;border-radius:var(--radius-panel);color:#fff;background:radial-gradient(circle at 90% 0,#ffffff22 0 4rem,transparent 4.1rem),linear-gradient(145deg,var(--navy),#21617b);box-shadow:var(--shadow-float)}.map-summary>span,.route-heading span{font-size:11px;font-weight:900;letter-spacing:.16em}.map-summary>span{color:#f9cf62}.map-summary strong{display:block;margin:8px 0;font:800 42px/1 var(--font-display)}.map-summary p{min-height:46px;margin:0 0 20px;color:#d6e5eb;font-size:13px}.summary-progress,.mission-progress{display:block;overflow:hidden;height:8px;border-radius:999px;background:#ffffff24}.summary-progress i,.mission-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--yellow),#ffdf75)}.mission-route,.future-roadmap{max-width:1660px;margin:0 auto;padding:clamp(24px,3.5vw,48px);border:1px solid #dbe7e2;border-radius:32px;background:#ffffffd9;box-shadow:var(--shadow-card)}.route-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.route-heading span{color:var(--orange)}.route-heading h2{margin:5px 0 0;font-size:clamp(30px,3vw,43px)}.route-heading p{max-width:520px;margin:0;color:var(--muted);font-size:14px;text-align:right}.mission-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mission-card{position:relative;min-height:190px;padding:22px;overflow:hidden;border:1px solid #dbe7e2;border-radius:22px;color:var(--ink);background:radial-gradient(circle at 100% 0,#f8cc5b2b 0 5rem,transparent 5.1rem),#f8fbf9;text-align:left;box-shadow:0 10px 28px #143a520a}.mission-card:hover:not(:disabled){transform:translateY(-5px);border-color:#8bc8b9;box-shadow:0 20px 42px #143a5218}.mission-card:disabled{opacity:.58;filter:grayscale(.3)}.mission-card.done{background:radial-gradient(circle at 100% 0,#43b69c30 0 5rem,transparent 5.1rem),#f4fbf8}.mission-number{display:grid;place-items:center;width:44px;height:44px;margin-bottom:24px;border-radius:15px;color:#fff;background:var(--orange);box-shadow:0 8px 18px #d8593233;font-weight:900}.mission-card.done .mission-number{background:var(--mint);box-shadow:0 8px 18px #258c7830}.mission-copy,.mission-copy small,.mission-copy strong,.mission-copy em{display:block}.mission-copy small{margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:700}.mission-copy strong{min-height:46px;font:800 19px/1.2 var(--font-display)}.mission-copy em{margin-top:13px;color:#287d6e;font-size:12px;font-style:normal;font-weight:900}.mission-progress{position:absolute;left:22px;right:22px;bottom:17px;height:5px;background:#dae5e1}.mission-progress i{background:var(--mint)}.future-roadmap{margin-top:24px;background:#edf4f1cc}.future-chapters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.future-chapters article{min-height:190px;padding:20px;display:flex;flex-direction:column;border:1px dashed #afc4bd;border-radius:19px;background:#ffffff7a}.future-chapters article>b{color:#8aa49b;font:800 24px var(--font-display)}.future-chapters h3{margin:20px 0 7px;font-size:16px;line-height:1.2}.future-chapters p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.future-chapters article>span{margin-top:auto;padding-top:18px;color:#718a81;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.mission-page{padding:36px clamp(16px,4vw,72px) 90px}.mission-top,.mission-layout{max-width:1780px;margin-inline:auto}.mission-top{grid-template-columns:135px 1fr 82px;padding:24px 28px;border:1px solid var(--line);border-radius:22px;background:#ffffffd9;box-shadow:var(--shadow-card)}.mission-top h1{margin:4px 0 8px;font-size:clamp(32px,3vw,46px)}.mission-lab-shortcut{min-height:42px;padding:10px 15px;border-radius:12px;box-shadow:0 9px 20px #143a5220}.progress-ring{width:72px;height:72px;box-shadow:0 7px 20px #143a5218}.progress-ring:after{width:54px;height:54px}.mission-layout{grid-template-columns:286px minmax(0,1fr);gap:28px;margin-top:28px;align-items:start}.mission-layout>aside{position:sticky;top:105px;max-height:calc(100vh - 125px);overflow:auto;padding:18px;border:1px solid var(--line);border-radius:22px;background:#ffffffd9;box-shadow:var(--shadow-card);scrollbar-width:thin}.story-card{padding:18px;border:0;border-radius:16px;background:linear-gradient(145deg,#fff1bf,#fff8df);box-shadow:inset 0 0 0 1px #efd98c;font-size:13px}.story-card span{font-size:10px;letter-spacing:.08em}.mission-layout aside h3{margin:20px 6px 10px;font-size:14px}.mission-layout aside>button{min-height:48px;padding:9px 8px;border-radius:13px}.mission-layout aside>button:hover{background:#f0f6f3}.mission-layout aside>button>b{width:30px;height:30px;flex:0 0 30px;font-size:11px}.mission-layout aside>button span{font-size:12px;line-height:1.25}.mission-layout aside>button small{margin-top:3px;font-size:10px}.mission-layout aside>button.active{color:#a9472a;background:#fff0e9}.lesson{padding:clamp(26px,3vw,46px);border:0;border-radius:var(--radius-panel);background:#ffffffed;box-shadow:var(--shadow-card);scroll-margin-top:104px}.lesson-head{gap:20px}.kind{width:62px;height:62px;flex:0 0 62px;box-shadow:inset 0 0 0 1px #143a5209}.lesson-head small{font-size:11px;letter-spacing:.13em}.lesson h2{font-size:clamp(30px,3vw,44px)}.lesson-body{min-height:0;max-width:980px;margin:24px 0 30px;padding-left:18px;border-left:4px solid #d8e7e1;font-size:18px;line-height:1.7}.lesson-content{gap:18px;margin-block:24px}.edu-section,.edu-mission,.edu-callout,.quiz-block,.break-card,.build-card>div,.reflection{border-color:#dfe8e4;border-radius:18px;box-shadow:0 8px 24px #143a5208}.edu-section,.edu-callout,.quiz-block,.break-card{padding:clamp(20px,2.4vw,30px)}.edu-section>p,.edu-callout p,.edu-mission p,.break-card p,.encyclopedia-copy p,.encyclopedia-copy li{font-size:15px;line-height:1.7}.code-first-brief{margin:26px 0 14px;padding:24px 26px;border-radius:20px;background:radial-gradient(circle at 96% 16%,#ffffff5c 0 4rem,transparent 4.1rem),linear-gradient(145deg,#dceef6,#eef8fb);box-shadow:inset 0 0 0 1px #b9d7e3}.code-first-brief>span{color:#2c6f90;font-size:10px;font-weight:900;letter-spacing:.15em}.code-first-brief h3{margin:7px 0;font-size:24px}.code-first-brief p{max-width:800px;margin:0;color:var(--muted);font-size:14px}.mission-lab{margin-top:30px;border-width:0;border-radius:24px;box-shadow:var(--shadow-float)}.mission-lab-intro{padding:27px 30px;border-radius:24px 24px 0 0;background:radial-gradient(circle at 95% 0,#ffffff1b 0 7rem,transparent 7.1rem),linear-gradient(135deg,#143a52,#24657c)}.mission-lab-intro h3{font-size:26px}.mission-lab-intro p{font-size:14px}.mission-lab-intro .lab-toggle{border:0;border-radius:13px;box-shadow:0 10px 24px #001e3633}.lab{border:0;border-radius:0}.labbar{min-height:54px;padding-inline:16px;font-size:12px}.labbar button{min-height:36px;border-radius:9px;font-size:11px}.check{min-height:42px;padding:12px 16px;font-size:12px;font-weight:700}.build-to-code,.break-to-code{border-width:1px;border-radius:20px;box-shadow:0 12px 32px #143a520b}.lesson-nav{margin-top:36px;padding-top:25px}.encyclopedia-page{padding:76px clamp(20px,7vw,120px) 100px;background:radial-gradient(circle at 92% 4%,#ffe8a852 0 12rem,transparent 12.1rem),#f3f6f2}.encyclopedia-page>.page-title,.encyclopedia-page>.library-meta,.component-library,.encyclopedia-page>.empty{max-width:1660px;margin-inline:auto}.search-tools{max-width:760px;margin-top:28px}.component-search{max-width:none}.component-search span{display:block;margin-bottom:8px;font-size:12px}.component-search input{min-height:54px;margin:0;padding:15px 18px;border:1px solid #cadbd5;border-radius:15px;background:#fff;box-shadow:0 10px 28px #143a520c;font-size:16px}.search-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-chips button{min-height:38px;padding:8px 14px;border:1px solid #d3e0db;border-radius:999px;color:var(--muted);background:#ffffffa6;font-size:12px;font-weight:800}.search-chips button:hover,.search-chips button.active{border-color:var(--mint);color:#fff;background:var(--mint)}.library-meta{display:flex;align-items:baseline;gap:8px;margin-top:28px;color:var(--muted);font-size:13px}.library-meta b{color:var(--ink);font-size:22px}.library-meta button{margin-left:auto;border:0;color:#217967;background:none;font-size:12px;font-weight:800}.component-library{gap:20px;margin-top:18px}.component-library>article{grid-template-columns:112px 1fr;gap:0 22px;padding:28px;border-color:#dfe7e3;border-radius:24px;box-shadow:var(--shadow-card)}.component-library>article:hover{border-color:#a8cec3;box-shadow:0 20px 48px #143a5217}.library-icon{width:112px;height:112px;border-radius:28px;background:radial-gradient(circle at 30% 25%,#fff 0 12%,transparent 13%),linear-gradient(145deg,#fff8df,#f0f3e8);box-shadow:inset 0 0 0 1px #e9e0c6}.library-head>span{font-size:9px}.library-head h2{font-size:27px}.library-head p{min-height:36px;font-size:13px}.component-library details{min-height:42px;padding:11px 0;border-color:#e4ebe8}.component-library summary{font-size:13px}.component-library summary::marker{color:var(--mint)}.component-library details p,.component-library details li,.library-check p{font-size:13px}.library-check{padding:15px 17px;border-radius:14px;background:#edf6f2}.component-library>article>.secondary{width:fit-content;min-height:42px}footer{padding-block:34px;background:#12354b}footer a:hover{color:#fff}@keyframes gentle-float{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-9px)}}@media (max-width: 1220px){.mission-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.future-chapters{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 900px){header{height:70px}.header-shell{padding-inline:16px}header nav{top:66px;border:0;border-radius:18px;background:#143a52f5}.map-hero{grid-template-columns:1fr}.map-summary{max-width:520px}.mission-layout{grid-template-columns:1fr}.mission-layout>aside{position:static;max-height:none;overflow:visible}.mission-layout aside>button{display:none}.mission-layout aside>button.active{display:flex}.future-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){body{font-size:15px}.hero{min-height:0;padding:48px 20px 32px}.hero h1{font-size:44px}.hero>div:first-child>p{font-size:16px}.hero-visual{height:280px}.actions{display:grid}.chapter,.method{padding-inline:20px}.map-page,.encyclopedia-page{padding:40px 14px 70px}.page-title h1{font-size:42px}.page-title p{font-size:15px}.board-filter{width:100%;align-items:stretch;flex-direction:column;padding:12px}.mission-route,.future-roadmap{padding:20px;border-radius:22px}.route-heading{align-items:start;flex-direction:column}.route-heading p{text-align:left}.mission-cards,.future-chapters{grid-template-columns:1fr}.mission-card{min-height:170px}.future-chapters article{min-height:150px}.mission-page{padding:14px 10px 60px}.mission-top{grid-template-columns:65px 1fr;padding:18px;border-radius:18px}.mission-top h1{font-size:29px}.mission-layout>aside{padding:12px}.lesson{padding:21px 17px;border-radius:20px}.kind{width:50px;height:50px;flex-basis:50px}.lesson h2{font-size:29px}.lesson-body{padding-left:13px;font-size:16px}.labbar{align-items:stretch;flex-direction:column;gap:8px;padding:10px}.labbar-actions{width:100%;margin:0}.labbar-actions button{flex:1}.component-library>article{grid-template-columns:78px 1fr;gap:0 14px;padding:18px;border-radius:20px}.library-icon{width:78px;height:78px;border-radius:20px;font-size:38px}.component-library details,.library-check,.component-library>article>button{grid-column:1 / 3}footer{gap:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--studio-blue: #0aaac5;--studio-blue-dark: #075f83;--studio-cobalt: #245bd7;--studio-yellow: #ffc83d;--studio-coral: #ff6b55;--studio-green: #65bd59;--studio-violet: #7357d8;--studio-ink: #16384d;--studio-muted: #60798a;--studio-canvas: #eaf2f5;--studio-panel: #ffffff;--studio-line: #d4e1e7;--studio-shadow: 0 9px 0 #cbdde4, 0 18px 40px #16475c17;--studio-shadow-soft: 0 14px 38px #16475c14}body{color:var(--studio-ink);background:radial-gradient(circle,#a9c8d43d 1.5px,transparent 1.6px) 0 0 / 24px 24px,var(--studio-canvas)}header{height:78px;border-bottom:5px solid var(--studio-blue);background:#fff;box-shadow:0 7px 24px #17465c15;-webkit-backdrop-filter:none;backdrop-filter:none}.header-shell{max-width:1740px}.brand img{border-radius:13px;box-shadow:0 5px #c8dde4;filter:none}.brand b{color:var(--studio-ink);font-size:21px}.brand small{color:var(--studio-coral)}header nav{border-color:#d5e4e9;border-radius:14px;background:#eef5f7}header nav>a:not(.pill){border-radius:10px}header nav>a:not(.pill):hover,header nav>a[aria-current=page]{color:#075f83;box-shadow:0 4px #cfdee4}.primary,.secondary,.lab-toggle{min-height:52px;border-radius:14px;font-size:15px}.primary{border:0;color:#14364a;background:var(--studio-yellow);box-shadow:0 6px #d7a626,0 13px 22px #7a5b111c}.primary:hover{transform:translateY(-2px);box-shadow:0 8px #d7a626,0 16px 26px #7a5b1124}.primary:active{transform:translateY(3px);box-shadow:0 3px #d7a626,0 8px 17px #7a5b111c}.secondary{border:2px solid #b9d0d9;color:var(--studio-blue-dark);background:#fff;box-shadow:0 5px #d3e1e6}.secondary:hover{border-color:var(--studio-blue);background:#f4fbfd}.eyebrow{color:#fff;background:var(--studio-coral);box-shadow:0 4px #d34e3b}.eyebrow.dark{color:var(--studio-blue-dark);background:#d9f2f6;box-shadow:none}.hero{min-height:650px;padding:64px clamp(24px,6vw,104px) 70px;gap:48px;background:linear-gradient(90deg,#fff0 23px,#bedce53b,#fff0 25px) 0 0 / 48px 48px,linear-gradient(#fff0 23px,#bedce53b,#fff0 25px) 0 0 / 48px 48px,linear-gradient(135deg,#f4fbfd,#dff3f7);border-bottom:1px solid #c7dfe7}.hero>div:first-child{position:relative;z-index:2}.hero h1{max-width:720px;margin-top:28px;font-size:clamp(50px,5.5vw,82px);line-height:.96}.hero h1 em{color:var(--studio-blue-dark);text-decoration-color:var(--studio-yellow);text-decoration-thickness:10px;text-underline-offset:8px}.hero>div:first-child>p{max-width:660px;font-size:19px;line-height:1.65}.facts span{position:relative;padding:10px 14px 10px 33px;border:1px solid #c9dfe6;border-radius:12px;color:#38586a;background:#ffffffd9;box-shadow:0 4px #d7e5ea}.facts span:before{content:"";position:absolute;left:12px;top:50%;width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:var(--studio-green);box-shadow:0 0 0 1px #4b9c42;transform:translateY(-50%)}.hero-visual{min-height:520px;align-self:center}.hero-visual:before,.hero-visual:after{content:none}.workshop-hero-art{position:relative;width:min(100%,680px);margin-inline:auto}.workshop-hero-art>svg{position:static;width:100%;height:auto;overflow:visible}.workshop-hero-art .hero-signal{animation:workshop-signal 1.8s ease-in-out infinite;transform-origin:center}.workshop-hero-art .hero-part{animation:workshop-part-float 4.4s ease-in-out infinite}.workshop-hero-art .hero-part-b{animation-delay:-1.4s}.workshop-hero-art .hero-part-c{animation-delay:-2.8s}.workshop-live-card{position:absolute;right:2%;bottom:5%;min-width:220px;padding:15px 18px 15px 48px;border:2px solid #c9dce3;border-radius:16px;color:var(--studio-ink);background:#fff;box-shadow:0 8px #c8dae1,0 20px 34px #17465c1c}.workshop-live-card .live-dot{position:absolute;left:17px;top:22px;width:17px;height:17px;border:4px solid #cff1c8;border-radius:50%;background:var(--studio-green)}.workshop-live-card b,.workshop-live-card small{display:block}.workshop-live-card b{font-size:13px}.workshop-live-card small{margin-top:2px;color:var(--studio-muted);font-size:11px}.project-lobby{padding:78px clamp(20px,6vw,100px) 88px;background:#fff}.lobby-heading{max-width:1660px;margin:0 auto 28px;display:flex;align-items:end;justify-content:space-between;gap:28px}.lobby-heading h2,.method-heading h2{margin:15px 0 0;font-size:clamp(34px,4vw,54px)}.project-tiles{max-width:1660px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.project-tiles>button{position:relative;min-height:320px;padding:0;overflow:hidden;border:2px solid #cbdde4;border-radius:22px;color:var(--studio-ink);background:#f5fafc;text-align:left;box-shadow:var(--studio-shadow)}.project-tiles>button:hover{transform:translateY(-5px);border-color:var(--studio-blue);box-shadow:0 13px #bcd9e2,0 26px 46px #16475c20}.project-tiles>button>b{position:absolute;right:20px;bottom:21px;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:var(--studio-blue-dark);box-shadow:0 5px #06435c}.project-tile-copy{display:block;padding:20px 74px 26px 22px}.project-tile-copy small,.project-tile-copy strong,.project-tile-copy em{display:block}.project-tile-copy small{color:var(--studio-coral);font-size:10px;font-weight:900;letter-spacing:.13em}.project-tile-copy strong{margin-top:7px;font:800 22px/1.16 var(--font-display)}.project-tile-copy em{margin-top:7px;color:var(--studio-muted);font-size:12px;font-style:normal}.mission-model-art{position:relative;display:block;height:170px;color:var(--studio-cobalt);background:radial-gradient(circle,#ffffff7a 2px,transparent 2.2px) 0 0 / 20px 20px,#dff2f6}.mission-model-art>svg{width:100%;height:100%;overflow:visible}.mission-model-art .art-wire{fill:none;stroke:#5fbacb;stroke-width:4;stroke-dasharray:8 7}.mission-model-art .art-base{fill:var(--studio-yellow);stroke:#173e56;stroke-width:5}.mission-model-art .art-hub{fill:#fff;stroke:#173e56;stroke-width:5}.mission-model-art .art-eye{fill:#173e56}.mission-model-art .art-smile,.mission-model-art .art-mast{fill:none;stroke:#173e56;stroke-width:4;stroke-linecap:round}.mission-model-art .art-light{fill:var(--studio-coral);stroke:#173e56;stroke-width:4;transform-origin:114px 12px}.mission-model-art .art-wheel{fill:#173e56;stroke:#9fdce6;stroke-width:6}.mission-model-art>i{position:absolute;right:15px;top:14px;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;background:var(--studio-cobalt);box-shadow:0 5px #17429f}.mission-model-art>i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.art-2{background-color:#e9e3ff}.art-2>i{background:var(--studio-violet);box-shadow:0 5px #513da5}.art-3{background-color:#e4f5df}.art-3>i{background:var(--studio-green);box-shadow:0 5px #468d3c}.art-4{background-color:#fff0d2}.art-4>i{background:var(--studio-coral);box-shadow:0 5px #ce4e3c}.chapter{background:radial-gradient(circle,#ffffff19 2px,transparent 2.2px) 0 0 / 30px 30px,linear-gradient(135deg,#075f83,#0a88a4)}.method{background:#f4f9fa}.method-heading{max-width:920px;margin:0 auto 32px;text-align:center}.method-heading p{margin:12px auto 0;max-width:720px;color:var(--studio-muted)}.method-grid article{border-width:2px;border-top-width:9px;border-color:#cbdde4;border-radius:20px;box-shadow:0 7px #d4e3e8,0 16px 30px #16475c10}.method-grid article:nth-child(1){border-top-color:var(--studio-yellow)}.method-grid article:nth-child(2){border-top-color:var(--studio-blue)}.method-grid article:nth-child(3){border-top-color:var(--studio-green)}.method-grid article:nth-child(4){border-top-color:var(--studio-violet)}.component-glyph{width:72%;height:72%;overflow:visible;fill:#fff;stroke:var(--studio-ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.library-icon,.component-icon,.component-emoji{color:var(--studio-ink);background:radial-gradient(circle,#ffffff88 2px,transparent 2.2px) 0 0 / 17px 17px,#dff3f6}.library-icon .component-glyph,.component-icon .component-glyph,.component-emoji .component-glyph{display:block;margin:auto}.glyph-resistor rect{fill:var(--studio-yellow)}.glyph-resistor path:nth-last-child(-n+3){stroke:var(--studio-coral)}.glyph-board>rect:first-child{fill:var(--studio-blue)}.glyph-board>rect:nth-child(2){fill:#dff5f8}.glyph-motor>rect:first-child{fill:var(--studio-violet)}.glyph-motor circle{fill:var(--studio-yellow)}.glyph-sensor>rect{fill:var(--studio-green)}.glyph-sensor circle{fill:#fff}.glyph-sound>path:first-child{fill:var(--studio-coral)}.glyph-button>rect:first-child{fill:var(--studio-blue)}.glyph-button>rect:nth-child(2){fill:var(--studio-yellow)}.glyph-light>path:first-child{fill:var(--studio-yellow)}.map-page{background:transparent}.map-summary{border:2px solid #074e6c;border-radius:22px;background:var(--studio-blue-dark);box-shadow:0 8px #064762,0 18px 32px #17465c1d}.mission-route,.future-roadmap{border:2px solid #c8dae2;border-radius:26px;box-shadow:0 8px #cedee4,0 20px 42px #16475c14}.mission-cards{gap:20px}.mission-card{min-height:320px;padding:0 20px 24px;border:2px solid #cbdde4;border-radius:22px;background:#fff;box-shadow:0 7px #d2e1e6,0 16px 30px #16475c12}.mission-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--studio-blue);box-shadow:0 11px #bbd9e2,0 24px 40px #16475c1c}.mission-card>.mission-model-art{height:138px;margin:0 -20px 18px;border-radius:19px 19px 0 0}.mission-number{position:absolute;left:18px;top:115px;z-index:2;margin:0;border:4px solid white;border-radius:14px;background:var(--studio-coral);box-shadow:0 5px #cb4f3c}.mission-copy{padding-top:11px}.mission-copy strong{min-height:48px;font-size:21px}.mission-progress{height:7px}.mission-page{padding-top:28px}.mission-top{grid-template-columns:130px 1fr 82px;border:2px solid #07506e;border-radius:22px 22px 0 0;color:#fff;background:radial-gradient(circle,#ffffff16 2px,transparent 2.2px) 0 0 / 26px 26px,var(--studio-blue-dark);box-shadow:0 8px #064762,0 18px 38px #17465c22}.mission-top h1{color:#fff}.mission-top>div>span{color:#bdeaf0}.mission-top .back{color:#fff}.mission-lab-shortcut{border:2px solid #ffffff5c;color:#fff;background:#ffffff12;box-shadow:none}.mission-lab-shortcut:hover{border-color:#fff;background:#ffffff20}.progress-ring{color:var(--studio-ink);background:conic-gradient(var(--studio-yellow) calc(var(--p) * 1%),#ffffff31 0)}.progress-ring:after{background:#fff}.mission-phase-rail{position:relative;z-index:1;max-width:1780px;margin:0 auto;padding:21px 22px 19px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:2px solid #c8dae2;border-top:0;border-radius:0 0 22px 22px;background:#fff;box-shadow:0 8px #cfdee4,0 18px 35px #16475c16}.mission-phase{position:relative;min-height:88px;padding:13px 15px;display:grid;grid-template-columns:50px 1fr;grid-template-rows:1fr auto;gap:5px 12px;border:2px solid transparent;border-radius:17px;color:#617989;background:#edf4f6;text-align:left}.mission-phase:hover:not(:disabled){border-color:#a8c8d3;background:#f5fafb}.mission-phase.is-active{color:var(--studio-ink);border-color:#d19e17;background:#fff4c7;box-shadow:0 5px #dfbb50}.phase-create .mission-phase.is-active{border-color:#088ca4;background:#dcf4f7;box-shadow:0 5px #83cdd8}.phase-test .mission-phase.is-active{border-color:#4a9d42;background:#e5f5df;box-shadow:0 5px #9bce91}.phase-share .mission-phase.is-active{border-color:#6046bf;background:#ece7ff;box-shadow:0 5px #b3a7e9}.mission-phase.is-past{color:#39764c;background:#edf7ea}.mission-phase-icon{position:relative;grid-row:1 / 3;display:grid;place-items:center;width:48px;height:48px;align-self:center;border-radius:14px;color:#fff;background:#7b919e;box-shadow:0 4px #5d7481}.mission-phase:nth-child(1) .mission-phase-icon{background:#e0a91a;box-shadow-color:#b1830d}.mission-phase:nth-child(2) .mission-phase-icon{background:var(--studio-blue);box-shadow-color:#087c91}.mission-phase:nth-child(3) .mission-phase-icon{background:var(--studio-green);box-shadow-color:#478f3e}.mission-phase:nth-child(4) .mission-phase-icon{background:var(--studio-violet);box-shadow-color:#513ba7}.mission-phase-icon svg,.kind svg,.spark-guide svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.mission-phase-icon>i{position:absolute;right:-6px;top:-7px;display:grid;place-items:center;width:20px;height:20px;border:3px solid white;border-radius:50%;color:var(--studio-ink);background:#fff;font-size:9px;font-style:normal;font-weight:900}.mission-phase-copy b,.mission-phase-copy small{display:block}.mission-phase-copy b{font:800 17px var(--font-display)}.mission-phase-copy small{margin-top:2px;font-size:11px}.mission-phase-steps{display:flex;gap:5px}.mission-phase-steps>i{width:18px;height:5px;border-radius:99px;background:#bdd0d7}.mission-phase.is-active .mission-phase-steps>i.active{width:30px;background:currentColor}.mission-layout{margin-top:24px}.mission-layout>aside{border-width:2px;border-radius:19px;background:#f9fcfd;box-shadow:0 7px #d0e0e5,0 17px 34px #16475c12}.story-card{border:2px solid #e2c25e;border-radius:16px;background:#fff5c9;box-shadow:0 5px #e2c86f}.spark-guide{display:flex;align-items:center;gap:7px;color:#8a6300}.spark-guide svg{width:20px;height:20px}.mission-layout aside>button{border:2px solid transparent;border-radius:13px}.mission-layout aside>button.active{color:var(--studio-blue-dark);border-color:#80cbd7;background:#ddf4f7;box-shadow:0 4px #a9d8df}.lesson{border:2px solid #cbdde4;border-radius:22px;box-shadow:0 8px #cfdfe5,0 20px 40px #16475c14}.lesson-head{padding:22px;align-items:center;border:2px solid #cfdee4;border-radius:18px;background:#f5fafb}.kind{color:var(--studio-ink);border:2px solid #d3a41d;border-radius:17px;background:var(--studio-yellow);box-shadow:0 5px #d7a626}.phase-create .kind{color:#fff;border-color:#087f95;background:var(--studio-blue);box-shadow-color:#087c91}.phase-test .kind{color:#fff;border-color:#4c993f;background:var(--studio-green);box-shadow-color:#478f3e}.phase-share .kind{color:#fff;border-color:#5940b4;background:var(--studio-violet);box-shadow-color:#513ba7}.step-now{max-width:360px;margin-left:auto;padding:12px 15px;border-left:4px solid var(--studio-coral);border-radius:0 12px 12px 0;background:#fff}.step-now span,.step-now b{display:block}.step-now span{color:var(--studio-coral);font-size:9px;font-weight:900;letter-spacing:.14em}.step-now b{margin-top:4px;font-size:12px;line-height:1.4}.lesson-body{border-left-color:var(--studio-blue)}.edu-section,.edu-mission,.edu-callout,.quiz-block,.break-card,.reflection{border-width:2px;border-radius:17px;box-shadow:0 5px #dae5e9,0 12px 26px #16475c0d}.code-first-brief{border:2px solid #d2a722;border-radius:18px;background:#fff3be;box-shadow:0 6px #e0be53}.code-first-brief>span{color:#8a6500}.mission-lab{border:2px solid #07506e;border-radius:22px;box-shadow:0 8px #064762,0 24px 48px #17465c25}.mission-lab-intro{background:radial-gradient(circle,#ffffff16 2px,transparent 2.2px) 0 0 / 24px 24px,var(--studio-blue-dark)}.mission-lab-intro .lab-toggle{color:var(--studio-ink);background:var(--studio-yellow);box-shadow:0 5px #d7a626}.build-card{grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr)}.build-card>div{border:2px solid #cbdde4;border-radius:18px;box-shadow:0 6px #d1e0e5}.parts-tray>span,.board-choice>span{color:var(--studio-coral);font-size:9px;font-weight:900;letter-spacing:.14em}.part-chips{margin-top:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.part-chips>span{min-height:72px;padding:10px 11px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:1fr auto;gap:1px 10px;align-items:center;border:2px solid #d2e0e5;border-radius:14px;background:#f4f9fa}.part-chips>span>i{position:relative;grid-row:1 / 3;width:42px;height:28px;border:3px solid #17445d;border-radius:8px;background:var(--studio-yellow);transform:rotate(-4deg)}.part-chips>span:nth-child(2n)>i{background:var(--studio-blue)}.part-chips>span:nth-child(3n)>i{background:var(--studio-coral)}.part-chips>span>i b{position:absolute;top:-8px;width:10px;height:8px;border:2px solid #17445d;border-bottom:0;border-radius:4px 4px 0 0;background:inherit}.part-chips>span>i b:first-child{left:7px}.part-chips>span>i b:last-child{right:7px}.part-chips strong{align-self:end;font-size:12px;line-height:1.25}.part-chips small{align-self:start;color:var(--studio-muted);font-size:9px;text-transform:uppercase}.board-choice{background:#e6f5f8}.build-instruction-viewer{overflow:hidden;border:2px solid #b9d1da;border-radius:22px;background:#fff;box-shadow:0 8px #cbdde4,0 20px 42px #16475c18}.build-instruction-viewer>header{height:auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:2px solid #d2e1e6;background:#f2f8fa;box-shadow:none}.build-instruction-viewer>header span{color:var(--studio-blue-dark);font-size:9px;font-weight:900;letter-spacing:.14em}.build-instruction-viewer>header h3{margin:3px 0 0;font-size:21px}.build-instruction-viewer>header>b{padding:8px 12px;border-radius:11px;color:#fff;background:var(--studio-blue-dark);box-shadow:0 4px #06435d}.build-instruction-stage{min-height:390px;padding:22px;display:grid;grid-template-columns:180px minmax(300px,1fr) 260px;gap:18px;background:radial-gradient(circle,#9dc7d32e 2px,transparent 2.2px) 0 0 / 22px 22px,#f8fcfd}.build-added-part,.build-instruction-copy{padding:18px;border:2px solid #cadce3;border-radius:17px;background:#fff;box-shadow:0 5px #d2e1e6}.build-added-part{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.build-added-part>span,.build-instruction-copy>span{color:var(--studio-coral);font-size:9px;font-weight:900;letter-spacing:.13em}.build-added-part>i{position:relative;width:92px;height:60px;margin:26px 0 22px;border:5px solid #17445d;border-radius:15px;background:var(--studio-yellow);box-shadow:0 8px #d7a626;transform:rotate(-5deg)}.build-added-part>i span{position:absolute;top:-14px;width:23px;height:12px;border:5px solid #17445d;border-bottom:0;border-radius:8px 8px 0 0;background:var(--studio-yellow)}.build-added-part>i span:first-child{left:14px}.build-added-part>i span:last-child{right:14px}.build-added-part>b{font-size:13px;line-height:1.35}.build-model-preview{position:relative;min-height:340px;display:grid;place-items:center;border:2px solid #bfd6de;border-radius:18px;background:#fff;box-shadow:inset 0 0 55px #dff0f450}.build-model-preview svg{width:95%;height:auto}.build-model-preview .build-wire{fill:none;stroke:var(--studio-coral);stroke-width:7;stroke-linecap:round;stroke-dasharray:12 10}.build-model-preview .build-board{fill:#e4f4f7;stroke:#17445d;stroke-width:7}.build-model-preview .build-module{fill:var(--studio-blue);stroke:#17445d;stroke-width:7}.build-model-preview .build-pin{fill:var(--studio-yellow);stroke:#17445d;stroke-width:5}.build-model-preview .build-arrow{fill:none;stroke:var(--studio-green);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.build-model-preview>span{position:absolute;left:16px;top:16px;padding:8px 11px;border-radius:10px;color:#fff;background:var(--studio-blue-dark);font-size:10px;font-weight:900;letter-spacing:.1em}.build-instruction-copy{align-self:center}.build-instruction-copy h4{margin:10px 0;font-size:22px;line-height:1.2}.build-instruction-copy p{color:#405f70;font-size:14px;line-height:1.6}.build-instruction-copy small{display:block;margin-top:16px;padding-top:14px;border-top:1px solid #d7e3e7;color:var(--studio-muted);font-size:11px;line-height:1.5}.build-instruction-nav{padding:16px 20px 20px;display:grid;grid-template-columns:170px 1fr 190px;gap:16px;align-items:center;border-top:2px solid #d2e1e6;background:#f2f8fa}.build-instruction-nav>button{min-height:48px;border:2px solid #bfd2da;border-radius:13px;color:var(--studio-blue-dark);background:#fff;font-weight:800}.build-instruction-nav>button.primary{border:0;color:var(--studio-ink);background:var(--studio-yellow)}.build-instruction-nav>div{display:flex;justify-content:center;gap:7px}.build-instruction-nav>div i{width:22px;height:7px;border-radius:99px;background:#b9ced6}.build-instruction-nav>div i.past{background:#8fc787}.build-instruction-nav>div i.active{width:38px;background:var(--studio-blue)}.sim{min-height:360px;border:2px solid #07506e;border-radius:22px;background:var(--studio-blue-dark);box-shadow:0 8px #064762,0 22px 42px #17465c20}.sim-scene{background:linear-gradient(#e5f5f8 0,#e5f5f8 67%,#b9d99e 67%),#e5f5f8}.sim-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#77b6c52e 2px,transparent 2.2px) 0 0 / 22px 22px;pointer-events:none}.sim-bot{position:absolute;left:42px;bottom:54px;width:114px;height:124px;font-size:0}.sim-bot-head{position:absolute;left:13px;top:0;width:88px;height:64px;border:5px solid var(--studio-ink);border-radius:20px;background:#fff;box-shadow:0 6px #c2dbe2}.sim-bot-head>i{position:absolute;top:22px;width:10px;height:10px;border-radius:50%;background:var(--studio-ink)}.sim-bot-head>i:first-child{left:22px}.sim-bot-head>i:nth-child(2){right:22px}.sim-bot-head>b{position:absolute;left:34px;bottom:10px;width:20px;height:7px;border-bottom:4px solid var(--studio-coral);border-radius:50%}.sim-bot-body{position:absolute;left:27px;top:67px;width:60px;height:42px;border:5px solid var(--studio-ink);border-radius:14px;background:var(--studio-blue)}.sim-bot-wheel{position:absolute;bottom:0;width:30px;height:30px;border:7px solid var(--studio-ink);border-radius:50%;background:#a8dfe7}.sim-bot-wheel.left{left:18px}.sim-bot-wheel.right{right:18px}.lamp{width:86px;height:112px;filter:none}.lamp>i{position:absolute;left:11px;top:0;width:64px;height:64px;border:6px solid var(--studio-ink);border-radius:50% 50% 44% 44%;background:#d3e0e4;box-shadow:none}.lamp>i:before,.lamp>i:after{content:"";position:absolute;left:14px;width:25px;height:8px;border:5px solid var(--studio-ink);border-radius:5px;background:#889ca6}.lamp>i:before{top:57px}.lamp>i:after{top:73px;width:17px;left:18px}.lamp.on>i{background:var(--studio-yellow);box-shadow:0 0 0 15px #ffc83d35,0 0 48px 18px #ffc83d80}.obstacle{width:58px;height:82px;font-size:0}.obstacle>i{display:block;width:100%;height:100%;border:6px solid var(--studio-ink);border-radius:14px 14px 5px 5px;background:repeating-linear-gradient(135deg,var(--studio-coral) 0 13px,white 13px 26px);box-shadow:0 8px #8e493d}.waves{width:150px;height:110px;display:flex;align-items:center;gap:5px;font-size:0}.waves>i{display:block;width:25px;height:42px;border:7px solid var(--studio-coral);border-left:0;border-radius:0 50% 50% 0}.waves>i:nth-child(2){height:70px}.waves>i:nth-child(3){height:98px}.station{width:96px;height:100px;font-size:0;filter:none}.station>i{position:absolute;left:20px;top:5px;width:56px;height:58px;border:6px solid var(--studio-ink);border-radius:28px 28px 8px 8px;background:#b8c8ce}.station>b{position:absolute;left:8px;bottom:12px;width:80px;height:26px;border:6px solid var(--studio-ink);border-radius:9px;background:var(--studio-yellow)}.station.active>i{background:var(--studio-coral);box-shadow:0 0 0 15px #ff6b5530,0 0 42px 13px #ff6b5570}.virtual-button{width:112px;height:112px;border:8px solid var(--studio-ink);background:var(--studio-coral);box-shadow:0 9px #a63e30}.sim-panel{padding:34px}.sim-panel>span{color:var(--studio-yellow)}.sim-panel h3{font-family:var(--font-display);font-size:24px}.sim-panel .primary{width:100%}@keyframes workshop-signal{0%,to{opacity:.35}50%{opacity:1}}@keyframes workshop-part-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}@media (max-width: 1180px){.project-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.build-instruction-stage{grid-template-columns:150px minmax(280px,1fr)}.build-instruction-copy{grid-column:1 / 3}.step-now{display:none}}@media (max-width: 900px){header{height:72px}.mission-phase-rail{grid-template-columns:repeat(4,176px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.mission-phase{scroll-snap-align:start}.mission-layout>aside{display:none}.build-card{grid-template-columns:1fr}}@media (max-width: 700px){.hero{padding-top:42px}.hero h1{font-size:46px}.hero-visual{min-height:310px;height:auto}.workshop-live-card{right:4%;bottom:1%;min-width:190px}.project-lobby{padding:58px 15px 68px}.lobby-heading{align-items:stretch;flex-direction:column}.project-tiles{grid-template-columns:1fr}.project-tiles>button{min-height:285px}.mission-top{grid-template-columns:60px 1fr}.mission-phase-rail{margin-inline:2px;padding:15px;border-radius:0 0 18px 18px}.lesson-head{padding:15px}.part-chips{grid-template-columns:1fr}.build-instruction-stage{grid-template-columns:1fr;padding:14px}.build-added-part{min-height:200px}.build-model-preview{min-height:260px}.build-instruction-copy{grid-column:auto}.build-instruction-nav{grid-template-columns:1fr 1fr}.build-instruction-nav>div{grid-column:1 / 3;grid-row:1}}@media (prefers-reduced-motion: reduce){.workshop-hero-art .hero-signal,.workshop-hero-art .hero-part{animation:none}}