.lesson-tutor{margin-top:24px;border:1px solid #cddbd1;border-radius:16px;background:#f6faf5;overflow:hidden}.tutor-toggle{display:flex;justify-content:space-between;gap:12px;width:100%;padding:19px 20px;border:0;background:#eaf3e8;color:#284c38;font:inherit;font-weight:750;text-align:left;cursor:pointer}.tutor-body{padding:20px}.tutor-context{font-size:14px;color:#345640;margin:0 0 12px}.tutor-disclosure,.tutor-body small{font-size:12px;line-height:1.6;color:#637068}.tutor-body small{display:block;margin-top:16px}.tutor-log{max-height:400px;overflow:auto}.tutor-message{border-radius:12px;background:#fff;padding:14px 16px;margin:12px 0;border:1px solid #e0e8df}.tutor-message.user{background:#edf3e9}.tutor-message strong{font-size:12px;color:#43734f}.tutor-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:14px;line-height:1.7}.tutor-prompts{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tutor-prompts button,.tutor-actions button{font:inherit;font-size:13px;border:1px solid #bccdbd;background:#fff;border-radius:9px;padding:10px 12px;cursor:pointer}.tutor-body label{display:block;font-size:13px;font-weight:650;margin:16px 0 8px}.tutor-body textarea{width:100%;box-sizing:border-box;border:1px solid #b4c7b4;background:#fff;border-radius:10px;padding:12px;font:inherit;font-size:14px;resize:vertical}.tutor-actions{display:flex;gap:10px;margin-top:10px}.tutor-actions button[type=submit]{background:#356b45;border-color:#356b45;color:#fff}.tutor-body button:disabled{opacity:.55;cursor:default}.tutor-error{color:#a33327;font-size:14px}.lesson-tutor :focus-visible{outline:3px solid #8eb18f;outline-offset:3px}.rhythm{position:relative;margin-left:244px;padding:12px 32px 0;color:#29493b;font-family:inherit}.rhythm-strip{display:flex;align-items:center;gap:12px;background:#eaf3e9;border:1px solid #d4e4d2;border-radius:14px;padding:12px 16px}.rhythm-strip>div{flex:1}.rhythm-strip strong{display:block;font-size:9px;letter-spacing:.13em;color:#527457}.rhythm-hint{display:block;font-size:12px;line-height:1.55;margin-top:4px;animation:rhythm-enter .35s ease both}.rhythm button{font:inherit;cursor:pointer}.rhythm-strip button{border:0;background:transparent;color:#365d47;padding:9px;border-radius:8px;font-size:12px;font-weight:700}.rhythm-strip .rhythm-open{background:#fff;border:1px solid #cbdccb;white-space:nowrap}.rhythm-dot{width:8px;height:8px;border-radius:50%;background:#77a96d;box-shadow:0 0 0 5px #d9e9d5;flex:none;animation:rhythm-glow 1.6s ease 2}.rhythm-dialog{padding:30px;border:1px solid #cbdccb;border-radius:24px;background:#fafbf6;color:#253b30;width:min(570px,calc(100vw - 28px));max-height:85dvh;box-sizing:border-box;box-shadow:0 24px 90px #17382740;overscroll-behavior:contain}.rhythm-dialog[open]{animation:rhythm-enter .3s ease both}.rhythm-dialog::backdrop{background:#14291e77;backdrop-filter:blur(4px)}.rhythm-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.rhythm-kicker{font-size:10px;font-weight:700;letter-spacing:.12em;color:#647755}.rhythm-dialog h2{font-size:30px;letter-spacing:-1px;margin:15px 0 8px}.rhythm-dialog h3{font-size:18px;margin:0 0 10px}.rhythm-dialog p,.rhythm-dialog li{font-size:13px;line-height:1.65;color:#607063}.rhythm-dialog section{border-top:1px solid #dce4d6;margin-top:24px;padding-top:23px}.rhythm-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:19px 0;font-size:14px;cursor:pointer}.rhythm-toggle small,.rhythm-time small{display:block;font-size:12px;line-height:1.5;color:#6c786d;margin-top:5px}.rhythm-toggle input{accent-color:#42744e;width:21px;height:21px;flex:none}.rhythm-dialog button{border:1px solid #cbd8c4;border-radius:10px;background:#fff;padding:10px 13px;margin:3px 6px 3px 0;font-size:12px;font-weight:650;color:#33593e}.rhythm-dialog button:disabled{opacity:.5;cursor:not-allowed}.rhythm-dialog .rhythm-primary{background:#355e43;color:#fff;border-color:#355e43}.rhythm-dialog button:focus-visible,.rhythm button:focus-visible,.rhythm-dialog input:focus-visible,.rhythm-dialog summary:focus-visible{outline:3px solid #9b82c6;outline-offset:3px}.rhythm-suggestion{background:#edf0df;border-radius:12px;padding:14px;font-size:13px}.rhythm-suggestion p{margin:5px 0}.rhythm-time{display:flex;gap:18px;align-items:center;margin:18px 0;font-size:12px}.rhythm-time input{display:block;background:#fff;border:1px solid #cbd8c4;border-radius:8px;padding:9px;margin-top:6px;font:inherit}.rhythm-time>span{overflow-wrap:anywhere}.rhythm-delivery{background:#eeeaf5;padding:14px;border-radius:10px}.rhythm-dialog .rhythm-privacy{font-size:11px}.rhythm-dialog details{padding:15px 0;border-bottom:1px solid #dae0d5;font-size:13px}.rhythm-dialog summary{cursor:pointer;font-weight:650}.rhythm-status{min-height:22px}.l-welcome,.l-unit-banner,.l-small-card,.l-review-page,.l-lesson-card,.l-celebration{animation:rhythm-enter .5s cubic-bezier(.2,.8,.2,1) both}.l-path-entry{animation:rhythm-enter .5s ease both}.l-path-entry:nth-of-type(2){animation-delay:.08s}.l-path-entry:nth-of-type(3){animation-delay:.16s}.l-path-entry:nth-of-type(4){animation-delay:.24s}.l-welcome .l-byte{animation:rhythm-float 2s ease-in-out 2}.l-speech{animation:rhythm-enter .6s .2s backwards}.l-art-spark{animation:rhythm-twinkle 1.4s ease 3}.l-feedback,.l-hint,.l-rescue,.l-saved-pass{animation:rhythm-enter .28s ease both}.l-feedback.correct .l-feedback-icon,.l-celebration-badge{animation:rhythm-pop .5s ease both}.l-earned>span{animation:rhythm-enter .5s .15s backwards}.l-confetti i{animation:rhythm-confetti .9s ease-out both}.l-confetti i:nth-child(2n){animation-delay:.1s}.learning-app button{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.learning-app button:active:not(:disabled){transform:scale(.97)}.l-goal-boxes .done{animation:rhythm-pop .45s ease both}.l-step-progress .active i{transition:background .25s,transform .25s;transform:scale(1.15)}@media(hover:hover){.l-path-node:hover,.l-review-card:hover,.l-primary:hover{transform:translateY(-3px);box-shadow:0 8px 18px #294b3922}.rhythm-strip button:hover{background:#dbe9d6}}@keyframes rhythm-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rhythm-float{50%{transform:translateY(-7px) rotate(1deg)}}@keyframes rhythm-glow{50%{box-shadow:0 0 0 8px #d9e9d522}}@keyframes rhythm-twinkle{50%{transform:scale(1.25) rotate(15deg)}}@keyframes rhythm-pop{0%{transform:scale(.8)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes rhythm-confetti{0%{opacity:0;transform:translateY(-25px) rotate(-25deg)}30%{opacity:1}to{transform:translateY(0) rotate(10deg)}}@media(min-width:1550px){.rhythm{margin-left:265px}}@media(max-width:1200px){.rhythm{margin-left:220px;padding:12px 20px 0}}body:has(.is-lesson) .rhythm,body:has(.l-assessment-return) .rhythm{margin-left:0;max-width:1000px;margin-inline:auto}@media(max-width:760px){.rhythm{margin-left:0;padding:10px 12px}.rhythm-strip{flex-wrap:wrap;padding:12px;gap:10px}.rhythm-strip>div{flex-basis:80%}.rhythm-strip .rhythm-open{margin-left:auto}.rhythm-dialog{padding:22px}.rhythm-dialog h2{font-size:26px}.rhythm-time{flex-wrap:wrap}}html[data-calm=true] *,html[data-calm=true] *:before,html[data-calm=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:761px){.account-bar{margin-left:244px;padding-left:28px}.l-sidebar{overflow-y:auto}}@media(min-width:1550px){.account-bar{margin-left:265px}}@media(min-width:761px)and (max-width:1200px){.account-bar{margin-left:220px}}body:has(.is-lesson) .account-bar,body:has(.l-assessment-return) .account-bar{margin-left:0;padding-left:28px}.account-gate{min-height:100vh;max-width:540px;margin:auto;padding:80px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;font-family:inherit;color:#29483a}.account-gate h1{font-size:38px;line-height:1.15;margin:0}.account-gate p{line-height:1.7;margin:0}.account-gate small{color:#617568}.account-gate button,.account-gate a{font:inherit;cursor:pointer;border-radius:12px;padding:14px 20px;border:1px solid #d0ddd2;text-decoration:none;color:inherit;background:#fff}.account-gate .account-primary{background:#315d49;color:#fff;display:flex;gap:24px;font-weight:700}.account-logo{background:#e0eddf;border-radius:20px;padding:20px;font-weight:800;font-size:28px}.account-eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}.account-bar{position:relative;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:10px 28px 10px 278px;border-bottom:1px solid #dce7dc;background:#eff5ed;color:#315240;font:12px/1.5 system-ui}.account-bar>div{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.account-bar strong{max-width:240px;overflow:hidden;text-overflow:ellipsis}.account-bar button,.account-bar a{background:#fff;border:1px solid #c4d5c6;border-radius:8px;padding:6px 12px;color:#315240;cursor:pointer;font:inherit;text-decoration:none;white-space:nowrap}.account-error{background:#fff1d8;color:#78451c}.account-loading{width:25px;height:25px;border:3px solid #d4e0d3;border-top-color:#315d49;border-radius:100%;animation:account-spin 1s linear infinite}@keyframes account-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.account-bar{padding:10px 18px}.account-bar>div{gap:6px 12px}}.account-providers{display:flex;flex-direction:column;gap:12px;width:100%}.account-providers>a{justify-content:space-between}.account-providers .apple{background:#202420}.account-providers>button:disabled{opacity:.65;cursor:not-allowed;display:flex;justify-content:space-between;align-items:center}.account-providers small{font-size:12px;line-height:1.6}.local-tutor{margin-top:24px;border:1px solid #cbd9c9;border-radius:12px;padding:16px;color:#29483a;font-size:14px;line-height:1.6}.local-tutor-toggle{display:flex;width:100%;justify-content:space-between;color:inherit;font:inherit;font-weight:700;background:none;border:0;cursor:pointer;text-align:left}.local-tutor p{font-size:13px}.local-tutor label{display:block;font-weight:600;margin-bottom:8px}.local-tutor textarea{width:100%;font:inherit;padding:10px;border:1px solid #b8cbb7;border-radius:8px;resize:vertical}.local-tutor-actions{display:flex;gap:10px;margin-top:10px}.local-tutor-actions button{padding:9px 14px;border:1px solid #b8cbb7;border-radius:8px;background:#315d49;color:#fff;font:inherit;cursor:pointer}.local-tutor-actions button:disabled{opacity:.5;cursor:not-allowed}.local-tutor-answer{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:15px;background:#eef4eb;padding:14px;border-radius:8px}.local-tutor [role=alert]{color:#9a3e25}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#242633;background:#f7f7f9;font-synthesis:none;--purple:#7560d2;--purple-dark:#6650c2;--line:#e6e7ed;--muted:#858896}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}a{color:var(--purple)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #aa97ef;outline-offset:3px}button{border:0;background:none}button,a{touch-action:manipulation}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 38px;background:#fff;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:#242633;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.6px;flex-shrink:0}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:#7661cf;color:#fff;border-radius:11px}.brand-light{font-weight:500;color:#8c8d99}.brand small{font-family:DM Sans,sans-serif;font-size:9px;font-weight:600;display:block;letter-spacing:1.7px;color:#8a8c98;margin-top:3px}.top-center{display:flex;align-items:center;gap:8px;color:#727582;font-size:12px;white-space:nowrap}.status-dot{width:6px;height:6px;background:#71aa91;border-radius:100%;display:inline-block;flex-shrink:0}.top-divider{height:14px;width:1px;background:var(--line);margin:0 8px}.assessment-date{color:#8b8d98}.top-right{display:flex;align-items:center;gap:14px}.avatar{width:33px;height:33px;background:#efedf5;color:#77698e;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border:1px solid #dedee7;border-radius:7px;background:#fff;color:#555668;font-weight:600;font-size:12px;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover:not(:disabled){background:#f1eff8}.btn.primary{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 2px 2px #2420380a}.btn.primary:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark)}.btn.dark{background:#282b37;border-color:#282b37;color:#fff}.btn.dark:hover:not(:disabled){background:#3b3f50}.btn.small{font-size:11px;padding:9px 13px}.btn.wide{width:100%}.timer{display:flex;align-items:center;gap:8px;color:#343644;padding:8px 12px;border:1px solid #e8e8ef;border-radius:7px;background:#fafafa}.timer span{font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-weight:750;font-size:19px;letter-spacing:.2px}.timer small{font-size:8px;letter-spacing:.8px;color:#91939e;margin-left:2px}.timer.urgent{background:#fff1ed;color:#c85d48;border-color:#f2d5cf}.setup{max-width:1200px;margin:0 auto;padding:65px 34px 24px;display:grid;grid-template-columns:1.17fr 1fr;gap:50px 80px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.8px;font-weight:700;color:#7a718d}.purple-dot{width:6px;height:6px;background:#9683d7;border-radius:50%}h1,h2,h3{font-family:Manrope,sans-serif}.setup h1{font-weight:750;font-size:55px;line-height:1.16;letter-spacing:-2.7px;margin:20px 0}.intro-copy{font-size:14px;line-height:1.9;color:#777b89;margin:0}.stack-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:25px}.stack-pills>span{display:flex;align-items:center;gap:7px;border:1px solid #e3e3eb;border-radius:5px;background:#fff;padding:6px 10px;font-size:10px;color:#646775}.stack-pills b{font-weight:600;font-size:12px}.react-color{color:#5698af}.sequelize-color{color:#6b90b8}.stack-pills .muted-pill{background:none;border:0;padding-left:4px;color:#8c8e99}.project-preview{margin-top:35px;background:#1c2029;border-radius:10px;box-shadow:0 15px 45px #26243012;color:#abb1bf;overflow:hidden;border:1px solid #303541}.project-preview-head{height:41px;border-bottom:1px solid #30343f;display:flex;align-items:center;padding:0 17px;gap:16px;font-size:10px;color:#9299a8}.project-preview-head>span:last-child{margin-left:auto;font-size:8px;color:#677080}.terminal-dots{display:flex;gap:5px}.terminal-dots i{width:6px;height:6px;background:#4b5060;border-radius:50%}.project-preview-body{padding:26px 27px 50px;position:relative}.preview-code{font-family:Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.9}.comment{color:#697183}.code-purple{color:#b2a1dd}.code-green{color:#a6bba1}.code-orange{color:#d4a375}.project-float{position:absolute;display:flex;align-items:center;gap:11px;background:#f9f9fc;padding:12px 16px;right:20px;bottom:14px;border-radius:7px;box-shadow:0 5px 20px #0002;color:#555365;font-size:10px;font-weight:600}.project-float small{display:block;font-weight:400;font-size:9px;color:#92909e;margin-top:4px}.float-icon{color:#6ca18d;display:grid;place-items:center;background:#e7efe9;width:30px;height:30px;border-radius:50%}.project-preview-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #30343f;padding:11px 17px;color:#737c8c;font-size:8px}.project-preview-foot>span:first-child{display:flex;align-items:center;gap:6px}.project-preview-foot .status-dot{width:4px;height:4px}.runtime-note{font-size:9px;line-height:1.7;color:#999ba6;display:flex;gap:8px;align-items:flex-start;margin:14px 5px 0}.runtime-note svg{flex-shrink:0;margin-top:1px}.setup-card{border:1px solid #e3e3eb;border-radius:12px;padding:27px 29px;background:#fff;box-shadow:0 5px 20px #252c3904;align-self:start}.card-eyebrow{display:flex;justify-content:space-between;align-items:center;color:#8e8c9b;font-size:9px;font-weight:600;letter-spacing:1.2px}.card-eyebrow>span{color:#a6a4b1;font-size:8px;background:#f4f3f8;border:1px solid #ecebf2;border-radius:3px;padding:4px 7px;letter-spacing:.8px}.setup-card h2{font-size:21px;letter-spacing:-.7px;margin:18px 0 8px;font-weight:750}.setup-card>p{color:#92939d;line-height:1.8;font-size:11px;margin:0}.stage-plan{margin:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0}.stage-plan-row{display:flex;align-items:center;gap:14px;padding:12px 0}.stage-plan-number{font-size:10px;color:#8d80b5;width:27px;height:27px;border:1px solid #ece9f6;border-radius:7px;display:grid;place-items:center;background:#f9f7fe}.stage-plan-row strong{font-size:11px;font-weight:600;display:block;color:#535462}.stage-plan-row small{font-size:9px;color:#999aa5;display:block;margin-top:4px}.stage-plan-row>span:last-child{margin-left:auto;font-size:10px;color:#92929e}.mode-label{font-size:10px;color:#6a6978;font-weight:600;margin-bottom:10px}.mode-switch{display:flex;background:#f5f5f8;border:1px solid #ededf2;border-radius:7px;padding:4px;gap:3px}.mode-switch button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border:1px solid transparent;padding:8px;border-radius:5px;color:#9b99a6;font-size:11px}.mode-switch button.chosen{background:#fff;color:#7b67bb;box-shadow:0 1px 3px #28213110;border-color:#e5e1ef}.setup-card p.mode-copy{font-size:9px;line-height:1.7;margin:9px 0 20px;color:#9794a1;min-height:31px}.integrity-check{display:flex;align-items:flex-start;gap:8px;font-size:9px;line-height:1.7;color:#94919f;margin-bottom:18px;cursor:pointer}.integrity-check input{accent-color:var(--purple);margin:3px 0 0;width:13px;height:13px;flex-shrink:0}.start{width:100%;height:44px;font-size:11px;justify-content:space-between;padding-left:16px}.start-note{display:flex;justify-content:center;align-items:center;gap:5px;font-size:8px;color:#aaa6b2;margin-top:11px}.setup-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #e6e5ed;padding-top:18px;color:#a4a2ad;font-size:9px}.setup-footer>span:last-child{display:flex;align-items:center;gap:5px}.practice-banner{display:flex;gap:7px;align-items:center;min-height:31px;background:#f0edf8;border-bottom:1px solid #e6e1f1;color:#8a7caa;font-size:9px;padding:6px 30px}.autosave{margin-left:auto;color:#92919c;font-size:8px}.stage-nav{display:flex;padding:17px 26px;gap:12px;background:#fafafb;border-bottom:1px solid var(--line)}.stage-nav-item{display:flex;align-items:center;gap:11px;text-align:left;flex:1;min-width:0;border:1px solid #e7e7ed;border-radius:7px;padding:12px 14px;background:#fff}.stage-nav-item.active{border-color:#b4a6dd;box-shadow:0 0 0 1px #d8cff033;background:#faf8ff}.stage-bubble{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;background:#f3f3f7;border:1px solid #ebebf1;color:#a0a1ae;font-size:10px}.active .stage-bubble{color:#8874bf;background:#f0ebfd;border-color:#e1d8f7}.stage-bubble.complete{background:#e8f2ed;color:#65a189;border-color:#dcece2}.stage-nav-item strong{display:block;font-size:11px;font-weight:600;color:#72707f;white-space:nowrap}.stage-nav-item.active strong{color:#665585}.stage-nav-item small{display:block;margin-top:4px;font-size:9px;color:#a5a1ae}.stage-nav-item small>span{margin-left:3px}.stage-test-count{margin-left:auto;color:#b2adbf;font-size:9px;display:flex;align-items:center}.workspace{display:grid;grid-template-columns:minmax(260px,300px) minmax(390px,1fr) minmax(240px,280px);gap:1px;background:var(--line);min-height:calc(100vh - 263px);height:calc(100vh - 263px)}.workspace.focus{grid-template-columns:minmax(260px,320px) minmax(390px,1fr)}.panel{background:#fff;overflow:hidden;display:flex;flex-direction:column;min-height:0}.panel-tabs{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 17px;height:44px;flex-shrink:0;gap:20px}.panel-tabs button{font-size:10px;color:#a1a0ad;height:44px;border-bottom:2px solid transparent;padding:0;display:flex;gap:5px;align-items:center}.panel-tabs button.active{color:#7c68b9;border-bottom-color:#8e79cc}.instructions-content{padding:24px 22px;overflow:auto;flex:1;font-size:11px;color:#888794;line-height:1.8;scrollbar-width:thin;scrollbar-color:#e4e2eb transparent}.instruction-kicker{font-size:8px;letter-spacing:1.3px;color:#a292c1;font-weight:600;display:flex;align-items:center;justify-content:space-between}.instruction-kicker>span{font-size:7px;color:#aaa4b7;letter-spacing:.7px}.instructions h2{font-size:22px;line-height:1.4;color:#4d485c;letter-spacing:-.7px;margin:13px 0 8px}.stage-summary{font-size:11px;color:#9992a3;line-height:1.8;margin:0 0 20px}.file-callout{padding:10px;border:1px solid #eeebf4;background:#f9f8fc;border-radius:5px;display:flex;align-items:center;gap:7px;color:#9182a7;font-size:9px;margin:18px 0 22px}.file-callout code{white-space:nowrap}.instructions h4{font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:1px;color:#82778e;margin:24px 0 12px}.requirements{padding-left:18px;margin:0;counter-reset:requirement}.requirements li{padding-left:4px;margin-bottom:16px;color:#8b8395;font-size:10px;line-height:1.9;overflow-wrap:anywhere}.requirements li::marker{color:#ab9bbb;font-size:9px}.definition{border-top:1px solid #eeeaf3;margin-top:25px;padding-top:19px;display:flex;gap:9px;color:#9c8cb5}.definition svg{flex-shrink:0;margin-top:1px}.definition strong{font-size:9px;font-weight:600}.definition p{font-size:9px;margin:3px 0 0;line-height:1.8;color:#aaa0b5}.target-time{display:flex;align-items:center;gap:7px;margin:21px 0 15px;font-size:9px;color:#ada4b7}.target-time b{margin-left:auto;color:#8e809f;font-variant-numeric:tabular-nums}.instruction-footer{padding:13px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#aaa3b4}.instruction-footer button{display:flex;align-items:center;gap:6px;font-size:9px;color:#88759e}.coding-column{min-height:0;min-width:0;display:flex;flex-direction:column;background:#171b23}.editor-panel{min-height:180px;display:flex;flex-direction:column;flex:1}.editor-filebar{height:44px;flex-shrink:0;background:#20242e;display:flex;align-items:stretch;color:#737b8c;border-bottom:1px solid #2b303b}.editor-filebar>button{display:flex;align-items:center;gap:7px;font-size:10px;padding:0 14px;border-right:1px solid #2d313c;border-top:2px solid transparent;white-space:nowrap}.editor-filebar>button.active{background:#171b23;color:#c1c6d0;border-top-color:#9680cf}.js-icon{color:#d5ba67;font-size:8px;font-weight:700}.jsx-icon{color:#70b2c3;font-size:13px}.editor-tools{display:flex;align-items:center;margin-left:auto;padding:0 8px;gap:5px}.editor-tools button{font-size:10px;color:#7f8696;padding:2px}.editor-tools button.enabled{color:#b29bea}.editor-breadcrumb{font-size:9px;display:flex;align-items:center;gap:5px;padding:10px 18px;color:#687385;flex-shrink:0;background:#171b23}.editor-breadcrumb>span{font-size:7px;margin-left:auto;letter-spacing:.5px;color:#526071}.editor-mount{flex:1;min-height:0;overflow:hidden;background:#171b23}.cm-editor{height:100%;background:#171b23!important}.cm-scroller{scrollbar-width:thin;scrollbar-color:#343c4c transparent}.cm-activeLine,.cm-activeLineGutter{background:#202632!important}.cm-selectionBackground{background:#393b56!important}.editor-status{display:flex;justify-content:space-between;padding:7px 15px;font-size:8px;color:#627084;border-top:1px solid #272f3b}.editor-status>span{display:flex;align-items:center;gap:6px}.editor-status>span>span:last-child:not(.status-dot){margin-left:10px}.editor-status .status-dot{width:4px;height:4px}.terminal-panel{height:250px;flex-shrink:0;min-height:170px;display:flex;flex-direction:column;background:#fff;border-top:1px solid #e6e5ec}.terminal-header{height:39px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 16px;flex-shrink:0}.terminal-header>div{height:100%;display:flex;gap:20px}.terminal-header button{height:100%;display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent;font-size:9px;padding:0;color:#aaa4b1}.terminal-header button.active{border-bottom-color:#9580c8;color:#8f79aa}.terminal-header>span{font-size:8px;color:#b2a9ba}.terminal-content{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.terminal-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#b6adbf;font-size:11px;padding:20px}.terminal-empty>svg{color:#c9c0d4}.terminal-empty strong{font-size:10px;font-weight:500}.terminal-empty small{font-size:8px;color:#bcb5c4}.run-toolbar{height:51px;flex-shrink:0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;background:#fcfbfe}.run-toolbar>div{display:flex;gap:8px}.reset-file{color:#b7adbf;font-size:8px;display:flex;align-items:center;gap:5px;white-space:nowrap}.run-toolbar select{border:1px solid #e8e3ef;background:#fff;border-radius:5px;padding:6px;color:#9a8ea8;font-size:9px;max-width:115px}.run-btn{font-size:10px;padding:8px 12px;gap:7px}.run-btn kbd{background:#ffffff18;border:1px solid #ffffff24;border-radius:3px;font-size:8px;line-height:1.4;font-weight:400;padding:0 4px;margin-left:4px}.test-row{font-size:9px;border-bottom:1px solid #f1edf5}.test-row summary{display:flex;align-items:center;gap:8px;padding:9px 17px;cursor:pointer;list-style:none;color:#93829e}.test-row summary>span:first-child{font-size:12px;color:#c97e7d}.test-row.success summary>span:first-child{color:#77a494}.test-row summary>span:nth-child(2){flex:1}.test-row summary small{color:#b3a3bd;font-size:8px}.test-row time{font-size:8px;color:#baadbf}.test-row pre{white-space:pre-wrap;margin:0 15px 10px 36px;padding:10px;background:#fdf5f5;color:#bb7e83;border-radius:4px;font-size:9px;line-height:1.7}.test-row>p{font-size:9px;padding:0 36px;color:#83a898}.support-column .panel-tabs{gap:22px}.preview-toolbar{height:39px;border-bottom:1px solid #eeeaf3;display:flex;justify-content:space-between;align-items:center;padding:0 16px;font-size:8px;color:#b7adbf;background:#fdfcfe}.preview-toolbar>span{display:flex;align-items:center;gap:7px}.preview-toolbar i{width:5px;height:5px;background:#c0b4cf;border-radius:50%}.preview-toolbar button{color:#b1a4bf;display:flex}.live-preview{flex:1;overflow:auto;position:relative;background:#faf9fc;min-height:0}.preview-placeholder{padding:60px 24px;text-align:center;color:#b1a5bd}.preview-placeholder-icon{display:grid;place-items:center;width:53px;height:53px;background:#f1edf7;border:1px solid #e9e2f1;color:#baabd0;border-radius:14px;margin:0 auto 20px}.preview-placeholder h3{color:#9c8aad;font-size:14px;letter-spacing:-.2px}.preview-placeholder p{font-size:10px;line-height:1.9;margin:12px 0 20px}.preview-placeholder .btn{font-size:9px;padding:9px 12px;color:#a693b6;border-color:#e5dceb}.preview-bottom{display:flex;gap:7px;align-items:flex-start;border-top:1px solid #eeeaf3;padding:14px 17px;color:#b8aac4;background:#fefeff}.preview-bottom svg{flex-shrink:0;margin-top:2px}.preview-bottom p{font-size:8px;line-height:1.9;margin:0;color:#b9afc3}.preview-stale{background:#fcf7e9;color:#b39b62;padding:9px 15px;font-size:9px}.preview-loading{position:absolute;z-index:1;inset:0;background:#faf9fce6;display:flex;align-items:center;justify-content:center;gap:10px;color:#a192b0;font-size:10px}.spinner{display:inline-block;width:18px;height:18px;border:2px solid #e8e2ef;border-top-color:#9880be;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-error{margin:20px 15px;padding:16px;border:1px solid #efdce2;border-radius:7px;background:#fff7f8;color:#b78c9c;font-size:10px}.preview-error pre{font-size:9px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.preview-error p{font-size:9px;line-height:1.8;color:#c0a0ad}.hints-content{padding:24px 20px;overflow:auto;color:#9f91af}.hint-heading h3{font-size:17px;line-height:1.5;color:#8f7b9f;letter-spacing:-.4px}.hint-icon{background:#f4edf9;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#b3a0c8}.hints-content>p{font-size:10px;line-height:1.9;color:#b4a6bf}.hint-toggle{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #eee6f3;margin-bottom:20px;font-size:10px;color:#a392b4}.hint-toggle input{accent-color:#a88bc2}.hint-counter{font-size:7px;letter-spacing:1px;color:#b7a8c1}.hint-card{padding:15px;margin:12px 0;background:#faf6fd;border:1px solid #eee5f5;border-radius:7px}.hint-card small{font-size:8px;letter-spacing:1px;color:#b39ac5}.hint-card p{font-size:10px;line-height:1.9;color:#ac98ba;margin:8px 0 0}.hints-content>.btn{margin-top:18px;color:#a88fbd;border-color:#e5daee;font-size:10px}.hints-content .hints-note{font-size:8px;line-height:1.9;margin-top:24px;color:#c2b4cb}.hints-locked{display:flex;align-items:center;flex-direction:column;text-align:center;color:#c0abcf;padding:30px 0}.hints-locked strong{font-size:12px;margin:14px 0 0;font-weight:500}.hints-locked p{font-size:9px;line-height:1.8;color:#bdaccb}.lab-footer{height:34px;background:#fcfbfe;display:flex;justify-content:space-between;align-items:center;padding:0 27px;font-size:8px;color:#b6acbf;border-top:1px solid #e8e3ee}.lab-footer>span:last-child{display:flex;gap:12px;align-items:center}.lab-footer button{font-size:9px;color:#9273ac}.activity-list{padding:10px 17px;color:#b39fc0;font-size:9px}.activity-list>div{display:flex;gap:13px;padding:7px 0}.activity-list time{color:#c2b2ca;font-variant-numeric:tabular-nums}.reference{font-size:10px}.reference h3{font-size:17px;color:#6e637c}.reference h4{margin-bottom:10px}.reference code{display:block;font-size:8px;line-height:2;padding:12px;background:#f8f5fb;border:1px solid #ede7f2;border-radius:5px;overflow-wrap:anywhere;color:#a48fb6}.reference a{font-size:9px;display:block;line-height:2.3;color:#a18ab7}.small-copy{font-size:8px;color:#b4a2c0}.case-detail{display:flex;gap:9px;border-bottom:1px solid #ede8f2;padding:13px 0}.case-detail strong{font-size:10px;font-weight:500;color:#a08aaf}.case-detail p{font-size:9px;color:#be939d;line-height:1.8}.test-state{font-size:14px;color:#c7b6d3}.test-state.passed{color:#7ca68f}.test-state.failed{color:#c88791}.user-app{padding:18px 15px;font-size:11px;color:#80718d}.user-app h1{font-size:21px;color:#665473;margin:5px 0 22px}.user-app input:not([type=checkbox]){border:1px solid #e0d5e9;background:#fff;padding:9px 10px;border-radius:5px;font-size:10px;width:100%;margin:5px 0;color:#9783a4}.user-app input[type=checkbox]{accent-color:#b093c6;vertical-align:middle;margin:0 8px 0 0}.user-app button{background:#ad90c3;color:#fff;border-radius:5px;padding:8px 11px;font-size:10px;margin:6px 0}.user-app ul{padding:0;list-style:none}.user-app li{padding:12px 0;border-bottom:1px solid #e9e1f0;font-size:10px;line-height:1.7}.user-app p[role=alert]{background:#fff0f3;color:#ba8b9b;padding:9px;border-radius:4px}.results-page{max-width:1240px;margin:0 auto;padding:45px 30px 30px}.results-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.results-title h1{font-size:33px;letter-spacing:-1.3px;font-weight:750;margin:14px 0 10px}.results-title p{font-size:12px;color:#95919e}.result-metrics{display:grid;grid-template-columns:2.3fr 1fr 1fr 1fr;gap:16px;margin:28px 0}.score-card,.stat-card{border:1px solid #e6e1ed;background:#fff;border-radius:9px;padding:24px;display:flex;align-items:center;gap:20px}.score-ring{width:80px;height:80px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#a18acb var(--score),#f1edf6 0);position:relative}.score-ring:before{position:absolute;content:"";inset:7px;background:#fff;border-radius:50%}.score-ring>strong{position:relative;font-family:Manrope,sans-serif;font-size:24px;color:#8c76a5;letter-spacing:-1px}.score-ring small{font-size:12px;letter-spacing:0;margin-left:1px}.score-card>div:last-child>span{font-size:8px;letter-spacing:1.3px;color:#b0a1bd}.score-card h3{font-size:16px;margin:9px 0 7px;color:#877292;letter-spacing:-.4px}.score-card p{font-size:9px;line-height:1.8;margin:0;color:#b4a6be}.stat-card{flex-direction:column;align-items:flex-start;gap:10px;padding:22px;color:#ad9abc}.stat-card strong{font-family:Manrope,sans-serif;font-size:28px;font-weight:650;letter-spacing:-1px;line-height:1.3;color:#8b759a}.stat-card strong small{font-size:13px;color:#bcacc9;letter-spacing:0}.stat-card>span{font-size:9px;color:#b7a8c2}.results-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.review-card{border:1px solid #e6e1ed;border-radius:9px;background:#fff;padding:24px}.review-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-card-head h2{font-size:15px;font-weight:650;color:#8c759d;letter-spacing:-.2px;margin:0}.review-card-head>span{font-size:8px;color:#bfaecc}.time-chart{margin:28px 0 20px}.time-chart-row{margin:19px 0}.time-chart-row>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:9px;color:#b29cc2}.time-chart-row strong{font-size:10px;font-weight:500;color:#a58ab5;margin-left:8px}.time-chart-row small{font-size:8px;color:#c7b6d1}.time-track{height:7px;border-radius:3px;background:#f5f1f8;overflow:hidden}.time-track>span{display:block;height:100%;min-width:2px;border-radius:3px;opacity:.75}.time-legend{display:flex;gap:18px;font-size:9px;color:#b29dbf}.time-legend>span{display:flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;border-radius:1px;background:#b29acb;display:inline-block}.legend-dot.gray{background:#d6ccdf}.measurement-note{font-size:8px;color:#bfaccb;line-height:1.9;margin:17px 0 0}.diagnosis{padding:25px 26px;background:#faf7fe;border-color:#ece3f5}.diagnosis .eyebrow{font-size:8px;color:#b49cc8}.diagnosis h2{font-size:20px;color:#967aa8;letter-spacing:-.5px;margin:13px 0 10px}.diagnosis>p{font-size:10px;line-height:1.9;color:#b09abe;margin:0 0 24px}.diagnosis-item{display:flex;gap:10px;margin:16px 0}.diagnosis-icon{flex-shrink:0;width:30px;height:30px;border-radius:6px;background:#f1e9f8;color:#b69acb;display:grid;place-items:center}.diagnosis-item strong{font-size:10px;font-weight:550;color:#a489b7}.diagnosis-item p{font-size:9px;line-height:1.8;color:#bea8cb;margin:5px 0 0}.breakdown{margin-top:20px;padding-bottom:8px}.breakdown-table{margin-top:20px}.breakdown-header,.breakdown-row summary{display:grid;grid-template-columns:2.5fr .8fr .8fr .8fr .5fr 20px;gap:12px;align-items:center}.breakdown-header{padding:12px 0;color:#c2aecf;font-size:8px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #f0e8f5}.breakdown-row summary{list-style:none;padding:18px 0;font-size:10px;color:#b69bc7;cursor:pointer}.breakdown-row{border-bottom:1px solid #f0e8f5}.breakdown-row:last-child{border:0}.breakdown-row summary>span:first-child{display:flex;align-items:center;gap:10px}.breakdown-row small{font-size:9px;color:#c5b0d0}.breakdown-row strong{font-size:10px;font-weight:500;color:#ad8fc0}.breakdown-row em{font-size:7px;font-style:normal;background:#f7f0fb;padding:3px 5px;color:#bba0cd;border-radius:3px}.good{color:#86ae9a!important}.needs-work{color:#c494a1!important}.breakdown-tests{padding:0 20px 20px 35px}.breakdown-tests>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0;font-size:10px}.breakdown-tests strong{font-weight:450;color:#b69bc7}.breakdown-tests p{flex-basis:100%;margin:0 0 0 17px;font-size:9px;color:#c4a3b2;line-height:1.8}.results-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.results-actions p{font-size:9px;color:#baa6c8}.results-actions .btn{font-size:10px}.modal-backdrop{position:fixed;z-index:20;inset:0;background:#18132477;backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.modal{background:#fff;border:1px solid #e5dfef;border-radius:12px;padding:32px;max-width:435px;box-shadow:0 30px 100px #22133333;position:relative}.modal-close{position:absolute;right:15px;top:15px;color:#c4b2d1}.modal-icon{display:grid;place-items:center;width:43px;height:43px;background:#f1ebf8;border-radius:10px;color:#b59bcb}.modal h2{font-size:22px;color:#91789f;letter-spacing:-.6px;margin-top:20px}.modal p{font-size:12px;line-height:1.8;color:#b19bbe}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.modal-actions .btn{font-size:10px}.storage-warning{padding:12px 30px;background:#fff0e8;color:#bf987e;font-size:11px}.reference,.requirements li{color:#7b7187}.instructions-content{color:#8d8299}@media(min-width:1550px){.workspace{grid-template-columns:330px minmax(430px,1fr) 310px}.instructions-content{padding:28px}.terminal-panel{height:285px}.setup{padding-top:80px;max-width:1260px}.setup h1{font-size:60px}.setup-card{padding:33px}.setup-intro{padding-top:10px}}@media(max-width:1150px){.topbar{padding:0 22px}.top-center{display:none}.setup{gap:40px;padding:45px 30px 25px}.setup h1{font-size:48px}.workspace{grid-template-columns:250px minmax(350px,1fr) 230px}.stage-nav{padding:12px 16px;gap:8px}.stage-nav-item{padding:10px;gap:7px}.stage-nav-item strong{font-size:10px}.stage-nav-item small{font-size:8px}.stage-nav-item small>span{display:none}.stage-bubble{width:24px;height:24px}.workspace{height:calc(100vh - 249px);min-height:500px}.instructions-content{padding:20px 17px}.editor-filebar>button{padding:0 9px;font-size:9px}.editor-tools{gap:3px;padding:0 5px}.terminal-panel{height:230px}.run-toolbar{padding:0 9px}.run-toolbar kbd{display:none}.result-metrics{grid-template-columns:2fr 1fr 1fr 1fr;gap:10px}.score-card,.stat-card{padding:18px}.score-card{gap:15px}.score-ring{width:65px;height:65px}.score-card h3{font-size:13px}.score-card p{font-size:8px}}@media(max-width:950px){.workspace{grid-template-columns:245px minmax(350px,1fr);height:auto;min-height:650px}.coding-column{height:650px}.support-column{grid-column:1/-1;display:grid;grid-template-columns:245px 1fr;min-height:220px;max-height:400px}.support-column>.panel-tabs{grid-column:1/-1}.support-column>.preview-toolbar{grid-column:1;align-self:start}.support-column>.live-preview{grid-column:2;grid-row:2/5;min-height:180px}.support-column>.preview-bottom{grid-column:1}.hints-content{grid-column:1/-1;max-height:340px}.hint-heading{display:flex;gap:12px;align-items:center}.hint-heading h3{font-size:14px}.hint-card{padding:10px}.preview-placeholder{padding:25px}.preview-placeholder-icon{display:none}.setup h1{font-size:43px}.setup{gap:32px;padding-top:40px}.setup-card{padding:24px}.setup-card h2{font-size:18px}.intro-copy{font-size:12px}.preview-code{font-size:10px}.project-preview-body{padding:25px 18px 60px}.project-float{font-size:9px;right:12px}.runtime-note{font-size:8px}.results-columns{grid-template-columns:1fr 1fr}.result-metrics{grid-template-columns:1.6fr 1fr 1fr}.result-metrics>.stat-card:last-child{display:none}.score-card h3{font-size:12px}.breakdown-row em{display:none}}@media(max-width:700px){.topbar{height:73px;padding:0 17px;gap:10px}.brand{font-size:17px;gap:8px}.brand-mark{width:32px;height:32px;border-radius:9px}.brand small{font-size:7px;letter-spacing:1.3px}.avatar{display:none}.timer{padding:5px 7px;gap:5px}.timer span{font-size:16px}.timer small{display:none}.timer svg{width:14px}.top-right{gap:7px}.top-right .btn{font-size:9px;padding:8px}.top-right .btn svg{display:none}.setup{display:flex;flex-direction:column;padding:32px 22px 20px;gap:30px;max-width:510px}.setup h1{font-size:43px;letter-spacing:-2px;margin-top:16px}.setup-card{width:100%;padding:25px}.setup-card h2{font-size:22px}.project-preview{margin-top:25px}.project-preview-body{padding:22px 23px 60px}.preview-code{font-size:11px}.setup-footer{font-size:8px;flex-wrap:wrap;gap:10px;padding-top:16px}.runtime-note{font-size:9px}.stage-nav{gap:6px;padding:10px;overflow-x:auto}.stage-nav-item{min-width:145px;gap:7px;padding:9px}.stage-nav-item strong{font-size:9px}.stage-nav-item small{font-size:7px}.stage-test-count{display:none}.stage-bubble{width:22px;height:22px;font-size:8px}.practice-banner{font-size:8px;padding:8px 14px}.autosave{display:none}.workspace,.workspace.focus{display:flex;flex-direction:column;min-height:0;height:auto}.instructions{height:330px;flex-shrink:0}.instructions-content{padding:18px 20px}.instructions h2{font-size:20px}.instruction-kicker{font-size:8px}.requirements li{font-size:11px;margin-bottom:12px}.stage-summary{font-size:11px}.file-callout{margin:12px 0}.instructions h4{margin-top:15px}.coding-column{height:650px;flex-shrink:0}.editor-filebar>button{font-size:9px;padding:0 11px}.editor-tools button:not(:last-child){display:none}.terminal-panel{height:245px}.support-column{display:flex;height:340px;min-height:340px;max-height:none}.live-preview{min-height:200px}.preview-placeholder{padding:20px 35px}.preview-placeholder h3{margin:10px}.preview-bottom{padding:10px 17px}.preview-bottom p{font-size:9px}.lab-footer{height:auto;min-height:45px;padding:10px 15px;gap:10px;font-size:7px;flex-wrap:wrap}.results-page{padding:30px 18px}.results-title{align-items:flex-start}.results-title h1{font-size:25px;line-height:1.3;letter-spacing:-1px}.results-title .btn{font-size:8px;padding:8px;gap:5px}.results-title .btn svg{display:none}.results-title p{font-size:10px;line-height:1.8}.eyebrow{font-size:8px}.result-metrics{grid-template-columns:1fr 1fr;gap:10px}.score-card{grid-column:1/-1;gap:18px}.score-card h3{font-size:16px}.score-card p{font-size:10px}.score-card>div:last-child>span{font-size:9px}.stat-card{gap:7px}.stat-card strong{font-size:26px}.results-columns{grid-template-columns:1fr;gap:15px}.review-card{padding:20px}.review-card-head>span{font-size:7px}.review-card-head h2{font-size:13px}.time-chart-row strong{font-size:10px}.diagnosis h2{font-size:20px}.diagnosis>p{font-size:11px}.diagnosis-item p{font-size:10px}.breakdown-header,.breakdown-row summary{grid-template-columns:1.7fr .6fr .7fr 15px;gap:7px}.breakdown-header>span:nth-child(4),.breakdown-header>span:nth-child(5),.breakdown-row summary>span:nth-child(4),.breakdown-row summary>span:nth-child(5){display:none}.breakdown-row summary>span:first-child{gap:7px}.breakdown-row strong{font-size:9px}.breakdown-row summary{font-size:9px}.breakdown-row small{font-size:8px}.breakdown-tests{padding-left:0}.results-actions{align-items:flex-start;gap:15px}.results-actions p{font-size:8px;line-height:1.8}.results-actions .btn{font-size:9px}.modal{padding:26px}.modal h2{font-size:20px}.modal p{font-size:11px}.modal-actions .btn{font-size:9px;padding:10px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}.setup-card>p,.setup-card p.mode-copy,.integrity-check,.stage-plan-row small,.stage-plan-row>span:last-child{color:#777382}.runtime-note,.setup-footer,.start-note{color:#817d8c}.instructions-content,.requirements li,.stage-summary,.reference p,.case-detail strong{color:#706777}.requirements li{font-size:11px;line-height:1.85}.instructions h2{color:#453c52}.instructions h4,.definition strong{color:#746382}.definition p,.target-time,.instruction-footer,.reference code{color:#8b7a99}.stage-nav-item strong{color:#625a6c}.stage-nav-item small{color:#908798}.panel-tabs button,.terminal-header button{color:#91839c}.panel-tabs button.active,.terminal-header button.active{color:#705484}.terminal-empty,.terminal-empty small{color:#97869f}.terminal-empty strong{color:#7f6b8b}.test-row summary{color:#7b6587;font-size:10px}.test-row time{color:#9986a4}.test-row pre{color:#a34e64;font-size:10px}.test-row.success summary>span:first-child{color:#438a6f}.preview-placeholder,.preview-placeholder p{color:#95839e}.preview-placeholder h3{color:#7b638c}.hints-content>p,.hint-toggle,.hint-card p{color:#8a719b;font-size:11px}.hint-heading h3{color:#715081}.hints-content .hints-note,.hints-locked p,.preview-bottom p{color:#9782a5}.score-card h3,.stat-card strong,.review-card-head h2,.diagnosis h2{color:#6c517d}.score-card p,.stat-card>span,.time-chart-row strong,.time-legend,.diagnosis>p,.diagnosis-item strong,.diagnosis-item p{color:#8c719f}.diagnosis>p,.diagnosis-item p{font-size:10px}.measurement-note,.review-card-head>span,.breakdown-header,.results-actions p{color:#9a82ac}.breakdown-row strong,.breakdown-row summary,.breakdown-tests strong{color:#866497}.breakdown-tests p{color:#ab7186}.good{color:#4b9174!important}.needs-work{color:#af647b!important}.user-app{color:#70597e}.modal h2{color:#6c4b7e}.modal p{color:#8b709a}.site-credits{position:relative;z-index:4;padding:22px 20px;text-align:center;font:400 12px/1.7 system-ui,sans-serif;color:#576858;background:#f5f7f1;border-top:1px solid #dfe5da;overflow-wrap:anywhere}.site-credits a{color:inherit;text-decoration:underline;text-underline-offset:3px}.site-credits a:focus-visible{outline:2px solid currentColor;outline-offset:4px}body:has(.l-sidebar)>.site-credits{margin-left:244px}body:has(.is-lesson)>.site-credits{padding-bottom:120px}@media(min-width:1550px){body:has(.l-sidebar)>.site-credits{margin-left:265px}}@media(max-width:1200px){body:has(.l-sidebar)>.site-credits{margin-left:220px}}@media(max-width:760px){body:has(.l-sidebar)>.site-credits{margin-left:0}}.site-credits{--credits-accent:#356b45;overflow:hidden}.site-credits:before{content:"";position:absolute;top:0;left:calc(50% - 64px);width:128px;height:2px;background:linear-gradient(90deg,transparent,var(--credits-accent),transparent);transform-origin:center;animation:credits-line-in 1.1s ease-out both}.credits-signature{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;animation:credits-reveal .7s ease-out both}.credits-signature strong{font-weight:650}.site-credits .credits-signature a{display:inline-flex;align-items:center;color:var(--credits-accent);font-weight:650;text-decoration:none;border-bottom:1px solid transparent;transition:transform .2s ease,border-color .2s ease}.site-credits .credits-signature a:hover,.site-credits .credits-signature a:focus-visible{transform:translateY(-2px);border-bottom-color:currentColor}.credits-arrow{display:inline-block;transition:transform .2s ease}.site-credits a:hover .credits-arrow,.site-credits a:focus-visible .credits-arrow{transform:translate(2px,-2px)}.credits-copyright{display:block;margin-top:7px;font-size:11px;letter-spacing:.025em;animation:credits-reveal .7s .12s ease-out both}@keyframes credits-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes credits-line-in{0%{opacity:0;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}@media(max-width:420px){.credits-signature{gap:5px 9px}.credits-signature>span:first-child{flex-basis:100%}.credits-separator{display:none}}@media(prefers-reduced-motion:reduce){.site-credits:before,.credits-signature,.credits-copyright{animation:none}.site-credits .credits-signature a,.credits-arrow{transition:none}.site-credits .credits-signature a:hover,.site-credits .credits-signature a:focus-visible,.site-credits a:hover .credits-arrow,.site-credits a:focus-visible .credits-arrow{transform:none}}.learning-app{--l-ink:#30443d;--l-muted:#7b8881;--l-green:#76b792;--l-deep:#487b5e;--l-line:#e6eae4;--l-bg:#fafbf8;min-height:100vh;background:var(--l-bg);color:var(--l-ink);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.learning-app h1,.learning-app h2,.learning-app h3{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.learning-app button,.learning-app input,.learning-app textarea{font:inherit}.learning-app button:focus-visible,.learning-app a:focus-visible,.learning-app textarea:focus-visible{outline:3px solid #a5cbb2;outline-offset:4px}.learning-app h1:focus{outline:none}.learning-app button:disabled{opacity:.5}.l-sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--l-line);padding:31px 22px 20px;display:flex;flex-direction:column;z-index:3}.l-brand{display:flex;align-items:center;gap:10px;text-align:left;padding:0;color:#365242;font-weight:750;font-size:20px;letter-spacing:-.8px;white-space:nowrap}.l-brand-mark{width:37px;height:40px;display:grid;place-items:center;background:#7ab795;color:#fff;border-radius:12px;box-shadow:0 3px #5d9675}.l-brand-suffix{color:#8eaa96;font-weight:500;font-size:18px}.l-brand small{display:block;font-size:7px;font-weight:600;letter-spacing:1.8px;color:#a0a99e;margin-top:5px}.l-main-nav{display:flex;flex-direction:column;gap:6px;margin:43px -7px 28px}.l-main-nav>button{display:flex;align-items:center;gap:11px;text-align:left;font-size:12px;font-weight:550;padding:12px;border:1px solid transparent;border-radius:9px;color:#8b948c;white-space:nowrap}.l-main-nav>button.selected{background:#edf5ed;border-color:#dcebdc;color:#668b68}.l-main-nav>button:not(.selected):hover{background:#f8faf6}.l-main-nav>button:nth-child(3){font-size:11px;color:#a0a49b}.l-main-nav>button>span{margin-left:auto;font-size:9px;background:#f1f3ec;color:#a0aa96;min-width:19px;padding:3px 4px;text-align:center;border-radius:5px}.l-main-nav>button>svg:last-child:not(:first-child){margin-left:auto}.l-course-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:650;letter-spacing:1.2px;color:#a7aa9d;margin:0 0 16px}.l-course-label>span{font-size:7px;letter-spacing:.5px;color:#bfc2b7}.l-unit-nav{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;display:flex;flex-direction:column;gap:6px;margin:0 -7px}.l-unit-nav>button{display:flex;gap:10px;align-items:center;text-align:left;padding:10px 8px;border:1px solid transparent;border-radius:8px;min-height:59px;color:#989e94;font-size:10px;line-height:1.5;font-weight:500}.l-unit-nav>button.selected{background:#f5f8f0;border-color:#e7eedf;color:#6b8060}.l-unit-nav>button>span:last-child{display:block;max-width:155px}.l-unit-nav small{display:block;font-size:8px;font-weight:400;color:#b3b7a9;margin-top:3px}.l-unit-index{width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:color-mix(in srgb,var(--unit-color),white 90%);border:1px solid color-mix(in srgb,var(--unit-color),white 72%);color:var(--unit-color);font-size:9px;font-weight:650}.l-sidebar-bottom{padding:22px 1px 0;color:#adb2a3;flex-shrink:0}.l-sidebar-bottom>span{display:flex;gap:6px;align-items:center;font-size:8px}.l-sidebar-bottom>small{font-size:8px;line-height:1.9;color:#bdc2b3;display:block;margin:10px 0 0 20px}.l-main{margin-left:244px;min-height:100vh;display:flex;flex-direction:column}.l-topbar{height:80px;background:#fff;border-bottom:1px solid var(--l-line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:25px}.l-breadcrumb{font-size:10px;color:#a5ac9f}.l-breadcrumb>span{margin:0 10px;color:#d0d5c7}.l-breadcrumb strong{color:#8e9a85;font-weight:500}.l-top-stats{display:flex;align-items:center;gap:25px;color:#a3ac98;white-space:nowrap}.l-top-stats>span{display:flex;align-items:center;gap:6px;font-size:9px}.l-top-stats b{font-size:11px;font-weight:650;color:#889d7b}.l-top-stats .l-xp{color:#d5ae67}.l-top-stats .l-xp b{color:#c5a35e}.l-top-stats>.l-avatar{width:31px;height:31px;border-radius:50%;background:#eef1e7;display:grid;place-items:center;font-size:10px;color:#a5aa93;margin-left:3px}.l-page-content{max-width:1170px;width:100%;padding:42px 46px 10px;margin:0 auto;flex:1}.l-welcome{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:0 8px 40px;position:relative}.l-eyebrow{font-size:8px;letter-spacing:1.8px;color:#9aab89;font-weight:650;display:flex;align-items:center;gap:8px}.l-eyebrow>i{width:5px;height:5px;border-radius:50%;background:#b3c698;flex-shrink:0}.l-welcome h1{font-size:45px;letter-spacing:-2px;line-height:1.13;margin:17px 0 15px;font-weight:750;color:#415641}.l-welcome p{font-size:12px;line-height:1.95;color:#97a18e;margin:0 0 22px}.l-btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;white-space:nowrap;padding:12px 22px;border:1px solid #d7e1cd;border-radius:9px;background:#fff;color:#829972;font-size:11px!important;font-weight:650!important;transition:transform .15s,box-shadow .15s}.l-btn.l-primary{background:#86b57c;border:1px solid #86b57c;color:#fff;box-shadow:0 4px #6b9862}.l-btn:hover:not(:disabled){transform:translateY(-1px)}.l-btn.l-primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #6b9862}.l-btn:disabled{transform:none;box-shadow:0 3px #c4d1bc;cursor:not-allowed}.l-untimed{font-size:8px;color:#abb29d;display:block;margin-top:16px}.l-welcome-art{width:277px;height:249px;position:relative;flex-shrink:0;align-self:flex-end}.l-byte{width:245px;position:absolute;left:5px;bottom:-10px;z-index:1}.l-byte.small{position:relative;width:190px;left:auto;bottom:auto;display:block;margin:0 auto}.l-speech{background:#fff;border:1px solid #e5e9de;border-radius:11px 11px 11px 2px;position:absolute;top:7px;right:-5px;z-index:2;padding:14px 19px;font-size:12px;line-height:1.6;color:#a6b091;transform:rotate(3deg);box-shadow:0 3px #e9eddf44}.l-speech strong{color:#899b72;font-weight:650}.l-speech>span{display:block;font-size:6px;letter-spacing:1.2px;color:#c1c9af;margin-top:8px}.l-art-spark{position:absolute;right:13px;bottom:30px;color:#d6bc79;font-size:23px}.l-home-columns{display:grid;grid-template-columns:minmax(350px,1fr) 270px;gap:30px}.l-path-column{min-width:0}.l-unit-banner{display:flex;align-items:center;gap:15px;border:1px solid color-mix(in srgb,var(--unit-color),white 68%);border-bottom-width:3px;background:color-mix(in srgb,var(--unit-color),white 91%);padding:22px 20px;border-radius:11px;min-height:107px}.l-unit-banner-icon{background:color-mix(in srgb,var(--unit-color),white 77%);color:var(--unit-color);width:45px;height:49px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.l-unit-banner>div>span{font-size:7px;font-weight:650;letter-spacing:1.3px;color:#9caa8c;display:flex;align-items:center;gap:8px}.l-unit-banner i{width:3px;height:3px;background:#a4b48f;border-radius:50%;display:block}.l-unit-banner h2{font-size:17px;letter-spacing:-.5px;margin:8px 0 6px;color:#6f8d62;font-weight:700}.l-unit-banner p{font-size:9px;line-height:1.7;color:#a2ae94;margin:0}.l-unit-completion{margin-left:auto;font-size:22px;letter-spacing:-1px;color:#91ac7d;font-weight:550}.l-unit-completion small{font-size:11px;color:#becaae;letter-spacing:0;margin-left:2px}.l-lesson-path{position:relative;padding:23px 15px 10px;min-height:521px}.l-path-line{position:absolute;width:185px;height:499px;left:16px;top:42px;pointer-events:none}.l-path-entry{display:flex;align-items:center;gap:21px;position:relative;height:124px;padding-left:var(--offset)}.l-path-node{width:69px;height:65px;display:grid;place-items:center;flex-shrink:0;border:1px solid #e1e7db;border-radius:50%;background:#eef2e9;color:#bbc7ad;box-shadow:0 5px #dce3d4;transition:transform .15s}.l-path-node:hover{transform:translateY(-2px)}.l-path-entry.current .l-path-node{border-color:#88b17a;background:#94bb83;color:#fff;box-shadow:0 5px #739e62,0 0 0 8px #f1f6e8,0 0 0 10px #dfe9d2}.l-path-entry.done .l-path-node{background:#9cba85;color:#fff;box-shadow:0 5px #7d9f67;border-color:#95b17e}.l-path-copy{min-width:0}.l-path-copy>span{display:block;font-size:7px;letter-spacing:1px;color:#bdc7ae;font-weight:600;margin-bottom:7px}.l-path-entry.current .l-path-copy>span{color:#9fb484}.l-path-copy button{font-size:13px;font-weight:650;color:#899b75;text-align:left;padding:0;letter-spacing:-.2px}.l-path-copy button:hover{text-decoration:underline}.l-path-copy p{font-size:9px;line-height:1.7;color:#abb69a;margin:6px 0}.l-path-copy small{font-size:8px;color:#bbc5aa}.l-node-start{position:absolute;left:calc(var(--offset) - 3px);top:3px;color:#91a777;background:#fff;border:1px solid #e0e9d4;border-bottom-width:2px;border-radius:6px;padding:5px 8px;font-size:6px;font-weight:700;letter-spacing:.9px}.l-unit-end{border-top:1px solid #e9eedf;display:flex;align-items:center;gap:9px;padding:17px 5px;color:#b6c4a1}.l-unit-end>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f0f5e8;flex-shrink:0}.l-unit-end p{font-size:8px;line-height:1.7;margin:0;color:#b2bea0}.l-unit-end button{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:8px;white-space:nowrap;color:#a1b689}.l-home-aside{display:flex;flex-direction:column;gap:18px}.l-small-card{background:#fff;border:1px solid #e3e9d8;border-radius:11px;padding:21px 19px}.l-card-heading{display:flex;align-items:center;gap:10px}.l-small-icon{color:#b6c88f;width:35px;height:35px;background:#f3f7e8;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.l-card-heading h3{font-size:11px;color:#9bad81;margin:0 0 4px;font-weight:650}.l-card-heading div>span{font-size:8px;color:#bcc7a8;line-height:1.6}.l-goal-boxes{display:flex;gap:9px;margin:20px 0 15px}.l-goal-boxes>span{height:45px;flex:1;display:grid;place-items:center;border:1px solid #e9eedc;border-bottom:3px solid #e4ead5;background:#f9fbf3;border-radius:8px;color:#d0dbb5}.l-goal-boxes>span.done{background:#dcebc7;border-color:#bdd49e;color:#8eb166}.l-goal-caption b{display:block;font-size:9px;font-weight:550;color:#b0c08d;margin-bottom:5px}.l-goal-caption>span{font-size:8px;color:#c0ccaa}.l-aside-kicker{font-size:6px;letter-spacing:1.1px;font-weight:650;color:#b8c79d}.l-how h3{font-size:13px;color:#9db281;letter-spacing:-.2px;margin:10px 0 20px;line-height:1.6}.l-rhythm{display:flex;align-items:flex-start;gap:10px;margin:15px 0}.l-rhythm>span{height:27px;width:27px;background:#f3f7ea;color:#b4c990;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.l-rhythm strong{font-size:9px;font-weight:550;color:#adbe94;display:block;margin-top:2px}.l-rhythm p{font-size:8px;line-height:1.7;margin:4px 0 0;color:#c3cdaf}.l-tip{display:flex;gap:10px;align-items:flex-start;padding:17px;background:#f3f5e8;border-radius:10px;color:#c4ca94}.l-tip>svg{flex-shrink:0}.l-tip strong{font-size:9px;font-weight:550;color:#b2b77f}.l-tip p{font-size:9px;line-height:1.9;color:#bfc399;margin:6px 0 0}.l-assessment-note{padding:10px 8px;color:#b5bca4}.l-assessment-note>span{font-size:6px;letter-spacing:1.3px;color:#c1c5ac}.l-assessment-note h3{font-size:13px;letter-spacing:-.2px;color:#a5ad90;margin:8px 0}.l-assessment-note p{font-size:9px;line-height:1.9;margin:0}.l-assessment-note button{display:flex;align-items:center;gap:5px;font-size:8px;color:#a9b28f;padding:12px 0 0}.l-page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 46px 0;border-top:1px solid #e9eddf;padding:17px 0;font-size:8px;color:#b6bea5}.l-page-footer>span:first-child{display:flex;align-items:center;gap:5px}.l-review-page{padding:16px 8px;min-height:650px}.l-review-page>h1{font-size:36px;letter-spacing:-1.5px;color:#657e57;margin:17px 0}.l-review-page>p{font-size:12px;line-height:2;color:#9cab8e;max-width:670px}.l-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.l-review-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e2e9d7;border-bottom-width:3px;border-radius:10px;padding:20px;text-align:left}.l-review-icon{width:40px;height:40px;background:#f4f7ed;border-radius:10px;flex-shrink:0;display:grid;place-items:center}.l-review-card small{font-size:8px;color:#bdc9a7;display:block}.l-review-card strong{font-size:12px;color:#9eb385;display:block;margin-top:5px}.l-review-card p{font-size:9px;color:#bdcba7;margin:5px 0 0;line-height:1.7}.l-review-card>svg:last-child{color:#c2d3a7;flex-shrink:0;margin-left:auto}.l-review-empty{max-width:480px;margin:25px auto;padding:15px;text-align:center}.l-review-empty h2{font-size:21px;color:#96ac7a;line-height:1.5;letter-spacing:-.5px}.l-review-empty>p{font-size:11px;line-height:2;color:#b4c39b}.l-review-empty .l-btn{margin-top:14px}.l-lesson-shell{min-height:100vh;padding-bottom:90px}.l-lesson-top{height:100px;display:flex;align-items:center;gap:28px;padding:0 46px;max-width:1260px;margin:0 auto}.l-leave{display:flex;align-items:center;gap:9px;color:#a5b591;font-size:10px!important;white-space:nowrap;padding:8px 0}.l-step-progress{display:flex;gap:8px;flex:1;max-width:590px;margin:auto}.l-step-progress>span{flex:1;color:#becaae;font-size:9px;text-align:center}.l-step-progress i{display:block;height:9px;background:#e7edde;border-radius:10px;margin-bottom:9px;transition:background .2s}.l-step-progress>span.done i{background:#a0c283}.l-step-progress>span.active i{background:#bdd69f}.l-step-progress>span.active{color:#96af77;font-weight:600}.l-no-timer{display:flex;gap:6px;align-items:center;font-size:10px;color:#adbf95;white-space:nowrap}.l-lesson-main{max-width:770px;margin:26px auto 0;padding:0 25px}.l-lesson-context{display:flex;align-items:center;gap:8px;font-size:9px;color:#aabf93;margin:0 5px 20px}.l-lesson-context>span:first-child{height:7px;width:7px;border-radius:50%}.l-lesson-context>span:last-child{margin-left:auto;color:#c7d2b6;font-variant-numeric:tabular-nums}.l-lesson-card{background:#fff;border:1px solid #e5ecd9;border-radius:15px;padding:35px 38px;box-shadow:0 3px #edf2e5}.l-step-kicker{font-size:8px;letter-spacing:1.5px;color:#b0c58f;font-weight:600}.l-lesson-card h1{font-size:29px;letter-spacing:-1px;line-height:1.4;color:#79965f;margin:14px 0 18px}.l-idea{font-size:15px;line-height:1.9;color:#9bb482;margin:0 0 25px}.l-example-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#b5c99c;margin:0 0 10px}.l-code{margin:0;background:#21352f;border:1px solid #2e443b;border-radius:9px;padding:20px 22px;color:#c6d4c2;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;overflow:auto}.l-code code{font:inherit}.l-code .string{color:#bfd4a2}.l-code .keyword{color:#c8b9da}.l-code .comment{color:#7c9688}.l-code .hole{background:#566c51;color:#e1eac8;border-radius:4px;padding:2px 5px}.l-walkthrough{margin:23px 0}.l-walkthrough>div{display:flex;align-items:flex-start;gap:11px;margin:12px 0}.l-walkthrough>div>span{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;flex-shrink:0;background:#f1f6e9;color:#adc58f;font-size:9px;margin-top:1px}.l-walkthrough p{font-size:12px;line-height:1.8;color:#a6bd8d;margin:0}.l-takeaway{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid #e9efd7;background:#f8faef;border-radius:8px;color:#b7c88c}.l-takeaway>svg{flex-shrink:0;margin-top:2px}.l-takeaway p{font-size:12px;line-height:1.8;color:#a6b97c;margin:0}.l-blanking{display:flex;align-items:center;gap:7px;font-size:10px!important;color:#b6c89a;margin:24px auto 0;padding:5px}.l-lesson-footer{position:fixed;inset:auto 0 0;background:#ffffffed;backdrop-filter:blur(10px);border-top:1px solid #e7eddc;z-index:5}.l-lesson-footer>div{max-width:770px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 25px 23px}.l-lesson-footer>div>span{font-size:10px;color:#b2c495}.l-lesson-footer .l-btn{padding:12px 21px;min-width:180px}.l-text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#9eb87b;font-size:11px!important;padding:4px 0}.l-step-question{font-size:15px;line-height:1.9;color:#9eb881;margin:0 0 25px}.l-answer-options{display:flex;flex-direction:column;gap:11px;margin-top:25px}.l-answer-options>button{display:flex;align-items:center;gap:14px;text-align:left;padding:15px 18px;border:1px solid #e1eacd;border-bottom-width:3px;border-radius:9px;color:#a6bf83;background:#fff;font-size:13px;min-height:58px}.l-answer-options>button>span{display:grid;place-items:center;font-size:10px;border:1px solid #e3ebd3;background:#fafcf4;border-radius:6px;width:26px;height:26px;color:#b9ce99;flex-shrink:0}.l-answer-options>button>code{font-family:inherit;line-height:1.7;overflow-wrap:anywhere}.l-answer-options>button>svg{margin-left:auto;flex-shrink:0}.l-answer-options>button.selected{border-color:#c3dba0;background:#f6faee;color:#96b76c}.l-answer-options>button.correct{border-color:#adc689;background:#f0f7e5;color:#8baa61;opacity:1}.l-answer-options>button:disabled:not(.correct){opacity:.5}.l-feedback{display:flex;align-items:flex-start;gap:13px;padding:19px 20px;border:1px solid #dce9c5;border-radius:10px;margin-top:23px;background:#f4fae9;color:#9cb779}.l-feedback-icon{width:29px;height:29px;flex-shrink:0;display:grid;place-items:center;background:#e6f0d5;color:#9ab675;border-radius:50%}.l-feedback strong{font-size:13px;font-weight:650;line-height:1.6;color:#91ae6d}.l-feedback p{font-size:12px;line-height:1.85;color:#a4bb87;margin:5px 0 0;overflow-wrap:anywhere}.l-feedback.retry{background:#fffbf0;border-color:#f0e3c0;color:#c2ae7c}.l-feedback.retry .l-feedback-icon{background:#f8eed3;color:#c9b27e}.l-feedback.retry strong{color:#c2a96e}.l-feedback.retry p{color:#c4b07e}.l-output{margin-top:14px;padding-top:12px;border-top:1px solid #e0ebca;display:flex;flex-direction:column;gap:6px}.l-output>span{font-size:7px;letter-spacing:1.1px;color:#b6c99a}.l-output>code{font-size:12px;color:#9dbb77;line-height:1.7;overflow-wrap:anywhere}.l-saved-pass{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.7;margin-top:20px;color:#a6bd83}.l-code-editor-header{display:flex;align-items:center;justify-content:space-between;background:#2b3c33;border:1px solid #34483c;border-bottom:0;border-radius:8px 8px 0 0;padding:10px 15px;font-size:9px;color:#a0b58f}.l-code-editor-header>span{display:flex;gap:7px;align-items:center}.l-code-editor-header button{font-size:9px;color:#b2c19d;padding:0}.l-code-editor{display:block;width:100%;resize:vertical;border:1px solid #354a3c;border-radius:0 0 8px 8px;padding:17px 20px;background:#21352b;color:#d2dfbf;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace!important;font-size:13px!important;line-height:1.9;tab-size:2;min-height:135px;max-height:550px;caret-color:#dfefc3;outline-offset:3px;scrollbar-color:#5d7850 #21352b}.l-block-label{margin:17px 0 11px;font-size:10px;line-height:1.8;color:#a5bc85}.l-block-label small{display:block;font-size:9px;color:#b8cca0}.l-code-chips{display:flex;gap:10px;flex-wrap:wrap}.l-code-chips>button{padding:10px 17px;border:1px solid #dbe8c4;border-bottom:3px solid #cfdfb3;border-radius:8px;background:#fbfdf6;color:#99b877;font-size:13px;min-width:58px}.l-code-chips code{font-family:SFMono-Regular,Consolas,monospace}.l-code-chips>button:hover:not(:disabled){background:#f0f7e5}.l-help-row{display:flex;justify-content:space-between;gap:14px;margin-top:23px;padding-top:16px;border-top:1px solid #edf2e3}.l-help-row>button{font-size:10px;display:flex;align-items:center;gap:7px;color:#a7bf86;padding:4px 0}.l-help-row small{font-size:8px;color:#becfac;margin-left:3px}.l-hint{border:1px solid #e6ecd5;background:#f9fbf2;border-radius:7px;padding:13px 16px;margin-top:13px}.l-hint>span{font-size:7px;letter-spacing:1.1px;color:#b5c793}.l-hint p{font-size:11px;line-height:1.9;color:#a5bb83;margin:5px 0 0}.l-rescue{background:#f7f6fb;border:1px solid #e7e1f0;border-radius:10px;padding:20px;margin-top:20px;color:#b0a4c1}.l-rescue>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.l-rescue>div>span{display:flex;align-items:center;gap:8px}.l-rescue strong{font-size:12px;font-weight:600;color:#9b8aad}.l-rescue>div>button{color:#b5a5c6;display:flex}.l-rescue ol{padding-left:20px;margin:15px 0}.l-rescue li{font-size:11px;line-height:1.9;margin:9px 0;color:#ae9cc0}.l-rescue li strong{font-size:11px;font-weight:500}.l-rescue small{display:block;font-size:9px;line-height:1.9;color:#bcaace;margin-top:12px}.l-rescue .l-text-button{color:#a88fbe;font-size:10px!important}.l-spinner{width:15px;height:15px;border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;animation:l-spin .8s linear infinite}@keyframes l-spin{to{transform:rotate(360deg)}}.l-celebration{max-width:690px;margin:12px auto;padding:20px 15px 40px;text-align:center;position:relative}.l-celebration .l-eyebrow{justify-content:center;margin-top:23px;font-size:8px}.l-celebration-badge{height:87px;width:87px;background:#eaf3d9;box-shadow:0 5px #d1e3b7,0 0 0 11px #f1f7e7;border:1px solid #d2e2b6;border-radius:25px;display:grid;place-items:center;color:#a9c681;margin:0 auto 30px;transform:rotate(-7deg)}.l-celebration h1{font-size:31px;letter-spacing:-1px;line-height:1.4;color:#97b479;margin:16px 0}.l-celebration>p{font-size:12px;line-height:1.95;color:#b4c69e}.l-celebration>p strong{color:#9fbc80;font-weight:600}.l-earned{display:flex;gap:13px;margin:28px 0}.l-earned>span{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border:1px solid #e3edcf;border-bottom-width:3px;border-radius:10px;padding:20px 10px;color:#bad493}.l-earned>span:first-child{color:#d8bc78;background:#fffdf6;border-color:#eee5c7}.l-earned strong{font-size:28px;font-weight:650;letter-spacing:-1px;color:#afc88c}.l-earned>span:first-child strong{color:#d1b16a}.l-earned strong small{font-size:13px;letter-spacing:0;color:#cadbb1;margin-left:3px}.l-earned>span>small{font-size:7px;letter-spacing:.8px;color:#c1d2a7}.l-keep-this{padding:22px;border-radius:10px;background:#f0f6e6;border:1px solid #e4edcf}.l-keep-this>span{font-size:7px;letter-spacing:1.2px;font-weight:650;color:#b1c98e}.l-keep-this>p{font-size:14px;line-height:1.9;color:#a6c180;margin:9px 0 0}.l-celebration .l-review-notice{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#bbcca2;margin:18px 0}.l-celebration-actions{display:flex;flex-direction:column;align-items:center;gap:17px;margin-top:27px}.l-celebration-actions>.l-btn{min-width:240px}.l-celebration .l-break-note{font-size:9px;margin-top:22px;color:#c3d2ad}.l-confetti{position:absolute;inset:0;pointer-events:none}.l-confetti i{position:absolute;width:5px;height:13px;border-radius:2px;background:#d4e5b7;top:40px;left:15%;transform:rotate(-40deg)}.l-confetti i:nth-child(2){left:25%;top:16px;height:8px;background:#e6d6a7;transform:rotate(28deg)}.l-confetti i:nth-child(3){left:74%;top:20px;background:#d0c4e2;transform:rotate(50deg)}.l-confetti i:nth-child(4){left:83%;top:64px;background:#d0deb4;transform:rotate(80deg)}.l-confetti i:nth-child(5){left:18%;top:107px;height:7px;background:#dbc7d9;transform:rotate(40deg)}.l-confetti i:nth-child(6){left:78%;top:114px;height:8px;background:#e4d6ae;transform:rotate(-30deg)}.l-assessment-return{display:flex;align-items:center;gap:20px;background:#eff6eb;border-bottom:1px solid #dbe8d2;padding:10px 25px;color:#859a76;font:10px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.l-assessment-return>button{display:flex;align-items:center;gap:6px;color:#618252;font-size:11px;font-weight:600}.l-assessment-return>span{margin-left:auto;font-size:9px;color:#93a486}.l-storage-alert{background:#fff2d9;color:#9b7d4a;padding:12px 25px;font-size:12px;position:relative;z-index:10}.l-fallback{padding:50px;text-align:center}.l-sidebar-bottom,.l-sidebar-bottom>small,.l-unit-nav small,.l-course-label,.l-breadcrumb,.l-top-stats{color:#818c7d}.l-unit-nav>button{color:#6a7966}.l-unit-nav>button.selected{color:#496e43}.l-main-nav>button{color:#75816f}.l-main-nav>button.selected{color:#4d784d}.l-main-nav>button:nth-child(3){color:#818b79}.l-welcome p,.l-untimed{color:#75846a}.l-eyebrow{color:#849d6d}.l-unit-banner h2{color:#567c49}.l-unit-banner p,.l-unit-banner>div>span{color:#829572}.l-path-copy button{color:#668456}.l-path-copy p,.l-path-copy small,.l-unit-end p{color:#8b9c7b}.l-path-copy>span{color:#9aaf86}.l-path-entry.current .l-path-copy>span{color:#809e65}.l-card-heading h3,.l-how h3{color:#718f59}.l-card-heading div>span,.l-goal-caption b,.l-goal-caption>span,.l-rhythm strong,.l-rhythm p{color:#94a77c}.l-tip strong,.l-tip p{color:#939f6d}.l-assessment-note h3,.l-assessment-note p,.l-assessment-note button{color:#8b9b74}.l-review-page>p,.l-review-empty>p{color:#80976c}.l-review-card strong{color:#7b9a5e}.l-review-card p{color:#9aad85}.l-lesson-card h1{color:#5b7d45}.l-idea,.l-step-question{color:#768f61}.l-walkthrough p,.l-takeaway p{color:#7e9865}.l-step-kicker{color:#90aa72}.l-answer-options>button{color:#819e65}.l-answer-options>button.selected{color:#658b43}.l-answer-options>button.correct{color:#537b36}.l-feedback strong{color:#608242}.l-feedback p,.l-output>code{color:#79975c}.l-feedback.retry strong{color:#a18443}.l-feedback.retry p{color:#a18b58}.l-block-label,.l-hint p,.l-help-row>button,.l-blanking,.l-saved-pass{color:#8aa16f}.l-code-chips>button{color:#769853}.l-rescue strong{color:#89709e}.l-rescue li,.l-rescue li strong{color:#9a84ad}.l-rescue small{color:#a58db8}.l-celebration h1{color:#799957}.l-celebration>p,.l-celebration>p strong{color:#90aa73}.l-keep-this>p{color:#86a460}.l-earned strong{color:#92b36c}.l-page-footer{color:#9caa8a}@media(min-width:1550px){.l-sidebar{width:265px;padding:34px 26px 24px}.l-main{margin-left:265px}.l-page-content{padding-top:48px}.l-welcome h1{font-size:50px}.l-home-columns{grid-template-columns:minmax(400px,1fr) 285px;gap:40px}.l-unit-nav>button{font-size:11px;min-height:64px}.l-path-copy button{font-size:15px}.l-path-copy p{font-size:10px}.l-welcome p{font-size:14px}.l-welcome-art{width:300px}.l-welcome .l-byte{width:265px}.l-topbar{padding:0 50px}}@media(max-width:1200px){.l-sidebar{width:220px;padding:28px 19px 18px}.l-main{margin-left:220px}.l-brand{font-size:18px}.l-brand-suffix{font-size:15px}.l-brand-mark{width:32px;height:35px}.l-brand small{font-size:6px;letter-spacing:1.4px}.l-main-nav{margin-top:33px}.l-main-nav>button{font-size:11px;padding:11px 9px}.l-unit-nav>button{font-size:9px;gap:8px;padding:9px 6px}.l-page-content{padding:35px 30px 10px}.l-topbar{padding:0 30px}.l-home-columns{gap:20px;grid-template-columns:minmax(310px,1fr) 235px}.l-welcome h1{font-size:39px}.l-welcome-art{width:225px;height:230px}.l-welcome .l-byte{width:220px;left:-3px;bottom:-5px}.l-speech{font-size:11px;right:0;top:0;padding:11px 14px}.l-welcome p{font-size:11px}.l-small-card{padding:19px 16px}.l-unit-banner{padding:18px 15px;gap:10px}.l-unit-banner h2{font-size:15px}.l-unit-banner p{font-size:8px}.l-unit-banner-icon{width:36px;height:42px}.l-unit-banner-icon svg{width:23px}.l-unit-completion{font-size:18px}.l-path-entry{gap:16px;padding-left:calc(var(--offset) * .6)}.l-path-node{width:62px;height:59px}.l-node-start{left:calc(var(--offset) * .6 - 5px);font-size:6px}.l-path-line{left:9px;width:148px}.l-path-copy button{font-size:12px}.l-path-copy p{font-size:8px}.l-rhythm{gap:8px}.l-rhythm strong{font-size:8px}.l-rhythm p{font-size:7px}.l-page-footer{margin-left:30px;margin-right:30px}.l-top-stats{gap:17px}.l-breadcrumb{font-size:9px}}@media(max-width:1020px){.l-home-columns{grid-template-columns:1fr}.l-home-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.l-how{display:none}.l-tip{order:2;grid-column:1/-1}.l-assessment-note{order:1;padding:15px 9px}.l-goal-card{order:0}.l-welcome-art{width:210px}.l-welcome h1{font-size:36px}.l-welcome p{font-size:10px}.l-welcome{gap:10px}.l-speech{right:-6px;font-size:10px}.l-welcome .l-byte{left:-12px;bottom:-4px}.l-untimed{font-size:7px}.l-path-entry{padding-left:calc(var(--offset) + 24px);height:119px}.l-path-line{left:39px;width:188px;height:478px}.l-node-start{left:calc(var(--offset) + 19px)}.l-path-copy button{font-size:14px}.l-path-copy p{font-size:10px}.l-path-copy small{font-size:9px}.l-lesson-path{min-height:500px}.l-unit-banner h2{font-size:19px}.l-unit-banner p{font-size:10px}.l-unit-banner>div>span{font-size:8px}.l-unit-banner-icon{height:48px;width:45px}.l-unit-completion{font-size:24px}.l-review-grid{grid-template-columns:1fr}.l-review-page>h1{font-size:30px}.l-top-stats>span:nth-child(2){display:none}.l-celebration{padding-left:0;padding-right:0}.l-earned>span>small{font-size:6px}.l-celebration h1{font-size:26px}}@media(max-width:760px){.l-sidebar{position:relative;width:auto;height:auto;padding:20px 20px 0;border-right:0;border-bottom:1px solid #e4eadc}.l-brand{font-size:20px}.l-brand-mark{width:34px;height:37px}.l-brand-suffix{font-size:18px}.l-brand small{font-size:7px}.l-main-nav{margin:22px -7px 15px;flex-direction:row;gap:8px;overflow-x:auto}.l-main-nav>button{font-size:10px;padding:10px 9px;flex-shrink:0}.l-main-nav>button:nth-child(3){font-size:9px}.l-main-nav>button>svg{width:16px;height:16px}.l-course-label,.l-sidebar-bottom{display:none}.l-unit-nav{flex-direction:row;gap:8px;padding:0 0 12px;margin:0 -3px;overflow:auto}.l-unit-nav>button{flex-shrink:0;min-width:163px;min-height:50px;padding:8px;gap:8px;background:#fbfcf8;font-size:9px;border-color:#edf1e6}.l-unit-nav>button>span:last-child{max-width:130px}.l-unit-nav small{font-size:7px}.l-unit-index{width:22px;height:22px;font-size:8px}.l-main{margin-left:0}.l-topbar{height:53px;padding:0 22px;background:#fafbf8}.l-top-stats{gap:12px}.l-top-stats>.l-avatar{display:none}.l-breadcrumb{font-size:8px}.l-top-stats>span{font-size:8px}.l-top-stats b{font-size:9px}.l-top-stats svg{width:14px}.l-page-content{padding:27px 23px 10px;max-width:630px}.l-welcome{padding:0 0 30px;gap:5px}.l-welcome h1{font-size:37px;letter-spacing:-1.5px;margin:14px 0}.l-welcome p{font-size:11px;margin-bottom:19px;line-height:1.9}.l-welcome-art{width:160px;height:231px}.l-welcome .l-byte{width:189px;left:-22px;bottom:5px}.l-speech{padding:9px 10px;right:0;top:5px;font-size:10px}.l-speech>span{font-size:5px}.l-art-spark{right:0;bottom:35px;font-size:17px}.l-eyebrow{font-size:6px;letter-spacing:1.4px}.l-btn{font-size:10px!important;gap:16px;padding:11px 17px}.l-untimed{font-size:7px;line-height:1.8;margin-top:14px}.l-home-columns{gap:23px}.l-unit-banner{padding:18px 16px}.l-unit-banner h2{font-size:18px}.l-unit-banner p{font-size:9px;line-height:1.7}.l-unit-banner>div>span{font-size:7px}.l-unit-completion{font-size:22px}.l-path-entry{padding-left:var(--offset);gap:18px}.l-path-line{left:16px}.l-node-start{left:calc(var(--offset) - 5px)}.l-home-aside{gap:13px}.l-how{display:none}.l-goal-card{padding:17px 15px}.l-card-heading{gap:7px}.l-card-heading h3{font-size:10px}.l-card-heading div>span{font-size:7px}.l-small-icon{width:28px;height:28px}.l-goal-boxes{gap:6px;margin:16px 0 12px}.l-goal-boxes>span{height:36px}.l-goal-caption b{font-size:8px}.l-goal-caption>span{font-size:7px}.l-assessment-note>span{font-size:5px}.l-assessment-note h3{font-size:12px}.l-assessment-note p{font-size:8px}.l-assessment-note button{font-size:7px}.l-tip p{font-size:10px}.l-unit-end p{font-size:8px}.l-unit-end button{font-size:7px}.l-page-footer{margin:20px 23px 0;font-size:7px;gap:10px;line-height:1.8}.l-page-footer>span:last-child{text-align:right}.l-lesson-top{height:85px;padding:0 20px;gap:17px}.l-leave>span{display:none}.l-leave{padding:0}.l-no-timer{font-size:8px;gap:3px}.l-no-timer svg{width:12px}.l-step-progress{gap:5px}.l-step-progress>span{font-size:8px}.l-step-progress i{height:7px;margin-bottom:7px}.l-lesson-main{margin-top:12px;padding:0 20px}.l-lesson-context{font-size:8px;margin-bottom:16px;gap:6px}.l-lesson-card{padding:26px 24px;border-radius:12px}.l-lesson-card h1{font-size:25px;letter-spacing:-.8px}.l-idea,.l-step-question{font-size:14px;line-height:1.85}.l-step-kicker{font-size:7px}.l-code{font-size:11px;padding:17px;line-height:1.9}.l-walkthrough p,.l-takeaway p{font-size:11px}.l-answer-options>button{font-size:12px;padding:12px 13px;gap:10px}.l-answer-options>button>span{width:24px;height:24px;font-size:9px}.l-lesson-footer>div{padding:15px 20px 20px;gap:10px}.l-lesson-footer>div>span{font-size:8px;max-width:110px;line-height:1.8}.l-lesson-footer .l-btn{padding:12px 16px;min-width:0;font-size:10px!important;gap:10px}.l-code-editor{font-size:11px!important;padding:15px 14px;line-height:1.85}.l-block-label{font-size:9px}.l-block-label small{font-size:8px}.l-code-chips{gap:8px}.l-code-chips>button{font-size:12px;padding:9px 13px}.l-feedback{padding:15px;gap:10px}.l-feedback strong{font-size:12px}.l-feedback p{font-size:11px}.l-output>code{font-size:11px}.l-help-row>button{font-size:9px}.l-rescue{padding:17px}.l-rescue li,.l-rescue li strong{font-size:10px}.l-rescue small{font-size:8px}.l-review-page{padding:10px 0;min-height:450px}.l-review-page>h1{font-size:28px}.l-review-page>p{font-size:11px}.l-celebration{padding-top:15px}.l-celebration h1{font-size:27px;letter-spacing:-.8px}.l-celebration>p{font-size:11px}.l-earned{gap:8px}.l-earned>span{padding:16px 7px;gap:9px}.l-earned strong{font-size:25px}.l-earned>span>small{font-size:6px;line-height:1.6}.l-keep-this{padding:19px}.l-keep-this>p{font-size:13px}.l-assessment-return{padding:10px 16px;gap:12px}.l-assessment-return>span{font-size:7px;max-width:200px;line-height:1.7}.l-assessment-return>button{font-size:10px;white-space:nowrap}}@media(max-width:400px){.l-page-content{padding:23px 17px 10px}.l-welcome h1{font-size:33px}.l-welcome p{font-size:10px}.l-welcome-art{width:125px;height:220px}.l-welcome .l-byte{width:162px;left:-22px;bottom:7px}.l-speech{font-size:8px;padding:8px 9px;top:12px;right:-2px}.l-speech>span{font-size:4px;letter-spacing:.8px}.l-eyebrow{font-size:5px;letter-spacing:1px}.l-welcome .l-btn{padding:10px 13px;font-size:9px!important;gap:10px}.l-untimed{font-size:6px}.l-path-entry{padding-left:calc(var(--offset) * .65);gap:15px}.l-path-node{width:58px;height:55px}.l-node-start{left:calc(var(--offset) * .65 - 5px)}.l-path-copy button{font-size:12px}.l-path-copy p{font-size:8px}.l-path-copy small{font-size:7px}.l-path-line{width:145px;left:12px}.l-unit-banner h2{font-size:15px}.l-unit-banner p{font-size:8px}.l-unit-banner-icon{width:33px;height:40px}.l-unit-banner-icon svg{width:22px}.l-unit-completion{font-size:18px}.l-lesson-main{padding:0 14px}.l-lesson-card{padding:23px 18px}.l-lesson-card h1{font-size:23px}.l-help-row>button{font-size:8px}.l-block-label{font-size:8px}.l-earned>span>small{font-size:5px}}@media(prefers-reduced-motion:reduce){.learning-app *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.l-idea,.l-step-question{color:#536d45;font-size:16px}.l-walkthrough p,.l-takeaway p{color:#617e4c;font-size:13px}.l-welcome p{color:#687c5c;font-size:13px}.l-path-copy button{color:#526f42;font-size:15px}.l-path-copy p{color:#778c66;font-size:11px}.l-path-copy small{color:#839773;font-size:10px}.l-unit-nav>button{font-size:11px;color:#5b7052}.l-unit-nav small{font-size:9px;color:#7e9071}.l-main-nav>button{font-size:12px}.l-card-heading h3,.l-how h3{font-size:13px;color:#5e7c48}.l-card-heading div>span,.l-goal-caption b,.l-goal-caption>span,.l-rhythm strong,.l-rhythm p{font-size:10px;color:#81966c}.l-tip p,.l-assessment-note p{font-size:11px;color:#7c8f66}.l-tip strong,.l-assessment-note h3{color:#6e8456}.l-answer-options>button{font-size:14px;color:#627f49}.l-feedback strong{color:#4c7132}.l-feedback p,.l-output>code{color:#628246;font-size:13px}.l-feedback.retry strong{color:#84632a}.l-feedback.retry p{color:#8e713d}.l-block-label,.l-hint p,.l-help-row>button,.l-blanking,.l-saved-pass{color:#718b57}.l-hint p{font-size:12px}.l-code-chips>button{color:#587c36}.l-rescue li,.l-rescue li strong{color:#816493}.l-rescue small{color:#9478a6}.l-celebration>p,.l-celebration>p strong{color:#7c9960}.l-keep-this>p{color:#6d8f45}@media(max-width:760px){.l-idea,.l-step-question{font-size:14px}.l-walkthrough p,.l-takeaway p,.l-feedback p,.l-output>code{font-size:12px}.l-welcome p{font-size:11px}.l-path-copy button{font-size:14px}.l-path-copy p{font-size:10px}.l-path-copy small{font-size:9px}.l-unit-nav>button{font-size:10px}.l-unit-nav small{font-size:8px}.l-main-nav>button{font-size:10px}.l-answer-options>button{font-size:13px}.l-card-heading h3,.l-how h3{font-size:11px}.l-card-heading div>span,.l-goal-caption b,.l-goal-caption>span,.l-rhythm strong,.l-rhythm p{font-size:8px}.l-assessment-note p{font-size:9px}}@media(max-width:400px){.l-path-copy button{font-size:12px}.l-path-copy p{font-size:9px}.l-welcome p{font-size:10px}}.learning-app .l-primary{background:#587c4d;border-color:#587c4d;box-shadow:0 4px #3c6131}.learning-app .l-primary:active:not(:disabled){box-shadow:0 1px #3c6131}.l-eyebrow,.l-untimed,.l-breadcrumb,.l-top-stats,.l-main-nav>button,.l-main-nav>button:nth-child(3),.l-unit-nav small,.l-course-label,.l-sidebar-bottom>span,.l-sidebar-bottom>small,.l-page-footer{color:#6e7d63}.l-top-stats .l-xp,.l-top-stats .l-xp b{color:#92703a}.l-top-stats b{color:#5d784d}.l-unit-banner p,.l-unit-banner>div>span,.l-unit-completion,.l-path-copy p,.l-path-copy small,.l-path-copy>span,.l-path-entry.current .l-path-copy>span,.l-node-start,.l-unit-end p,.l-unit-end button{color:#70845c}.l-card-heading div>span,.l-goal-caption b,.l-goal-caption>span,.l-rhythm strong,.l-rhythm p,.l-aside-kicker,.l-tip strong,.l-tip p,.l-assessment-note>span,.l-assessment-note p,.l-assessment-note button{color:#75845d}.l-step-kicker,.l-example-label,.l-blanking,.l-help-row>button,.l-hint p,.l-hint>span,.l-block-label,.l-block-label small,.l-help-row small,.l-saved-pass,.l-step-progress>span,.l-no-timer,.l-lesson-context,.l-lesson-context>span:last-child,.l-lesson-footer>div>span,.l-text-button{color:#6c8156}.l-output>span,.l-rescue small,.l-review-page>p,.l-review-card p,.l-review-card small,.l-review-empty>p,.l-celebration>p,.l-celebration>p strong,.l-celebration .l-review-notice,.l-celebration .l-break-note,.l-earned>span>small,.l-keep-this>span{color:#76845f}.l-welcome .l-eyebrow,.l-lesson-card .l-step-kicker{font-size:9px}.l-path-copy>span{font-size:8px}.l-review-card strong{color:#587347}.l-review-page>h1{color:#4f6c40}.l-celebration h1,.l-keep-this>p{color:#56763e}