@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&display=swap";:root{font-family:Heebo,Arial,sans-serif;color:#233b36;background:#f8f9fb;font-synthesis:none;font-weight:400;--green:#286c59;--muted:#87938f}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit;transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(.96)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9677dd;outline-offset:4px}aside{width:238px;position:fixed;inset:0 0 0 auto;background:#fff;border-left:1px solid #e9eeeb;padding:35px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:9px;font-size:32px;font-weight:900;text-decoration:none;color:#284a40}.brand-dot{color:#6ba68f;margin-right:-8px}.brand-icon{background:#2e745e;color:#fff;font-size:29px;width:40px;height:40px;display:grid;place-items:center;border-radius:13px}.brand-sub{font-size:10px;color:#94a09b;margin-top:9px;padding-right:4px}.nav-label{font-size:10px;color:#9ba6a1;margin:52px 12px 13px}nav{display:grid;gap:9px}nav button{text-align:right;padding:13px 16px;display:flex;gap:13px;align-items:center;font-size:13px;font-weight:500;border-radius:9px;color:#7a8782}nav button span{font-size:21px;width:22px}nav button.active{background:#eaf4ee;color:#2c7059;font-weight:700}.side-note{margin-top:auto;background:#f8faf7;border:1px solid #eef2e9;border-radius:12px;padding:20px 14px}.side-note>span{font-size:29px;color:#76a182}.side-note strong{font-size:12px;display:block;margin-top:8px}.side-note p{font-size:11px;line-height:1.9;color:#87938a;margin-bottom:0}.profile{display:flex;gap:8px;align-items:center;margin-top:27px;padding-top:23px;border-top:1px solid #edf0ee}.avatar{background:#f4ecdf;border-radius:50%;padding:9px}.profile select{border:0;background:transparent;max-width:143px;font-weight:600;font-size:11px;color:#365147}.profile small{display:block;font-size:10px;color:#98a09c;margin-top:4px}main{margin-right:238px;padding:0 48px;max-width:1750px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edeb;font-size:11px}.breadcrumb{color:#7c8984}.breadcrumb span{margin:0 12px;color:#bcc4c0}.header-stats{display:flex;gap:13px;align-items:center}.header-stats>span{padding:6px 12px;border-radius:7px}.xp{background:#fff6df;color:#9c792a}.level{background:#fff;border:1px solid #e7ebe9;color:#77867e}.greeting{margin:34px 0 26px;position:relative}.eyebrow{font-size:11px;letter-spacing:.4px;color:#87938d;margin-bottom:7px}h1{font-size:32px;letter-spacing:-.9px;margin:0;font-weight:800;line-height:1.5}h1>span{color:#4c9475}.greeting p{font-size:13px;color:#85918b;margin:8px 0 0}.hello{position:absolute;left:0;top:20px;font-size:12px;color:#8e9993}.hello span{margin-right:5px;font-size:20px}.hero{min-height:324px;border:1px solid #dfe9de;border-radius:18px;background:#eaf3e8;display:flex;overflow:hidden;position:relative}.hero-copy{padding:29px 35px;z-index:2;flex:1}.pill{display:inline-flex;gap:7px;align-items:center;font-size:10px;background:#ffffff9c;border:1px solid #dae6d7;border-radius:20px;padding:5px 10px;color:#5e8270}.pill i{width:5px;height:5px;background:#6a9d72;border-radius:50%}.hero h2{font-size:34px;line-height:1.35;font-weight:800;letter-spacing:-.7px;margin:16px 0 10px}.hero h2 span{color:#4a7b5f}.hero p{font-size:12px;color:#7c8e7d;line-height:1.9;margin:0 0 20px}.primary{background:#2e705a;color:#fff;border-radius:8px;padding:12px 21px;font-size:12px;font-weight:600;box-shadow:0 3px 4px #224a3910;display:inline-flex;justify-content:center;align-items:center;gap:25px}.primary span{font-size:19px}.hero small{display:block;margin-top:15px;font-size:9px;color:#8b9c8a}.hero small i{margin:0 9px}.hero-visual{width:45%;position:relative;min-height:330px;direction:ltr}.orbit{position:absolute;width:290px;height:290px;border:1px dashed #c9dbc5;border-radius:50%;left:50%;top:28px;transform:translate(-50%)}.island{position:absolute;width:250px;height:135px;left:50%;top:165px;transform:translate(-50%);border-radius:24px 28px 55px 50px;background:#b4c99c;box-shadow:0 13px #9aaf80,0 25px 25px #7b986824}.tile-grid{position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent 0 39px,#99b5835c 40px 42px),repeating-linear-gradient(90deg,transparent 0 47px,#99b5835c 48px 50px);transform:skewY(-5deg);background-color:#d5e4be}.bot-art{position:absolute;width:95px;height:125px;left:75px;top:-83px;transform:rotate(-7deg);filter:drop-shadow(3px 9px 4px #54746335)}.bot-head{position:absolute;top:19px;width:94px;height:72px;background:linear-gradient(125deg,#fff,#dbe8dd);border-radius:24px;box-shadow:4px 5px #b0c4b0}.bot-face{position:absolute;inset:14px 12px;background:#2a5046;border-radius:17px}.bot-face i{width:10px;height:14px;background:#9ce4bd;border-radius:8px;position:absolute;top:11px;left:14px;box-shadow:0 0 7px #aceacf77}.bot-face i:nth-child(2){left:44px}.bot-face span{position:absolute;width:12px;height:6px;border-bottom:2px solid #9ce4bd;border-radius:50%;top:25px;left:30px}.antenna{height:22px;position:absolute;left:46px;width:4px;background:#9ab69b;top:0}.antenna:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#89b58b;left:-4px;top:-4px}.bot-body{position:absolute;top:93px;left:24px;width:52px;height:32px;background:#e9f1e3;border-radius:8px 8px 16px 16px;text-align:center;color:#9eb598;box-shadow:3px 2px #a3b99b}.bot-feet:before,.bot-feet:after{content:"";position:absolute;top:125px;width:21px;height:11px;border-radius:5px;background:#66886c;left:20px}.bot-feet:after{left:60px}.gem{color:#9474d4;position:absolute;font-size:59px;right:24px;top:5px;text-shadow:3px 5px #b4a0db;transform:rotate(8deg)}.plant{position:absolute;color:#649b65;font-size:40px;bottom:20px}.p1{left:13px}.p2{right:10px;bottom:65px;font-size:32px}.floating{position:absolute;background:#fffef6;border:1px solid #e0e7d9;border-radius:8px;padding:10px 14px;z-index:3;font-size:12px;box-shadow:0 7px 12px #6b816712;direction:rtl}.floating b{margin-right:17px}.command{left:16%;top:73px;transform:rotate(-9deg);color:#4e7b69}.loop{right:6%;bottom:40px;transform:rotate(8deg);background:#f4f0ff;color:#8b72b4}.spark{position:absolute;color:#90ac7e;font-size:29px}.s1{left:17%;bottom:47px}.s2{right:14%;top:47px;font-size:20px}.bot-label{position:absolute;bottom:13px;left:40%;font-size:10px;color:#7e9476;transform:rotate(-4deg)}.progress-strip{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e7ece8;border-radius:11px;margin:19px 0 33px;padding:16px 20px}.progress-icon{background:#f3f0e7;color:#aa9562;font-size:24px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.progress-strip strong{font-size:12px}.progress-strip small{display:block;color:#95a097;font-size:10px;margin-top:5px}.progress-track{margin-right:auto;width:36%}.progress-track>span{font-size:10px;color:#99a39e;display:block;margin-bottom:7px}.progress-track b{color:#547967}.bar{height:5px;background:#edf1ed;border-radius:10px;overflow:hidden}.bar i{height:100%;display:block;background:#6d9f83;border-radius:10px}.progress-percent{font-size:13px;color:#8ba08f;margin-top:18px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title h2{font-size:20px;margin:0}.section-title p{font-size:11px;color:#96a197;margin:6px 0 0}.challenge{font-size:11px;display:flex;align-items:center;gap:8px;color:#7f8f84;cursor:pointer}.challenge input{accent-color:#56896d}.challenge span{font-size:20px;color:#a290be}.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.world-card{border-radius:12px;background:#fff;border:1px solid #e3e9e3;overflow:hidden;display:flex;flex-direction:column;position:relative}.world-top{display:flex;justify-content:space-between;padding:16px 15px 0;font-size:9px;color:#71917e;z-index:1}.world-top span:last-child{font-size:8px}.world-art{height:114px;position:relative;display:grid;place-items:center;background:linear-gradient(#eef5ea,#fff)}.mint .world-top{background:#eef5ea}.purple .world-top{background:#f3eff8;color:#a08bb6}.purple .world-art{background:linear-gradient(#f3eff8,#fff)}.peach .world-top{background:#fdf2e8;color:#b49d84}.peach .world-art{background:linear-gradient(#fdf2e8,#fff)}.blue .world-top{background:#ecf3f8;color:#88a4b3}.blue .world-art{background:linear-gradient(#ecf3f8,#fff)}.world-card h3{font-size:17px;margin:0 16px 4px}.world-card>p{font-size:10px;color:#a0a99f;margin:0 16px 15px}.mini-island{width:90px;height:48px;background:#c1d8ae;border-radius:15px 20px 27px;transform:rotate(-8deg);box-shadow:0 9px #98ba8e;color:#528268;font-size:46px;line-height:25px;text-align:center}.little-gem{position:absolute;left:22%;bottom:30px;color:#a694c4;font-size:25px}.tree{position:absolute;font-size:86px;color:#c9b8de;top:0}.t1{left:25%;font-size:67px;top:26px}.t2{left:40%}.t3{left:57%;font-size:62px;top:28px}.art-loop{position:absolute;font-size:35px;color:#8a74a1;left:26%;bottom:14px}.sign{background:#d9b68e;color:#fff8ea;border-radius:8px;font-size:34px;line-height:29px;width:65px;text-align:center;transform:rotate(-8deg);box-shadow:3px 4px #c6a583}.sign:after{content:"";width:7px;height:18px;background:#c9ac8d;position:absolute;bottom:-18px;left:30px}.stone{position:absolute;bottom:20px;left:25%;color:#ddc9b4}.flask{background:#c0dbe4;color:#689cab;border-radius:14px 14px 28px 28px;width:69px;height:63px;font-size:42px;text-align:center;transform:rotate(9deg);box-shadow:3px 5px #abcad7}.atom{position:absolute;left:24%;top:12px;color:#9cbbcd;font-size:34px}.world-lessons{padding:0 11px}.world-lessons button{display:flex;align-items:center;width:100%;gap:7px;text-align:right;padding:9px 0;border-top:1px solid #f0f2ef;font-size:10px}.lesson-number{border:1px solid #e1e9df;width:22px;height:22px;display:grid;place-items:center;font-size:9px;border-radius:7px;color:#7c947f;flex-shrink:0}.lesson-number.completed{background:#e0f0e3;color:#35724e}.lesson-end{margin-right:auto;color:#90a98c}.world-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px 15px;font-size:9px;color:#a0aaa0}.world-bottom .bar{flex:1;height:3px}.bottom-note{display:flex;align-items:center;gap:12px;padding:19px 2px;margin-top:13px;font-size:10px;color:#98a198}.bottom-note>span:first-child{font-size:20px}.bottom-note strong{color:#708475;font-weight:500}.bottom-note>span:last-child{margin-right:auto;white-space:nowrap;color:#a7afa6;font-size:9px}footer{display:flex;justify-content:center;gap:10px;font-size:9px;color:#b1b9b1;padding:25px 0}footer span{color:#a2b8a2}.lesson-heading{margin:25px 0}.back{font-size:12px;color:#608975;padding:0 0 20px}.lesson-heading>span{float:left;font-size:11px;color:#92a092}.lesson-heading p{color:#839385;font-size:13px}.lesson-tip{display:flex;gap:15px;background:#eef3e9;padding:18px 22px;border:1px solid #e0e8d8;border-radius:12px;margin-bottom:22px}.lesson-tip>span{font-size:24px}.lesson-tip strong{font-size:13px}.lesson-tip p{font-size:12px;line-height:1.9;margin:4px 0 0;color:#72836a}.lab{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.board-panel,.editor{padding:20px;background:#fff;border:1px solid #e1e9e2;border-radius:14px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-title strong{font-size:15px}.panel-title>span{font-size:10px;color:#91a092}canvas{width:100%;height:auto;border-radius:12px;display:block}.board-status{font-size:11px;text-align:center;margin:15px 0;color:#698575}.board-legend{display:flex;justify-content:center;gap:18px;font-size:10px;color:#889888}.editor-help{font-size:12px;color:#879589}.palette{display:flex;flex-wrap:wrap;gap:7px}.code-button{padding:8px 10px;border-radius:7px;background:#ecf4ee;color:#42755a;border:1px solid #d6e5d8;font-size:11px}.code-button b{margin-right:12px;font-size:14px}.code-button.conditional{background:#fff4e6;color:#9a7644;border-color:#eddfca}details{border:1px solid #e6dff0;border-radius:8px;margin-top:14px;background:#faf8fd}summary{padding:10px;cursor:pointer;font-size:12px;color:#8b6fa6}.builder{padding:10px;font-size:11px}.builder>.palette{margin-top:10px}.builder select{border:1px solid #ded3ed;border-radius:5px;background:#fff}.builder p{line-height:1.8;color:#8d749f}.builder>button{font-size:10px;background:#e9e1f4;padding:7px;border-radius:5px;margin-left:5px}.program{list-style:none;padding:10px;margin:18px 0;min-height:155px;max-height:300px;overflow:auto;border:1px dashed #d5dfd5;background:#fafcf9;border-radius:9px}.program li{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;background:#eaf2e9;margin-bottom:7px;font-size:11px}.program li>div{margin-right:auto;display:flex}.program li>div button{padding:3px 7px}.line-number{color:#8fa48c;font-size:10px}.empty-program{display:grid;place-items:center;text-align:center;color:#9ba995;padding:18px;font-size:12px;gap:8px}.empty-program>span{font-size:25px}.empty-program small{font-size:10px}.run-controls{display:flex;gap:10px;align-items:center}.run-controls>button:not(.primary){font-size:11px;background:#f2f4ef;padding:11px;border-radius:7px}.feedback{font-size:12px;line-height:1.9;margin:15px 0;padding:12px;border-radius:8px;background:#f4f5f0;color:#76836b}.feedback.success{background:#e4f4e9;color:#337346}.hint-button{font-size:11px;color:#9a874e;padding:5px 0}.hint{font-size:12px;background:#fff8e6;padding:15px;line-height:1.8;border-radius:8px}.keyboard{font-size:9px;color:#9eaaa0;line-height:1.8}.challenge-note{font-size:11px;color:#977aaa}.next{width:100%;margin-bottom:10px}.achievement-grid,.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.badge-card,.guide-card,.settings{background:#fff;border:1px solid #e3e9e0;border-radius:14px;padding:27px}.badge-card{text-align:center;color:#96a295}.badge-card>span{font-size:48px;color:#c0cbbf}.badge-card.earned{background:#ecf5e8;color:#39704c}.badge-card.earned>span{color:#94b47d}.badge-card h2,.guide-card h2,.settings h2{font-size:18px}.badge-card p,.guide-card p,.settings p{font-size:13px;line-height:1.9;color:#84917e}.guide-card>span{font-size:35px;color:#79987b}.example{background:#f3f6ed;padding:15px;border-radius:8px}.guide-card button{font-size:12px;color:#42745c}.settings{margin-top:25px}.settings label{font-size:13px}.settings input{padding:9px;border:1px solid #d9e3d4;border-radius:6px;margin:10px}.settings .primary{margin-right:10px}@media(min-width:1500px){main{padding:0 65px}.hero-visual{width:47%}.world-art{height:140px}.world-card h3{font-size:20px}.world-lessons button{font-size:12px;padding:12px 0}.hero-copy{padding:34px 40px}.hero{min-height:360px}.hero-visual{transform:scale(1.08)}}@media(max-width:1150px){aside{width:200px;padding:30px 16px}main{margin-right:200px;padding:0 28px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h2{font-size:29px}.hero-copy{padding:25px}.hero-visual{width:43%;transform:scale(.85)}.hello{display:none}.lab{gap:15px}.editor,.board-panel{padding:14px}.bottom-note>span:last-child{display:none}}@media(max-width:760px){aside{position:relative;width:100%;padding:14px 20px;display:block;border-bottom:1px solid #e6ede4}.brand{font-size:25px}.brand-icon{width:33px;height:33px;font-size:23px}.brand-sub,.nav-label,.side-note{display:none}nav{display:flex;margin-top:14px;gap:7px}nav button{font-size:11px;padding:8px;gap:6px}nav button span{font-size:17px}.profile{position:absolute;left:15px;top:3px;border:0;margin:0;padding:13px 0}.profile .avatar{display:none}.profile select{max-width:120px}.profile small{font-size:9px}main{margin:0;padding:0 20px}header{height:60px}.header-stats{gap:5px}.header-stats>span{padding:5px}.greeting{margin-top:24px}h1{font-size:27px}.hero{display:block}.hero-visual{height:275px;width:100%;min-height:275px;transform:scale(.9);margin-top:-20px}.hero-copy{padding:25px 25px 0}.hero-copy h2 br{display:none}.hero-copy h2{font-size:28px}.hero-visual .island{top:120px}.orbit{top:0}.command{top:40px}.bot-label{bottom:0}.loop{bottom:20px}.progress-strip{gap:9px;padding:12px}.progress-track{width:26%}.progress-icon{display:none}.progress-strip strong{font-size:11px}.progress-strip small{font-size:9px}.section-title h2{font-size:18px}.section-title p,.challenge{font-size:10px}.world-grid{gap:12px}.world-card h3{font-size:16px}.world-top{padding:13px 10px 0}.world-top span{font-size:8px}.world-card>p{font-size:9px}.world-lessons button{font-size:9px}.world-art{height:110px}.world-card h3,.world-card>p{margin-right:12px;margin-left:10px}.lab,.achievement-grid,.guide-grid{grid-template-columns:1fr}.lesson-heading>span{font-size:10px}.bottom-note{align-items:start}.bottom-note p{margin:0;line-height:1.8}.settings input{max-width:160px}footer{font-size:8px}}.sound-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid #e1e9e2;border-radius:7px;font-size:14px;min-height:32px}.sound-toggle span{font-size:10px;color:#547465}.sound-toggle[aria-pressed=false]{background:#f0f2ef}@media(max-width:760px){.sound-toggle{padding:5px 7px}.sound-toggle span{display:none}}.early-lesson .lesson-heading{margin:20px 0}.early-lesson .lesson-heading h1{font-size:27px}.early-lesson .back{padding-bottom:10px}.title-gem{color:#9470de!important;font-size:30px;margin-right:8px}.early-lab{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:22px}.early-lab .board-panel,.early-lab .editor{padding:20px}.step-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}.step-heading>b,.step-number{background:#e3f0e8;color:#39765c;display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:50%;font-size:14px;font-weight:700}.step-heading strong{font-size:17px}.goal-tag{margin-right:auto;font-size:12px;color:#7854b4;background:#f4effc;border-radius:20px;padding:5px 9px}.early-lab canvas{max-width:455px;margin:auto}.direction-guide{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:14px;color:#426d59}.direction-guide>span{direction:ltr;display:inline-block;font-size:26px;color:#28765e}.direction-guide strong{font-size:12px;font-weight:500}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visual-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.visual-command{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;min-height:119px;padding:12px 5px!important;border-radius:12px}.visual-command .command-symbol{display:inline-block;font-size:31px;line-height:1;direction:ltr}.visual-command strong{font-size:13px}.visual-command small{font-size:10px;white-space:nowrap;color:#637b6b}.visual-command .command-plus{position:absolute;left:5px;top:3px;font-size:13px;color:#6c8d73}.command-F{background:#dfefe4;border-color:#91b89d}.command-L,.command-R{background:#f5f2fb;border-color:#e1d8ee;color:#80639f}.sequence-heading{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:20px}.sequence-heading>span{font-size:10px;color:#80917e}.sequence-heading>button{margin-right:auto;font-size:11px;color:#7a8e7b;padding:4px}.visual-program{margin:8px 0 18px;min-height:115px;max-height:182px;padding:8px}.visual-program li{font-size:13px;margin-bottom:5px;min-height:37px;padding:6px 8px;border:2px solid transparent}.visual-program .line-number{background:#fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;color:#62836b}.sequence-symbol{font-size:21px;direction:ltr;display:inline-block}.visual-program li.executing{background:#e1f1d0;border-color:#78a64b}.visual-program .empty-program{padding:10px;font-size:12px}.play-step{display:flex;gap:9px;align-items:center}.play-step .primary{flex:1;font-size:15px;min-height:47px}.play-step>#reset{font-size:11px;color:#758977;white-space:nowrap;padding:8px 0}.early-lab .feedback{margin:12px 0 7px;padding:8px 10px;font-size:12px}.early-lab .next{margin-top:8px}.extra-help{background:transparent;border:0;margin-top:6px}.extra-help summary{font-size:11px;padding:6px 0;color:#819078}.extra-help p{font-size:12px;line-height:1.8;color:#6d7f66}.visual-hint{display:flex;gap:10px;direction:ltr;justify-content:center;font-size:22px;color:#53774f}.visual-hint span{padding:6px;background:#fff;border-radius:8px}.early-lab .hint{margin:6px 0;padding:10px}.early-lab .hint p{margin:5px 0;font-size:12px}.turn-example{display:flex;justify-content:center;direction:ltr;gap:22px;font-size:25px}.turn-example b{color:#9971bf}.early-lab .challenge-note{margin:8px 0;font-size:10px}@media(max-width:1150px){.early-lab{grid-template-columns:1fr 1fr;gap:14px}.early-lab .board-panel,.early-lab .editor{padding:14px}.visual-command strong{font-size:11px}.visual-command small{font-size:9px}.step-heading strong{font-size:15px}.goal-tag,.direction-guide strong{font-size:10px}}@media(max-width:850px){.early-lab{grid-template-columns:1fr}.early-lab canvas{max-width:350px}.early-lesson .lesson-heading h1{font-size:22px}.visual-command strong{font-size:13px}.visual-command small{font-size:10px}.direction-guide strong{font-size:12px}.visual-program{max-height:190px}}@media(min-width:1250px)and (max-height:850px){.early-lab canvas{max-width:370px}.early-lesson .lesson-heading{margin:14px 0}.early-lab .board-panel,.early-lab .editor{padding:15px}.visual-command{min-height:102px}.visual-program{max-height:145px}.early-lesson .lesson-heading h1{font-size:25px}}aside>.profile{margin-top:auto}main{padding-bottom:30px}@media(max-width:760px){aside>.profile{margin-top:0}}.feedback.failure{background:#fff0ec;border:1px solid #e8b2a5;color:#a13c2b;font-weight:600}.early-lab .feedback.failure{padding:12px;font-size:13px}.feedback.failure:first-letter{font-weight:800}.login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 30% 25%,#e2efe3,transparent 60%),#f8f9fb}.login-card{width:100%;max-width:430px;background:#fff;border:1px solid #dfe9df;border-radius:24px;padding:32px;box-shadow:0 20px 70px #3051390c}.login-card>.brand{justify-content:center}.login-card h1{text-align:center;font-size:25px;margin:10px 0 20px}.login-bot{height:140px;position:relative;margin-top:20px}.login-bot .bot-art{top:5px;left:calc(50% - 48px)}.login-card fieldset{border:0;padding:0;margin:0 0 20px;display:flex;gap:12px}.login-card legend{font-size:13px;color:#6f8476;margin-bottom:10px}.login-card fieldset label{flex:1;cursor:pointer;position:relative}.login-card fieldset input{position:absolute;opacity:0}.login-card fieldset span{display:flex;align-items:center;flex-direction:column;gap:3px;padding:14px;border:2px solid #e5ebe3;border-radius:12px;font-size:27px}.login-card fieldset strong{font-size:17px}.login-card fieldset small{font-size:12px;color:#7f8c81}.login-card fieldset input:checked+span{border-color:#438162;background:#ecf5ee}.login-card fieldset input:focus-visible+span{outline:3px solid #9576c7;outline-offset:3px}.password-label{font-size:14px;display:block;margin-bottom:8px}#password{width:100%;border:1px solid #ccd9cd;border-radius:8px;padding:12px;font:inherit}.login-card .primary{width:100%;font-size:16px}.login-error{font-size:13px;min-height:20px;color:#a13c2b}.account-name{font-size:14px}#logout{font-size:12px;display:block;color:#758574;padding:5px 0}.sync-error{background:#fff1dd;border:1px solid #e1c493;padding:12px;border-radius:8px;font-size:13px}.sync-error button{text-decoration:underline;font-weight:700}#sync-status{min-height:0;position:relative}.saving-status{position:absolute;top:2px;left:0;color:#66806b;font-size:11px}