:root{--font-sans:"Segoe UI", Inter, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;--font-mono:"Cascadia Code", "JetBrains Mono", Consolas, "SF Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.35rem;--text-hero:clamp(2.4rem, 5.5vw, 3.8rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-med:.25s;--dur-slow:.5s;--sidebar-width:280px;--content-max:780px;--topbar-height:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#f0eee6;--bg-raised:#faf9f5;--bg-overlay:#e4e1d6;--bg-code:#f5f4ee;--bg-hover:#d977571a;--border-subtle:#19181721;--border-strong:#19181747;--text-primary:#191817;--text-secondary:#4a4740;--text-muted:#6d6a61;--accent:#aa4a27;--accent-strong:#8f3d20;--accent-soft:#d9775729;--accent-gradient:linear-gradient(120deg, #d97757, #d4a27f);--accent-glow:#d977574d;--on-accent:#faf9f5;--sea:#35607d;--sea-soft:#35607d1f;--good:#2f6a45;--good-soft:#2f6a451f;--bad:#a32a2a;--bad-soft:#a32a2a1c;--warn:#7d5a10;--warn-soft:#d4a27f3d;--info:#35607d;--info-soft:#35607d1c;--shadow-card:0 4px 20px #1918171a;--dot-grid-color:#19181712}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--bg-base);background-image:radial-gradient(var(--dot-grid-color) 1px, transparent 1px);color:var(--text-primary);transition:background-color var(--dur-med) var(--ease), color var(--dur-med) var(--ease);-webkit-font-smoothing:antialiased;background-size:22px 22px;line-height:1.65;overflow-x:clip}h1,h2,h3,h4{letter-spacing:-.015em;font-weight:650;line-height:1.25}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}code{font-family:var(--font-mono);font-size:.9em}.inline-code{background:var(--accent-soft);color:var(--accent-strong);border-radius:var(--radius-sm);white-space:nowrap;padding:.1em .4em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{vertical-align:-.14em;flex-shrink:0}.gradient-text{background:var(--accent-gradient);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite gradient-slide}.card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease)}.reveal{opacity:0;transition:opacity var(--dur-slow) var(--ease), transform var(--dur-slow) var(--ease);transition-delay:calc(var(--reveal-i,0) * 70ms);transform:translateY(18px)}.reveal.is-revealed{opacity:1;transform:translateY(0)}.page-enter{animation:page-in var(--dur-slow) var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-slide{0%,to{background-position:0%}50%{background-position:100%}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--cx,0px), var(--cy,-120px)) rotate(var(--cr,360deg)) scale(.4);opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.app-layout{min-height:100vh;display:flex}.app-layout__main{min-width:0;margin-left:var(--sidebar-width);flex:1}.app-layout__content{max-width:var(--content-max);padding:var(--space-6) var(--space-5) var(--space-8);margin:0 auto}.sidebar{width:var(--sidebar-width);background:var(--bg-raised);border-right:1px solid var(--border-subtle);z-index:30;transition:left var(--dur-med) var(--ease);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar__logo{align-items:center;gap:var(--space-3);padding:var(--space-5);font-size:var(--text-lg);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-weight:700;display:flex}.art--brand{flex-shrink:0}.sidebar__scroll{padding:var(--space-4) var(--space-3) var(--space-6);flex:1;overflow-y:auto}.sidebar__part{margin-bottom:var(--space-5)}.sidebar__part-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-2) var(--space-3);font-weight:700}.sidebar__module{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);display:flex;position:relative}.sidebar__module:before{content:"";border-radius:var(--radius-full);background:var(--accent-gradient);width:3px;transition:transform var(--dur-med) var(--ease-bounce);position:absolute;top:20%;bottom:20%;left:0;transform:scaleY(0)}.sidebar__module:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(3px)}.sidebar__module--active{background:var(--accent-soft);color:var(--accent-strong)}.sidebar__module--active:before{transform:scaleY(1)}.sidebar__module-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-align:right;flex-shrink:0;width:1.6em}.sidebar__module-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar__module-progress{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0}.sidebar__module-progress--done{color:var(--good);font-weight:700}.sidebar-backdrop{display:none}.sidebar__footer{border-top:1px solid var(--border-subtle);padding:var(--space-3) var(--space-4) var(--space-4);flex-shrink:0;max-height:60vh;overflow-y:auto}.sidebar__count{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);margin-bottom:var(--space-2)}.transfer__note{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);line-height:1.5}.transfer__note--warn{color:var(--warn)}.transfer__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.btn.transfer__btn{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);display:inline-flex}.transfer__file{display:none}.transfer__panel{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-base);font-size:var(--text-xs);color:var(--text-secondary);animation:fade-up var(--dur-med) var(--ease) both;line-height:1.55}.transfer__panel p+p,.transfer__panel p+.transfer__actions{margin-top:var(--space-2)}.transfer__panel--error{border-color:var(--bad);background:var(--bad-soft);color:var(--text-primary)}.topbar{height:var(--topbar-height);align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:color-mix(in srgb, var(--bg-base) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);z-index:20;display:flex;position:sticky;top:0}.topbar__menu{font-size:var(--text-xl);color:var(--text-secondary);padding:var(--space-1) var(--space-2);display:none}.topbar__progress{align-items:center;gap:var(--space-3);flex:1;max-width:360px;display:flex}.topbar__progress-track{border-radius:var(--radius-full);background:var(--bg-overlay);flex:1;height:6px;overflow:hidden}.topbar__progress-fill{border-radius:var(--radius-full);background:var(--accent-gradient);height:100%;transition:width var(--dur-slow) var(--ease);position:relative;overflow:hidden}.topbar__progress-fill:after{content:"";width:40%;animation:shimmer 2.6s var(--ease) infinite;background:linear-gradient(100deg,#0000,#ffffff59,#0000);position:absolute;inset:0}.topbar__progress-label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}@media (width<=900px){.app-layout__main{margin-left:0}.sidebar{left:calc(-1 * var(--sidebar-width) - 24px);box-shadow:var(--shadow-card)}.sidebar--open{left:0}.sidebar-backdrop{z-index:25;background:#00000080;display:block;position:fixed;inset:0}.topbar__menu{display:block}}@media (width<=560px){.topbar{gap:var(--space-2);padding:0 var(--space-3)}.topbar__progress-label{display:none}}.block-prose{margin-bottom:var(--space-4);color:var(--text-secondary)}.block-heading{font-size:var(--text-xl);margin:var(--space-6) 0 var(--space-3);color:var(--text-primary)}.block-heading--sub{font-size:var(--text-lg);margin:var(--space-5) 0 var(--space-2)}.block-list{margin:0 0 var(--space-4) var(--space-5);color:var(--text-secondary);gap:var(--space-2);display:grid}.block-code{background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.block-code__bar{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-hover);justify-content:space-between;align-items:center;display:flex}.block-code__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:lowercase}.block-code__copy{font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);transition:all var(--dur-fast) var(--ease)}.block-code__copy:hover{color:var(--accent);border-color:var(--accent)}.block-code pre{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);line-height:1.6;overflow-x:auto}.block-callout{border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);border:1px solid var(--border-subtle);border-left-width:3px}.block-callout p{color:var(--text-secondary);font-size:var(--text-sm)}.block-callout__title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);font-weight:650;font-size:var(--text-sm);display:flex}.block-callout--tip .block-callout__title .icon{color:var(--warn)}.block-callout--warning .block-callout__title .icon{color:var(--bad)}.block-callout--info .block-callout__title .icon{color:var(--info)}.block-callout--concept .block-callout__title .icon{color:var(--accent)}.block-callout--tip{background:var(--good-soft);border-left-color:var(--good)}.block-callout--warning{background:var(--warn-soft);border-left-color:var(--warn)}.block-callout--info{background:var(--info-soft);border-left-color:var(--info)}.block-callout--concept{background:var(--accent-soft);border-left-color:var(--accent)}.block-compare{margin-bottom:var(--space-5)}.block-compare__title{margin-bottom:var(--space-3);font-weight:650}.block-compare__grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=720px){.block-compare__grid{grid-template-columns:1fr}}.block-compare__side{border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.block-compare__side--bad{background:var(--bad-soft)}.block-compare__side--good{background:var(--good-soft)}.block-compare__tag{align-items:center;gap:var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:700;display:flex}.block-compare__side--bad .block-compare__tag{color:var(--bad)}.block-compare__side--good .block-compare__tag{color:var(--good)}.block-compare__content{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;background:var(--bg-code);border-radius:var(--radius-sm);padding:var(--space-3);flex:1}.block-compare__note{font-size:var(--text-sm);color:var(--text-secondary)}.block-exercise{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-5) 0}.block-exercise__head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.block-exercise__badge,.block-quiz__badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-strong);flex-shrink:0;font-weight:700}.block-exercise__title{font-weight:650}.block-exercise__task{color:var(--text-secondary);margin-bottom:var(--space-4)}.block-exercise__attempt{background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-3);resize:vertical;margin-bottom:var(--space-3)}.block-exercise__attempt:focus{border-color:var(--accent);outline:none}.block-exercise__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.block-exercise__hint{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);background:var(--warn-soft);padding:var(--space-3);border-radius:var(--radius-sm)}.block-exercise__hint .icon{color:var(--warn);vertical-align:-3px}.block-exercise__answer{margin-top:var(--space-4);border-top:1px solid var(--border-subtle);padding-top:var(--space-4);animation:answer-open var(--dur-slow) var(--ease) both}@keyframes answer-open{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(-6px)}to{opacity:1;clip-path:inset(0 0 -20%);transform:translateY(0)}}.block-exercise__answer-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--good);margin-bottom:var(--space-2);font-weight:700}.block-exercise__answer-content{font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.block-exercise__why{font-size:var(--text-sm);color:var(--text-secondary)}.block-quiz{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-5) 0}.block-quiz__head{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.block-quiz__question{font-weight:650}.block-quiz__options{gap:var(--space-2);display:grid}.block-quiz__option{gap:var(--space-3);text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--dur-fast) var(--ease);align-items:flex-start;display:flex}.block-quiz__option:not(:disabled):hover{border-color:var(--accent);background:var(--accent-soft);color:var(--text-primary)}.block-quiz__option:disabled{cursor:default}.block-quiz__option--correct{border-color:var(--good);background:var(--good-soft);color:var(--text-primary)}.block-quiz__option--wrong{border-color:var(--bad);background:var(--bad-soft)}.block-quiz__option--dim{opacity:.55}.block-quiz__option--fresh-wrong{animation:shake .45s var(--ease) both}.block-quiz__option--fresh-correct{animation:pop .4s var(--ease-bounce) both}.block-quiz__marker{font-weight:700;font-family:var(--font-mono);flex-shrink:0;justify-content:flex-start;align-items:center;width:1.4em;display:inline-flex}.block-quiz__option--correct .block-quiz__marker{color:var(--good)}.block-quiz__option--wrong .block-quiz__marker{color:var(--bad)}.block-quiz__explain{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);display:block}.block-table-wrap{margin-bottom:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto}.block-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.block-table th{text-align:left;padding:var(--space-3) var(--space-4);background:var(--bg-hover);color:var(--text-primary);border-bottom:1px solid var(--border-strong);white-space:nowrap}.block-table td{padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:top}.block-table tr:last-child td{border-bottom:none}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--dur-fast) var(--ease);font-weight:600}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover{background:var(--accent-strong);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn:active{transform:scale(.96)}.btn--ghost{border:1px solid var(--border-strong);color:var(--text-secondary)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.home{overflow-x:clip}.home__hero{padding:var(--space-6) 0 var(--space-6);text-align:center;isolation:isolate;position:relative}.home__hero .art--hero{z-index:-1;pointer-events:none;width:128%;height:420px;animation:art-in 1.1s var(--ease) both;position:absolute;top:-6%;left:-14%}.art--hero .art__ink{color:var(--text-primary);opacity:.5}.art--hero .art__blob{fill:var(--bg-raised)}@keyframes art-in{0%{opacity:0}to{opacity:1}}.module-card .art--card{width:62px;color:var(--text-primary);opacity:.2;pointer-events:none;transition:opacity var(--dur-med) var(--ease), transform var(--dur-med) var(--ease);position:absolute;top:4px;right:4px}.module-card:hover .art--card{opacity:.45;transform:rotate(-6deg)}.clawd{animation:page-in .5s var(--ease) both}.home__title{animation:page-in .5s var(--ease) .12s both}.home__subtitle{animation:page-in .5s var(--ease) .24s both}.home__resume{animation:page-in .5s var(--ease) .36s both}.clawd{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:inline-flex}.clawd__svg{animation:3.6s ease-in-out infinite float-y;overflow:visible}.clawd__claw--wave{transform-box:fill-box;transform-origin:10%;animation:2.6s ease-in-out infinite clawd-wave}.clawd__lid{transform-box:fill-box;transform-origin:50% 0;animation:4.5s infinite clawd-blink;transform:scaleY(0)}.clawd__bubble{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);box-shadow:var(--shadow-card);animation:bubble-in .4s var(--ease-bounce) both;font-weight:600;position:relative}.clawd__bubble:after{content:"";background:var(--bg-raised);border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes clawd-wave{0%,to{transform:rotate(0)}15%{transform:rotate(-18deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-12deg)}60%{transform:rotate(0)}}@keyframes clawd-blink{0%,91%,to{transform:scaleY(0)}93%,96%{transform:scaleY(1)}}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.home__title{font-size:var(--text-hero);margin-bottom:var(--space-4)}.home__subtitle{color:var(--text-secondary);max-width:560px;font-size:var(--text-lg);margin:0 auto}.home__resume{margin-top:var(--space-4);color:var(--accent-strong);font-weight:600}.home__part{margin-bottom:var(--space-7)}.home__part-title{font-size:var(--text-lg);margin-bottom:var(--space-4);align-items:center;display:flex}.art--part{width:17px;height:17px;color:var(--accent);margin-right:var(--space-3);flex-shrink:0}.home__part-num{color:var(--text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;margin-right:var(--space-2);font-weight:700}.home__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.home__footer{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.home__footer-fineprint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.module-card{padding:var(--space-5);color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow:hidden}.module-card:before{content:"";background:var(--accent-gradient);transform-origin:0;height:3px;transition:transform var(--dur-med) var(--ease);position:absolute;inset:0 0 auto;transform:scaleX(0)}.module-card:hover{border-color:var(--accent);box-shadow:0 10px 30px var(--accent-glow);color:var(--text-primary);transform:translateY(-4px)}.module-card:hover:before{transform:scaleX(1)}.module-card:hover .module-card__num{transform:translate(4px)}.module-card__num{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);margin-bottom:var(--space-2);transition:transform var(--dur-fast) var(--ease)}.module-card__title{font-size:var(--text-base);margin-bottom:var(--space-2)}.module-card__tagline{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4);flex:1}.module-card__footer{align-items:center;gap:var(--space-3);display:flex}.module-card__track{border-radius:var(--radius-full);background:var(--bg-overlay);flex:1;height:4px;overflow:hidden}.module-card__fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%}.module-card__count{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.module-page__eyebrow{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-2);font-weight:700}.module-page__title{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.module-page__tagline{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-6)}.module-page__lessons{gap:var(--space-3);display:grid}.lesson-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:var(--text-primary);display:flex}.lesson-row:hover{border-color:var(--accent);color:var(--text-primary);transform:translate(6px)}.lesson-row:hover .lesson-row__arrow{color:var(--accent);transform:translate(4px)}.lesson-row__arrow{transition:transform var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);display:inline-flex}.lesson-row__check{border-radius:var(--radius-full);background:var(--bg-overlay);width:2em;height:2em;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0;place-items:center;display:grid}.lesson-row--done .lesson-row__check{background:var(--good-soft);color:var(--good);font-weight:700}.lesson-row__title{flex:1}.lesson-row__arrow{color:var(--text-muted)}.lesson-page__breadcrumb{font-size:var(--text-sm);margin-bottom:var(--space-3)}.lesson-page__title{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.lesson-page__complete{margin:var(--space-6) 0;justify-content:center;display:flex}.lesson-page__nav{gap:var(--space-4);border-top:1px solid var(--border-subtle);padding-top:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=600px){.lesson-page__nav{grid-template-columns:1fr}}.lesson-nav{gap:var(--space-1);padding:var(--space-4);color:var(--text-primary);flex-direction:column;display:flex}.lesson-nav:hover{border-color:var(--accent);color:var(--text-primary)}.lesson-nav--next{text-align:right}.lesson-nav__dir{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;display:flex}.lesson-nav--next .lesson-nav__dir{justify-content:flex-end}.lesson-nav__title{font-size:var(--text-sm);color:var(--accent)}