@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Nunito:wght@500;700;800;900&display=swap";:root{color:#243047;font-synthesis:none;background:#f8fafc;font-family:Nunito,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}main{width:min(920px,100% - 32px);min-height:100vh;margin:auto}nav{border-bottom:2px solid #eef1f5;justify-content:space-between;align-items:center;height:76px;display:flex}.brand{color:#1cb0f6;letter-spacing:-1px;font-size:25px;font-weight:900}.brand span{color:#58cc02}.nav-stats{gap:12px;display:flex}.nav-stats span{color:#64748b;border:2px solid #e6eaf0;border-radius:12px;padding:8px 12px;font-weight:900}.welcome{text-align:center;max-width:590px;margin:55px auto 32px}.eyebrow{color:#1cb0f6;letter-spacing:1.4px;font-size:12px;font-weight:900}h1{color:#243047;letter-spacing:-2px;margin:8px 0;font-size:clamp(38px,6vw,56px);line-height:1.05}.welcome>p:not(.eyebrow){color:#718096;font-size:18px}.learner-badge{text-align:left;background:#fff;border:2px solid #e8edf3;border-radius:16px;align-items:center;gap:12px;margin-top:15px;padding:11px 18px;display:inline-flex;box-shadow:0 3px #e8edf3}.learner-badge>span{font-size:30px}.learner-badge strong,.learner-badge small{display:block}.learner-badge small{color:#8994a7;margin-top:2px}.path{width:min(560px,100%);margin:35px auto 0;padding:22px 0 60px;position:relative}.path:before{content:"";background:#e7ebf1;border-radius:99px;width:8px;margin-left:-4px;position:absolute;top:60px;bottom:120px;left:50%}.lesson-row{z-index:1;align-items:center;gap:22px;margin-bottom:54px;display:flex;position:relative}.row-1{justify-content:center;transform:translate(-80px)}.row-2{justify-content:center;transform:translate(80px)}.lesson-node{background:var(--lesson-color);width:92px;height:82px;box-shadow:0 8px 0 color-mix(in srgb,var(--lesson-color),#000 18%);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:36px;transition:transform .15s}.lesson-node:hover{transform:translateY(-3px)}.lesson-node:active{box-shadow:0 3px 0 color-mix(in srgb,var(--lesson-color),#000 18%);transform:translateY(5px)}.lesson-node.done{color:#fff;font-size:42px;font-weight:900}.lesson-label{background:#fff;border:2px solid #e5eaf0;border-radius:14px;width:210px;padding:13px 15px;box-shadow:0 3px #e5eaf0}.lesson-label small,.lesson-label strong,.lesson-label span{display:block}.lesson-label small{color:#a0a8b5;letter-spacing:1px;font-size:10px;font-weight:900}.lesson-label strong{margin:2px 0;font-size:18px}.lesson-label span{color:#7c8799;font-size:13px}.coming-soon{z-index:1;color:#8993a3;background:#f8fafc;border:2px dashed #cfd6df;border-radius:16px;align-items:center;gap:12px;width:260px;margin:auto;padding:14px 18px;display:flex;position:relative}.coming-soon>span{font-size:25px}.coming-soon strong,.coming-soon small{display:block}footer:not(.answer-bar){color:#99a3b2;text-align:center;padding:28px;font-size:13px}.lesson-shell{flex-direction:column;width:100%;display:flex}.lesson-header{align-items:center;gap:20px;width:min(820px,100% - 32px);height:90px;margin:0 auto;display:flex}.close{color:#a0a9b5;cursor:pointer;background:0 0;border:0;font-size:35px;font-weight:700}.progress{background:#e7ebef;border-radius:99px;flex:1;height:16px;overflow:hidden}.progress span{border-radius:inherit;height:100%;transition:width .35s;display:block}.hearts{color:#ff4b4b;white-space:nowrap;font-weight:900}.exercise{flex:1;width:min(680px,100% - 38px);margin:42px auto 180px}.coach{align-items:center;gap:16px;display:flex}.coach-face{background:#d9f7ff;border-radius:50%;place-items:center;width:75px;height:75px;font-size:43px;display:grid}.speech{color:#677286;border:2px solid #dfe4ea;border-radius:13px;padding:11px 15px;font-weight:800}.exercise h2{letter-spacing:-.8px;margin:30px 0 22px;font-size:clamp(27px,5vw,36px)}pre{color:#35425a;white-space:pre-wrap;background:#f5f7fa;border:2px solid #dfe4ea;border-radius:14px;padding:20px;font:500 15px/1.65 DM Mono,monospace;overflow:auto}.choices{gap:12px;display:grid}.choices button{color:#425069;text-align:left;cursor:pointer;background:#fff;border:2px solid #dfe4ea;border-bottom-width:4px;border-radius:14px;align-items:center;gap:14px;min-height:62px;padding:10px 14px;font-weight:800;display:flex}.choices button:hover,.choices button.selected{color:#168dcc;background:#eefaff;border-color:#84d8ff}kbd{color:#8993a3;background:#fff;border:2px solid #e1e5ea;border-radius:8px;place-items:center;width:32px;height:32px;font:800 13px Nunito;display:grid}.code-entry label{color:#68758b;text-transform:uppercase;letter-spacing:.8px;margin-bottom:9px;font-size:13px;font-weight:900;display:block}.editor{background:#101827;border:3px solid #1cb0f6;border-radius:14px;align-items:center;gap:13px;min-height:72px;padding:15px 18px;display:flex;box-shadow:0 5px #0b75a7}.editor span{color:#58cc02;font:500 17px DM Mono}.editor input{color:#d9f99d;background:0 0;border:0;outline:0;flex:1;min-width:0;font:500 16px DM Mono}.editor input::placeholder{color:#657085}.code-entry p{color:#7a879a;font-size:14px}.answer-bar{background:#fff;border-top:2px solid #e5e9ee;justify-content:center;align-items:center;gap:80px;min-height:130px;padding:24px;display:flex;position:fixed;inset:auto 0 0}.answer-bar>div{width:min(460px,55%)}.answer-bar strong{color:#58a700;font-size:22px}.answer-bar p{color:#568000;margin:4px 0}.correct-bar{background:#d7ffb8;border-color:#b8ef91}.wrong-bar{background:#ffdfe0;border-color:#ffc1c3}.wrong-bar strong{color:#e33434}.wrong-bar p{color:#b13a3a}.continue{color:#fff;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;background:#58cc02;border:0;border-radius:13px;min-width:155px;padding:14px 22px;font-weight:900;box-shadow:0 5px #46a302}.continue:active{transform:translateY(3px);box-shadow:0 2px #46a302}.continue:disabled{color:#8d96a3;cursor:default;background:#d5dae0;box-shadow:0 5px #bcc3cc}.complete-card{text-align:center;width:min(570px,100% - 38px);margin:auto;padding:70px 20px}.celebration{font-size:80px}.complete-card>p:not(.eyebrow){color:#718096;font-size:17px}.reward-grid{grid-template-columns:1fr 1fr;gap:16px;margin:34px 0;display:grid}.reward-grid div{border:2px solid #e1e6ec;border-bottom-width:5px;border-radius:16px;padding:22px}.reward-grid span,.reward-grid strong,.reward-grid small{display:block}.reward-grid span,.reward-grid strong{font-size:28px}.reward-grid small{color:#929baa}@media (width<=650px){.row-1,.row-2{justify-content:flex-start;transform:none}.path:before{left:46px}.lesson-label{flex:1}.answer-bar{gap:15px;padding:18px}.answer-bar>div{flex:1}.answer-bar .continue{min-width:125px}.answer-bar:not(.correct-bar):not(.wrong-bar)>div{display:none}.exercise{margin-top:25px}.nav-stats span:first-child{display:none}}.profile-pill{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e6eaf0;border-radius:12px;padding:8px 12px;font-weight:900}.profile-pill:hover{color:#168dcc;border-color:#84d8ff}.profile-shell{background:radial-gradient(circle at 50% 15%,#e0f8ff 0,#0000 34rem),#f8fafc;place-items:center;width:100%;display:grid}.profile-card{text-align:center;background:#fff;border:2px solid #e2e8ef;border-bottom-width:6px;border-radius:24px;width:min(480px,100% - 36px);padding:48px}.profile-mascot{font-size:72px}.profile-card h1{font-size:clamp(34px,7vw,48px)}.profile-card>p:not(.eyebrow){color:#718096}.profile-card form{text-align:left;margin:28px 0 18px}.profile-card label{color:#68758b;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.profile-card input{color:#243047;border:3px solid #dfe4ea;border-radius:13px;outline:0;width:100%;padding:15px 16px;font-size:18px;font-weight:800}.profile-card input:focus{border-color:#1cb0f6}.profile-card .continue{width:100%;margin-top:15px}.profile-card>small{color:#99a3b2}.profile-error{color:#d93636;margin-top:10px;font-weight:800}@media (width<=650px){.profile-card{padding:34px 24px}.profile-pill{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}}