:root{color:#1d302d;font-synthesis:none;background:#f5f6f0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #b0c85e}::selection{color:#17302c;background:#d8ec8a}.app-shell{grid-template-columns:246px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dce8df;background:#15302c;flex-direction:column;height:100vh;padding:30px 18px 20px;display:flex;position:sticky;top:0}.logo-button{color:inherit;text-align:left;background:0 0;border:0;margin-bottom:55px;padding:0 8px}.logo{color:inherit;letter-spacing:-1.2px;white-space:nowrap;align-items:center;gap:10px;font-size:21px;font-weight:800;display:inline-flex}.logo-accent{color:#d7ef80}.logo-mark{background:#d8f080;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.logo-mark svg{fill:none;stroke:#17302c;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.sidebar-caption{color:#91aa9c;letter-spacing:1.8px;margin-bottom:13px;padding:0 13px;font-size:10px;font-weight:800}.chapter-caption{margin-top:31px}.sidebar-home,.chapter-link{color:#c8dbcf;text-align:left;background:0 0;border:0;align-items:center;width:100%;display:flex}.sidebar-home{border-radius:10px;gap:14px;padding:12px 14px;font-size:13px;font-weight:650}.sidebar-home span{font-size:21px;line-height:16px}.sidebar-home.active,.chapter-link.active{color:#f1f7eb;background:#2a4942}.chapter-link{border-radius:10px;gap:13px;margin:2px 0;padding:12px;transition:background .2s}.chapter-link:hover,.sidebar-home:hover{background:#25423b}.chapter-number{color:#d7ef80;letter-spacing:.5px;font-size:11px;font-weight:850}.chapter-name{flex:1;font-size:13px;font-weight:670}.chapter-name small{color:#91aa9c;margin-top:4px;font-size:11px;font-weight:500;display:block}.chapter-chevron{color:#b8d0ba;font-size:14px}.sidebar-note{background:#203e37;border:1px solid #39574c;border-radius:14px;margin:auto 4px 28px;padding:17px}.note-spark{color:#d8ef83;margin-bottom:12px;font-size:24px;display:block}.sidebar-note strong{font-size:13px}.sidebar-note p{color:#b2c8b9;margin:7px 0 0;font-size:11px;line-height:1.6}.sidebar-bottom{letter-spacing:1.5px;color:#7e9c88;padding:0 12px;font-size:9px}.main-column{flex-direction:column;min-width:0;display:flex}.main-column main{flex:1;min-width:0}.topbar{background:#fcfdf9;border-bottom:1px solid #e4e8dc;justify-content:space-between;align-items:center;gap:20px;height:82px;padding:0 clamp(24px,4vw,62px);display:flex}.topbar-overline{letter-spacing:1.5px;color:#95a79a;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.topbar-left strong{font-size:15px}.topbar-right{align-items:center;gap:22px;display:flex}.connection{color:#687d70;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.connection i{background:#75b585;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e3f2e3}.connection.offline i{background:#d49a65;box-shadow:0 0 0 3px #f9eee0}.account-button{color:#25423a;white-space:nowrap;background:#fff;border:1px solid #d9e1d5;border-radius:9px;padding:11px 15px;font-size:11px;font-weight:750}.account-button:hover{background:#f1f7e1}.account-button span{color:#657e6b;margin-left:10px}.mobile-logo{display:none}.sync-line{color:#477455;text-align:right;background:#eef5e1;padding:8px 60px;font-size:11px;font-weight:650}.storage-warning{text-align:center;color:#795321;background:#fff0d8;padding:10px 40px;font-size:12px}.hero{color:#fff;background:#17332e;border-radius:22px;grid-template-columns:1.1fr .9fr;min-height:340px;margin:36px clamp(24px,4vw,62px) 0;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 35px #20382d0e}.hero:after{content:"";background:#607d6722;border-radius:50%;width:340px;height:340px;position:absolute;top:-120px;right:-140px}.hero-copy{z-index:1;padding:52px 20px 48px 55px;position:relative}.eyebrow{letter-spacing:2px;align-items:center;gap:8px;font-size:10px;font-weight:850;display:flex}.eyebrow.light{color:#d6ef87}.eyebrow.dark{color:#769052}.eyebrow-dot{background:#d8f081;border-radius:50%;width:7px;height:7px;display:inline-block}.eyebrow.dark .eyebrow-dot{background:#789955}.hero h1{letter-spacing:-2.5px;margin:27px 0 16px;font-size:clamp(34px,3.5vw,56px);font-weight:830;line-height:1.08}.hero h1 em{color:#def390;font-family:Georgia,serif;font-weight:400}.hero-copy p{color:#b9d1c4;max-width:430px;margin:0 0 27px;font-size:13px;line-height:1.8}.hero-button{color:#1a312c;background:#d9f17e;border:0;border-radius:10px;justify-content:space-between;gap:25px;min-width:200px;padding:15px 20px;font-size:12px;font-weight:800;display:inline-flex}.hero-button:hover,.complete-button:hover:not(:disabled){background:#c9e664;transform:translateY(-1px)}.hero-button span{font-size:17px;line-height:12px}.hero-visual{z-index:1;background:#26443caa;border:1px solid #4d6a56;border-radius:16px;align-self:center;margin:34px 38px 34px 0;padding:25px 23px 17px;position:relative;box-shadow:inset 0 1px #ffffff1a}.visual-kicker{letter-spacing:1.9px;color:#c2d4c2;font-size:9px;font-weight:800}.hero-graph{width:100%;margin:15px 0 8px;display:block}.visual-footer{color:#b0c8b7;justify-content:space-between;font-size:10px;display:flex}.visual-footer span:last-child{color:#e0efac}.dashboard-strip{background:#fff;border:1px solid #e7ebdf;border-radius:17px;align-items:center;gap:28px;margin:20px clamp(24px,4vw,62px) 0;padding:16px 21px;display:flex;box-shadow:0 7px 25px #1b382408}.strip-progress{align-items:center;gap:15px;min-width:270px;display:flex}.progress-ring{width:85px;height:85px}.ring-track,.ring-fill{fill:none;stroke-width:9px;transform-origin:50%;transform:rotate(-90deg)}.ring-track{stroke:#ecf1e5}.ring-fill{stroke:#8cac53;stroke-linecap:round}.ring-number{fill:#1f3a2f;letter-spacing:-2px;font-size:29px;font-weight:850}.ring-caption{fill:#829181;font-size:10px}.strip-progress div,.strip-next{flex-direction:column;display:flex}.strip-progress small,.mini-label{letter-spacing:1.5px;color:#879780;font-size:9px;font-weight:850}.strip-progress strong,.strip-next strong{letter-spacing:-.4px;margin:6px 0;font-size:16px}.strip-progress span,.strip-next>span:last-child{color:#7b8b7d;font-size:11px}.strip-divider{background:#e4e9df;width:1px;height:55px}.strip-next{flex:1;min-width:0}.round-arrow{color:#2b4d35;background:#eff5e4;border:0;border-radius:50%;flex:none;width:40px;height:40px;font-size:17px}.round-arrow:hover{background:#d9eeae}.roadmap{padding:59px clamp(24px,4vw,62px) 65px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:37px;display:flex}.section-heading h2{letter-spacing:-1.3px;margin:13px 0 0;font-size:clamp(25px,2.4vw,35px);line-height:1.18}.section-heading p{color:#768477;max-width:240px;margin:0;font-size:12px;line-height:1.6}.chapter-block{margin-bottom:41px}.chapter-heading{align-items:center;gap:14px;margin-bottom:15px;display:flex}.chapter-heading-number{color:#4f724f;background:#e5edd9;border-radius:10px;place-items:center;width:39px;height:39px;font-size:12px;font-weight:850;display:grid}.chapter-heading h3{letter-spacing:-.5px;margin:0 0 3px;font-size:17px}.chapter-heading span{color:#809082;font-size:11px}.chapter-line{background:#e5eae0;border-radius:6px;width:110px;height:5px;margin-left:auto;overflow:hidden}.chapter-line span{background:#98bb66;border-radius:6px;height:100%;display:block}.lesson-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.lesson-tile{text-align:left;color:#263a2e;background:#fff;border:1px solid #e2e8dc;border-radius:13px;flex-direction:column;min-height:172px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.lesson-tile:hover{border-color:#b4c79a;transform:translateY(-3px);box-shadow:0 10px 22px #24402a12}.lesson-tile.done{background:#f9fcf5}.tile-top{color:#8da08c;letter-spacing:.6px;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:10px;font-weight:800;display:flex}.tile-icon{color:#608956;background:#eef4e5;border-radius:8px;place-items:center;width:27px;height:27px;font-size:17px;display:grid}.done .tile-icon{background:#dceccb}.lesson-tile strong{letter-spacing:-.25px;margin-bottom:5px;font-size:14px;line-height:1.35}.tile-subtitle{color:#7c8b7d;font-size:11px;line-height:1.45}.tile-bottom{color:#53734b;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:10px;font-weight:800;display:flex}.tile-bottom span{font-size:16px}.lesson-page{padding:30px clamp(24px,4vw,62px) 72px}.lesson-breadcrumb{color:#93a292;align-items:center;gap:12px;margin:2px 0 40px;font-size:10px;font-weight:650;display:flex}.lesson-breadcrumb button{color:#436a52;background:0 0;border:0;padding:0;font-weight:800}.lesson-layout{grid-template-columns:minmax(0,720px) minmax(180px,1fr);gap:clamp(30px,6vw,92px);max-width:1200px;display:grid}.lesson-main h1{letter-spacing:-2.8px;margin:17px 0 10px;font-size:clamp(38px,4.5vw,60px);line-height:1.07}.lesson-subtitle{color:#6c806e;margin:0 0 42px;font-size:16px}.scene-label{color:#6d856e;letter-spacing:1.7px;align-items:center;gap:13px;margin-bottom:16px;font-size:10px;font-weight:850;display:flex}.scene-label span:first-child{color:#64825f;border:1px solid #bbcfaa;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.scene-label i{background:#dce6d5;flex:1;height:1px}.scene-card{background:#fff;border:1px solid #e3e8de;border-radius:16px;padding:27px 32px 26px 53px;position:relative;box-shadow:0 10px 24px #27402d08}.scene-card p{color:#283c2f;margin:0;font-family:Georgia,serif;font-size:20px;line-height:1.65}.scene-quote{color:#acc794;font-family:Georgia,serif;font-size:51px;line-height:1;position:absolute;top:16px;left:23px}.scene-corner{color:#9aaa99;letter-spacing:1.6px;margin-top:24px;font-size:9px;font-weight:800;display:block}.lens{background:#ecf3e6;border-radius:13px;gap:17px;margin:17px 0 41px;padding:19px 22px;display:flex}.lens-icon{color:#729c69;font-size:24px;line-height:1}.lens small{letter-spacing:1.6px;color:#64845a;font-size:9px;font-weight:850}.lens p{color:#3c5543;margin:6px 0 0;font-size:13px;line-height:1.65}.interaction-label{margin-bottom:16px}.interaction-card{background:#fff;border:1px solid #e3e9df;border-radius:17px;padding:26px 28px 28px;box-shadow:0 9px 25px #27402d08}.interaction-header{color:#a0aea0;letter-spacing:1.1px;justify-content:space-between;align-items:center;gap:10px;font-size:9px;font-weight:800;display:flex}.interaction-type{color:#5b7f57;background:#edf3e7;border-radius:6px;padding:8px 10px}.interaction-card h2{letter-spacing:-.7px;margin:19px 0 20px;font-size:22px;line-height:1.3}.option-list{gap:9px;display:grid}.option{text-align:left;color:#304236;background:#fbfcf9;border:1px solid #e1e8dd;border-radius:10px;align-items:center;gap:14px;width:100%;min-height:58px;padding:11px 15px;font-size:12px;font-weight:650;line-height:1.45;display:flex}.option:hover{background:#f7faef;border-color:#a7bf8b}.option.selected{background:#f1f8e7;border-color:#80a268;box-shadow:inset 0 0 0 1px #80a268}.option-index{color:#78916d;border:1px solid #cbd9c2;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.option.selected .option-index{color:#fff;background:#789e65;border-color:#789e65}.option-arrow{color:#98ac91;margin-left:auto;font-size:15px}.outcome{color:#dcebdd;background:#213c34;border-radius:11px;gap:15px;margin-top:18px;padding:20px;display:flex}.outcome-symbol{color:#d5ed83;font-size:23px;line-height:1}.outcome small{letter-spacing:1.4px;color:#b9d27e;font-size:9px;font-weight:850}.outcome p{margin:6px 0 0;font-size:13px;line-height:1.6}.interaction-nudge{color:#718671;margin:-7px 0 16px;font-size:12px;line-height:1.6}.takeaway{background:#f6eedf;border:1px solid #efe3cd;border-radius:12px;align-items:flex-start;gap:16px;margin-top:18px;padding:19px 20px;display:flex}.takeaway span{letter-spacing:1.4px;color:#a37d4c;white-space:nowrap;margin-top:3px;font-size:9px;font-weight:850}.takeaway strong{color:#5c4e36;font-size:13px;font-weight:650;line-height:1.55}.lesson-actions{align-items:center;gap:18px;margin-top:30px;display:flex}.complete-button{color:#1c352b;background:#d9ee81;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:28px;min-width:230px;padding:16px 20px;font-size:12px;font-weight:850;transition:all .2s;display:inline-flex}.complete-button span{font-size:17px;line-height:12px}.complete-button:disabled{color:#96a392;background:#e6e9df;transform:none}.quiet-button{color:#637a68;background:0 0;border:0;font-size:12px;font-weight:750}.quiet-button:hover,.lesson-breadcrumb button:hover{text-decoration:underline}.lesson-source{color:#98a597;margin-top:28px;font-size:10px;line-height:1.6}.lesson-aside{padding-top:34px}.aside-card{background:#e8f0e0;border:1px solid #d6e4d0;border-radius:16px;padding:23px;position:sticky;top:30px}.aside-kicker{letter-spacing:1.5px;color:#709267;font-size:9px;font-weight:850}.aside-card strong{letter-spacing:-2px;margin:20px 0 13px;font-size:38px;display:block}.aside-card strong span{color:#9bae98;letter-spacing:0;font-size:16px}.aside-track{background:#d1e0ca;border-radius:5px;width:5px;height:95px;overflow:hidden}.aside-track span{background:#8aae6a;border-radius:5px;display:block}.aside-card p{color:#688069;margin:20px 0 0;font-size:11px;line-height:1.6}.aside-tip{border-top:1px solid #dce5d8;margin-top:28px;padding:25px 10px}.aside-tip span{letter-spacing:1.4px;color:#788d64;font-size:9px;font-weight:850}.aside-tip p{color:#697e6e;font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.6}.candle-tool{background:#f6f9f3;border:1px solid #e2eadc;border-radius:13px;padding:15px 15px 18px}.chart-topline{color:#8da28b;letter-spacing:1.2px;justify-content:space-between;padding:2px 5px;font-size:9px;font-weight:850;display:flex}.candle-svg{touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}.gridline{stroke:#dce6d7;stroke-dasharray:3 6}.axis-label{fill:#9cad98;font-size:10px}.up-candle .wick{stroke:#719f70;stroke-width:3px;stroke-linecap:round}.up-candle .candle-body{fill:#80aa77}.down-candle .wick{stroke:#d18a6b;stroke-width:3px;stroke-linecap:round}.down-candle .candle-body{fill:#db9576}.draw-zone{fill:#e8f0e0;stroke:#afc7a7;stroke-dasharray:5 5}.drawn-candle .candle-body{stroke:#fff;stroke-width:2px}.handle{fill:#243f34;stroke:#fff;stroke-width:2px}.draw-label{letter-spacing:1px;fill:#6c906d;font-size:9px;font-weight:850}.chart-controls{border-top:1px solid #e1ebdf;grid-template-columns:1fr auto;align-items:center;gap:7px 16px;padding:14px 8px 0;display:grid}.chart-controls label{color:#5f7961;grid-column:1/-1;font-size:11px;font-weight:700}.chart-controls input{accent-color:#698f60;width:100%}.chart-controls output{color:#35573e;white-space:nowrap;font-size:11px;font-weight:800}.chart-controls output span{color:#95a993;padding:0 2px}.reveal-button{color:#456845;background:#e9f4d9;border:1px solid #b4caa4;border-radius:8px;margin-top:15px;padding:12px 15px;font-size:11px;font-weight:850}.reveal-button span{margin-left:16px}.reveal-button:disabled{opacity:.5}.site-footer{color:#8d9e91;border-top:1px solid #e4e9df;justify-content:space-between;gap:20px;padding:25px clamp(24px,4vw,62px);font-size:10px;display:flex}.modal-backdrop{z-index:20;background:#102720aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.auth-modal{background:#fff;border-radius:20px;width:100%;max-width:430px;padding:34px;position:relative;box-shadow:0 30px 90px #06170f44}.modal-close{color:#8b9c8b;background:0 0;border:0;font-size:26px;position:absolute;top:14px;right:20px}.modal-symbol{color:#1f3d30;background:#d9ed86;border-radius:13px;place-items:center;width:45px;height:45px;margin-bottom:23px;font-size:27px;display:grid}.auth-modal h2{letter-spacing:-1px;margin:11px 0;font-size:28px}.auth-modal>p{color:#718473;margin:0 0 24px;font-size:12px;line-height:1.65}.auth-modal form{gap:14px;display:grid}.auth-modal label{color:#43604b;font-size:11px;font-weight:750}.auth-modal input{color:#213b2c;background:#fbfdf9;border:1px solid #d8e2d6;border-radius:8px;width:100%;margin-top:7px;padding:12px;font-size:13px;display:block}.auth-submit{width:100%;margin-top:4px}.auth-error{color:#a74d3f;background:#fff0e8;border-radius:8px;padding:10px;font-size:11px}.auth-switch{text-align:center;color:#819180;margin-top:21px;font-size:11px}.auth-switch button{color:#426a43;background:0 0;border:0;padding:0 3px;font-weight:800}.auth-footnote{color:#99a698;border-top:1px solid #e9eee6;margin-top:24px;padding-top:17px;font-size:10px;line-height:1.6}@media (width<=1180px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr .8fr}.hero-copy{padding-left:38px}.hero-visual{margin-right:24px}.lesson-layout{grid-template-columns:minmax(0,1fr) 175px;gap:28px}}@media (width<=850px){.app-shell{display:block}.sidebar{display:none}.topbar{height:70px}.topbar-left{display:none}.mobile-logo{color:#17302c;display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:38px}.hero-visual{margin:0 30px 30px}.lesson-layout{grid-template-columns:1fr}.lesson-aside{display:none}.lesson-breadcrumb{margin-bottom:30px}}@media (width<=600px){.topbar{padding:0 18px}.logo{font-size:19px}.topbar-right{gap:10px}.connection{font-size:0}.connection i{width:8px;height:8px}.account-button{padding:10px;font-size:10px}.account-button span{display:none}.hero{border-radius:17px;margin:20px 15px 0}.hero-copy{padding:33px 25px 20px}.hero h1{letter-spacing:-2px;margin-top:20px;font-size:38px}.hero-copy p{font-size:12px}.hero-visual{margin:12px 20px 22px;padding:17px}.dashboard-strip{gap:10px;margin:13px 15px 0;padding:13px}.strip-progress{gap:8px;min-width:0}.progress-ring{width:65px;height:65px}.strip-progress strong{font-size:12px}.strip-progress small,.strip-progress span{font-size:8px}.strip-divider,.strip-next{display:none}.round-arrow{width:35px;height:35px;margin-left:auto}.roadmap{padding:45px 15px}.section-heading{display:block}.section-heading p{margin-top:12px}.lesson-grid{gap:8px}.lesson-tile{min-height:168px;padding:13px}.tile-top{margin-bottom:14px}.lesson-tile strong{font-size:13px}.tile-subtitle{font-size:10px}.chapter-line{width:60px}.lesson-page{padding:25px 15px 55px}.lesson-main h1{font-size:41px}.lesson-subtitle{margin-bottom:33px}.scene-card{padding:24px 22px 22px 42px}.scene-card p{font-size:18px}.scene-quote{left:15px}.interaction-card{padding:20px 16px}.interaction-header span:last-child{display:none}.interaction-card h2{font-size:20px}.takeaway{display:block}.takeaway strong{margin-top:8px;display:block}.lesson-actions{display:block}.complete-button{width:100%}.quiet-button{margin:15px auto;display:block}.site-footer{padding:25px 15px;line-height:1.7;display:block}.site-footer span{display:block}.chart-controls{grid-template-columns:1fr}.chart-controls output{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
