@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{--ink:#192729;--muted:#71817d;--line:#dce6df;--paper:#f8faf7;--mint:#dff3e9;--green:#1d6b53;--yellow:#f2d06b;--coral:#e97562}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:15px DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #e0a82e}header{background:#fbfcfa;border-bottom:1px solid #e6ede8;justify-content:space-between;align-items:center;height:78px;padding:0 7vw;display:flex}.brand{letter-spacing:-.6px;font-size:20px;font-weight:700}.brand span{color:var(--coral);margin-left:3px;font-size:10px}nav{color:#53625f;align-items:center;gap:33px;font-size:13px;display:flex}nav a:hover{text-decoration:underline}nav i{color:#83908b;background:#edf2ee;border-radius:20px;margin-left:5px;padding:5px 8px;font:10px DM Mono}.on{color:var(--green);background:var(--mint)}main{max-width:1130px;margin:auto;padding:0 30px}.intro{min-height:540px;padding:102px 0 80px;position:relative}.eyebrow{letter-spacing:1.5px;color:#84938e;font:11px DM Mono}.eyebrow b{color:var(--coral);margin-left:5px}h1,h2,p{margin-top:0}h1{letter-spacing:-2.8px;margin:18px 0 22px;font-size:58px;line-height:1.04}h1 em{color:var(--green);font:italic 600 1em Playfair Display}h2{letter-spacing:-1px;font-size:28px}.lede{color:var(--muted);max-width:470px;font-size:17px;line-height:1.6}.intro button,.no-lesson button,.setting-card button,.button{background:var(--ink);color:#fff;border-radius:4px;margin-top:18px;padding:14px 18px;font-weight:600}.intro button span,.button span{color:var(--yellow);margin-left:28px}.intro-art{background:var(--mint);border-radius:48% 48% 45% 45%;width:350px;height:400px;position:absolute;top:72px;right:50px;transform:rotate(7deg)}.phone{background:#1f292a;border:7px solid #364241;border-radius:29px;width:190px;height:350px;position:absolute;top:57px;left:85px;transform:rotate(-15deg);box-shadow:18px 20px #1e48381f}.island{z-index:2;background:#202a2b;border-radius:20px;width:67px;height:18px;position:absolute;top:10px;left:60px}.screen{height:326px;color:var(--ink);background:#f5f6f1;border-radius:21px;margin:5px;padding:44px 16px 10px}.screen small{color:#85938f;font:8px DM Mono}.screen strong{margin:20px 0;font-size:17px;display:block}.screen strong span{color:var(--coral)}.task{border-top:1px solid #dfe4df;padding:14px 5px;font-size:10px}.task span{margin-left:8px}.task.done{color:var(--green);text-decoration:line-through}.spark,.circle{color:var(--coral);font-size:25px;position:absolute;transform:rotate(-7deg)}.spark{top:55px;right:36px}.circle{bottom:36px;left:28px}.home-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;padding:55px 0;display:grid}.home-grid p{color:var(--muted);max-width:390px;line-height:1.6}.mini-card,.setting-card{border:1px solid var(--line);background:#fff;border-radius:7px;padding:25px;box-shadow:0 8px 25px #143e2810}.mini-icon{margin-bottom:32px;font-size:30px}.mini-card b{font-size:18px;display:block}.mini-card small{color:var(--muted);margin:7px 0 25px;display:block}.mini-card a{color:var(--green);font-weight:600}.roadmap-cards{gap:12px;display:grid}.roadmap-cards .mini-card{display:block}.roadmap-cards .mini-card span{color:var(--muted);margin:8px 0 20px;font-size:13px;line-height:1.45;display:block}.roadmap-cards .mini-card strong{color:var(--green);font-size:13px}.prereq{color:var(--green);margin-top:8px;font-size:11px;display:inline-block}.page-head{justify-content:space-between;align-items:end;padding:70px 0 35px;display:flex}.page-head h1{margin-bottom:14px;font-size:48px}.page-head p{color:var(--muted);max-width:510px}.progress{width:185px}.progress strong{font-size:34px}.progress strong small{color:var(--muted);font-size:15px}.progress span{color:var(--muted);margin:3px 0 10px;font-size:12px;display:block}.bar{background:#e0e7e2;border-radius:5px;height:5px}.bar i{background:var(--green);border-radius:5px;height:100%;display:block}.notice{color:#796c46;background:#fffdf4;border:1px solid #eee6c8;gap:12px;margin-bottom:48px;padding:15px 18px;font-size:13px;display:flex}.notice>span{color:#6c6a53}.notice a{font-weight:600;text-decoration:underline}.map{grid-template-columns:1fr 2.2fr;gap:40px;display:grid}.map section{display:contents}.stage{border-top:1px solid var(--line);color:var(--muted);padding-top:20px;font-size:13px}.stage span{color:var(--green);margin-right:14px;font:11px DM Mono}.topic-grid{border-top:1px solid var(--line);padding-bottom:28px}.topic{background:#fff;border:1px solid #0000;border-radius:6px;grid-template-columns:37px 1fr 20px;gap:15px;margin:7px 0;padding:17px 18px;display:grid}.topic:hover{border-color:#bfd7ca}.topic-num{color:#9caaa3;padding-top:2px;font:11px DM Mono}.topic b{font-size:15px}.topic p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.4}.topic>strong{color:#a3b0ab}.topic.complete{background:var(--mint);border-color:#c6e8d8}.topic.complete>strong{color:var(--green)}footer{border-top:1px solid var(--line);color:#84918c;margin-top:70px;padding:25px 7vw;font-size:12px}footer a{text-decoration:underline}footer span{float:right}.settings{max-width:700px;padding:72px 0 20px}.settings h1{font-size:47px}.setting-card{grid-template-columns:48px 1fr auto;gap:15px;margin-top:36px;display:grid}.provider-logo{background:var(--ink);color:#f2d06b;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.provider-copy b,.provider-copy span{display:block}.provider-copy span{color:var(--muted);margin-top:4px;font-size:12px}.status{color:#84908b;background:#f0f3f0;border-radius:20px;height:max-content;padding:7px 9px;font:10px DM Mono}.status.good{background:var(--mint);color:var(--green)}.setting-card label{grid-column:1/-1;margin-top:15px;font-size:13px;font-weight:600}.setting-card input{border:1px solid var(--line);border-radius:4px;width:100%;margin-top:7px;padding:13px;font:13px DM Mono;display:block}.setting-card>small{color:var(--muted);grid-column:1/-1;font-size:11px}.setting-card button{grid-column:2/-1;min-width:180px;margin-top:0}.setting-card .feedback{grid-column:1/-1}.feedback{color:var(--green);background:#f3f7f3;grid-column:1/-1;padding:12px;font-size:13px}.unavailable,.privacy{color:var(--muted);border:1px dashed #cfd9d2;gap:15px;margin-top:26px;padding:18px;font-size:13px;display:flex}.unavailable span{font-size:24px}.unavailable p,.privacy p{margin:7px 0 0;line-height:1.5}.privacy{color:#75847d;border:0;padding:5px}.privacy b{color:var(--ink)}.lesson-head{padding:55px 0 30px}.back{color:var(--green);margin-bottom:35px;font:12px DM Mono;display:block}.lesson-head h1{margin:12px 0;font-size:49px}.lesson-head p{color:var(--muted)}.generating,.no-lesson{text-align:center;border-top:1px solid var(--line);padding:70px 15px}.loader,.empty-icon{color:var(--coral);font-size:36px;animation:1.5s infinite pulse}.generating p,.no-lesson p{color:var(--muted)}.generating span{color:#a1ada7;font-size:12px}.no-lesson h2{margin-top:18px}.lesson{max-width:760px}.lesson-actions{border-top:1px solid var(--line);color:#82908b;justify-content:space-between;align-items:center;padding:18px 0;font-size:11px;display:flex}.lesson-actions button{color:var(--green);background:0 0;font-weight:600}.lesson-card,.exercise{border:1px solid var(--line);background:#fff;border-radius:7px;margin:16px 0;padding:29px}.lesson-card h2,.exercise h2{margin:15px 0;font-size:24px}.lesson-card>p,.exercise p{color:#4e5f5a;line-height:1.7}.objectives{background:var(--mint);border-color:#c7e6d7}.objectives ul,.exercise ul{margin:18px 0 0;padding:0;list-style:none}.objectives li{margin:10px 0}.objectives li:before{content:"✓";color:var(--green);margin-right:9px}.metaphor{border-left:3px solid var(--yellow);background:#fffaf0;gap:15px;margin-top:22px;padding:19px;display:flex}.metaphor>span{color:#c59c20;font-size:22px}.metaphor p{color:#625d47;margin:6px 0}.nodes{align-items:center;gap:7px;margin:24px 0;display:flex;overflow:auto}.nodes>div{text-align:center;background:#eff7f1;border-radius:6px;min-width:110px;padding:12px 7px}.nodes i{color:var(--green);margin-bottom:7px;font:11px DM Mono;display:block}.nodes b{font-size:12px}.nodes>span{color:#99aea3}.caption{border-top:1px solid var(--line);padding-top:15px;color:var(--muted)!important;margin:0!important;font-size:12px!important}.code-card{color:#eef5ee;background:#202d2c;border-color:#202d2c}.code-card .eyebrow{color:#a4c5af}.code-card pre{color:#d6e4d7;background:#172321;border-radius:4px;padding:20px;font:12px/1.7 DM Mono;overflow:auto}.code-card ol{color:#aac4b2;font-size:13px;line-height:1.7}.code-card>p{color:#dceadf}.quiz{background:#fffdf7;border-color:#eee6c8}.question{border-top:1px solid #ede6cf;padding:20px 0}.options{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.options button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:4px;padding:12px;font-size:13px}.options button:hover{border-color:var(--green)}.options button.right{border-color:var(--green);background:var(--mint)}.options button.wrong{border-color:var(--coral);background:#fff0ed}.answer{font-size:13px;line-height:1.5;color:#a14b3d!important;margin:14px 0 0!important}.right-text{color:var(--green)!important}.exercise{border-color:#c8dfd0}.exercise li{color:#51635a;margin:10px 0}.exercise textarea{border:1px solid var(--line);resize:vertical;width:100%;min-height:80px;margin-top:16px;padding:12px;font:13px DM Sans}.check{color:var(--green);margin-top:15px;font-size:13px;font-weight:600;display:block}.check input{margin-right:8px}.next{justify-content:space-between;align-items:center;padding:28px 0;display:flex}.next>a:first-child{color:var(--green);font-size:13px}.next .button{margin:0}.error{color:#a14b3d;background:#fff0ed;border:1px solid #f0c5bd;margin-top:14px;padding:12px;font-size:13px}.loading,.empty{text-align:center;color:var(--muted);padding:140px 0}@keyframes pulse{50%{opacity:.6;transform:scale(1.15)}}@media (width<=750px){header{height:65px;padding:0 20px}nav{gap:12px;font-size:12px}nav i{padding:4px 6px;font-size:9px;display:inline-block}main{padding:0 20px}.intro{min-height:720px;padding:65px 0 45px}.intro h1{font-size:45px}.intro-art{width:290px;height:300px;margin:50px auto 0;position:relative;top:auto;right:auto}.phone{top:32px;left:65px;transform:rotate(-11deg)scale(.85)}.home-grid{grid-template-columns:1fr;gap:25px}.page-head{padding:45px 0 25px;display:block}.page-head h1{font-size:40px}.progress{width:100%;margin-top:25px}.map{display:block}.stage{margin-top:20px}.topic-grid{border-top:0}.settings{padding:50px 0}.settings h1{font-size:40px}.setting-card{grid-template-columns:38px 1fr;gap:12px}.setting-card .status{grid-area:2/1/auto/-1;width:max-content}.setting-card button{grid-column:1/-1}.lesson-head h1{font-size:40px}.lesson-actions{gap:10px}.options{grid-template-columns:1fr}.nodes{padding-bottom:4px}.nodes>div{min-width:95px}footer{margin-top:45px;padding:22px 20px}footer span{float:none;margin-top:10px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}