@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#193b39;--muted:#71817b;--teal:#18695b;--line:#dfe6dc;--paper:#f6f7f1;--orange:#e99a60}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:var(--teal);color:white;padding:12px 18px;border-radius:9px;font-weight:600}button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible{outline:3px solid #e99a60;outline-offset:3px}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#fffefa;border-right:1px solid var(--line);padding:34px 23px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font:700 18px Manrope,Arial}.brand>b{font-size:43px;letter-spacing:-9px;margin-right:8px}.brand span{color:var(--orange);font-size:30px}.brand small{font:9px Arial;letter-spacing:1.5px}.course{background:#f0f3e9;padding:17px;margin:32px 0 25px;font-weight:700;border-radius:10px}.course span{font-size:9px;background:#dce7d4;padding:5px;border-radius:5px;margin-left:40px}.course small{display:block;font-size:10px;line-height:1.7;margin-top:10px;font-weight:400;color:#6e7b6d}nav{display:grid;gap:8px}nav button{background:transparent;color:#68786f;text-align:left;font-size:13px}nav button.active{background:#e5eee4;color:var(--teal)}.sidefoot{margin-top:auto;font-size:12px}.sidefoot p{color:var(--muted);line-height:1.8}.sidefoot small{font-size:10px;color:var(--muted)}.orb{font-size:37px;color:var(--teal);margin-bottom:10px}main{margin-left:250px}header{height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 45px;font-size:12px;color:var(--muted)}header>div{display:flex;align-items:center;gap:25px}.quiet{background:transparent;color:var(--ink);border:1px solid var(--line)}.avatar{background:#e8ddcb;border-radius:100%;padding:12px;color:#67573c;font-size:11px;font-weight:bold}#app{max-width:1400px;margin:auto;padding:36px 45px 55px}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:36px;line-height:1.23;letter-spacing:-1.2px;margin:8px 0 15px}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:16px}p{line-height:1.8}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--teal);text-transform:uppercase}.muted{color:var(--muted)}.flex{display:flex;justify-content:space-between;align-items:center;gap:15px}.hero{position:relative;overflow:hidden;border-radius:17px;background:#e6eddd;padding:34px 38px;display:grid;grid-template-columns:1.3fr 1fr;gap:30px}.hero p{max-width:460px;color:#5b7062;font-size:13px}.hero svg{width:100%;height:230px}.pill{display:inline-block;background:#ffffffa0;border:1px solid #d2ddc9;border-radius:30px;padding:6px 11px;font-size:10px}.hero button{margin-top:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:13px;background:white;margin:23px 0 30px;padding:20px}.stat{padding:0 20px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{font:700 25px Manrope;display:block}.stat small{color:var(--muted);font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:#fffefa;border-radius:13px;padding:23px;transition:.2s}.card:hover{border-color:#a6bcac}.card .num{font:700 12px Manrope;color:var(--teal);background:#edf2e7;border-radius:8px;padding:9px;display:inline-block}.card h3{margin:18px 0 9px;min-height:38px}.card p{font-size:12px;color:var(--muted);margin:0 0 18px}.card button{background:transparent;color:var(--teal);padding:8px 0;font-size:12px}.progress{height:5px;border-radius:5px;background:#e8ece3;margin:15px 0 8px;overflow:hidden}.progress span{display:block;background:#6f9c78;height:100%}.sectiontitle{margin:28px 0 17px}.tag{font-size:10px;background:#f5e6d7;color:#966236;padding:5px 8px;border-radius:5px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filters button{background:white;color:var(--muted);border:1px solid var(--line)}.filters button.selected{background:var(--ink);color:white}.lessonLayout{display:grid;grid-template-columns:240px 1fr;gap:24px;margin-top:25px}.topics{display:grid;align-content:start;gap:7px}.topics button{text-align:left;background:white;color:#5b7062;font-size:12px;border:1px solid var(--line)}.topics button.selected{border-color:var(--teal);color:var(--teal);background:#eaf0e4}.panel{background:#fffefa;border:1px solid var(--line);padding:28px;border-radius:13px;margin-bottom:18px}.panel p{font-size:15px}.example{background:#eef3e8;border-left:3px solid #76a181;padding:18px;line-height:1.9;border-radius:0 8px 8px 0}.answer{display:flex;gap:10px;margin:20px 0}.answer input{width:180px}.feedback{padding:13px;border-radius:8px;background:#e9f0e1;line-height:1.7;margin:15px 0}.feedback.error{background:#fff0df}input,select,textarea{padding:11px;border:1px solid #ccd7cb;border-radius:8px;background:white;color:var(--ink)}input[type=range]{accent-color:var(--teal);width:100%;padding:0}.labLayout{display:grid;grid-template-columns:240px 1fr;gap:25px}.controls label{display:block;font-size:12px;margin:20px 0}.controls output{float:right;font-weight:bold}canvas{width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:white}.notice{background:#fff3e2;padding:15px;border-radius:9px;font-size:12px;line-height:1.8}.bookframe{width:100%;height:75vh;border:1px solid var(--line);margin-top:20px}footer{padding:20px 45px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:15px;width:min(650px,92vw);padding:25px;color:var(--ink)}dialog::backdrop{background:#193b3980}dialog input{width:100%}#results{max-height:50vh;overflow:auto;margin-top:15px}#results button{display:block;background:white;color:var(--ink);text-align:left;width:100%;border-bottom:1px solid var(--line);border-radius:0}.small{font-size:12px}.split{display:grid;grid-template-columns:2fr 1fr;gap:24px}.topicchips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.topicchips span{background:#edf1e8;padding:6px 9px;border-radius:5px;font-size:10px}@media(min-width:1500px){#app{padding-top:45px}.hero{padding:45px}}@media(max-width:1050px){aside{width:210px;padding:25px 15px}main{margin-left:210px}#app{padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.hero{padding:25px}.hero h1{font-size:29px}.course span{margin-left:20px}.lessonLayout,.labLayout{grid-template-columns:190px 1fr}}@media(max-width:700px){aside{position:static;width:auto;padding:15px}.brand{font-size:15px}.brand>b{font-size:30px}.course,.sidefoot{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav button{white-space:nowrap;font-size:11px;padding:9px}main{margin:0}header{height:60px;padding:0 20px}header .quiet{font-size:10px}.avatar{display:none}#app{padding:22px 17px}.hero{grid-template-columns:1fr}.hero svg{height:150px}.stats{padding:15px 5px}.stat{padding:0 10px}.stat b{font-size:20px}.stat small{font-size:9px}.grid,.lessonLayout,.labLayout,.split{grid-template-columns:1fr}.topics{display:flex;overflow:auto}.topics button{min-width:170px}.answer{flex-wrap:wrap}.flex{align-items:flex-start}h1{font-size:30px}footer{padding:20px}.card h3{min-height:0}}