:root{--color-bg:#efeeea;--color-surface:#fbfaf8;--color-ink:#161616;--color-ink-soft:#565650;--color-ink-faint:#8b8b85;--color-border:#dfdeda;--color-border-strong:#c9c8c2;--color-accent:#96601a;--color-accent-soft:#f1e6d3;--color-warn:#9c5a3c;--color-warn-soft:#f2e4dc;--color-good:#96601a;--color-good-soft:#f1e6d3;--sunset-indigo:#201e3a;--sunset-indigo-deep:#131226;--sunset-plum:#6a4f6b;--sunset-rose:#a85570;--sunset-amber:#c77a22;--sunset-gold:#e7a33d;--sunset-sand:#4a392e;--sunset-cream:#fbead2;--chart-series-1:#c77a22;--chart-series-2:#a85570;--chart-axis:#d7d6d1;--chart-grid:#e8e7e3;--font-display:"Instrument Sans", "Helvetica Neue", -apple-system, sans-serif;--font-body:"Instrument Sans", "Helvetica Neue", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-card:0 1px 2px #17160f0a, 0 2px 12px #17160f0d;--shadow-float:0 8px 30px #17160f24;--transition-base:.28s cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;margin:0;font-weight:600}p{margin:0}ul{margin:0;padding:0;list-style:none}button,textarea{font-family:inherit}button{cursor:pointer}textarea{font-size:inherit}a{color:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:3px}::selection{background:var(--color-accent);color:#fff}::placeholder{color:var(--color-ink-faint)}.nav{justify-content:space-between;align-items:center;gap:var(--space-2);padding:14px var(--space-3);background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:20;display:flex;position:sticky;top:0}.nav__brand{background:0 0;border:none;flex-shrink:0;align-items:center;gap:10px;padding:4px;display:flex}.nav__name{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;white-space:nowrap;font-size:1.05rem;font-weight:600}.nav__tabs{scrollbar-width:none;flex:auto;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.nav__tabs::-webkit-scrollbar{display:none}.nav__tab{font-family:var(--font-mono);color:var(--color-ink-faint);white-space:nowrap;transition:color var(--transition-base), border-color var(--transition-base);background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:8px;font-size:.76rem;font-weight:500}.nav__tab:hover{color:var(--color-ink)}.nav__tab--active{color:var(--color-ink);border-bottom-color:var(--sunset-amber)}@media (width>=1024px){.nav__tabs{gap:var(--space-1)}.nav__tab{padding:8px 14px;font-size:.82rem}}.landing{overflow-x:clip}.landing__hero{text-align:center;width:100vw;min-height:76vh;margin-left:-50vw;margin-bottom:var(--space-5);flex-direction:column;display:flex;position:relative;left:50%;overflow:hidden}.landing__hero-content{width:100%;max-width:640px;padding:10vh var(--space-3) 0;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.landing__headline{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-ink);text-wrap:balance;margin:0;font-size:clamp(2.5rem,7vw,4.2rem);font-weight:600;line-height:1.04}.landing__headline em{font-style:italic;font-weight:600}.landing__meta{margin-top:var(--space-2);font-family:var(--font-mono);color:var(--color-ink-faint);font-size:.76rem}.landing__cta{margin-top:var(--space-4);background:var(--color-ink);color:var(--color-bg);border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;font-family:var(--font-display);transition:transform var(--transition-base), background var(--transition-base);border:none;align-items:center;gap:8px;padding:14px 28px;display:inline-flex}.landing__cta:hover{background:var(--sunset-sand);transform:translateY(-1px)}.landing__scene{width:100%;margin-top:auto;position:relative}@media (width<=639px){.landing__hero{min-height:0}.landing__scene{margin-top:var(--space-4)}}.landing__graphic{width:100%;height:min(36.11vw,44vh,500px);display:block}.landing__ridge{stroke:var(--sunset-sand);stroke-opacity:.75;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.landing__ridge--faint{stroke-opacity:.35}.landing__point{position:absolute;top:26.154%;left:57.083%;transform:translate(-50%,-50%)}.landing__point svg{display:block;transform:rotate(45deg)}.landing__steps{gap:var(--space-4);width:calc(100% - var(--space-3) * 2);max-width:1040px;margin:0 auto var(--space-5);grid-template-columns:1fr;display:grid}.landing__step{border-top:2px solid var(--sunset-amber);padding-top:var(--space-2)}.landing__step-num{font-family:var(--font-mono);color:var(--color-ink-faint);margin-bottom:var(--space-1);font-size:.78rem;display:block}.landing__step-title{margin-bottom:6px;font-size:1.15rem}.landing__step-body{color:var(--color-ink-soft);font-size:.9rem;line-height:1.6}.landing__topics{width:calc(100% - var(--space-3) * 2);max-width:1040px;margin:0 auto var(--space-5);text-align:center}.landing__topics-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-faint);margin-bottom:var(--space-2);font-size:.75rem}.landing__topics-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.landing__topic-pill{border:1px solid var(--color-border-strong);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-ink);transition:border-color var(--transition-base), background var(--transition-base);border-radius:999px;padding:9px 16px;font-size:.82rem}.landing__topic-pill:hover{border-color:var(--sunset-amber);background:var(--sunset-cream)}.landing__footer-cta{text-align:center;padding:0 var(--space-3) var(--space-6);align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.landing__footer-link{font-family:var(--font-display);color:var(--color-ink);border:none;border-bottom:2px solid var(--sunset-amber);background:0 0;padding-bottom:2px;font-size:.95rem;font-weight:600}.landing__footer-link:hover{color:var(--sunset-amber)}@media (width>=768px){.landing__steps{grid-template-columns:repeat(3,1fr)}}.library{max-width:880px;padding:var(--space-4) var(--space-3) var(--space-6);margin:0 auto}.library__header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.library__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:var(--space-2);align-items:center;gap:8px;font-size:.72rem;font-weight:500;display:flex}.library__eyebrow:before{content:"";background:var(--sunset-amber);border-radius:1px;width:6px;height:6px}.library__title{letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:clamp(1.8rem,4.5vw,2.4rem)}.library__sub{color:var(--color-ink-soft);max-width:480px;font-size:.98rem;line-height:1.6}.library__controls{margin-bottom:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.library__search{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;color:var(--color-ink);padding:13px 16px;font-size:.95rem}.library__search:focus{border-color:var(--color-ink)}.library__pills{flex-wrap:wrap;gap:8px;display:flex}.library__pill{border:1px solid var(--color-border-strong);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-ink-soft);transition:background var(--transition-base), color var(--transition-base), border-color var(--transition-base);border-radius:999px;padding:8px 14px;font-size:.76rem}.library__pill:hover{border-color:var(--color-ink)}.library__pill--active{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-bg)}.library__empty{color:var(--color-ink-soft);padding:var(--space-4) 0;font-style:italic}.library__grid{background:var(--color-border);border:1px solid var(--color-border);grid-template-columns:1fr;gap:1px;display:grid}.library__card{text-align:left;background:var(--color-surface);width:100%;height:100%;padding:var(--space-3);transition:background var(--transition-base);border:none;flex-direction:column;gap:8px;display:flex}.library__card:hover{background:var(--color-bg)}.library__card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.library__card-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faint);font-size:.68rem;font-weight:500}.library__card-done{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-good);background:var(--color-good-soft);border-radius:var(--radius-sm);padding:3px 8px;font-size:.66rem;font-weight:600}.library__card-title{font-size:1.08rem;line-height:1.3}.library__card-excerpt{color:var(--color-ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.55;display:-webkit-box;overflow:hidden}@media (width>=768px){.library__pills{flex-wrap:nowrap}.library__grid{grid-template-columns:repeat(2,1fr)}}.notepad{max-width:640px;margin:var(--space-3) auto 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4) var(--space-4)}.notepad__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.notepad__title{font-size:1rem}.notepad__status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-good);opacity:0;font-size:.7rem;transition:opacity .4s}.notepad__status--visible{opacity:1}.notepad__textarea{resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;min-height:88px;padding:var(--space-2);color:var(--color-ink);font-size:.9rem;line-height:1.6}.notepad__textarea:focus{border-color:var(--color-ink)}.notespage{max-width:720px;padding:var(--space-4) var(--space-3) var(--space-6);margin:0 auto}.notespage__header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.notespage__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:var(--space-2);align-items:center;gap:8px;font-size:.72rem;font-weight:500;display:flex}.notespage__eyebrow:before{content:"";background:var(--sunset-rose);border-radius:1px;width:6px;height:6px}.notespage__title{letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:clamp(1.8rem,4.5vw,2.4rem)}.notespage__sub{color:var(--color-ink-soft);font-size:.98rem}.notespage__empty{color:var(--color-ink-soft);padding:var(--space-3) 0;max-width:480px;font-style:italic;line-height:1.6}.notespage__controls{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.notespage__sort,.notespage__bulk{gap:6px;display:flex}.notespage__sort-btn,.notespage__bulk-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-ink-soft);background:0 0;padding:6px 11px;font-size:.72rem}.notespage__sort-btn:hover,.notespage__bulk-btn:hover{border-color:var(--color-ink);color:var(--color-ink)}.notespage__sort-btn--active{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-bg)}.notespage__group{margin-bottom:var(--space-4)}.notespage__group-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-soft);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);margin-bottom:var(--space-3);font-size:.72rem;font-weight:500}.notespage__list{gap:var(--space-3);flex-direction:column;display:flex}.notespage__item-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.notespage__toggle{text-align:left;background:0 0;border:none;flex:1;align-items:flex-start;gap:8px;min-width:0;padding:0;display:flex}.notespage__chevron{color:var(--color-ink-faint);flex-shrink:0;margin-top:5px;transition:transform .15s}.notespage__chevron--open{color:var(--color-ink-soft);transform:rotate(90deg)}.notespage__toggle-text{min-width:0}.notespage__item-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-faint);margin-bottom:2px;font-size:.68rem;font-weight:500;display:block}.notespage__item-title{font-size:1.1rem}.notespage__open-btn{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-ink-soft);white-space:nowrap;background:0 0;flex-shrink:0;padding:8px 12px;font-size:.76rem}.notespage__open-btn:hover{border-color:var(--color-ink);color:var(--color-ink)}.notespage__preview{border:1px dashed var(--color-border);border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--color-ink-soft);text-overflow:ellipsis;white-space:nowrap;background:0 0;margin-top:6px;padding:10px 12px;font-size:.88rem;font-style:italic;display:block;overflow:hidden}.notespage__preview:hover{border-color:var(--color-border-strong);color:var(--color-ink)}.notespage__item .notepad{margin-top:6px}.deepdive{max-width:640px;margin:var(--space-3) auto 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.deepdive__header{margin-bottom:var(--space-3)}.deepdive__title{margin-bottom:4px;font-size:1.15rem}.deepdive__hint{color:var(--color-ink-soft);font-size:.86rem;line-height:1.5}.deepdive__search{margin-bottom:var(--space-3)}.deepdive__search-input{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg);width:100%;color:var(--color-ink);padding:12px 14px;font-size:.9rem}.deepdive__search-input:focus{border-color:var(--color-ink)}.deepdive__empty{color:var(--color-ink-soft);margin-bottom:var(--space-2);font-size:.86rem;font-style:italic}.deepdive__list{flex-direction:column;display:flex}.deepdive__item{border-top:1px solid var(--color-border)}.deepdive__item:first-child{border-top:none}.deepdive__question{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) 2px;text-align:left;font-family:var(--font-display);color:var(--color-ink);background:0 0;border:none;font-size:.96rem;font-weight:500;display:flex}.deepdive__chevron{font-family:var(--font-mono);color:var(--color-ink-faint);text-align:center;flex-shrink:0;width:20px;font-size:1.1rem}.deepdive__answer{padding:0 2px var(--space-3);gap:var(--space-2);animation:deepdive-open var(--transition-base);flex-direction:column;display:flex}@keyframes deepdive-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.deepdive__answer p{color:var(--color-ink-soft);font-size:.92rem;line-height:1.65}.deepdive__formula{font-family:var(--font-mono);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--color-ink)!important;font-size:.85rem!important;line-height:1.7!important}.lchart{max-width:640px;margin:var(--space-3) auto 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3) var(--space-2)}.lchart__header{margin-bottom:var(--space-2)}.lchart__title{margin-bottom:2px;font-size:1rem}.lchart__subtitle{color:var(--color-ink-soft);font-size:.82rem;line-height:1.4}.lchart__legend{gap:var(--space-3);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.lchart__legend-item{font-family:var(--font-mono);color:var(--color-ink-soft);align-items:center;gap:6px;font-size:.72rem;display:flex}.lchart__legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.lchart__svg{width:100%;height:auto;overflow:visible}.lchart__grid{stroke:var(--chart-grid);stroke-width:1px}.lchart__tick{font-family:var(--font-mono);fill:var(--color-ink-faint);font-size:9px}.lchart__line{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:d .2s}.lchart__end-ring{fill:var(--color-surface)}.lchart__end-label{font-family:var(--font-mono);fill:var(--color-ink);font-size:11px;font-weight:500}.lchart__hit{cursor:default}.lchart__bar{transition:d .2s ease, opacity var(--transition-base)}.lchart__bar-value{font-family:var(--font-mono);fill:var(--color-ink);font-size:11px;font-weight:500}.lchart__bar-value--inside{fill:var(--color-surface)}.lchart__axis-label{text-align:center;font-family:var(--font-mono);color:var(--color-ink-faint);margin-top:4px;font-size:.7rem}.lchart__note{color:var(--color-ink-faint);margin-top:var(--space-1);text-align:center;font-size:.78rem;font-style:italic}.lchart__controls{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.lchart__control{flex-direction:column;gap:6px;display:flex}.lchart__control-label{font-family:var(--font-mono);color:var(--color-ink-soft);justify-content:space-between;align-items:baseline;font-size:.74rem;font-weight:500;display:flex}.lchart__control-value{color:var(--sunset-amber);font-weight:600}.lchart__slider{appearance:none;background:var(--color-border);border-radius:2px;outline:none;width:100%;height:4px}.lchart__slider::-webkit-slider-thumb{appearance:none;background:var(--sunset-amber);border:2px solid var(--color-surface);width:16px;height:16px;box-shadow:0 0 0 1px var(--color-border-strong);cursor:pointer;border-radius:50%}.lchart__slider::-moz-range-thumb{background:var(--sunset-amber);border:2px solid var(--color-surface);width:16px;height:16px;box-shadow:0 0 0 1px var(--color-border-strong);cursor:pointer;border-radius:50%}.ldiag{margin:0 0 var(--space-4);padding:var(--space-2) var(--space-2) var(--space-1);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ldiag__svg{width:100%;height:auto;font-family:var(--font-body)}.ldiag__caption{color:var(--color-ink-soft);text-align:center;padding:6px 10px 8px;font-size:.8rem;line-height:1.5}.ldiag__label{fill:var(--color-ink);letter-spacing:-.01em;font-size:12px;font-weight:600}.ldiag__label--sm{font-size:10.5px}.ldiag__sub{fill:var(--color-ink-faint);font-size:9.5px}.ldiag__sub--strong{fill:var(--color-ink-soft);font-weight:500}.ldiag__sub--warn{fill:var(--color-warn);font-weight:600}.ldiag__check{fill:var(--color-accent);font-size:12px;font-weight:700}.ldiag__box{fill:var(--color-surface);stroke:var(--color-border-strong);stroke-width:1.5px}.ldiag__box--accent{stroke:var(--color-accent)}.ldiag__panel{fill:var(--color-surface);stroke:var(--color-border);stroke-width:1px}.ldiag__baseline{stroke:var(--color-border-strong);stroke-width:1.5px}.ldiag__timeline{stroke:var(--color-ink);stroke-width:2px}.ldiag__ring{fill:none;stroke:var(--color-border-strong);stroke-width:1.5px;stroke-dasharray:5 5}.ldiag__arrow line{stroke:var(--color-ink-soft);stroke-width:1.5px}.ldiag__arrow polygon,.ldiag__arrowhead{fill:var(--color-ink-soft)}.ldiag__wall{stroke:var(--color-ink);stroke-width:3px;stroke-linecap:round}.ldiag__zigzag{stroke:var(--color-ink-faint);stroke-width:1.3px;stroke-dasharray:3 3}.ldiag__tie{stroke:var(--color-border-strong);stroke-width:1.3px}.ldiag__curve{stroke:var(--color-ink-soft);stroke-width:1.5px}.ldiag__gapline{stroke:var(--color-warn);stroke-width:1.3px;stroke-dasharray:3 4}.ldiag__gauge{fill:none;stroke:var(--chart-grid);stroke-width:10px;stroke-linecap:round}.ldiag__gauge--hot{stroke:var(--color-accent-soft)}.ldiag__tick{stroke:var(--color-border-strong);stroke-width:1.5px}.ldiag__needle{stroke:var(--color-ink);stroke-width:2.5px;stroke-linecap:round}.ldiag__funnel{fill:var(--color-accent-soft);stroke:var(--color-accent);stroke-width:1.5px;stroke-linejoin:round}.ldiag__orb{stroke-width:1.5px}.ldiag__orb--filled{fill:var(--color-accent-soft);stroke:var(--color-accent)}.ldiag__orb--dashed{fill:none;stroke:var(--chart-series-2);stroke-dasharray:5 5}.ldiag__ray{stroke:var(--color-border-strong);stroke-width:1.3px;stroke-dasharray:3 4}.ldiag__ucurve{stroke:var(--chart-series-1);stroke-width:2.5px;stroke-linecap:round}.lesson{max-width:640px;padding:var(--space-3) var(--space-3) var(--space-6);margin:0 auto}.lesson__back{margin-bottom:var(--space-2);font-family:var(--font-mono);color:var(--color-ink-faint);background:0 0;border:none;align-items:center;gap:4px;padding:6px 2px;font-size:.8rem;display:inline-flex}.lesson__back:hover{color:var(--color-ink)}.lesson__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);animation:lesson-in var(--transition-base);position:relative}@keyframes lesson-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lesson__category{font-family:var(--font-mono);color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);align-items:center;gap:6px;font-size:.72rem;font-weight:500;display:inline-flex}.lesson__category:before{content:"";background:var(--color-accent);border-radius:1px;width:6px;height:6px}.lesson__badge{top:var(--space-4);right:var(--space-4);font-family:var(--font-mono);color:var(--color-good);background:var(--color-good-soft);border-radius:var(--radius-sm);padding:4px 10px;font-size:.7rem;font-weight:500;position:absolute}.lesson__title{margin-bottom:var(--space-3);letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,1.85rem);line-height:1.15}.lesson__concept{color:var(--color-ink);margin-bottom:var(--space-4);font-size:1rem;line-height:1.7}.lesson__section{margin-bottom:var(--space-4)}.lesson__section-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-faint);margin-bottom:var(--space-2);font-size:.72rem;font-weight:500}.lesson__explanation{gap:var(--space-2);flex-direction:column;display:flex}.lesson__explanation p{color:var(--color-ink);font-size:.96rem;line-height:1.7}.lesson__takeaways{gap:var(--space-2);flex-direction:column;display:flex}.lesson__takeaway{color:var(--color-ink);padding-left:20px;font-size:.94rem;line-height:1.6;position:relative}.lesson__takeaway:before{content:"";background:var(--color-ink);border-radius:1px;width:6px;height:6px;position:absolute;top:8px;left:0}.lesson__application{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.lesson__application p{color:var(--color-ink-soft);font-size:.9rem;line-height:1.6}.lesson__nav{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3);display:flex}.lesson__nav-btn{border-radius:var(--radius-sm);font-weight:600;font-family:var(--font-display);transition:transform var(--transition-base), opacity var(--transition-base), background var(--transition-base);border:none;flex:1;padding:13px 20px;font-size:.92rem}.lesson__nav-btn:active{transform:scale(.98)}.lesson__nav-btn--ghost{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-ink)}.lesson__nav-btn--ghost:disabled{opacity:.4;cursor:not-allowed}.lesson__nav-btn--primary{background:var(--color-ink);color:var(--color-bg)}.lesson__nav-btn--primary:hover{background:var(--color-accent)}.calc{flex-direction:column;gap:6px;display:flex}.calc__display{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);text-align:right;color:var(--color-ink);white-space:nowrap;margin-bottom:4px;padding:14px 12px;font-size:1.6rem;overflow-x:auto}.calc__row{gap:6px;display:flex}.calc__btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-ink);transition:background var(--transition-base);flex:1;padding:12px 0;font-size:.95rem}.calc__btn:hover{background:var(--color-bg)}.calc__btn--wide{flex:2.2}.calc__btn--fn{color:var(--color-ink-soft)}.calc__btn--op{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.calc__btn--op:hover{background:var(--sunset-amber);border-color:var(--sunset-amber)}.calc__btn--equals{background:var(--sunset-amber);color:var(--color-ink);border-color:var(--sunset-amber);font-weight:600}.calc__btn--equals:hover{background:var(--sunset-gold)}.scratch-backdrop{z-index:60;background:#17160f59;position:fixed;inset:0}.scratch{background:var(--color-surface);border-left:1px solid var(--color-border);width:min(320px,100vw);height:100vh;transition:transform var(--transition-base);z-index:61;box-shadow:var(--shadow-float);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.scratch--open{transform:translate(0)}.scratch__header{padding:var(--space-2);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.scratch__title{font-size:1.05rem}.scratch__close{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-ink-soft);flex-shrink:0;font-size:1.2rem;line-height:1}.scratch__body{padding:var(--space-3);flex:1;overflow-y:auto}.scratch__textarea{resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;min-height:140px;padding:var(--space-2);color:var(--color-ink);font-size:.92rem;line-height:1.6}.scratch__textarea:focus{border-color:var(--color-ink)}.scratch__hint{font-family:var(--font-mono);color:var(--color-ink-faint);margin-top:8px;font-size:.7rem}.scratch__divider{background:var(--color-border);height:1px;margin:var(--space-3) 0}.scratch__subtitle{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-faint);margin-bottom:var(--space-2);font-size:.72rem;font-weight:500}.quiz-overlay{z-index:50;background:#17160f80;justify-content:center;align-items:flex-end;animation:.2s quiz-fade-in;display:flex;position:fixed;inset:0}@keyframes quiz-fade-in{0%{opacity:0}to{opacity:1}}.quiz-modal{background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--color-border);width:100%;max-width:560px;padding:var(--space-4) var(--space-3) var(--space-4);box-shadow:var(--shadow-float);animation:quiz-slide-up var(--transition-base);border-bottom:none;max-height:90vh;position:relative;overflow-y:auto}@keyframes quiz-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quiz-modal__toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.quiz-modal__scratch-btn{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-ink-soft);padding:8px 14px;font-size:.78rem}.quiz-modal__scratch-btn:hover{border-color:var(--color-ink);color:var(--color-ink)}.quiz-modal__close{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-ink-soft);flex-shrink:0;font-size:1.2rem;line-height:1}.quiz-modal__meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-faint);margin-bottom:var(--space-1);font-size:.72rem;font-weight:500}.quiz-modal__question{margin-bottom:var(--space-3);font-size:1.25rem;line-height:1.35}.quiz-modal__options{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.quiz-modal__option{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-ink);transition:border-color var(--transition-base), background var(--transition-base);padding:13px 16px;font-size:.92rem}.quiz-modal__option:not(:disabled):hover{border-color:var(--color-ink)}.quiz-modal__option--correct{border-color:var(--color-good);background:var(--color-good-soft);font-weight:600}.quiz-modal__option--incorrect{border-color:var(--color-warn);background:var(--color-warn-soft)}.quiz-modal__option--muted{opacity:.5}.quiz-modal__feedback{border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.quiz-modal__feedback--correct{background:var(--color-good-soft);border-color:var(--color-good)}.quiz-modal__feedback--incorrect{background:var(--color-warn-soft);border-color:var(--color-warn)}.quiz-modal__feedback-title{font-family:var(--font-display);margin-bottom:4px;font-weight:600}.quiz-modal__feedback--correct .quiz-modal__feedback-title{color:var(--color-good)}.quiz-modal__feedback--incorrect .quiz-modal__feedback-title{color:var(--color-warn)}.quiz-modal__feedback-text{color:var(--color-ink-soft);font-size:.88rem;line-height:1.5}.quiz-modal__continue{border-radius:var(--radius-sm);background:var(--color-ink);width:100%;color:var(--color-bg);font-family:var(--font-display);border:none;padding:14px;font-size:.95rem;font-weight:600}.quiz-modal__continue:hover{background:var(--color-accent)}@media (width>=768px){.quiz-overlay{align-items:center}.quiz-modal{border-radius:var(--radius-lg);border-bottom:1px solid var(--color-border)}}.sidebar-backdrop{z-index:30;background:#17160f59;position:fixed;inset:0}.sidebar{background:var(--color-surface);border-left:1px solid var(--color-border);width:min(320px,100vw);height:100vh;padding:var(--space-3);gap:var(--space-3);transition:transform var(--transition-base);z-index:40;flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.sidebar--open{transform:translate(0)}.sidebar__notes{flex-direction:column;flex:1;min-height:160px;display:flex}.sidebar__notes-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sidebar__notes-title{font-size:1rem}.sidebar__notes-status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-good);opacity:0;font-size:.68rem;transition:opacity .4s}.sidebar__notes-status--visible{opacity:1}.sidebar__notes-textarea{resize:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;min-height:160px;padding:var(--space-2);color:var(--color-ink);flex:1;font-size:.9rem;line-height:1.6}.sidebar__notes-textarea:focus{border-color:var(--color-ink)}.sidebar__stats{padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-shrink:0}.sidebar__stat-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:6px;display:flex}.sidebar__stat-num{font-family:var(--font-display);color:var(--color-ink);white-space:nowrap;font-size:1.05rem;font-weight:600}.sidebar__stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-faint);text-align:right;font-size:.7rem}.sidebar__bar-track{background:var(--color-border);height:4px;margin-top:var(--space-1);border-radius:2px;overflow:hidden}.sidebar__bar-fill{background:var(--color-ink);height:100%;transition:width var(--transition-base)}.sidebar__actions{gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.sidebar__btn{border-radius:var(--radius-sm);font-family:var(--font-display);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-ink);padding:11px;font-size:.88rem;font-weight:600}.sidebar__btn--ghost:hover{border-color:var(--color-ink)}.sidebar__btn--danger{color:var(--color-warn);border-color:var(--color-warn-soft);background:0 0}.sidebar__btn--danger:hover{background:var(--color-warn-soft)}@media (width>=1024px){.sidebar-backdrop{display:none}.sidebar{border-left:1px solid var(--color-border);height:calc(100vh - 57px);position:sticky;top:57px;transform:none}}.app{flex-direction:column;min-height:100vh;display:flex}.app__body{flex:1;display:flex}.app__main{flex:1;min-width:0}.app__complete{max-width:480px;margin:var(--space-6) auto;text-align:center;padding:var(--space-4) var(--space-3)}.app__complete-title{margin-bottom:var(--space-2);font-size:1.8rem}.app__complete-sub{color:var(--color-ink-soft);margin-bottom:var(--space-4)}.app__complete-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app__complete-btn{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-family:var(--font-display);padding:13px 24px;font-weight:600}.app__complete-btn:hover{border-color:var(--color-ink)}.app__complete-btn--primary{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.app__complete-btn--primary:hover{background:var(--color-accent);border-color:var(--color-accent)}.app__notes-fab{background:var(--color-ink);width:52px;height:52px;color:var(--color-bg);box-shadow:var(--shadow-float);z-index:45;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:18px;right:18px}@media (width>=1024px){.app__main{padding:var(--space-2) 0}.app__notes-fab{display:none}}