:root{--paper:#f5f5ef;--ink:#203738;--muted:#6b7975;--line:#dce0d6;--mint:#b9e8ce;--green:#236854;--stage:#15292e;--blue:#67d4ef;--orange:#edaa64;--purple:#c5b3ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button{color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #198468;outline-offset:3px}button:disabled{opacity:.35;cursor:default}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;letter-spacing:1.6px;flex-shrink:0}.brand svg{width:39px;height:39px;background:var(--ink);border-radius:10px;padding:4px;fill:none;stroke:var(--mint);stroke-width:3;stroke-linecap:round}.brand small{display:block;font-size:8px;font-weight:550;letter-spacing:2px;margin-top:3px}.depth-control{display:flex;align-items:center;gap:15px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px}.segmented{display:flex;background:#e7ebe2;border:1px solid #dce2d5;border-radius:9px;padding:4px;gap:3px}.segmented button{padding:9px 12px;font-size:12px;border-radius:6px;white-space:nowrap}.segmented button b{display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid #b7c1b4;border-radius:50%;margin-right:6px;font-size:10px}.segmented button[aria-pressed=true]{background:var(--ink);color:#f4f5eb;box-shadow:0 2px 6px #18373020}.segmented button[aria-pressed=true] b{border-color:#78a292;color:var(--mint)}.text-button{font-size:12px}.text-button span{margin-left:10px}.workspace{display:grid;grid-template-columns:224px minmax(400px,1fr) 330px;height:calc(100dvh - 84px);min-height:630px}.library{display:flex;flex-direction:column;border-right:1px solid var(--line);overflow:hidden}.library-title{padding:27px 22px 20px}.library-title h1{font-size:39px;letter-spacing:-2px;line-height:1;margin:10px 0 8px}.library-title p{font-size:11px;color:var(--muted);margin:0}.live-dot{display:inline-block;width:7px;height:7px;background:#5b9e82;margin-left:10px;border-radius:50%;vertical-align:middle}.library-tabs{display:flex;margin:0 18px 14px;border-bottom:1px solid var(--line);gap:18px}.library-tabs button{font-size:11px;padding:0 0 10px;color:var(--muted)}.library-tabs button.active{color:var(--ink);border-bottom:2px solid var(--ink);font-weight:650}.search{display:flex;margin:0 15px 12px;padding:9px 10px;border:1px solid var(--line);border-radius:6px;gap:7px}.search span{font-size:18px;line-height:16px;color:#89978c}.search input{width:100%;border:0;background:none;outline:none;font-size:11px;color:var(--ink)}.library-list{overflow:auto;flex:1;padding:0 10px 15px;scrollbar-width:thin}.group-label{font-size:8px;letter-spacing:1.5px;color:#7e8a7d;margin:20px 11px 7px;text-transform:uppercase}.component-item{width:100%;display:flex;text-align:left;gap:9px;align-items:center;padding:9px 10px;font-size:11px;border-radius:5px;line-height:1.5;margin:1px 0}.component-item:hover{background:#e9eee5}.component-item.active{background:#deeadf;color:#1d614d;font-weight:650}.component-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--dot)}.component-item .number{font:9px ui-monospace,monospace;color:#8c9b8d;width:16px}.library-bottom{border-top:1px solid var(--line);padding:17px 22px}.badge{font-size:7px;font-weight:700;letter-spacing:1.4px;padding:4px 6px;border:1px solid #c7d5c5;border-radius:3px}.library-bottom p{font-size:10px;line-height:1.7;color:var(--muted);margin:9px 0}.library-bottom a{font-size:10px;border-bottom:1px solid #c4cdc0;padding-bottom:3px}.journey-item{text-align:left;display:block;width:100%;padding:16px 10px;border-bottom:1px solid var(--line)}.journey-item strong{font-size:12px;display:block;margin:6px 0}.journey-item small{font-size:10px;color:var(--muted);line-height:1.5;display:block}.journey-item:hover{background:#e4ebe0}.journey-index{font:11px ui-monospace,monospace;color:var(--green)}.stage{min-width:0;background:var(--stage);display:flex;flex-direction:column;color:#ebf0e9;position:relative;overflow:hidden}.stage-heading{height:90px;display:flex;align-items:center;justify-content:space-between;padding:19px 25px 10px;gap:10px;flex-shrink:0}.stage .eyebrow{color:#96aaa5;font-size:8px}.stage h2{font-size:23px;font-weight:450;letter-spacing:-.7px;margin:7px 0 0}.view-buttons{display:flex;gap:2px;background:#21383e;padding:3px;border-radius:6px}.view-buttons button{font-size:10px;padding:7px 9px;border-radius:4px;color:#aabbba}.view-buttons button[aria-pressed=true]{background:#42565a;color:#fff}#viewport{flex:1;position:relative;min-height:300px;background:radial-gradient(ellipse at 45% 45%,#274249 0,#182f35 58%,#15292e 100%);overflow:hidden}#viewport canvas{display:block;position:absolute;inset:0;touch-action:none}.path-bar{position:absolute;top:10px;left:22px;right:22px;display:flex;gap:5px;z-index:2;flex-wrap:wrap}.path-bar button{font-size:9px;border:1px solid #57707160;border-radius:20px;padding:7px 10px;color:#a8bfbe;background:#15292eaa}.path-bar button[aria-pressed=true]{background:#c1e8d5;border-color:#c1e8d5;color:#1f4840}.scene-controls{position:absolute;left:20px;bottom:58px;display:flex;gap:4px;z-index:2}.scene-controls button{font-size:9px;padding:7px 8px;border-radius:4px;background:#11262dd9;border:1px solid #3a5359;color:#9ab1b3}.scene-controls button[aria-pressed=true]{color:#d8eee0;border-color:#859e92}.legend{position:absolute;bottom:27px;left:23px;display:flex;gap:13px;flex-wrap:wrap;z-index:2;pointer-events:none}.legend span{font-size:8px;color:#acc0c0;display:flex;gap:5px;align-items:center}.legend i{width:6px;height:6px;border-radius:50%;display:inline-block}.orbit-hint{position:absolute;bottom:9px;left:23px;font-size:6px;letter-spacing:1px;color:#718d90;pointer-events:none}.orbit-hint span{margin:0 6px}.operating-deck{padding:18px 25px 14px;border-top:1px solid #31474a;flex-shrink:0;background:#183035}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mode-buttons{display:flex;gap:6px;margin-top:8px}.mode-buttons button{font-size:10px;padding:8px 13px;border:1px solid #42595b;border-radius:5px;color:#c4d2cd}.mode-buttons button[aria-pressed=true]{background:#c1e8d5;border-color:#c1e8d5;color:#1c4740}.play-button{border:1px solid #456260;border-radius:50%;width:43px;height:43px;color:#bcdfcd;font-size:15px;flex-shrink:0}.play-button span{display:none}.system-status{display:flex;gap:14px;margin-top:15px;flex-wrap:wrap}.system-status span{font-size:8px;color:#829f9f;display:flex;align-items:center;gap:5px}.system-status i{width:5px;height:5px;background:#526565;border-radius:50%}.system-status .on{color:#c4ddcf}.system-status .on i{background:#a9dabc}.model-note{font-size:8px;color:#779699;margin:12px 0 0}.study{display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #d5dcd1}.study-tabs{display:flex;gap:21px;padding:24px 23px 0;border-bottom:1px solid var(--line);flex-shrink:0;height:66px}.study-tabs button{font-size:10px;white-space:nowrap;padding:0 0 14px;color:var(--muted)}.study-tabs button[aria-pressed=true]{border-bottom:2px solid var(--ink);color:var(--ink);font-weight:700}.study-content{flex:1;overflow:auto;padding:25px 25px 30px;scrollbar-width:thin}.study-content h2{font-size:27px;line-height:1.15;letter-spacing:-.7px;font-weight:500;margin:13px 0}.study-content .lead{font-size:12px;color:#64746b;line-height:1.65;margin:0 0 20px}.study-content p{font-size:12px;line-height:1.85}.study-content h3{font-size:10px;letter-spacing:.2px;margin-top:25px}.study-content .body-copy{font-size:12px;line-height:1.85}.lesson-index{font:9px ui-monospace,monospace;color:var(--green);letter-spacing:.7px}.observe{border-left:2px solid #78ad92;background:#e8eee1;padding:13px 15px;margin-top:21px}.observe strong{font-size:8px;letter-spacing:1.2px;color:var(--green)}.observe p{font-size:11px;line-height:1.65;margin:5px 0 0}.misconception{border-top:1px solid var(--line);margin-top:22px;padding-top:5px}.misconception h3{margin:14px 0 7px}.misconception p{font-size:11px;color:#717b6c;margin:0}.source-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.source-links a{font-size:8px;color:#7d8879;border-bottom:1px solid #c6cfbf}.study-footer{height:40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 23px;flex-shrink:0;color:#7d8a79;font:7px ui-monospace,monospace;letter-spacing:.5px}.primary{background:var(--ink);color:#ebf4e8;border-radius:5px;font-size:11px;padding:12px 15px;display:inline-flex;gap:15px;align-items:center}.primary:hover{background:#31544b}.secondary{font-size:10px;border:1px solid #c8d1c0;border-radius:5px;padding:9px 12px}.welcome-number{font:86px ui-monospace,monospace;color:#dce5d5;line-height:1;margin:5px 0 20px;letter-spacing:-8px}.welcome-title{font-size:32px!important;line-height:1.1!important}.welcome-steps{padding:16px 0;border-top:1px solid var(--line);margin-top:24px}.welcome-steps div{display:flex;gap:12px;font-size:11px;margin:15px 0;color:#6b7a6b}.welcome-steps b{font:10px ui-monospace,monospace;color:var(--green)}.tour-progress{display:flex;gap:4px;margin:0 0 21px}.tour-progress span{height:3px;flex:1;background:#d8dfd2}.tour-progress span.done{background:#5b9a7d}.tour-nav{display:flex;justify-content:space-between;margin:20px 0 0;gap:8px}.tour-caption{font-size:9px;color:var(--green);margin-bottom:10px}.end-tour{font-size:9px;color:#748270;border-bottom:1px solid #c7d0be;padding:0 0 3px;margin-top:13px}.case-button{display:block;width:100%;text-align:left;border:1px solid #d5ddcd;padding:12px;margin:8px 0;border-radius:5px;font-size:11px}.case-button.active{border-color:#6c9d7e;background:#e5eddf}.case-button small{display:block;font-size:8px;margin-top:4px;color:#7d8a75}.evidence-list{padding-left:17px;font-size:11px;line-height:1.8;color:#66765f}.case-note{font-size:10px!important;color:#8a8065;background:#eeeade;padding:10px 12px;border-radius:4px}.quiz-progress{font:9px ui-monospace,monospace;color:#75906b;letter-spacing:1px;margin-bottom:20px}.quiz-question{font-size:19px!important;line-height:1.4!important}.answer-option{display:flex;gap:10px;text-align:left;width:100%;border:1px solid #d6ddce;border-radius:5px;padding:13px;margin:9px 0;font-size:11px;line-height:1.5}.answer-option b{font:10px ui-monospace,monospace;color:#819076}.answer-option.correct{background:#e1eedb;border-color:#6ca06c}.answer-option.incorrect{background:#f1e2d9;border-color:#b98d72}.feedback{font-size:11px;line-height:1.75;background:#e7edde;padding:15px;border-radius:5px;margin-top:18px}.feedback strong{display:block;margin-bottom:5px;color:#407348}.quiz-actions{display:flex;gap:8px;margin-top:18px}.selection-tag{position:absolute;right:20px;bottom:93px;border:1px solid #78938b;background:#173037ed;padding:9px 11px;border-radius:5px;max-width:220px;font-size:10px;color:#d9e6d8;pointer-events:none}.marker{position:absolute;transform:translate(-50%,-50%);font:8px ui-monospace,monospace;color:#c7e3d2;background:#142d33dc;border:1px solid #718e81;border-radius:4px;padding:5px 7px;white-space:nowrap;pointer-events:none}.marker.selected{background:#c1e8d5;color:#1e4239;border-color:#e2f1df;z-index:1}.marker:before{content:'';display:inline-block;background:#9fd7b8;width:4px;height:4px;border-radius:50%;margin-right:5px}#markers{position:absolute;inset:0;pointer-events:none;z-index:1}#loading{position:absolute;inset:0;background:#182f35;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#bdd8cc}#loading[hidden]{display:none}#loading strong{font-size:17px;font-weight:400}#loading span{font-size:11px;color:#8fa8a4;padding:0 25px;text-align:center}.loading-mark{font-size:60px}.empty{font-size:11px;color:var(--muted);padding:14px}dialog{max-width:800px;width:calc(100% - 36px);max-height:88dvh;padding:30px 38px;background:var(--paper);border:1px solid #cbd4c2;border-radius:12px;color:var(--ink);box-shadow:0 20px 100px #0d242655}dialog::backdrop{background:#061c24aa;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin-bottom:18px}dialog h3{font-size:13px;margin-top:22px}dialog p{font-size:12px;line-height:1.8;color:#697768}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.guide-downloads{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0 6px}.guide-downloads a,#sources a{font-size:11px;border-bottom:1px solid #bdcbb7;padding-bottom:3px}#sources div{margin:10px 0}#sources small{display:block;font-size:10px;color:#7b8772;margin-top:5px;line-height:1.6}.keyboard-note{font-size:10px;color:#71806c}@media(min-width:1650px){.workspace{grid-template-columns:250px minmax(500px,1fr) 380px}.study-content{padding:32px}.study-content p,.study-content .body-copy{font-size:14px}.component-item{font-size:12px;padding:11px 12px}.stage-heading{padding:24px 30px 10px;height:100px}.stage h2{font-size:28px}}@media(max-width:1180px){.workspace{grid-template-columns:190px minmax(330px,1fr) 290px}.depth-control>.eyebrow{display:none}.library-title{padding-left:18px}.stage-heading{padding:15px 18px;height:84px}.stage h2{font-size:19px}.view-buttons button{padding:6px;font-size:9px}.study-content{padding:22px 20px}.study-tabs{padding-left:20px;gap:14px}.study-tabs button{font-size:9px}.operating-deck{padding:15px 18px}.mode-buttons button{padding:7px 9px}.path-bar{left:16px;right:16px;gap:4px}.path-bar button{padding:6px 7px;font-size:8px}}@media(max-width:940px){.topbar{padding:0 16px;height:auto;min-height:84px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.depth-control{order:3;width:100%}.segmented{width:100%;justify-content:center}.workspace{height:auto;min-height:0;grid-template-columns:170px minmax(0,1fr)}.stage{min-height:620px}.study{grid-column:1/-1;height:auto;min-height:400px;border-top:1px solid var(--line)}.study-content{max-height:600px;min-height:340px}.study-footer{height:40px}.library-bottom{padding:15px}.library-title h1{font-size:32px}.library-list{max-height:450px}.study-tabs{justify-content:center;gap:35px}.study-content{padding:25px;max-width:760px;width:100%;margin:auto}.study-content p,.study-content .body-copy{font-size:13px}.stage-heading{gap:5px}.path-bar{top:8px}.topbar .text-button{margin-left:auto}}@media(max-width:580px){.workspace{display:flex;flex-direction:column}.library{order:2;border-top:1px solid var(--line);max-height:380px}.library-title{display:none}.library-tabs{padding-top:18px}.library-list{max-height:240px}.library-bottom{display:none}.stage{order:1;min-height:570px}.study{order:3}.stage-heading{height:80px}.stage h2{font-size:20px}.depth-control{overflow:auto}.segmented button{padding:8px;font-size:11px}.brand{font-size:16px}.scene-controls{left:14px;bottom:66px}.legend{left:17px;bottom:30px;gap:8px}.legend span{font-size:7px}.orbit-hint{left:17px;font-size:5px}.guide-grid{grid-template-columns:1fr}dialog{padding:24px}.selection-tag{display:none}.marker{font-size:7px;padding:4px}.study-tabs button{font-size:11px}}

.formula-box{border:1px solid #d0dcca;border-radius:7px;margin-top:20px;padding:13px}.formula-box h3{margin-top:0}.formula-box p{font-size:10px;margin:0 0 10px}.formula-box label{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin:8px 0;gap:8px}.formula-box input{width:65px;padding:7px;border:1px solid #c8d4c0;border-radius:3px;background:#fffef8;font-size:11px}.formula-box output{display:block;font-size:17px;color:#34754f;border-top:1px solid #d0dcca;padding-top:11px;margin-top:12px}.formula-box small{font-size:8px;color:#7d8874;display:block;margin-top:8px;line-height:1.7}[hidden]{display:none!important}