.lesson-nav{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ff0;border-bottom:1px solid #e8dec81f;position:sticky;top:0}.lesson-nav__bar{display:none}.lesson-nav__list{flex-wrap:wrap;gap:8px;margin:0;padding:10px 12px;list-style:none;display:flex;position:relative}.lesson-nav__link{box-sizing:border-box;color:var(--ink);background:var(--rule-soft);border:1px solid var(--rule);cursor:pointer;font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:500}.lesson-nav__link[aria-current=page]{color:var(--paper);background:var(--accent,var(--ink));border-color:var(--accent,var(--ink))}.lesson-nav__underline{opacity:.7;height:1px;position:absolute;bottom:-1px;left:0;right:0}@media (width<=767px){.lesson-nav__bar{box-sizing:border-box;align-items:center;width:100%;padding:8px 12px;display:flex}.lesson-nav__toggle{box-sizing:border-box;background:var(--rule-soft);border:1px solid var(--rule);min-width:0;max-width:100%;color:var(--ink);cursor:pointer;font-family:var(--font-mono);letter-spacing:.04em;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:inline-flex}.lesson-nav__toggle svg{flex:none}.lesson-nav__current{align-items:center;gap:8px;min-width:0;display:inline-flex}.lesson-nav__dot{background:var(--accent,var(--ink));border-radius:999px;flex:none;width:8px;height:8px}.lesson-nav__current-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-nav__list{border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:calc(100dvh - 52px);padding:8px 12px 14px;display:grid;overflow-y:auto}.lesson-nav__list[data-open=false]{display:none}.lesson-nav__link{text-align:center;width:100%;padding:10px 12px;font-size:13px}.lesson-nav__underline{display:none}}:root{--paper:#0a0a0f;--ink:#e8dec8;--rule:#e8dec829;--rule-soft:#e8dec80f;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}html,body,#root{background:var(--paper);min-height:100%;margin:0}body{overflow-x:hidden}.lesson-shell .relative{position:relative}.lesson-shell .absolute{position:absolute}.lesson-shell .fixed{position:fixed}.lesson-shell .inset-0{inset:0}.lesson-shell .z-10{z-index:10}.lesson-shell .z-20{z-index:20}.lesson-shell .pointer-events-none{pointer-events:none}.lesson-shell .overflow-hidden{overflow:hidden}.lesson-shell .overflow-x-auto{overflow-x:auto}.lesson-shell .hidden{display:none}.lesson-shell .block{display:block}.lesson-shell .grid{display:grid}.lesson-shell .flex{display:flex}.lesson-shell .flex-wrap{flex-wrap:wrap}.lesson-shell .flex-1{flex:1}.lesson-shell .items-center{align-items:center}.lesson-shell .items-baseline{align-items:baseline}.lesson-shell .items-stretch{align-items:stretch}.lesson-shell .justify-between{justify-content:space-between}.lesson-shell .text-center{text-align:center}.lesson-shell .mx-auto{margin-left:auto;margin-right:auto}.lesson-shell .ml-auto{margin-left:auto}.lesson-shell .max-w-3xl{max-width:48rem}.lesson-shell .max-w-4xl{max-width:56rem}.lesson-shell .max-w-6xl{max-width:72rem}.lesson-shell .px-2{padding-left:.5rem;padding-right:.5rem}.lesson-shell .px-6{padding-left:1.5rem;padding-right:1.5rem}.lesson-shell .py-20{padding-top:5rem;padding-bottom:5rem}.lesson-shell .pb-2{padding-bottom:.5rem}.lesson-shell .mt-0\.5{margin-top:.125rem}.lesson-shell .mt-1{margin-top:.25rem}.lesson-shell .mt-2{margin-top:.5rem}.lesson-shell .mt-3{margin-top:.75rem}.lesson-shell .mt-4{margin-top:1rem}.lesson-shell .mt-8{margin-top:2rem}.lesson-shell .mt-10{margin-top:2.5rem}.lesson-shell .mt-12{margin-top:3rem}.lesson-shell .mt-16{margin-top:4rem}.lesson-shell .mt-20{margin-top:5rem}.lesson-shell .mb-1{margin-bottom:.25rem}.lesson-shell .mb-2{margin-bottom:.5rem}.lesson-shell .mb-3{margin-bottom:.75rem}.lesson-shell .mb-4{margin-bottom:1rem}.lesson-shell .mb-5{margin-bottom:1.25rem}.lesson-shell .mb-6{margin-bottom:1.5rem}.lesson-shell .my-4{margin-top:1rem;margin-bottom:1rem}.lesson-shell .gap-1{gap:.25rem}.lesson-shell .gap-1\.5{gap:.375rem}.lesson-shell .gap-2{gap:.5rem}.lesson-shell .gap-3{gap:.75rem}.lesson-shell .gap-4{gap:1rem}.lesson-shell .gap-6{gap:1.5rem}.lesson-shell .gap-8{gap:2rem}.lesson-shell .space-y-1\.5>*+*{margin-top:.375rem}.lesson-shell [id]{scroll-margin-top:64px}@media (width>=768px){.lesson-shell .md\:px-12{padding-left:3rem;padding-right:3rem}.lesson-shell .md\:py-24{padding-top:6rem;padding-bottom:6rem}.lesson-shell .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-shell .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.lesson-shell .xl\:block{display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}