:root{color:#14233a;font-synthesis:none;text-rendering:optimizelegibility;background:#fff8ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}.home-shell{background:#f6f8fb;min-height:100vh;overflow-x:hidden}.home-header{z-index:10;color:#fff;background:#222;justify-content:space-between;align-items:center;gap:18px;padding:18px 56px 16px;display:flex;position:sticky;top:0;box-shadow:0 8px 22px #14233a2e}.home-header:before{content:"";background:linear-gradient(90deg,#00c875 0%,#36c2ff 45%,#8a5cff 100%);height:6px;position:absolute;top:0;left:0;right:0}.home-brand{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.home-brand img{border-radius:8px;width:42px;height:42px}.home-brand strong{letter-spacing:0;font-size:1.05rem}.home-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 18px;font-size:.94rem;font-weight:850;display:flex}.home-nav a{color:#fff;text-decoration:none}.home-nav a[href=\#about]{border-left:1px solid #ffffff73;margin-left:8px;padding-left:26px}.home-nav button,.hero-actions button,.teacher-band button,.code-actions button,.join-band button{color:#fff;background:#4d7cff;border:0;border-radius:8px;min-height:42px;padding:0 18px;font-weight:950}.home-hero{color:#fff;background:#805ad5;min-height:620px;position:relative;overflow:hidden}.hero-scene{background:linear-gradient(90deg,#805ad5 0% 47%,#805ad5c7 64%,#805ad50f 100%),radial-gradient(circle at 78% 22%,#ffffffe0 0 8%,#0000 8.5%),linear-gradient(#abe5ff 0%,#eafaff 58%,#c9f0ae 58.2%,#9cda75 100%);position:absolute;inset:0;overflow:hidden}.hero-scene:before,.hero-scene:after{content:"";background:#ffffffdb;border-radius:999px;position:absolute}.hero-scene:before{width:220px;height:48px;top:18%;left:58%;box-shadow:120px 42px #ffffff8c}.hero-scene:after{width:260px;height:56px;top:12%;right:12%;box-shadow:-100px 64px #ffffff85}.hero-stage-line{background:#14233a29;border-radius:999px;height:26px;position:absolute;bottom:90px;left:44%;right:12%}.hero-character{z-index:1;object-fit:contain;filter:drop-shadow(0 16px #14233a1f);position:absolute}.hero-character.cat{width:min(18vw,190px);animation:3.2s ease-in-out infinite hero-hop;bottom:95px;right:24%}.hero-character.robot{width:min(14vw,148px);animation:3.8s ease-in-out infinite hero-wiggle;bottom:106px;right:11%}.hero-character.wizard{width:min(15vw,160px);animation:3.4s ease-in-out infinite hero-float;bottom:100px;right:36%}.hero-character.space{width:min(13vw,136px);animation:4.2s ease-in-out .4s infinite hero-float;bottom:110px;right:4%}.hero-copy{z-index:2;color:#fff;max-width:620px;padding:108px 72px 70px;position:relative}.hero-copy p,.section-heading p,.teacher-band p{color:#394b63;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:950}.hero-copy p,.code-band p,.join-band p{color:#ffffffd1}.hero-copy h1{letter-spacing:0;max-width:560px;margin:0;font-size:5.6rem;line-height:.92}.hero-copy>span{color:#ffffffeb;max-width:510px;margin-top:18px;font-size:1.24rem;font-weight:720;display:block}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero-actions button{color:#14233a;background:#ffd166;min-height:52px;padding:0 24px}.hero-actions a{color:#fff;background:#ffffff1f;border:2px solid #ffffffb8;border-radius:8px;align-items:center;min-height:52px;padding:0 22px;font-weight:950;text-decoration:none;display:inline-flex}.home-section,.teacher-band{padding:64px 56px}.get-started{background:#fff}.section-heading{max-width:800px;margin-bottom:22px}.section-heading h2,.teacher-band h2{color:#14233a;letter-spacing:0;margin:0;font-size:3rem;line-height:1}.starter-grid,.home-track-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.starter-grid article,.home-track-grid article,.project-grid article{background:#fff;border-radius:8px;padding:22px;box-shadow:inset 0 0 0 2px #e5edf8}.starter-grid article{min-height:184px}.starter-grid span{color:#fff;background:#4d7cff;border-radius:999px;place-items:center;width:46px;height:46px;font-size:1.15rem;font-weight:950;display:grid}.starter-grid h3,.home-track-grid h3,.project-grid h3{color:#14233a;letter-spacing:0;margin:16px 0 8px;font-size:1.28rem;line-height:1.1}.starter-grid p,.home-track-grid p,.project-grid p,.teacher-band span{color:#53657b;margin:0;font-size:1rem;font-weight:650}.learning-preview{background:#f5f8ff}.home-progress{gap:6px;max-width:460px;margin-bottom:22px;display:grid}.home-progress strong{color:#4d7cff;font-size:1.65rem}.home-progress>span{color:#526377;font-weight:760}.home-progress div{background:#e2e8f4;border-radius:999px;height:10px;overflow:hidden}.home-progress div span{border-radius:inherit;background:#ffb703;height:100%;display:block}.home-track-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-track-grid article>span{color:#14233a;background:#fff2c5;border-radius:999px;margin-top:18px;padding:7px 11px;font-size:.8rem;font-weight:950;display:inline-flex}.projects{background:#fff}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid article{text-align:left;align-content:start;min-height:306px;display:grid}.project-grid img{object-fit:contain;width:100%;height:126px}.project-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.project-meta span{color:#22304a;background:#eef4ff;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:900}.code-band,.join-band{color:#fff;background:#14233a;border-radius:8px;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);align-items:center;gap:28px;margin:0 56px;padding:42px;display:grid}.code-band h2,.join-band h2{color:#fff;letter-spacing:0;margin:0;font-size:2.6rem;line-height:1}.code-band span,.join-band>div>span{color:#ffffffc7;margin-top:14px;font-size:1rem;font-weight:680;display:block}.code-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.code-card-grid article,.open-source-grid article,.news-grid article{background:#fff;border-radius:8px;padding:18px;box-shadow:inset 0 0 0 2px #e5edf8}.code-card-grid article{background:#ffffff1a;min-height:154px;box-shadow:inset 0 0 0 2px #ffffff2e}.code-card-grid h3,.open-source-grid h3,.news-grid h3{color:#14233a;letter-spacing:0;margin:0 0 8px;font-size:1.14rem}.code-card-grid h3,.code-card-grid p{color:#fff}.code-card-grid p,.open-source-grid p,.news-grid p,.placeholder-section>p{color:#53657b;margin:0;font-weight:650}.code-card-grid p{color:#ffffffbd}.code-actions{flex-wrap:wrap;grid-column:1/-1;gap:12px;display:flex}.code-actions button,.join-band button{color:#14233a;background:#ffd166;min-height:50px}.code-actions a{color:#fff;border:2px solid #ffffff80;border-radius:8px;align-items:center;min-height:50px;padding:0 18px;font-weight:950;text-decoration:none;display:inline-flex}.teacher-band{color:#14233a;background:#ffd166;border-radius:8px;justify-content:space-between;align-items:center;gap:22px;margin:0 56px 56px;display:flex}.teacher-band>div{max-width:780px}.teacher-band button{background:#14233a;flex:none;min-height:52px}.open-source-section{background:#fff;padding:64px 56px}.open-source-grid,.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.join-band{background:#165a4a;margin-bottom:0}.join-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.join-list span{color:#14233a;background:#bff2dd;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900}.placeholder-section{background:#f6f8fb}.placeholder-section>p{max-width:760px;font-size:1.05rem}.news-section{background:#fff}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-footer{color:#fff;background:#222;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:24px 56px;display:flex}.home-footer span{color:#ffffffc7;font-weight:700}.tutorial-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d1a2d59;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.tutorial-card{background:#fff;border-radius:8px;width:min(980px,100%);max-height:92vh;overflow:hidden;box-shadow:0 24px 80px #14233a47}.tutorial-topbar{color:#fff;background:#12b886;grid-template-columns:minmax(140px,1fr) auto minmax(160px,1fr);align-items:center;gap:18px;min-height:84px;padding:16px 22px;display:grid}.tutorial-title,.tutorial-top-actions,.tutorial-top-actions button,.tutorial-arrow,.tutorial-button{align-items:center;display:inline-flex}.tutorial-title{gap:10px;font-size:1rem;font-weight:950}.tutorial-title svg,.tutorial-top-actions svg,.tutorial-arrow svg,.tutorial-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px;width:26px;height:26px}.tutorial-dots{justify-content:center;gap:9px;display:flex}.tutorial-dots button{background:#ffffff6b;border:0;border-radius:999px;width:14px;height:14px;padding:0}.tutorial-dots button.active{background:#14233a;box-shadow:inset 0 0 0 4px #fff}.tutorial-top-actions{justify-content:flex-end;gap:10px}.tutorial-top-actions button{color:#fff;background:0 0;border:0;border-radius:8px;gap:7px;min-height:42px;padding:0 10px;font-weight:950}.tutorial-top-actions button:hover{background:#ffffff24}.tutorial-content{background:radial-gradient(circle at 20% 18%,#ffd16629,#0000 30%),#f8fbff;min-height:560px;padding:26px 74px 34px;position:relative}.tutorial-main{text-align:center;justify-items:center;gap:10px;display:grid}.tutorial-main>p{color:#4d7cff;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:950}.tutorial-main h2{color:#14233a;letter-spacing:0;margin:0;font-size:2.15rem;line-height:1.05}.tutorial-main>span{color:#53657b;max-width:620px;font-weight:740}.tutorial-arrow{z-index:2;color:#fff;background:#12b886;border:8px solid #12b88640;border-radius:999px;justify-content:center;width:62px;height:62px;position:absolute;top:50%;transform:translateY(-50%)}.tutorial-arrow.previous{left:18px}.tutorial-arrow.next{right:18px}.tutorial-arrow:disabled{opacity:.35}.tutorial-arrow span{font-weight:950}.tutorial-scene{background:#fff;border:2px solid #dbe7f6;border-radius:8px;width:100%;min-height:330px;margin-top:14px;display:grid;position:relative;overflow:hidden}.friends-scene{background:linear-gradient(#dff6ff 0% 52%,#c9f0ae 52.4%,#aee48b 100%);grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;padding:34px 28px 58px}.friends-scene img{filter:drop-shadow(0 12px #14233a1f);justify-self:center;width:min(100%,160px);animation:2.6s ease-in-out infinite friend-dance}.tutorial-speech{z-index:2;color:#14233a;background:#fff;border:3px solid #14233a;border-radius:8px;min-width:220px;padding:12px 16px;font-weight:950;position:absolute;top:24px;left:50%;transform:translate(-50%)}.block-scene{background:#f8fbff;grid-template-columns:180px 1fr}.tutorial-toolbox{background:#f0f4fb;align-content:start;gap:10px;padding:22px;display:grid}.tutorial-toolbox span{color:#24364f;background:#fff;border-radius:8px;padding:10px 12px;font-weight:900}.tutorial-workspace{background-image:radial-gradient(#dce8f8 1.2px,#0000 1.2px);background-size:24px 24px;position:relative;overflow:hidden}.demo-block{color:#fff;border-radius:8px;min-height:52px;padding:14px 18px;font-weight:950;position:absolute;left:70px;box-shadow:0 6px #14233a29}.start-block{background:#5b7894;animation:3.2s ease-in-out infinite block-slide;top:80px}.say-block{background:#8a5cff;width:260px;animation:3.2s ease-in-out infinite block-snap;top:146px}.snap-glow{opacity:0;border:4px solid #ffd166;border-radius:12px;width:284px;height:92px;animation:3.2s ease-in-out infinite snap-glow;position:absolute;top:132px;left:58px}.play-scene{background:linear-gradient(#cef 0%,#f7fcff 54%,#dff7ce 54.4%,#bdeca5 100%);place-items:center}.demo-stage{place-items:end center;width:min(560px,86%);min-height:250px;display:grid;position:relative}.demo-stage img{z-index:1;width:150px;animation:1.2s ease-in-out infinite stage-runner}.tutorial-flag{color:#1f7a3e;background:#bff2dd;border:0;border-radius:8px;place-items:center;width:70px;height:58px;animation:1.5s ease-in-out infinite flag-pulse;display:grid;position:absolute;top:20px;left:50%;transform:translate(-50%)}.tutorial-flag svg{fill:#39a96b;stroke:#1f7a3e;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:38px;height:38px}.demo-ground{background:#14233a21;border-radius:999px;height:18px;position:absolute;bottom:20px;left:18%;right:18%}.io-scene{background:#f8fbff;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:16px;padding:24px}.demo-stage.small{background:linear-gradient(#cef 0%,#f7fcff 54%,#dff7ce 54.4%,#bdeca5 100%);border:2px solid #bce4ff;border-radius:8px;grid-row:span 2;width:100%;min-height:280px}.demo-stage.small img{width:132px}.demo-input,.demo-output{text-align:left;background:#fff;border:2px solid #dbe7f6;border-radius:8px;align-content:center;gap:8px;padding:18px;display:grid}.demo-input span,.demo-output span{color:#5c6b7a;text-transform:uppercase;font-size:.78rem;font-weight:950}.demo-input strong,.demo-output strong{color:#14233a;font-size:1.2rem}.demo-input strong:after{content:"";vertical-align:-.16em;background:#4d7cff;width:2px;height:1em;margin-left:4px;animation:.85s step-end infinite caret-blink;display:inline-block}.progress-scene{background:#f8fbff;grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:14px;padding:34px}.progress-scene article{z-index:1;text-align:left;background:#fff;border:2px solid #dbe7f6;border-radius:8px;gap:10px;min-height:158px;padding:18px;display:grid;position:relative}.progress-scene article.open{border-color:#4d7cff;box-shadow:inset 0 0 0 2px #4d7cff24}.progress-scene article.locked{opacity:.62}.progress-scene article span{color:#fff;background:#4d7cff;border-radius:999px;place-items:center;width:38px;height:38px;font-weight:950;display:grid}.progress-scene article.locked span{background:#9aa9bd}.progress-scene strong{color:#14233a;font-size:1.05rem;line-height:1.1}.progress-scene small{color:#5c6b7a;text-transform:uppercase;font-weight:900}.progress-trail{background:linear-gradient(90deg,#4d7cff 0 34%,#dbe7f6 34% 100%);border-radius:999px;height:10px;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%)}@keyframes hero-hop{0%,to{transform:translateY(0)rotate(0)}45%{transform:translateY(-14px)rotate(-2deg)}}@keyframes hero-wiggle{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-8px)rotate(4deg)}65%{transform:translateY(-4px)rotate(-4deg)}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes friend-dance{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(2deg)}}@keyframes block-slide{0%,20%{transform:translate(-28px)}45%,to{transform:translate(0)}}@keyframes block-snap{0%,34%{transform:translate(80px,40px)}52%,to{transform:translate(0)}}@keyframes snap-glow{0%,45%{opacity:0}58%,74%{opacity:1}to{opacity:0}}@keyframes flag-pulse{0%,to{box-shadow:0 0 #39a96b57}50%{box-shadow:0 0 0 14px #39a96b00}}@keyframes stage-runner{0%,to{transform:translate(-16px)rotate(-1deg)}50%{transform:translate(16px)rotate(2deg)}}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.extension-library{z-index:60;color:#14233a;background:#eaf2ff;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0}.extension-topbar{z-index:2;color:#fff;background:#7c5bd6;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:18px;min-height:74px;padding:12px 26px;display:grid;position:sticky;top:0}.extension-topbar h2{letter-spacing:0;text-align:center;margin:0;font-size:1.35rem}.extension-topbar>span{border:2px solid #ffffff5c;border-radius:999px;justify-self:end;padding:7px 12px;font-size:.82rem;font-weight:900}.extension-back{color:#fff;background:#ffffff1f;border:0;border-radius:999px;justify-self:start;align-items:center;gap:8px;min-height:40px;padding:0 12px 0 8px;font-weight:900;display:inline-flex}.extension-back svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8px;width:24px;height:24px}.extension-back:hover{background:#fff3;transform:translateY(-1px)}.extension-content{padding:26px;overflow:auto}.extension-intro{background:#fff;border:2px solid #d4e0ef;border-radius:8px;max-width:1120px;margin:0 auto 18px;padding:16px 18px}.extension-intro p{color:#506174;max-width:850px;margin:0;font-size:.98rem;line-height:1.45}.extension-grid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px;max-width:1440px;margin:0 auto;display:grid}.extension-card{background:#fff;border:2px solid #d4e0ef;border-radius:8px;grid-template-rows:150px 1fr;min-height:455px;display:grid;overflow:hidden;box-shadow:0 12px 26px #14233a14}.extension-card.ready{border-color:#a7e8cb}.extension-card.external{border-color:#ffd166}.extension-art{background:radial-gradient(circle at 14% 16%, #ffffff42 0 10%, transparent 10.5%), radial-gradient(circle at 78% 22%, #ffffff2e 0 8%, transparent 8.5%), linear-gradient(135deg, var(--extension-color), color-mix(in srgb, var(--extension-color), #fff 20%));place-items:center;display:grid;position:relative;overflow:hidden}.extension-art:before{content:"";border:5px solid #ffffff5c;border-radius:999px;width:112px;height:58px;position:absolute;inset:18px 28px auto auto;transform:rotate(-18deg)}.extension-symbol{z-index:1;width:86px;height:86px;color:var(--extension-accent);background:#14233a2e;border:4px solid #ffffffd1;border-radius:22px;place-items:center;font-size:1.12rem;font-weight:950;display:grid;position:relative;box-shadow:0 10px #14233a1f}.extension-orbit{background:#ffffff3d;border-radius:999px;display:block;position:absolute}.extension-orbit.one{width:132px;height:28px;bottom:22px;right:-28px;transform:rotate(-16deg)}.extension-orbit.two{width:190px;height:34px;bottom:-18px;left:32px;transform:rotate(8deg)}.extension-copy{align-content:start;gap:12px;padding:20px 20px 18px;display:grid}.extension-status{color:#253754;text-transform:uppercase;background:#eef2ff;border-radius:999px;justify-self:start;padding:5px 10px;font-size:.74rem;font-weight:950}.extension-status.ready{color:#0f5132;background:#d8f7e8}.extension-status.planned{color:#314e89;background:#dce9ff}.extension-status.external{color:#5a3800;background:#fff1bf}.extension-copy h3{color:#253754;letter-spacing:0;margin:0;font-size:1.22rem}.extension-copy p{color:#556678;margin:0;line-height:1.4}.extension-copy dl{gap:8px;margin:4px 0 0;display:grid}.extension-copy dl div{grid-template-columns:78px minmax(0,1fr);gap:10px;display:grid}.extension-copy dt{color:#79869a;font-size:.78rem;font-weight:900}.extension-copy dd{color:#2d3d55;min-width:0;margin:0;font-size:.82rem;font-weight:850}.extension-note{border-left:4px solid #ffd166;padding-left:10px;font-size:.84rem}.extension-action{color:#14233a;background:#fff;border:2px solid #dbe7f6;border-radius:999px;justify-content:center;justify-self:start;align-items:center;min-height:36px;padding:0 14px;font-weight:900;text-decoration:none;display:inline-flex}.extension-action:not(:disabled):hover{border-color:#14233a;transform:translateY(-1px)}.extension-action:disabled{opacity:.62}.app-shell{background:linear-gradient(#fff8ed 0%,#eef7ff 48%,#f8fff3 100%);grid-template-rows:auto auto minmax(0,1fr) auto;min-height:100vh;display:grid}.navbar{box-shadow:none;background:#fff;border-bottom:3px solid #ffd166;justify-content:space-between;align-items:center;gap:16px;padding:10px 18px;display:flex}.brand{color:#14233a;align-items:center;gap:10px;min-width:max-content;font-size:1.08rem;font-weight:900;display:flex}.brand>div{gap:1px;display:grid}.brand small{color:#56657a;font-size:.76rem;font-weight:800}.brand-logo{border-radius:10px;width:36px;height:36px}.nav-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.button,.project-select,.lesson-selector select{color:#17212b;min-height:36px;box-shadow:none;background:#fff;border:2px solid #0000;border-radius:12px;padding:0 14px}.button{font-weight:900}.button:disabled,.project-select:disabled{cursor:not-allowed;opacity:.52;transform:none}.button:hover{border-color:#14233a;transform:translateY(-1px)}.button:disabled:hover{transform:none}.button.secondary{background:#fff;border-color:#dbe7f6}.button.ghost{color:#14233a;box-shadow:none;background:#f7fbff;border-color:#dbe7f6}.button.small{background:#fff;border-color:#dbe7f6;min-height:32px;padding:0 10px;font-size:.86rem}.button.hint{color:#fff;background:#8a5cff}.project-select{border-color:#d6dde3;min-width:160px}.playback-controls{gap:8px;display:flex}.play-button,.stop-button{align-items:center;gap:8px;display:inline-flex}.play-button{color:#17331f;background:#bff2dd;border-color:#39a96b}.play-button svg{fill:#39a96b;stroke:#1f7a3e;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;width:25px;height:25px}.stop-button{color:#4c151b;background:#ffe0e5;border-color:#f26b78}.stop-button>span:first-child{background:#ff9ba5;border:3px solid #d64550;border-radius:999px;width:18px;height:18px}.tutorial-button{color:#3a276b;background:#f2ecff;border-color:#cdb9ff;gap:8px;font-weight:950}.tutorial-button svg{fill:none;stroke:#7c4dff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;width:22px;height:22px}.extensions-button{color:#24422f;background:#eefbf4;border-color:#a7e8cb;gap:8px;font-weight:950}.extensions-button svg{fill:#9b72ff;stroke:#24422f;stroke-linejoin:round;stroke-width:1.6px;width:22px;height:22px}.learning-map{grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);gap:12px;padding:14px 18px 0;display:grid}.course-summary{box-shadow:none;background:#fff;border:2px solid #ffe0a3;border-radius:14px;align-content:space-between;gap:16px;padding:14px;display:grid}.course-summary h1{color:#14233a;letter-spacing:0;max-width:620px;margin:0;font-size:1.25rem;line-height:1.25}.summary-copy{color:#526377;max-width:660px;margin:6px 0 0;font-size:.94rem}.eyebrow,.lesson-meta,.panel-subtitle{color:#6a587f;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.progress-box{color:#4f5f6e;gap:4px;min-width:0;font-size:.82rem;display:grid}.progress-box strong{color:#4d7cff;font-size:1.4rem;line-height:1}.progress-track{background:#edf2ff;border-radius:999px;height:6px;overflow:hidden}.progress-track span{border-radius:inherit;background:#ffb703;height:100%;display:block}.track-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.track-card{min-height:136px;box-shadow:none;background:#fff;border:2px solid #dbe7f6;border-radius:14px;align-content:space-between;gap:10px;padding:12px;display:grid}.track-card.active{border-color:#4d7cff;box-shadow:inset 0 0 0 2px #4d7cff1f}.track-card.locked{opacity:.72;background:#fbfcfe}.track-card span{color:#4d7cff;font-size:.78rem;font-weight:900}.track-card h2{color:#17212b;letter-spacing:0;margin:2px 0 4px;font-size:1rem}.track-card p{color:#586978;margin:0;font-size:.86rem}.lesson-pills{flex-wrap:wrap;gap:6px;display:flex}.lesson-pill{color:#384a59;background:#f8fafc;border:2px solid #e1e8f5;border-radius:999px;min-height:28px;padding:0 9px;font-size:.72rem;font-weight:900}.lesson-pill.active{color:#fff;background:#4d7cff;border-color:#4d7cff}.lesson-pill.locked{color:#667786;background:#eef2f6;border-color:#e1e8f5}.workspace-layout{grid-template-columns:minmax(520px,1.5fr) minmax(300px,.72fr) minmax(340px,.86fr);gap:12px;min-height:0;padding:12px 18px;display:grid}.panel{min-width:0;min-height:0;box-shadow:none;background:#fff;border:2px solid #dbe7f6;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.panel-header{background:#fff;border-bottom:2px solid #edf2ff;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:flex}.panel-header h1,.panel-header h2,.lesson-copy h2{letter-spacing:0;margin:0;font-size:1rem}.panel-header>div{gap:2px;display:grid}.lesson-chip{color:#24325c;background:#eef2ff;border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:800}.blockly-frame{flex:1;min-height:500px;display:flex;position:relative}.blockly-surface{flex:1;width:100%;min-height:500px}.blockly-extension-launcher{z-index:5;color:#fff;background:#8657df;border:3px solid #14233a;border-radius:8px;place-items:center;width:62px;height:58px;display:grid;position:absolute;bottom:12px;left:12px;box-shadow:0 5px #14233a29}.blockly-extension-launcher svg{fill:#fff;stroke:#fff;stroke-linejoin:round;stroke-width:1.2px;width:33px;height:33px}.blockly-extension-launcher span{color:#fff;font-size:1.15rem;font-weight:950;line-height:1;position:absolute;top:8px;right:7px}.blockly-extension-launcher:hover{background:#7445d8;transform:translateY(-2px)}.code-viewer,.console-output{white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;overflow:auto}.code-viewer{color:#17212b;background:#fbfcfe;flex:1;padding:14px}.output-panel{gap:0}.stage-card{background:#f7fbff;border-bottom:2px solid #edf2ff;gap:8px;padding:10px;display:grid}.sprite-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.sprite-button{color:#253754;background:#fff;border:2px solid #dbe7f6;border-radius:14px;justify-items:center;gap:3px;min-height:58px;padding:5px;font-size:.72rem;font-weight:900;display:grid}.sprite-button.active{background:#eef4ff;border-color:#4d7cff}.sprite-button img{object-fit:contain;width:32px;height:32px}.sprite-button:hover img,.sprite-button:focus-visible img{animation:.48s ease-in-out sprite-pop}.character-stage{background:linear-gradient(#bfe9ff 0%,#effaff 58%,#dff7ce 59%,#bdeca5 100%);border:2px solid #bce4ff;border-radius:18px;place-items:end center;min-height:210px;display:grid;position:relative;overflow:hidden}.speech-bubble{z-index:2;color:#14233a;text-align:center;background:#fff;border:2px solid #14233a;border-radius:16px;min-height:46px;padding:9px 12px;font-size:.95rem;font-weight:900;position:absolute;top:12px;left:12px;right:12px}.speech-bubble:after{content:"";background:#fff;border-bottom:2px solid #14233a;border-right:2px solid #14233a;width:18px;height:18px;position:absolute;bottom:-10px;left:44px;transform:rotate(45deg)}.stage-character{z-index:1;object-fit:contain;filter:drop-shadow(0 10px #14233a1f);transform-origin:bottom;width:min(42%,145px);max-height:145px;animation:2.8s ease-in-out infinite stage-idle;position:relative}.stage-character.jumping{animation:.55s ease-in-out infinite alternate stage-jump}.stage-ground{background:#14233a1f;border-radius:999px;height:16px;position:absolute;bottom:20px;left:14%;right:14%}.stage-io{background:#fff;border-bottom:2px solid #edf2ff;gap:10px;padding:10px;display:grid}.stage-input,.stage-output{gap:6px;display:grid}.stage-input label,.stage-output>span,.drawing-label{color:#5c6b7a;text-transform:uppercase;justify-self:start;margin-bottom:6px;font-size:.76rem;font-weight:900}.stage-input.waiting label{color:#2450a6}.stage-input>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.stage-input input{color:#14233a;min-width:0;min-height:38px;font:inherit;background:#fff;border:2px solid #dbe7f6;border-radius:12px;padding:0 12px;font-weight:800}.stage-input input:disabled{color:#607188;background:#f7fbff}.stage-output .console-output{border:2px solid #dbe7f6;border-radius:14px;flex:none;min-height:88px;max-height:136px}@keyframes stage-jump{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-16px)rotate(3deg)}}@keyframes stage-idle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(1.5deg)}}@keyframes sprite-pop{0%,to{transform:scale(1)}50%{transform:scale(1.16)rotate(-4deg)}}.turtle-frame{background:#fffdf8;border-bottom:2px solid #edf2ff;align-content:start;gap:6px;min-height:210px;padding:10px;display:grid}#turtle-canvas{background:#fff;border:2px solid #dbe7f6;border-radius:14px;justify-self:center;width:min(100%,500px);height:230px;position:relative;overflow:hidden}#turtle-canvas canvas,#turtle-canvas svg{max-width:100%;max-height:100%}.console-output{color:#17212b;background:#fbfcfe;flex:1;min-height:150px;padding:12px}.lesson-panel{box-shadow:none;background:#fff;border-top:3px solid #ffd166;grid-template-columns:minmax(150px,.65fr) minmax(260px,1.35fr) minmax(260px,1.2fr) minmax(280px,1.2fr) auto;align-items:start;gap:10px;padding:12px 18px;display:grid}.lesson-selector{gap:6px;display:grid}.lesson-selector label{color:#667786;font-size:.8rem;font-weight:800}.lesson-selector select{border-color:#d6dde3;width:100%}.lesson-copy{align-content:start;gap:4px;display:grid}.lesson-copy p,.hint-text,.project-idea{color:#586978;margin:0}.mission-brief{color:#233241;background:#fff5d6;border-radius:14px;align-content:start;gap:4px;min-height:74px;padding:9px 11px;display:grid}.mission-brief strong{color:#44586a;text-transform:uppercase;font-size:.78rem}.lesson-detail{color:#2e4750;align-content:start;gap:3px;font-size:.86rem;display:grid}.hint-text{color:#233241;background:#fff5d6;border-radius:14px;grid-column:2/-1;padding:9px 12px}.lesson-steps{grid-column:1/5;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.lesson-steps span{color:#2f4050;background:#fbfcfe;border:2px solid #e1e8f5;border-radius:14px;min-height:44px;padding:9px 10px;font-size:.84rem}.vocab-strip{flex-wrap:wrap;place-content:start flex-end;gap:6px;display:flex}.vocab-strip span{color:#44586a;background:#eef2ff;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}.project-idea{background:#fffdf2;border-left:5px solid #ffb703;border-radius:14px;grid-column:4/-1;padding:9px 11px;font-size:.88rem}.blocklyTreeRow{border-radius:4px}.blocklyToolboxDiv{background:#f4f7fa}@media (width<=1180px){.home-header{flex-direction:column;align-items:flex-start;padding:16px 28px 14px}.home-nav{justify-content:flex-start}.home-nav a[href=\#about]{border-left:0;margin-left:0;padding-left:0}.home-hero{min-height:680px}.hero-copy{max-width:560px;padding:78px 28px 70px}.hero-copy h1{font-size:4.4rem}.section-heading h2,.teacher-band h2{font-size:2.55rem}.hero-character.cat{width:150px;right:40%}.hero-character.robot{width:122px;right:22%}.hero-character.wizard{width:132px;right:60%}.hero-character.space{width:112px;right:5%}.hero-stage-line{left:18%;right:5%}.starter-grid,.home-track-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section,.open-source-section{padding:52px 28px}.code-band,.join-band{grid-template-columns:1fr;margin:0 28px;padding:34px}.teacher-band{flex-direction:column;align-items:stretch;margin:0 28px 44px}.tutorial-content{min-height:520px;padding-left:62px;padding-right:62px}.io-scene,.progress-scene{grid-template-columns:repeat(2,minmax(0,1fr))}.extension-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.learning-map{grid-template-columns:1fr}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-layout{grid-template-columns:minmax(360px,1fr) minmax(280px,.85fr)}.output-panel{grid-column:1/-1}.lesson-panel{grid-template-columns:1fr 1fr}.lesson-detail,.mission-brief,.button.hint{justify-self:stretch}.lesson-steps,.hint-text,.vocab-strip,.project-idea{grid-column:1/-1}.vocab-strip{justify-content:flex-start}}@media (width<=760px){.home-header{flex-direction:column;align-items:stretch;gap:12px;padding:16px 20px 12px}.home-nav{flex-wrap:wrap;justify-content:flex-start;gap:8px 14px;padding-bottom:0;font-size:.9rem;overflow-x:visible}.home-nav a,.home-nav button{flex:none}.home-nav button{min-height:38px;padding:0 14px}.home-hero{min-height:590px}.hero-scene{background:linear-gradient(#805ad5 0% 56%,#805ad538 78%,#805ad500 100%),radial-gradient(circle at 78% 22%,#ffffffe0 0 8%,#0000 8.5%),linear-gradient(#abe5ff 0%,#eafaff 58%,#c9f0ae 58.2%,#9cda75 100%)}.hero-scene:before,.hero-scene:after{display:none}.hero-copy{max-width:430px;padding:38px 20px 0}.hero-copy h1{font-size:2.9rem}.hero-copy>span{font-size:1.05rem}.section-heading h2,.teacher-band h2,.code-band h2,.join-band h2{font-size:2.05rem}.hero-character.cat{width:116px;bottom:54px;right:42%}.hero-character.robot{width:94px;bottom:62px;right:22%}.hero-character.wizard{width:96px;bottom:58px;right:66%}.hero-character.space{width:86px;bottom:64px;right:4%}.hero-stage-line{bottom:44px;left:10%;right:4%}.starter-grid,.home-track-grid,.project-grid,.code-card-grid,.open-source-grid,.news-grid{grid-template-columns:1fr}.project-grid article{min-height:220px}.home-section,.open-source-section{padding:40px 20px}.code-band,.teacher-band,.join-band{margin:0 20px 34px;padding:26px 20px}.code-actions>*,.hero-actions>*{flex:180px;justify-content:center}.home-footer{padding:22px 20px}.tutorial-backdrop{padding:10px}.tutorial-card{max-height:96vh;overflow-y:auto}.tutorial-topbar{grid-template-columns:1fr;justify-items:center;gap:10px;min-height:auto;padding:14px 16px}.tutorial-top-actions{justify-content:center}.tutorial-content{min-height:0;padding:22px 18px 30px}.tutorial-main h2{font-size:1.7rem}.tutorial-arrow{width:54px;height:54px;position:static;transform:none}.tutorial-content{grid-template-columns:auto auto;gap:14px;display:grid}.tutorial-main{grid-column:1/-1}.tutorial-arrow.previous{grid-area:2/1;justify-self:start}.tutorial-arrow.next{grid-area:2/2;justify-self:end}.tutorial-scene{min-height:300px}.friends-scene,.block-scene,.io-scene,.progress-scene{grid-template-columns:1fr}.friends-scene{grid-template-columns:repeat(2,minmax(0,1fr));padding:58px 18px 28px}.friends-scene img{width:min(100%,116px)}.block-scene{min-height:360px}.tutorial-toolbox{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}.tutorial-toolbox span{text-align:center;padding:8px;font-size:.82rem}.demo-block{max-width:calc(100% - 48px);font-size:.9rem;left:24px}.snap-glow{max-width:calc(100% - 28px);left:14px}.io-scene{padding:14px}.demo-stage.small{grid-row:auto}.progress-scene{padding:16px}.extension-topbar{grid-template-columns:1fr;justify-items:center;gap:10px;padding:14px 16px}.extension-back,.extension-topbar>span{justify-self:center}.extension-content{padding:16px}.extension-grid{grid-template-columns:1fr}.extension-card{grid-template-rows:132px 1fr;min-height:auto}.extension-copy dl div{grid-template-columns:70px minmax(0,1fr)}.navbar{flex-direction:column;align-items:stretch}.nav-actions{justify-content:stretch}.nav-actions>*{flex:130px}.workspace-layout,.lesson-panel{grid-template-columns:1fr}.course-summary{flex-direction:column;align-items:stretch}.lesson-steps{grid-template-columns:1fr}.track-grid{scroll-snap-type:x mandatory;padding-bottom:4px;display:flex;overflow-x:auto}.track-card{scroll-snap-align:start;min-width:min(82vw,340px);min-height:124px}.blockly-frame,.blockly-surface{min-height:430px}.lesson-steps,.hint-text,.vocab-strip,.project-idea{grid-column:auto}}