@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Work+Sans:wght@300;400;500;600;700;800&display=swap";
body:has(.lesson-reader){background:#0c1117}.lesson-reader{--lr-bg:#0c1117;--lr-bg-a:#0e151d;--lr-bg-b:#0a0e13;--lr-surface:#141c26;--lr-surface-2:#1a2430;--lr-surface-3:#202c3a;--lr-border:#f5f1e81a;--lr-border-2:#f5f1e829;--lr-white:#f7f4ec;--lr-fg:#f7f4eccc;--lr-fg-muted:#f7f4ec85;--lr-fg-faint:#f7f4ec57;--lr-amber:#f5a524;--lr-amber-bright:#ffb938;--lr-amber-deep:#e07b1c;--lr-amber-soft:#f5a52421;--lr-amber-line:#f5a52452;--lr-gold:#d4a574;--lr-blue:#4a90e2;--lr-rose:#e0654f;--lr-green:#6fbf73;--lr-maxw:760px;--lr-ease:cubic-bezier(.16,1,.3,1);--lr-font-display:"Space Grotesk", system-ui, sans-serif;--lr-font-body:"Inter", system-ui, sans-serif;--lr-font-mono:"JetBrains Mono", ui-monospace, monospace;--lr-font-hero:"Work Sans", "Space Grotesk", system-ui, sans-serif;background:var(--lr-bg);background-image:radial-gradient(1100px 540px at 78% -8%, #f5a5241a, transparent 60%), radial-gradient(900px 600px at -10% 18%, #4a90e212, transparent 55%), linear-gradient(180deg, var(--lr-bg-a), var(--lr-bg-b));min-height:100vh;color:var(--lr-fg);font-family:var(--lr-font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:17px;line-height:1.75}.lesson-reader *{box-sizing:border-box}.lesson-reader ::selection{color:var(--lr-white);background:#f5a52447}.lesson-reader .lr-progress{z-index:60;background:#f7f4ec0f;height:3px;position:fixed;top:0;left:0;right:0}.lesson-reader .lr-progress-fill{background:linear-gradient(90deg, var(--lr-amber-deep), var(--lr-amber-bright));width:0%;height:100%;transition:width 80ms linear;box-shadow:0 0 14px #f5a52499}.lesson-reader .lr-topbar{z-index:50;background:color-mix(in oklab, var(--lr-bg) 72%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.3);border-bottom:1px solid var(--lr-border);justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(20px,5vw,40px);display:flex;position:sticky;top:0}.lesson-reader .lr-topbar__brand{align-items:center;gap:11px;display:flex}.lesson-reader .lr-topbar__brand img{width:auto;height:24px;display:block}.lesson-reader .lr-topbar__wm{font-family:var(--lr-font-display);letter-spacing:.34em;text-transform:uppercase;color:var(--lr-white);border-left:1px solid var(--lr-border-2);white-space:nowrap;padding-left:11px;font-size:13px;font-weight:500}@media (max-width:480px){.lesson-reader .lr-topbar__wm{letter-spacing:.16em;font-size:11px}}.lesson-reader .lr-topbar__meta{font-family:var(--lr-font-mono);letter-spacing:.05em;color:var(--lr-fg-muted);font-size:12px}.lesson-reader .lr-topbar__meta b{color:var(--lr-amber);font-weight:500}.lesson-reader .lr-topbar__back{font-family:var(--lr-font-mono);letter-spacing:.08em;color:var(--lr-fg-muted);align-items:center;gap:5px;font-size:11px;text-decoration:none;transition:color .2s;display:flex}.lesson-reader .lr-topbar__back:hover{color:var(--lr-amber)}.lesson-reader .lr-shell{max-width:var(--lr-maxw);margin:0 auto;padding:0 clamp(20px,5vw,40px)}.lesson-reader section.block{padding:clamp(40px,7vw,72px) 0 0}.lesson-reader .reveal{opacity:0;transition:opacity .7s var(--lr-ease), transform .7s var(--lr-ease);transform:translateY(16px)}.lesson-reader .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.lesson-reader .reveal{opacity:1!important;transform:none!important}}.lesson-reader .lr-hero{padding:clamp(48px,9vw,104px) 0 clamp(28px,5vw,44px)}.lesson-reader .eyebrow{font-family:var(--lr-font-display);letter-spacing:.32em;text-transform:uppercase;color:var(--lr-amber);align-items:center;gap:10px;font-size:12px;font-weight:500;display:inline-flex}.lesson-reader .eyebrow:before{content:"";background:var(--lr-amber-line);width:26px;height:1px}.lesson-reader .lr-hero__num{align-items:baseline;gap:18px;margin:26px 0 8px;display:flex}.lesson-reader .lr-hero__num .big{font-family:var(--lr-font-hero);letter-spacing:-.03em;background:linear-gradient(160deg,#fff 8%,#f5a524 116%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(74px,17vw,150px);font-weight:700;line-height:.82}.lesson-reader .lr-hero__num .of{font-family:var(--lr-font-mono);color:var(--lr-fg-faint);letter-spacing:.04em;font-size:15px}.lesson-reader .lr-hero h1{font-family:var(--lr-font-display);letter-spacing:-.02em;color:var(--lr-white);text-wrap:balance;margin:8px 0 0;font-size:clamp(28px,5vw,46px);font-weight:600;line-height:1.1}.lesson-reader .lr-hero__sub{color:var(--lr-fg);max-width:60ch;margin:20px 0 0;font-size:clamp(17px,2.2vw,20px)}.lesson-reader .lr-hero__meta{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.lesson-reader .chip{background:var(--lr-surface);border:1px solid var(--lr-border);color:var(--lr-fg);font-size:13px;font-weight:500;font-family:var(--lr-font-mono);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;display:inline-flex}.lesson-reader .chip svg{width:15px;height:15px;color:var(--lr-amber);flex:none}.lesson-reader .sec-head{margin:0 0 22px}.lesson-reader .sec-head .kicker{font-family:var(--lr-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--lr-amber);font-size:12px;font-weight:500}.lesson-reader .sec-head h2{font-family:var(--lr-font-display);letter-spacing:-.02em;color:var(--lr-white);text-wrap:balance;margin:10px 0 0;font-size:clamp(25px,4vw,36px);font-weight:600;line-height:1.14}.lesson-reader .sec-head h2 .em{color:var(--lr-amber);font-style:italic}.lesson-reader h3.subhead{font-family:var(--lr-font-display);color:var(--lr-white);letter-spacing:-.01em;margin:38px 0 4px;font-size:21px;font-weight:600}.lesson-reader p{color:var(--lr-fg);text-wrap:pretty;margin:18px 0}.lesson-reader p strong{color:var(--lr-white);font-weight:600}.lesson-reader em{color:var(--lr-gold)}.lesson-reader .lead{color:var(--lr-white);font-size:19px;font-weight:400}.lesson-reader .divider{background:var(--lr-border);border:0;height:1px;margin:clamp(40px,7vw,72px) 0 0}.lesson-reader ul.ticks{flex-direction:column;gap:11px;margin:20px 0;padding:0;list-style:none;display:flex}.lesson-reader ul.ticks li{color:var(--lr-fg);padding-left:32px;position:relative}.lesson-reader ul.ticks li:before{content:"";background:var(--lr-amber);border-radius:2px;width:7px;height:7px;position:absolute;top:.62em;left:0;box-shadow:0 0 10px #f5a52480}.lesson-reader ol.steps{counter-reset:s;flex-direction:column;gap:14px;margin:22px 0;padding:0;list-style:none;display:flex}.lesson-reader ol.steps li{color:var(--lr-fg);align-items:center;min-height:34px;padding:2px 0 2px 50px;display:flex;position:relative}.lesson-reader ol.steps li:before{counter-increment:s;content:counter(s,decimal-leading-zero);width:34px;height:34px;font-family:var(--lr-font-mono);color:var(--lr-amber);background:var(--lr-amber-soft);border:1px solid var(--lr-amber-line);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;top:0;left:0}.lesson-reader .callout{background:var(--lr-surface);border:1px solid var(--lr-border);border-radius:20px;margin:30px 0;padding:24px 26px;position:relative;overflow:hidden}.lesson-reader .callout:before{content:"";background:linear-gradient(180deg, var(--lr-amber-bright), var(--lr-amber-deep));width:4px;position:absolute;inset:0 auto 0 0}.lesson-reader .callout--glow{background:radial-gradient(600px 200px at 0% 0%, var(--lr-amber-soft), transparent 70%), var(--lr-surface);border-color:var(--lr-amber-line)}.lesson-reader .callout__label{font-family:var(--lr-font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--lr-amber);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;display:inline-flex}.lesson-reader .callout__label svg{width:16px;height:16px}.lesson-reader .callout p{margin:6px 0}.lesson-reader .callout p:first-of-type{margin-top:0}.lesson-reader .callout .big-stat{font-family:var(--lr-font-display);color:var(--lr-white);letter-spacing:-.01em;font-size:clamp(22px,3vw,30px);font-weight:700}.lesson-reader .callout .big-stat b{color:var(--lr-amber)}.lesson-reader blockquote.q{border-left:2px solid var(--lr-amber-line);font-family:var(--lr-font-display);color:var(--lr-white);margin:26px 0;padding:6px 0 6px 26px;font-size:clamp(19px,2.6vw,23px);font-style:italic;font-weight:400;line-height:1.5}.lesson-reader blockquote.q.cyr{font-family:var(--lr-font-body);font-style:italic}.lesson-reader .compare{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0;display:grid}@media (max-width:600px){.lesson-reader .compare{grid-template-columns:1fr}}.lesson-reader .compare__card{background:var(--lr-surface);border:1px solid var(--lr-border);border-radius:18px;padding:20px 20px 22px}.lesson-reader .compare__card .tag{font-family:var(--lr-font-display);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:600;display:inline-flex}.lesson-reader .compare__card .tag svg{width:17px;height:17px}.lesson-reader .compare__card.bad{border-color:#e0654f47}.lesson-reader .compare__card.bad .tag{color:var(--lr-rose)}.lesson-reader .compare__card.good{border-color:var(--lr-amber-line);background:radial-gradient(500px 180px at 100% 0%, var(--lr-amber-soft), transparent 70%), var(--lr-surface)}.lesson-reader .compare__card.good .tag{color:var(--lr-amber)}.lesson-reader .compare__card .txt{font-family:var(--lr-font-mono);color:var(--lr-fg);white-space:pre-wrap;font-size:14px;line-height:1.65}.lesson-reader .code{border:1px solid var(--lr-border-2);background:#0a0f15;border-radius:16px;margin:26px 0;overflow:hidden;box-shadow:0 18px 50px #0006}.lesson-reader .code__bar{background:var(--lr-surface-2);border-bottom:1px solid var(--lr-border);justify-content:space-between;align-items:center;padding:11px 16px;display:flex}.lesson-reader .code__bar .name{font-family:var(--lr-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lr-amber);align-items:center;gap:9px;font-size:12px;font-weight:500;display:flex}.lesson-reader .code__bar .name svg{width:15px;height:15px}.lesson-reader .code__copy{border:1px solid var(--lr-border-2);cursor:pointer;color:var(--lr-fg-muted);font-family:var(--lr-font-mono);letter-spacing:.06em;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:11px;transition:all .2s;display:inline-flex}.lesson-reader .code__copy:hover{color:var(--lr-white);border-color:var(--lr-amber-line);background:var(--lr-amber-soft)}.lesson-reader .code__copy svg{width:13px;height:13px}.lesson-reader .code__copy.copied{color:var(--lr-amber);border-color:var(--lr-amber-line)}.lesson-reader .code pre{font-family:var(--lr-font-mono);color:#e8e9d8;white-space:pre-wrap;word-break:break-word;margin:0;padding:20px 22px;font-size:14px;line-height:1.7;overflow-x:auto}.lesson-reader .code pre .fill{color:var(--lr-amber);background:var(--lr-amber-soft);border-radius:4px;padding:1px 4px}.lesson-reader .code pre .c-comment{color:var(--lr-fg-faint)}.lesson-reader code.ic{font-family:var(--lr-font-mono);background:var(--lr-surface-2);border:1px solid var(--lr-border);color:var(--lr-gold);border-radius:6px;padding:2px 7px;font-size:.88em}.lesson-reader .checklist{background:var(--lr-surface);border:1px solid var(--lr-border);border-radius:20px;margin:26px 0;padding:10px 8px}.lesson-reader .check{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;transition:background .2s;display:flex}.lesson-reader .check+.check{border-top:1px solid var(--lr-border)}.lesson-reader .check:hover{background:var(--lr-surface-2)}.lesson-reader .check__box{border:1.8px solid var(--lr-border-2);width:24px;height:24px;transition:all .22s var(--lr-ease);border-radius:8px;flex:none;justify-content:center;align-items:center;margin-top:1px;display:flex}.lesson-reader .check__box svg{color:#0c1117;opacity:0;width:14px;height:14px;transition:all .22s var(--lr-ease);transform:scale(.4)}.lesson-reader .check.done .check__box{background:var(--lr-amber);border-color:var(--lr-amber);box-shadow:0 0 14px #f5a52480}.lesson-reader .check.done .check__box svg{opacity:1;transform:none}.lesson-reader .check__txt{color:var(--lr-fg);transition:color .2s}.lesson-reader .check.done .check__txt{color:var(--lr-fg-faint);text-decoration:line-through}.lesson-reader .checklist__foot{font-family:var(--lr-font-mono);color:var(--lr-fg-muted);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:14px 18px 8px;font-size:12px;display:flex}.lesson-reader .checklist__foot b{color:var(--lr-amber)}.lesson-reader .fillin{background:var(--lr-surface);border:1px dashed var(--lr-border-2);border-radius:16px;margin:22px 0;padding:22px}.lesson-reader .fillin .ln{background:var(--lr-border-2);height:1px;margin:26px 0}.lesson-reader .craft{flex-direction:column;gap:12px;margin:26px 0;display:flex}.lesson-reader .craft__row{background:var(--lr-surface);border:1px solid var(--lr-border);transition:transform .3s var(--lr-ease), border-color .3s var(--lr-ease);border-radius:16px;align-items:center;gap:18px;padding:16px 20px;display:flex}.lesson-reader .craft__row:hover{border-color:var(--lr-amber-line);transform:translate(4px)}.lesson-reader .craft__letter{width:48px;height:48px;font-family:var(--lr-font-display);color:var(--lr-amber);background:var(--lr-amber-soft);border:1px solid var(--lr-amber-line);border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.lesson-reader .craft__txt b{color:var(--lr-white);font-family:var(--lr-font-display);letter-spacing:.01em;font-size:16px;font-weight:600;display:block}.lesson-reader .craft__txt span{color:var(--lr-fg-muted);font-size:14.5px}.lesson-reader .cta{background:radial-gradient(700px 260px at 88% 0%, #f5a52429, transparent 65%), var(--lr-surface);border:1px solid var(--lr-amber-line);transition:transform .4s var(--lr-ease), box-shadow .4s var(--lr-ease), border-color .3s ease;border-radius:26px;margin:clamp(48px,8vw,84px) 0 0;padding:clamp(26px,4vw,40px);text-decoration:none;display:block;position:relative;overflow:hidden}.lesson-reader .cta:hover{border-color:var(--lr-amber);transform:translateY(-3px);box-shadow:0 26px 60px #00000073}.lesson-reader .cta__eyebrow{font-family:var(--lr-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--lr-amber);font-size:12px;font-weight:500}.lesson-reader .cta__row{justify-content:space-between;align-items:center;gap:20px;margin-top:14px;display:flex}.lesson-reader .cta__title{font-family:var(--lr-font-display);color:var(--lr-white);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(21px,3vw,28px);font-weight:600;line-height:1.2}.lesson-reader .cta__desc{color:var(--lr-fg);max-width:52ch;margin:12px 0 0;font-size:15.5px}.lesson-reader .cta__arrow{background:var(--lr-amber);width:60px;height:60px;transition:transform .4s var(--lr-ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 8px #f5a5241f}.lesson-reader .cta:hover .cta__arrow{transform:translate(6px)}.lesson-reader .cta__arrow svg{color:#0c1117;width:26px;height:26px}.lesson-reader .cta--end{border-color:var(--lr-border-2);background:var(--lr-surface)}.lesson-reader .cta--end .cta__arrow{background:var(--lr-surface-3);box-shadow:none}.lesson-reader .cta--end .cta__arrow svg{color:var(--lr-amber)}.lesson-reader .cta--locked{cursor:not-allowed;background:var(--lr-surface);border-color:var(--lr-border-2);opacity:.72}.lesson-reader .cta--locked:hover{box-shadow:none;border-color:var(--lr-border-2);transform:none}.lesson-reader .cta--locked .cta__eyebrow{color:var(--lr-fg-faint);align-items:center;display:flex}.lesson-reader .cta--locked .cta__title{color:var(--lr-fg)}.lesson-reader .cta--locked .cta__arrow{background:var(--lr-surface-3);box-shadow:none}.lesson-reader .cta--locked .cta__arrow svg{color:var(--lr-fg-faint)}.lesson-reader .tbl-wrap{border:1px solid var(--lr-border-2);border-radius:16px;margin:26px 0;overflow-x:auto}.lesson-reader table.tbl{border-collapse:collapse;width:100%;min-width:420px;font-size:14.5px}.lesson-reader table.tbl thead th{background:var(--lr-surface-2);text-align:left;font-family:var(--lr-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lr-amber);border-bottom:1px solid var(--lr-border-2);padding:13px 18px;font-size:11.5px;font-weight:500}.lesson-reader table.tbl td{color:var(--lr-fg);border-bottom:1px solid var(--lr-border);vertical-align:top;padding:13px 18px}.lesson-reader table.tbl tbody tr:last-child td{border-bottom:0}.lesson-reader table.tbl td b,.lesson-reader table.tbl td strong{color:var(--lr-white)}.lesson-reader .tech-grid{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0;display:grid}@media (max-width:620px){.lesson-reader .tech-grid{grid-template-columns:1fr}}.lesson-reader .tech{background:var(--lr-surface);border:1px solid var(--lr-border);transition:transform .3s var(--lr-ease), border-color .3s var(--lr-ease);border-radius:18px;padding:22px 22px 20px}.lesson-reader .tech:hover{border-color:var(--lr-amber-line);transform:translateY(-3px)}.lesson-reader .tech__top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.lesson-reader .tech__num{width:38px;height:38px;font-family:var(--lr-font-display);color:var(--lr-amber);background:var(--lr-amber-soft);border:1px solid var(--lr-amber-line);border-radius:11px;flex:none;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.lesson-reader .tech__name{font-family:var(--lr-font-display);color:var(--lr-white);letter-spacing:-.01em;font-size:17px;font-weight:600}.lesson-reader .tech ul.q-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.lesson-reader .tech ul.q-list li{font-family:var(--lr-font-mono);color:var(--lr-fg);background:var(--lr-surface-2);border-left:2px solid var(--lr-amber-line);border-radius:10px;padding:9px 13px;font-size:13px;line-height:1.5}.lesson-reader .ba{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}@media (max-width:620px){.lesson-reader .ba{grid-template-columns:1fr}}.lesson-reader .ba__card{background:var(--lr-surface);border:1px solid var(--lr-border);border-radius:18px;padding:20px 20px 22px}.lesson-reader .ba__card .tag{font-family:var(--lr-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lr-fg-faint);align-items:center;gap:8px;margin-bottom:11px;font-size:11px;display:inline-flex}.lesson-reader .ba__card.before .tag{color:var(--lr-rose)}.lesson-reader .ba__card.after{border-color:var(--lr-amber-line)}.lesson-reader .ba__card.after .tag{color:var(--lr-amber)}.lesson-reader .ba__card .big-stat{font-family:var(--lr-font-display);color:var(--lr-white);letter-spacing:-.01em;margin:0 0 6px;font-size:clamp(20px,2.6vw,26px);font-weight:700}.lesson-reader .ba__card .big-stat b{color:var(--lr-amber)}.lesson-reader .ba__card p{color:var(--lr-fg);margin:0;font-size:14.5px}.lesson-reader .recipe{padding-top:8px;scroll-margin-top:90px}.lesson-reader .recipe+.recipe{border-top:1px solid var(--lr-border);margin-top:40px;padding-top:40px}.lesson-reader .recipe__head{align-items:flex-start;gap:18px;margin-bottom:8px;display:flex}.lesson-reader .recipe__num{width:54px;height:54px;font-family:var(--lr-font-display);color:var(--lr-amber);background:var(--lr-amber-soft);border:1px solid var(--lr-amber-line);border-radius:15px;flex:none;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.lesson-reader .recipe__ttl{font-family:var(--lr-font-display);letter-spacing:-.01em;color:var(--lr-white);text-wrap:balance;margin:4px 0 0;font-size:clamp(20px,2.8vw,26px);font-weight:600;line-height:1.18}.lesson-reader .lib-group{border-top:1px solid var(--lr-amber-line);font-family:var(--lr-font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--lr-amber);margin:clamp(40px,7vw,64px) 0 0;padding-top:clamp(32px,5vw,48px);font-size:12px;font-weight:500}.lesson-reader .quiz{border-top:1px solid var(--lr-border)}.lesson-reader .quiz__list{flex-direction:column;gap:20px;margin:26px 0;display:flex}.lesson-reader .quiz__q{background:var(--lr-surface);border:1px solid var(--lr-border);border-radius:20px;padding:22px 22px 20px}.lesson-reader .quiz__q-text{font-family:var(--lr-font-display);color:var(--lr-white);align-items:flex-start;gap:14px;margin:0 0 16px;font-size:17px;font-weight:600;line-height:1.4;display:flex}.lesson-reader .quiz__q-num{width:30px;height:30px;font-family:var(--lr-font-mono);color:var(--lr-amber);background:var(--lr-amber-soft);border:1px solid var(--lr-amber-line);border-radius:10px;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:13px;font-weight:700;display:flex}.lesson-reader .quiz__options{flex-direction:column;gap:9px;display:flex}.lesson-reader .quiz__opt{text-align:left;cursor:pointer;background:var(--lr-surface-2);border:1.5px solid var(--lr-border);width:100%;font-family:var(--lr-font-body);color:var(--lr-fg);border-radius:13px;align-items:center;gap:13px;padding:13px 16px;font-size:15px;transition:border-color .2s,background .2s,transform .15s;display:flex}.lesson-reader .quiz__opt:hover:not(:disabled){border-color:var(--lr-amber-line);transform:translate(2px)}.lesson-reader .quiz__opt:disabled{cursor:default}.lesson-reader .quiz__opt-mark{border:1.8px solid var(--lr-border-2);border-radius:50%;flex:none;width:18px;height:18px;transition:all .2s}.lesson-reader .quiz__opt.selected{border-color:var(--lr-amber);background:var(--lr-amber-soft)}.lesson-reader .quiz__opt.selected .quiz__opt-mark{border-color:var(--lr-amber);background:var(--lr-amber);box-shadow:0 0 10px #f5a52480}.lesson-reader .quiz__opt.correct{border-color:var(--lr-green);color:var(--lr-white);background:#6fbf731f}.lesson-reader .quiz__opt.correct .quiz__opt-mark{border-color:var(--lr-green);background:var(--lr-green)}.lesson-reader .quiz__opt.wrong{border-color:var(--lr-rose);color:var(--lr-white);background:#e0654f1f}.lesson-reader .quiz__opt.wrong .quiz__opt-mark{border-color:var(--lr-rose);background:var(--lr-rose)}.lesson-reader .quiz__explain{background:var(--lr-surface-2);border-left:2px solid var(--lr-amber-line);color:var(--lr-fg-muted);border-radius:0 10px 10px 0;margin:14px 0 0;padding:12px 14px;font-size:14px}.lesson-reader .quiz__submit{cursor:pointer;background:var(--lr-amber);color:#0c1117;text-align:center;width:100%;font-family:var(--lr-font-display);letter-spacing:.02em;border:none;border-radius:999px;margin-top:6px;padding:16px;font-size:15px;font-weight:600;transition:opacity .2s,transform .15s;display:block}.lesson-reader .quiz__submit:hover:not(:disabled){opacity:.92}.lesson-reader .quiz__submit:active:not(:disabled){transform:scale(.98)}.lesson-reader .quiz__submit:disabled{opacity:.35;cursor:not-allowed}.lesson-reader .quiz__result{background:radial-gradient(500px 180px at 0% 0%, var(--lr-amber-soft), transparent 70%), var(--lr-surface);border:1px solid var(--lr-amber-line);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:6px;padding:22px 24px;display:flex}.lesson-reader .quiz__score{flex-direction:column;gap:4px;display:flex}.lesson-reader .quiz__score-num{font-family:var(--lr-font-display);color:var(--lr-amber);letter-spacing:-.01em;font-size:clamp(26px,4vw,34px);font-weight:700}.lesson-reader .quiz__score-label{color:var(--lr-fg-muted);font-size:14px}.lesson-reader .quiz__retry{cursor:pointer;color:var(--lr-white);border:1.5px solid var(--lr-border-2);font-family:var(--lr-font-mono);letter-spacing:.04em;background:0 0;border-radius:999px;flex:none;padding:12px 22px;font-size:13px;transition:border-color .2s,background .2s}.lesson-reader .quiz__retry:hover{border-color:var(--lr-amber-line);background:var(--lr-amber-soft)}.lesson-reader .lr-foot{max-width:var(--lr-maxw);border-top:1px solid var(--lr-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:clamp(40px,7vw,72px) auto 0;padding:clamp(32px,5vw,56px) clamp(20px,5vw,40px) 64px;display:flex}.lesson-reader .lr-foot__brand{align-items:center;gap:12px;display:flex}.lesson-reader .lr-foot__brand img{opacity:.85;height:28px}.lesson-reader .lr-foot__brand .wm{font-family:var(--lr-font-display);letter-spacing:.34em;text-transform:uppercase;color:var(--lr-white);font-size:14px;font-weight:300}.lesson-reader .lr-foot__brand .wm small{letter-spacing:.22em;color:var(--lr-fg-faint);margin-top:3px;font-size:10px;display:block}.lesson-reader .lr-foot__meta{font-family:var(--lr-font-mono);color:var(--lr-fg-muted);text-align:right;font-size:12px;line-height:1.7}.lesson-reader .lr-foot__meta b{color:var(--lr-amber);font-weight:500}