@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:#22372f;--green:#234e41;--muted:#7c847d;--lime:#dbefac;--paper:#f7f8f3;--line:#e2e6dd;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-size:14px}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #97be62;outline-offset:3px}button{border:0}button:disabled{opacity:.5;cursor:wait}.sidebar{position:fixed;width:230px;inset:0 auto 0 0;background:#203f34;color:white;padding:34px 23px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font:800 24px Manrope,Arial,sans-serif;letter-spacing:-1px}.brandthin{font-weight:400}.brand small{display:block;font:9px 'DM Sans',Arial;letter-spacing:2px;margin-top:7px;color:#b2c3b8}.brandmark{font:bold 42px Georgia;background:#ddefb1;color:#244b3d;width:42px;height:45px;text-align:center;border-radius:11px;position:relative;line-height:38px}.brandmark span{font:22px Arial;position:absolute;right:2px;top:1px}.student{display:flex;gap:10px;align-items:center;border-block:1px solid #ffffff18;margin:35px 0 30px;padding:22px 0}.student strong{font-size:12px;font-weight:500}.student small{font-size:10px;color:#b2c3b8;display:block;margin-top:5px}.avatar,.headeravatar{display:grid;place-items:center;background:#c9d7c3;color:#294d40;border-radius:50%;width:34px;height:34px;font-weight:600}.navlabel{font-size:9px;letter-spacing:1.8px;color:#a8b9ac;margin:0 0 14px 12px}.nav{background:transparent;color:#bcd0c3;text-align:left;display:flex;align-items:center;gap:12px;padding:14px;width:100%;border-radius:8px;margin-bottom:7px;font-size:12px}.nav span{font-size:18px}.nav.active{background:#365749;color:#f4f9ed}.nav i{font-style:normal;margin-left:auto;font-size:10px;background:#ffffff15;border-radius:4px;padding:3px 5px}.sidebottom{margin-top:auto;padding:20px 12px 0}.sidebottom h3{font:500 25px/1.35 Manrope,Arial;letter-spacing:-1px}.sidebottom p{color:#a8c0b0;font-size:11px;line-height:1.8}.sidebottom .supporticon{font-size:43px;color:var(--lime)}.sidebottom>span:last-child{font-size:9px;color:#c1d1c6}.statusdot{width:5px;height:5px;background:var(--lime);display:inline-block;border-radius:50%;margin-right:5px}.app{margin-left:230px}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fcfdf9}.breadcrumb{font-size:12px;color:#7b847b}.breadcrumb span{margin:0 14px;color:#b5bcb1}.headeractions{display:flex;align-items:center;gap:22px}.quiet{background:none;color:#647266;font-size:11px}select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 10px;color:#4b5b50;font-size:11px}.headeravatar{width:30px;height:30px;font-size:12px}main{padding:32px 36px 18px;max-width:1800px;margin:auto}.pageheading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#71836c}.eyebrow>span{margin-left:12px;background:#e8edde;padding:4px 6px;border-radius:3px;color:#7d8e6c;font-size:8px;letter-spacing:1px}h1{font:600 38px/1.2 Manrope,Arial;letter-spacing:-1.8px;margin:12px 0 9px}.pageheading p{margin:0;color:#7c857a;font-size:12px}.tour{background:#fff;border:1px solid #dce2d5;border-radius:7px;padding:12px 15px;font-size:11px;color:#4b6151}.labgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.stagearea,.lessonpanel{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.stagehead{height:97px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.pill{font-size:8px;letter-spacing:1.2px;color:#7e8f64}.stagehead h2{font:600 17px Manrope,Arial;letter-spacing:-.4px;margin:8px 0 5px}.stagehead p{font-size:10px;color:#899181;margin:0}.iconbtn{background:#f5f7f0;border:1px solid var(--line);border-radius:7px;width:32px;height:32px;color:#6c7e68;font-size:21px}#viewport{height:440px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#f1f2e9,#e9ede1)}#scene{width:100%;height:100%;display:block;touch-action:none}.viewporttop{position:absolute;inset:20px 22px auto;display:flex;justify-content:space-between;pointer-events:none;font-size:8px;letter-spacing:1.8px;color:#87917c}.scale{font-size:7px}.callout{position:absolute;top:60px;left:24px;display:flex;gap:9px;pointer-events:none;color:#607253}.callout>span{font-size:10px;border:1px solid #98aa87;border-radius:50%;height:25px;width:25px;display:grid;place-items:center}.callout strong{font-size:10px;font-weight:500}.callout small{display:block;font-size:8px;color:#87957a;margin-top:5px}.viewtools{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;background:#ffffffd9;border:1px solid #dce3d4;border-radius:8px;padding:4px;gap:4px;white-space:nowrap;box-shadow:0 4px 20px #354b3010}.viewbtn{font-size:9px;background:none;padding:7px 9px;border-radius:5px;color:#63775a}.viewbtn.on{background:#e5efce;color:#355526}.orbithelp{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);font-size:8px;color:#839077;white-space:nowrap}.orbithelp span{margin:0 6px}.compass{position:absolute;bottom:20px;right:21px;color:#849a75;width:33px;text-align:center;font-size:8px}.compass b{display:block}.compass>span{font-size:30px;line-height:26px}.compass small{font-size:7px}.kitbar{padding:19px 23px;border-bottom:1px solid var(--line)}.kitchoices{display:flex;gap:10px;margin-top:10px}.kit{display:flex;align-items:center;gap:10px;text-align:left;padding:11px 13px;border:1px solid #e1e7db;background:#fff;border-radius:7px;flex:1;color:#5b6b53}.kit.active{border-color:#91aa72;background:#f5f8ed}.kitcube{font-size:30px;line-height:25px}.whitecube{color:#9bada4}.oakcube{color:#b2936d}.kit strong{font-size:10px;display:block}.kit small{font-size:8px;color:#8a9682;display:block;margin-top:4px}.kit i{font-style:normal;margin-left:auto}.customcontrols{display:flex;gap:12px;padding-top:12px}.customcontrols[hidden]{display:none}.customcontrols label{font-size:9px;width:33%;color:#7a886f}.customcontrols input{display:block;width:100%;accent-color:#597b42;margin:8px 0}.customcontrols output{font-size:8px}.partstrip{padding:15px 23px;display:flex;align-items:center;gap:15px}.partstrip>span{font-size:8px;letter-spacing:1.3px;color:#929c89;white-space:nowrap}#parts{display:flex;gap:7px;flex-wrap:wrap}.part{background:#f7f8f3;border:1px solid #e7ebdf;border-radius:4px;padding:6px 8px;font-size:8px;color:#829075}.part.done{background:#e9f0df;color:#516b3a}.part.selected{border-color:#8aaa59;background:#eef5dc}.lessonpanel{display:flex;flex-direction:column}.lessonhead{padding:20px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.lessonhead .eyebrow{font-size:8px}.lessonhead select{font-size:9px;padding:6px}.progressrow{display:flex;justify-content:space-between;padding:21px 24px 10px;font-size:8px;letter-spacing:1.2px;color:#819373}.progress{height:3px;background:#edf0e7;margin:0 24px}.progress>div{height:100%;background:#8caa60;transition:width .4s}.lessonbody{padding:22px 24px;flex:1}.stepnum{background:#eef3e4;color:#718a54;display:grid;place-items:center;border-radius:10px;width:40px;height:40px;font:500 16px Manrope}.lessonbody h2{font:600 23px/1.25 Manrope,Arial;letter-spacing:-.8px;margin:19px 0 12px}.lessonbody>p{font-size:11px;color:#7d8874;line-height:1.8;margin:0 0 17px}.tip{font-size:10px;color:#778563;border-left:2px solid #cadbac;padding:7px 0 7px 11px;line-height:1.7;margin:18px 0}.primary{display:flex;align-items:center;justify-content:space-between;background:#294e3e;border:1px solid #294e3e;color:white;border-radius:7px;width:100%;padding:13px 15px;font-size:11px;transition:background .2s}.primary:hover{background:#3b634c}.primary span{color:#cee2ac}.hintbtn{background:none;color:#8a987f;font-size:9px;padding:12px 0;text-align:center;width:100%}.feedback{font-size:10px;line-height:1.7;color:#576f42;min-height:18px}.feedback.error{color:#a06b42}.lessonfoot{border-top:1px solid var(--line);display:flex;align-items:center;gap:27px;padding:20px 24px}.lessonfoot .metric{font:600 20px Manrope;letter-spacing:-.7px}.lessonfoot small{display:block;font-size:7px;letter-spacing:1px;color:#98a08f;margin-top:4px}.lessonfoot button{margin-left:auto;background:none;color:#8a9a7c;font-size:23px}.choice{display:block;width:100%;text-align:left;border:1px solid #e0e6d8;border-radius:6px;padding:9px 11px;background:#fafbf7;color:#6d7f61;font-size:10px;margin:6px 0}.choice.chosen{border-color:#8ea76f;background:#edf3e1;color:#466037}.choice.wrong{border-color:#c79478;background:#fcf2e9}.controlLabel{display:flex;justify-content:space-between;color:#738267;font-size:10px;margin:11px 0 7px}#interaction input[type=range]{width:100%;accent-color:#67884b}.readings{display:flex;justify-content:space-between;background:#f4f7ed;border-radius:6px;padding:10px;font-size:10px;color:#70825f;margin-top:10px}.mini{font-size:9px;color:#8d9980;line-height:1.6}.checkrow{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#758669;line-height:1.6;margin:10px 0}.checkrow input{accent-color:#65854a}.bottomrow{display:flex;gap:30px;padding:25px 3px;align-items:center}.milestone{display:flex;align-items:center;gap:11px}.milestoneicon{font:10px Manrope;color:#90a27d;border:1px solid #d9e1ce;border-radius:8px;padding:9px}.milestone strong{font-size:10px;font-weight:500;display:block}.milestone small{font-size:8px;color:#8e9985;display:block;margin-top:5px}.prototypebadge{margin-left:auto;font-size:7px;letter-spacing:1px;color:#8e9e7f}footer{border-top:1px solid var(--line);padding-top:14px;font-size:8px;color:#a0a995;display:flex;justify-content:space-between;gap:20px}footer button{background:none;font-size:8px;color:#7e916d;padding:0}#toast{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);border-radius:8px;padding:12px 18px;background:#294d3ee8;color:white;max-width:80%;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}dialog{border:1px solid #dfe5d8;border-radius:16px;padding:34px;max-width:620px;width:90%;color:var(--ink);box-shadow:0 20px 100px #15302430}dialog::backdrop{background:#14281b70;backdrop-filter:blur(4px)}dialog h2{font:600 28px Manrope;letter-spacing:-1px}dialog h3{font-size:14px;margin-top:24px}dialog p,dialog li{font-size:12px;line-height:1.9;color:#77846e}dialog a{color:#355e45}dialog .close{position:absolute;right:18px;top:13px;background:none;font-size:25px;color:#899781}.record{background:#f5f8ef;padding:13px;border-radius:6px;margin-top:9px;font-size:12px;display:flex;justify-content:space-between}#tourCaption{position:fixed;bottom:45px;left:275px;right:390px;z-index:20;background:#203f34ed;color:white;padding:22px 30px;border-radius:12px;pointer-events:none;box-shadow:0 12px 50px #17352230}#tourCaption[hidden]{display:none}#tourCaption>span{font-size:9px;letter-spacing:2px;color:#c5dfa1}#tourCaption h2{font:500 24px Manrope;letter-spacing:-.8px;margin:8px 0}#tourCaption p{font-size:12px;color:#c6d8bd;margin:0;line-height:1.6}.resultscore{font:600 64px Manrope;color:#57743e;letter-spacing:-3px}.badge{display:inline-block;background:#ebf2df;color:#618044;border-radius:4px;padding:5px 8px;font-size:10px}.errorstate{padding:25px;color:#8e593c}.errorstate p{line-height:1.8}
@media(min-width:1550px){#viewport{height:510px}.lessonbody{padding-top:30px}.lessonbody h2{font-size:26px}.lessonbody>p{font-size:12px}}@media(max-width:1180px){.sidebar{width:190px;padding:28px 16px}.brand{font-size:21px}.app{margin-left:190px}main{padding:25px 22px}.labgrid{grid-template-columns:minmax(0,1fr) 300px}.bottomrow{gap:15px}.prototypebadge{display:none}.partstrip{padding:13px}.partstrip>span{display:none}.callout{top:45px;left:15px}.kit{padding:9px}.kit small{font-size:7px}.sidebottom{padding:10px 8px}.student strong{font-size:10px}.student small{font-size:8px}}@media(max-width:950px){.sidebar{width:75px;padding:28px 16px}.brand>span:last-child,.student,.navlabel,.nav i,.sidebottom{display:none}.nav{font-size:0;padding:15px 12px}.nav span{font-size:20px}.brandmark{min-width:42px}.app{margin-left:75px}.labgrid{grid-template-columns:minmax(0,1fr) 290px}header{padding:0 24px}.pageheading h1{font-size:32px}.tour{font-size:10px}.callout{display:none}.milestone small{font-size:7px}#tourCaption{left:110px;right:340px}}@media(max-width:720px){.sidebar{display:none}.app{margin:0}header{height:56px;padding:0 18px}.headeractions{gap:10px}.headeractions .quiet{display:none}.breadcrumb{font-size:10px}main{padding:22px 15px}.pageheading{align-items:flex-start;gap:10px}.pageheading h1{font-size:29px}.pageheading p{font-size:10px;max-width:240px;line-height:1.6}.tour{font-size:0;padding:10px}.tour:before{content:'▷ Tour';font-size:11px}.eyebrow>span{display:none}.labgrid{grid-template-columns:1fr}.stagehead{height:88px;padding:17px}#viewport{height:350px}.kitbar{padding:15px}.kit{min-width:0;gap:6px}.kit strong{font-size:9px}.kitcube{font-size:24px}.partstrip{padding:12px}.lessonpanel{min-height:480px}.lessonbody{padding:20px 23px}.lessonbody h2{font-size:22px}.bottomrow{flex-wrap:wrap;gap:18px}.milestone{flex:1 1 160px}.milestone small{font-size:8px}footer{font-size:7px;line-height:1.7}#tourCaption{left:25px;right:25px;bottom:25px}.viewbtn{padding:7px 6px;font-size:8px}.orbithelp{font-size:7px}.compass{right:9px}.stagehead h2{font-size:15px}}