.lesson-top{display:flex;align-items:center;gap:var(--s4);max-width:calc(288px + var(--s12) + var(--measure));margin:0 0 var(--s8)}.lesson-top__segs{flex:1;min-width:0}.lesson-top__close{flex:none}@media (min-width:1240px){.lesson-top{max-width:none}}@media (max-width:767px){.lesson-top{gap:var(--s3);margin-bottom:var(--s6)}}.lesson-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin-bottom:var(--s4)}.lesson-head__theme{display:inline-flex;align-items:center;min-height:var(--row-dense);font:800 var(--fs-small)/1.3 var(--font-body);color:var(--text-3);text-decoration:none}@media (max-width:767px){.lesson-head__theme{min-height:var(--row)}}.lesson-head__theme:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.lesson-rail{display:none}@media (min-width:1240px){.lesson-layout--rail{grid-template-columns:264px minmax(0,var(--measure)) minmax(0,1fr);gap:var(--s12)}.lesson-layout--rail .lesson-aside .lesson-toc{display:none}.lesson-rail{display:block;align-self:start;position:sticky;top:calc(var(--topbar-h) + var(--s6));max-height:calc(100dvh - var(--topbar-h) - var(--s12));overflow-y:auto;scrollbar-width:thin}.lesson-rail .lesson-toc__details{background:transparent;border:0;padding:0;box-shadow:none}.lesson-rail .lesson-toc__summary{pointer-events:none;list-style:none}.lesson-rail .lesson-toc__summary::-webkit-details-marker{display:none}}.lesson-toc__link[aria-current=true]{color:var(--text);background:var(--surface);box-shadow:inset 3px 0 0 var(--accent-text)}.lesson-article{font-family:var(--lesson-font,var(--font-body))}.lesson-article>div>:first-child{margin-top:0}.prose h4{font:800 var(--fs-body)/1.35 var(--font-display);margin:var(--s6) 0 var(--s2)}.prose em{font-style:italic}.prose mark{padding:0 3px;background:var(--grad-mark);color:inherit}.prose kbd,.prose mark{border-radius:var(--r-1)}.prose kbd{display:inline-flex;align-items:center;min-width:22px;height:24px;padding:0 7px;background:var(--card);box-shadow:inset 0 0 0 var(--bw) var(--border-strong),0 2px 0 var(--edge);font:600 12px/1 var(--font-mono);color:var(--text-2);vertical-align:1px}.prose ol ol,.prose ol ul,.prose ul ol,.prose ul ul{margin:var(--s1) 0 var(--s1)}.prose li>p{margin:0 0 var(--s2)}.prose figure{margin:0 0 var(--s6)}.prose figcaption{margin-top:var(--s2);font-size:var(--fs-caption);font-weight:600;color:var(--text-3)}.prose video{max-width:100%;border-radius:var(--r-3);border:var(--bw) solid var(--border)}.prose a.ui-btn{text-decoration:none}.prose a.ui-btn--iris,.prose a.ui-btn--primary{color:var(--on-accent)}.prose a.ui-btn--ghost,.prose a.ui-btn--secondary{color:var(--text)}.prose details{margin:0 0 var(--s6);background:var(--card);border:var(--bw) solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-hard-sm);overflow:hidden}.prose details>summary{display:flex;align-items:center;gap:var(--s3);min-height:52px;padding:var(--s2) var(--s4);font:800 var(--fs-ui)/1.4 var(--font-body);color:var(--text);cursor:pointer;list-style:none}.prose details>summary:hover{background:var(--raised)}.prose details>summary::-webkit-details-marker{display:none}.prose details>summary:before{content:"";flex:none;width:8px;height:8px;margin:0 var(--s1);border-right:2.5px solid var(--warm-text);border-bottom:2.5px solid var(--warm-text);transform:rotate(-45deg);transition:transform var(--dur) var(--ease)}.prose details[open]>summary:before{transform:rotate(45deg)}.prose details[open]>summary{border-bottom:var(--bw) solid var(--border)}.prose details>:not(summary){margin-inline:var(--s4)}.prose details>:nth-child(2){margin-top:var(--s4)}.prose details>:last-child{margin-bottom:var(--s4)}.prose .lesson-code{margin:0 0 var(--s6);background:var(--window);border-radius:var(--r-3);overflow:hidden;box-shadow:inset 0 0 0 var(--bw) var(--border),0 5px 0 var(--edge)}.prose .lesson-code pre{margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}.lesson-code__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:40px;padding:0 var(--s2) 0 var(--s4);background:var(--window-bar);font:500 12px/20px var(--font-mono);color:var(--text-2)}.lesson-code__head:before{content:"";flex:none;width:11px;height:11px;border-radius:50%;background:var(--paper-coral);box-shadow:17px 0 0 var(--paper-yellow),34px 0 0 var(--paper-green);margin-right:40px}.lesson-code__head>:first-child{margin-right:auto}.lesson-code__copy{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 var(--s3);border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-2);font:700 12px/1 var(--font-body);cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.lesson-code__copy:hover{background:var(--raised);color:var(--text)}.lesson-code__copy[data-done=true]{color:var(--success)}@media (max-width:767px){.lesson-code__copy{height:var(--row)}.lesson-code__head{min-height:var(--row)}}.prose .lesson-run .tr-editor{border:0;border-radius:0;box-shadow:none}.prose .lesson-run .tr-editor .cm-scroller{min-height:0;max-height:50vh}.lesson-run__tag{font:700 12px/20px var(--font-body);color:var(--text-3);padding-right:var(--s2)}.prose .lesson-run .lesson-run__static{padding:var(--s1) var(--s4);background:var(--code-bg);font:400 13px/1.4 var(--font-mono);color:var(--text);overflow-x:auto;white-space:pre}.prose .lesson-run .lesson-run__static code{font:inherit;background:none;padding:0;border:0;color:inherit}.lesson-run__bar{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s3) var(--s4);border-top:var(--hair) solid var(--border)}.lesson-run__note{flex:1 1 220px;font-size:var(--fs-caption);font-weight:600;line-height:1.5;color:var(--text-3)}.lesson-run__out:not(:empty){padding:0 var(--s4) var(--s4)}.prose .lesson-run .wg-out{background:var(--code-bg);border-radius:var(--r-2);box-shadow:inset 0 0 0 var(--bw) var(--border)}@media (max-width:767px){.lesson-run__bar .ui-btn{flex:1 1 auto}}.prose h2[id^=slovarik]+ul{display:grid;gap:var(--s2);list-style:none;padding:0;margin:0 0 var(--s8);font-size:var(--fs-ui);line-height:1.55}.prose h2[id^=slovarik]+ul>li{margin:0;padding:var(--s3) var(--s4);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--ring);color:var(--text-2);font-weight:600}.prose h2[id^=slovarik]+ul>li>strong:first-child{color:var(--text);font-weight:900}.lesson-section{margin-top:var(--s12)}.lesson-section__title{margin:0 0 var(--s4);font:900 var(--fs-h2)/1.15 var(--font-display);letter-spacing:var(--tr-h);scroll-margin-top:calc(var(--topbar-h) + var(--s6))}@media (max-width:767px){.lesson-section{margin-top:var(--s10)}}.lesson-work{display:grid;gap:var(--s6);margin:var(--s12) 0 0;min-width:0}.lesson-task{background:var(--card);border:var(--bw-strong) solid var(--accent);border-radius:var(--r-4);box-shadow:0 var(--lift) 0 var(--accent-edge);scroll-margin-top:calc(var(--topbar-h) + var(--s6));min-width:0;overflow:hidden}.lesson-task--done{border-color:var(--border);box-shadow:var(--shadow-hard)}.lesson-task__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2) var(--s3);flex-wrap:wrap;min-height:60px;padding:var(--s3) var(--s5);background:var(--accent-tint)}.lesson-task--done .lesson-task__head{background:var(--surface)}.lesson-task__kicker{display:inline-flex;align-items:center;gap:var(--s3);font:900 var(--fs-ui)/1.3 var(--font-display);color:var(--text)}.lesson-task__meta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s3)}.lesson-task__status{display:inline-flex;align-items:center;gap:var(--s2)}.lesson-task__time{display:inline-flex;align-items:center;gap:var(--s1);font:700 var(--fs-key)/1.4 var(--font-body);color:var(--text-2);white-space:nowrap}.lesson-task__body{display:grid;gap:var(--s4);padding:var(--s5)}.lesson-task__title{margin:0;font:900 var(--fs-h3)/1.25 var(--font-display);letter-spacing:-.015em}.lesson-task__text{margin:0;font-size:var(--fs-body);font-weight:600;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;color:var(--text-2)}.lesson-task__cols{display:grid;gap:var(--s3)}.lesson-task__box{padding:var(--s4);border-radius:var(--r-3);background:var(--surface);box-shadow:var(--ring)}.lesson-task__label{margin:0 0 var(--s2);font:800 var(--fs-key)/1.4 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--warm-text)}.lesson-task__list{display:grid;gap:var(--s2);margin:0;padding:0;list-style:none;font-size:var(--fs-ui);font-weight:600;line-height:1.55}.lesson-task__list li{position:relative;padding-left:var(--s6)}.lesson-task__list li:before{content:"";position:absolute;left:4px;top:.5em;width:9px;height:9px;border-radius:3px;background:var(--accent-edge)}.lesson-task__hint summary{display:inline-flex;align-items:center;min-height:var(--row-dense);font:800 var(--fs-small)/1 var(--font-body);color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.lesson-task__hint p{margin:var(--s2) 0 0;font-size:var(--fs-ui);font-weight:600;line-height:1.6;color:var(--text-2)}.lesson-task__foot{display:grid;gap:var(--s3);padding:var(--s4) var(--s5);border-top:var(--bw) solid var(--border)}.lesson-task__note{margin:0;font-size:var(--fs-small);font-weight:600;line-height:1.55;color:var(--text-2)}@media (max-width:767px){.lesson-task__body,.lesson-task__foot,.lesson-task__head{padding-inline:var(--s4)}.lesson-task__foot .ui-btn{flex:1 1 100%}}.ui-thread__md>:first-child{margin-top:0}.ui-thread__md>:last-child{margin-bottom:0}.ui-thread__md p{margin:0 0 var(--s2)}.ui-thread__md code{font:500 .92em/1 var(--font-mono);padding:1px 5px;border-radius:var(--r-1);background:var(--window)}.lesson-party{margin-top:var(--s12)}.lesson-party__card{display:grid;justify-items:start;gap:var(--s3);overflow:hidden}.lesson-party__card>:not(.ui-confetti):not(.ui-sticker){position:relative;z-index:2}.lesson-party__card>.ui-confetti{z-index:1}.lesson-party__xp{box-shadow:0 0 0 3px var(--paper-white);top:24px;right:24px}.lesson-party__title{margin:var(--s8) 0 0;font:900 var(--fs-display)/1 var(--font-display);letter-spacing:var(--tr-display);color:var(--on-brand)}.lesson-party__text{margin:0;max-width:46ch;font-size:var(--fs-body);font-weight:600;line-height:1.55;color:var(--on-brand-2)}.lesson-party__pills{display:flex;flex-wrap:wrap;gap:var(--s2)}.lesson-party__cta{margin-top:var(--s2)}@media (max-width:767px){.lesson-party__cta{width:100%}.lesson-party__xp{position:relative;top:auto;right:auto;order:-1}.lesson-party__title,.lesson-party__xp{margin-top:var(--s2)}}.lesson-next{display:grid;gap:var(--s3);margin-top:var(--s12);padding:var(--s6)}.lesson-next__kicker{display:inline-flex;align-items:center;gap:var(--s2);font:800 var(--fs-caption)/1.2 var(--font-body);letter-spacing:var(--tr-caption);text-transform:uppercase;color:var(--paper-ink)}.lesson-next__title{margin:0;font:900 var(--fs-h2)/1.15 var(--font-display);letter-spacing:var(--tr-h);color:var(--paper-ink)}.lesson-next__text{font-weight:600;line-height:1.6}.lesson-next__list,.lesson-next__text{margin:0;font-size:var(--fs-ui);color:var(--paper-ink)}.lesson-next__list{display:grid;gap:var(--s1);padding-left:1.4em;list-style:decimal;font-weight:700;line-height:1.5}.lesson-next__list li::marker{font-family:var(--font-mono);font-size:12px}.lesson-next__more{list-style:none}.lesson-next__actions{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s1)}@media (max-width:767px){.lesson-next{padding:var(--s5) var(--s4)}.lesson-next__actions .ui-btn{flex:1 1 100%}}.lesson-locked{max-width:680px;margin:var(--s6) auto 0}.lesson-locked__subject{margin:0;font-weight:800;color:var(--text)}.lesson-locked__free{display:grid;gap:var(--s3);justify-items:center;margin-top:var(--s6);font:700 var(--fs-small)/1.4 var(--font-body);color:var(--text-2)}.lesson-locked__free-links{display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:center}.lesson-locked__cond{display:inline-block;margin-bottom:var(--s2);padding:4px var(--s3);border-radius:var(--r-pill);background:var(--warm-tint);font:800 var(--fs-key)/1.4 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--warm-text)}.lesson-main .lesson-mark{margin-top:var(--s12)}.lesson-main .lesson-mark+nav .ui-lesson-nav,.lesson-main .lesson-party+nav .ui-lesson-nav{margin-top:var(--s6);padding-top:0;border-top:0}