@import "https://fonts.googleapis.com/css2?family=Geologica:SHRP,wght@0..100,100..900&family=Inter+Tight:wght@100..900&family=Onest:wght@100..900&display=swap";:root{--font:"Geologica", system-ui, sans-serif;--sharp-display:100;--sharp-text:0;--text-12:12px;--lh-12:16px;--text-14:14px;--lh-14:20px;--text-16:16px;--lh-16:24px;--text-18:18px;--lh-18:28px;--text-20:20px;--lh-20:28px;--text-24:24px;--lh-24:32px;--text-32:32px;--lh-32:40px;--text-40:40px;--lh-40:44px;--text-56:56px;--lh-56:56px;--text-72:72px;--lh-72:72px;--text-96:96px;--lh-96:88px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--gutter:16px;--content-max:1200px;--reading-max:680px;--stroke:2px;--hairline:1px;--paper:#f4f4f2;--surface:#fbfbfa;--ink:#141414;--ink-2:#4a4a48;--ink-3:#6a6a68;--line:#d8d8d4;--line-strong:#141414;--inverse-bg:#141414;--inverse-ink:#f4f4f2;--good:#1b7340;--good-soft:#e3efe7;--bad:#b4361f;--bad-soft:#f5e4e0;--sq-light:#e6e5e1;--sq-dark:#6a6a68;--sq-number:#dedddb;--piece-white:#f8f8f6;--piece-black:#161616;--piece-black-ring:#5a5a58;--sq-highlight:#a4a4a0;--sq-selected:#a8a8a4;--sq-good:#4f9f6a;--sq-bad:#c9604c;--board-frame:#141414;--ease:cubic-bezier(.2, .7, .2, 1);--dur-fast:.12s;--dur:.24s;--dur-slow:.48s;--ease-move:cubic-bezier(.65, 0, .35, 1);--dur-move:.4s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121212;--surface:#1a1a1a;--ink:#ededeb;--ink-2:#b4b4b0;--ink-3:#908f8c;--line:#363634;--line-strong:#ededeb;--inverse-bg:#ededeb;--inverse-ink:#121212;--good:#6cbf8c;--good-soft:#1b2b21;--bad:#e2836f;--bad-soft:#2f1d19;--board-frame:#3a3a38;--sq-light:#cfcecb;--sq-dark:#585856;--sq-highlight:#8e8e8a;--sq-selected:#9a9a96;--sq-number:#cfcecb;--piece-white:#ececea;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#121212;--surface:#1a1a1a;--ink:#ededeb;--ink-2:#b4b4b0;--ink-3:#908f8c;--line:#363634;--line-strong:#ededeb;--inverse-bg:#ededeb;--inverse-ink:#121212;--good:#6cbf8c;--good-soft:#1b2b21;--bad:#e2836f;--bad-soft:#2f1d19;--board-frame:#3a3a38;--sq-light:#cfcecb;--sq-dark:#585856;--sq-highlight:#8e8e8a;--sq-selected:#9a9a96;--sq-number:#cfcecb;--piece-white:#ececea;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-variation-settings:"SHRP" var(--sharp-text);font-size:var(--text-16);line-height:var(--lh-16);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:300}img,svg{max-width:100%;display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:var(--stroke) solid var(--ink);outline-offset:2px}.display-96,.display-72,.display-56{font-variation-settings:"SHRP" var(--sharp-display);letter-spacing:-2px;font-weight:900}.display-96{font-size:var(--text-96);line-height:var(--lh-96);letter-spacing:-4px}.display-72{font-size:var(--text-72);line-height:var(--lh-72)}.display-56{font-size:var(--text-56);line-height:var(--lh-56)}.outlined{color:var(--paper);-webkit-text-stroke:calc(var(--stroke) * 2) var(--ink);paint-order:stroke fill}.outlined.on-inverse{color:var(--inverse-bg);-webkit-text-stroke-color:var(--inverse-ink)}h1,.h1{font-size:var(--text-40);line-height:var(--lh-40);letter-spacing:-2px;font-variation-settings:"SHRP" var(--sharp-display);font-weight:700}h2,.h2{font-size:var(--text-32);line-height:var(--lh-32);font-weight:600}h3,.h3{font-size:var(--text-24);line-height:var(--lh-24);font-weight:600}h4,.h4{font-size:var(--text-18);line-height:var(--lh-18);font-weight:600}.text-18{font-size:var(--text-18);line-height:var(--lh-18)}.text-14{font-size:var(--text-14);line-height:var(--lh-14);font-weight:400}.text-12{font-size:var(--text-12);line-height:var(--lh-12);font-weight:400}strong,b{font-weight:600}.label{font-size:var(--text-12);line-height:var(--lh-12);letter-spacing:2px;text-transform:uppercase;color:var(--ink-3);font-weight:400}.muted{color:var(--ink-2)}.subtle{color:var(--ink-3)}.container{max-width:var(--content-max);padding-inline:var(--gutter);margin-inline:auto}@media (width>=768px){:root{--gutter:32px}}@media (width>=1200px){:root{--gutter:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.site-header{background:var(--paper)}.site-header__inner{align-items:center;gap:var(--space-48);grid-template-columns:1fr auto 1fr;height:56px;display:grid}.brand{align-items:center;gap:var(--space-8);text-decoration:none;display:flex}.brand__mark{background:var(--ink);flex:none;place-items:center;width:24px;height:24px;display:grid}.brand__mark svg{width:16px;height:16px}.brand__piece{fill:var(--paper)}.brand__ring{fill:none;stroke:var(--ink);stroke-width:1.5px}.brand__name{font-size:var(--text-16);line-height:var(--lh-16);font-variation-settings:"SHRP" var(--sharp-display);font-weight:700}.site-nav{gap:var(--space-32);display:flex}.site-nav a,.site-link,.theme-btn{font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-2);font-weight:400;text-decoration:none}.site-nav a:hover,.site-link:hover,.theme-btn:hover{color:var(--ink)}.site-nav a{align-items:center;gap:var(--space-8);display:inline-flex}.site-nav a:before{content:"";width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--ink);opacity:0;transition:opacity var(--dur-fast) var(--ease);border-radius:1000px}.site-nav a:hover:before{opacity:1}.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a[aria-current=page]:before{opacity:1;background:var(--ink);box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 3px var(--paper)}.site-header__actions{justify-content:end;align-items:center;gap:var(--space-24);display:flex}.theme-btn{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}@media (width<768px){.site-nav{display:none}.site-header__inner{gap:var(--space-16);grid-template-columns:1fr auto}}.numeral{background:var(--inverse-bg);width:32px;height:32px;color:var(--inverse-ink);font-weight:700;font-size:var(--text-14);line-height:var(--lh-14);font-variant-numeric:tabular-nums;flex:none;place-items:center;display:inline-grid}.numeral--lg{width:48px;height:48px;font-size:var(--text-20);line-height:var(--lh-20)}.numeral--outline{color:var(--ink);box-shadow:inset 0 0 0 var(--stroke) var(--ink);background:0 0}.btn{border:var(--stroke) solid var(--ink);background:var(--ink);height:40px;color:var(--paper);font-size:var(--text-14);line-height:var(--lh-14);white-space:nowrap;cursor:pointer;transition:padding var(--dur-move) var(--ease-move), background var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:1000px;justify-content:center;align-items:center;padding-inline:42px 22px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.btn:before{content:"";background:var(--paper);width:24px;height:24px;box-shadow:inset 0 0 0 6px var(--paper), inset 0 0 0 8px var(--ink);transition:left var(--dur-move) var(--ease-move);border-radius:1000px;position:absolute;top:6px;left:6px}.btn:hover{padding-inline:22px 42px}.btn:hover:before{left:calc(100% - 30px)}.btn--ghost{color:var(--ink);background:0 0}.btn--ghost:before{background:var(--ink);box-shadow:inset 0 0 0 6px var(--ink), inset 0 0 0 8px var(--paper)}.btn--sm{height:32px;font-size:var(--text-12);line-height:var(--lh-12);padding-inline:32px 14px}.btn--sm:before{width:20px;height:20px;box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 6px var(--ink);top:4px;left:4px}.btn--sm.btn--ghost:before{box-shadow:inset 0 0 0 4px var(--ink), inset 0 0 0 6px var(--paper)}.btn--sm:hover{padding-inline:14px 32px}.btn--sm:hover:before{left:calc(100% - 24px)}.btn--lg{height:48px;font-size:var(--text-16);line-height:var(--lh-16);padding-inline:50px 26px}.btn--lg:before{width:28px;height:28px;box-shadow:inset 0 0 0 7px var(--paper), inset 0 0 0 9px var(--ink);top:8px;left:8px}.btn--lg.btn--ghost:before{box-shadow:inset 0 0 0 7px var(--ink), inset 0 0 0 9px var(--paper)}.btn--lg:hover{padding-inline:26px 50px}.btn--lg:hover:before{left:calc(100% - 36px)}.btn--plain,.btn--plain:hover{padding-inline:22px}.btn--sm.btn--plain,.btn--sm.btn--plain:hover{padding-inline:14px}.btn--plain:before{content:none}.btn--ghost.btn--plain{isolation:isolate;transition:color var(--dur-move) var(--ease-move);overflow:hidden}.btn--ghost.btn--plain:after{content:"";z-index:-1;background:var(--ink);transform-origin:100%;transition:transform var(--dur-move) var(--ease-move);position:absolute;inset:0;transform:scaleX(0)}.btn--ghost.btn--plain:hover{color:var(--paper)}.btn--ghost.btn--plain:hover:after{transform-origin:0;transform:scaleX(1)}.icon-btn{border:var(--hairline) solid var(--line);cursor:pointer;background:0 0;border-radius:1000px;place-items:center;width:40px;height:40px;display:inline-grid}.icon-btn:hover{border-color:var(--ink)}.card{background:var(--surface);border:var(--hairline) solid var(--line);padding:var(--space-24)}.marker{border:var(--stroke) solid var(--ink);border-radius:1000px;flex:none;width:16px;height:16px}.marker--progress{background:linear-gradient(90deg, var(--ink) 50%, transparent 50%)}.marker--done{background:var(--ink)}.progress{gap:var(--space-8);display:grid}.progress__meta{font-size:var(--text-12);line-height:var(--lh-12);color:var(--ink-2);justify-content:space-between;display:flex}.progress__track{gap:var(--space-2);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.progress__track span{background:var(--line);height:8px}.progress__track span.is-done{background:var(--ink)}.progress__track span.is-current{background:linear-gradient(90deg, var(--ink) 50%, var(--line) 50%)}.tag{align-items:center;gap:var(--space-4);height:24px;padding-inline:var(--space-8);font-size:var(--text-12);line-height:var(--lh-12);border:var(--hairline) solid var(--line);color:var(--ink-2);border-radius:1000px;font-weight:500;display:inline-flex}.tag--good{background:var(--good-soft);color:var(--good);border-color:#0000}.tag--bad{background:var(--bad-soft);color:var(--bad);border-color:#0000}.piece-icon{width:24px;height:24px}.piece-icon__body{fill:none;stroke:currentColor;stroke-width:.4px}.piece-icon__ring{fill:none;stroke:currentColor;stroke-width:.3px}.piece-icon--filled .piece-icon__body{fill:currentColor}.piece-icon--filled .piece-icon__ring{stroke:var(--paper)}.form{gap:var(--space-24);display:grid}.field{gap:var(--space-8);display:grid}.field__row{justify-content:space-between;align-items:baseline;gap:var(--space-16);display:flex}.field__label{font-size:var(--text-14);line-height:var(--lh-14);font-weight:500}.field__link{font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-2);text-decoration-thickness:var(--stroke);text-underline-offset:4px}.field__link:hover{color:var(--ink)}.field__hint{font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-3)}.field__hint--end{text-align:right}.field__error{font-size:var(--text-14);line-height:var(--lh-14);color:var(--bad)}.input{width:100%;height:48px;padding-inline:var(--space-16);background:var(--surface);border:var(--hairline) solid var(--line);color:var(--ink);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);font-weight:400}.input::placeholder{color:var(--ink-3)}.input:hover{border-color:var(--ink-3)}.input:focus{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);outline:0}.input:disabled{color:var(--ink-3);background:var(--paper);cursor:not-allowed}.field.is-invalid .input{border-color:var(--bad)}.field.is-invalid .input:focus{box-shadow:inset 0 0 0 1px var(--bad)}.input-group{position:relative}.input-group .input{padding-right:72px}.input-group__button{height:48px;padding-inline:var(--space-16);font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-2);cursor:pointer;background:0 0;border:0;font-weight:500;position:absolute;top:0;right:0}.input-group__button:hover{color:var(--ink)}.check{gap:var(--space-12);cursor:pointer;font-size:var(--text-14);line-height:var(--lh-14);grid-template-columns:16px 1fr;align-items:start;display:grid}.check__input{opacity:0;width:1px;height:1px;position:absolute}.check__box{border:var(--stroke) solid var(--ink);background:var(--surface);place-items:center;width:16px;height:16px;margin-top:2px;display:grid}.check__box:after{content:"";background:var(--ink);width:8px;height:8px;transition:transform var(--dur-fast) var(--ease);transform:scale(0)}.check__input:checked+.check__box:after{transform:scale(1)}.check__input:focus-visible+.check__box{outline:var(--stroke) solid var(--ink);outline-offset:2px}.check a{color:var(--ink);text-decoration-thickness:var(--stroke);text-underline-offset:4px}.form__submit{width:100%;margin-top:var(--space-8)}.radios{align-items:center;gap:var(--space-24);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.radios legend{float:left;margin-right:var(--space-8);padding:0}.radio{align-items:center;gap:var(--space-8);cursor:pointer;display:inline-flex}.radio__input{opacity:0;width:1px;height:1px;position:absolute}.radio__mark{border:var(--stroke) solid var(--ink);background:var(--surface);border-radius:1000px;place-items:center;width:16px;height:16px;display:grid}.radio__mark:after{content:"";background:var(--ink);width:8px;height:8px;transition:transform var(--dur-fast) var(--ease);border-radius:1000px;transform:scale(0)}.radio__input:checked+.radio__mark:after{transform:scale(1)}.radio__input:focus-visible+.radio__mark{outline:var(--stroke) solid var(--ink);outline-offset:2px}.link-button{color:var(--ink);font:inherit;text-decoration:underline;text-decoration-thickness:var(--stroke);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0}.switch{border:var(--stroke) solid var(--ink);isolation:isolate;border-radius:1000px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid;position:relative}.switch__thumb{background:var(--ink);width:calc(50% - 4px);transition:transform var(--dur-move) var(--ease-move);z-index:-1;border-radius:1000px;position:absolute;top:4px;bottom:4px;left:4px}.switch__option{height:32px;font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-2);cursor:pointer;transition:color var(--dur-move) var(--ease-move);background:0 0;border:0;border-radius:1000px;font-weight:500}.switch__option[aria-selected=true]{color:var(--paper)}.switch__option:focus-visible{outline-offset:-2px}[data-mode=signup] .switch__thumb{transform:translate(100%)}.square-list{gap:var(--space-8);padding:0;list-style:none;display:grid}.square-list li{gap:var(--space-8);grid-template-columns:12px 1fr;align-items:start;display:grid}.square-list li:before{content:"";background:var(--ink);width:8px;height:8px;margin-top:6px}.icon{stroke:currentColor;stroke-width:1px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.icon--sm{stroke-width:1.5px;width:16px;height:16px}.icon--filled{fill:currentColor}draughts-board{width:100%;max-width:560px;display:block}draughts-board svg{width:100%;height:auto}.board__frame{fill:none;stroke:var(--board-frame)}.board__light{fill:var(--sq-light)}.board__dark{fill:var(--sq-dark)}.board__highlight{fill:var(--sq-highlight)}.board__selected{fill:var(--sq-selected)}.board__good{fill:var(--sq-good)}.board__bad{fill:var(--sq-bad)}.board--interactive .piece,.board--interactive rect[data-sq]{cursor:pointer}.board__num{fill:var(--sq-number);font-family:var(--font);font-weight:600}.board__num--ink{fill:var(--board-frame)}.piece--white .piece__body{fill:var(--piece-white);stroke:var(--piece-black)}.piece--white .piece__ring{stroke:var(--piece-black)}.piece--black .piece__body{fill:var(--piece-black);stroke:var(--piece-black)}.piece--black .piece__ring{stroke:var(--piece-black-ring)}.piece__ring{fill:none}.piece--white .piece__crown{fill:var(--piece-black)}.piece--black .piece__crown{fill:var(--piece-white)}.site-footer{border-top:var(--hairline) solid var(--line);margin-top:var(--space-96);padding-block:var(--space-64) var(--space-32)}.site-footer__grid{gap:var(--space-48);padding-bottom:var(--space-48);grid-template-columns:1fr repeat(3,180px);display:grid}.site-footer__brand{gap:var(--space-16);align-content:start;justify-items:start;max-width:280px;display:grid}.site-footer__col{gap:var(--space-8);align-content:start;display:grid}.site-footer__col .label{margin-bottom:var(--space-8)}.site-footer__col a,.site-footer__legal a,.site-footer__lang a{font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-2);text-decoration:none}.site-footer__col a:hover,.site-footer__legal a:hover,.site-footer__lang a:hover{color:var(--ink)}.site-footer__bar{align-items:center;gap:var(--space-24);padding-top:var(--space-24);border-top:var(--hairline) solid var(--line);display:flex}.site-footer__legal{gap:var(--space-16);display:flex}.site-footer__lang{gap:var(--space-12);margin-left:auto;display:flex}.site-footer__lang a[aria-current=true]{color:var(--ink);font-weight:600}@media (width<1024px){.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1/-1}}@media (width<768px){.site-footer__grid{gap:var(--space-32);grid-template-columns:1fr}.site-footer__bar{flex-wrap:wrap}}.menu-btn{display:none}.site-menu{z-index:10;background:var(--paper);padding-inline:var(--gutter);padding-bottom:var(--space-32);grid-template-rows:56px 1fr auto;display:grid;position:fixed;inset:0}.site-menu[hidden]{display:none}.site-menu__top{justify-content:space-between;align-items:center;display:flex}.site-menu nav{align-content:center;display:grid}.site-menu>.btn{justify-self:start}.site-menu__list{align-content:center;padding:0;list-style:none;display:grid}.site-menu__list a{padding-block:var(--space-16);border-bottom:var(--hairline) solid var(--line);font-size:var(--text-40);line-height:var(--lh-40);letter-spacing:-2px;font-variation-settings:"SHRP" var(--sharp-display);color:var(--ink-2);animation:menu-in var(--dur-move) var(--ease-move) both;font-weight:700;text-decoration:none;display:block}.site-menu__list li:nth-child(2) a{animation-delay:40ms}.site-menu__list li:nth-child(3) a{animation-delay:80ms}.site-menu__list a[aria-current=page]{color:var(--ink)}@keyframes menu-in{0%{opacity:0;transform:translate(-8px,8px)}to{opacity:1;transform:translate(0)}}body.menu-open{overflow:hidden}@media (width<768px){.menu-btn{display:inline-flex}.site-header__actions>.site-link{display:none}}.sitemap{z-index:20;justify-items:end;gap:var(--space-8);display:grid;position:fixed;bottom:16px;right:16px}.sitemap__list{gap:var(--space-4);min-width:200px;padding:var(--space-16);background:var(--surface);border:var(--stroke) solid var(--ink);display:grid}.sitemap__list .label{margin-bottom:var(--space-8)}.sitemap__list a{align-items:center;gap:var(--space-8);font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-2);padding-block:var(--space-2);text-decoration:none;display:inline-flex}.sitemap__list a:before{content:"";width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--ink);opacity:0;border-radius:1000px}.sitemap__list a:hover{color:var(--ink)}.sitemap__list a:hover:before{opacity:1}.sitemap__list a[aria-current=page]{color:var(--ink)}.sitemap__list a[aria-current=page]:before{opacity:1;background:var(--ink)}@media print{.sitemap{display:none}}.back-link{align-items:center;gap:var(--space-4);text-decoration:none;display:inline-flex}.back-link .icon{margin-left:-4px}.back-link:hover{color:var(--ink)}.index{gap:var(--space-64);padding-block:var(--space-64) var(--space-32);grid-template-columns:440px 1fr;align-items:start;display:grid}.index__hero{top:var(--space-32);gap:var(--space-24);justify-items:start;display:grid;position:sticky}.index__hero .progress{width:100%;margin-top:var(--space-16)}.index__hero .btn+p{margin-top:calc(var(--space-8) * -1)}.index__lead{font-size:var(--text-18);line-height:var(--lh-18);color:var(--ink-2)}.lessons{gap:var(--space-80);min-width:0;padding-top:var(--space-40);display:grid}.module__head{align-items:center;gap:var(--space-16);margin-bottom:var(--space-24);display:flex}.lesson-list{border-top:var(--hairline) solid var(--line);padding:0;list-style:none}.lesson{gap:var(--space-16);padding-block:var(--space-24);border-bottom:var(--hairline) solid var(--line);grid-template-columns:48px 1fr;align-items:start;text-decoration:none;display:grid}.lesson__num{font-size:var(--text-24);line-height:var(--lh-18);font-variation-settings:"SHRP" var(--sharp-display);font-variant-numeric:tabular-nums;letter-spacing:-2px;text-align:center;color:var(--ink);font-weight:700}.lesson__num--outline{color:var(--paper);-webkit-text-stroke:var(--stroke) var(--ink);paint-order:stroke fill;letter-spacing:0}.lesson__body{gap:var(--space-4);display:grid}.lesson__head{justify-content:space-between;align-items:baseline;gap:var(--space-24);display:flex}.lesson__title{font-size:var(--text-18);line-height:var(--lh-18);font-weight:500}.lesson__meta{font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.lesson__desc{font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-2)}.lesson:hover .lesson__title{text-decoration:underline;text-decoration-thickness:var(--stroke);text-underline-offset:4px}.lesson:not(.is-done):not(.is-current) .lesson__title{color:var(--ink-2)}.lesson.is-current{background:var(--surface);box-shadow:inset 0 0 0 var(--stroke) var(--ink);border-bottom-color:#0000;margin-inline:-24px;padding-inline:24px}.lesson.is-current .lesson__title{font-weight:600}.lesson-list li:last-child .lesson{border-bottom:0}.lesson--check{margin-top:var(--space-8)}.lesson-list li:has(+li>.lesson--check.is-current) .lesson{border-bottom:0}.lesson__icon{width:48px;height:28px;color:var(--ink);place-items:center;display:grid}.lesson--check .lesson__title{align-items:center;gap:var(--space-12);display:inline-flex}.lesson--check.is-locked{color:var(--ink-3);cursor:default}.lesson--check.is-locked .lesson__title,.lesson--check.is-locked .lesson__icon{color:var(--ink-3)}.lesson--check.is-locked:hover .lesson__title{text-decoration:none}.next-level{gap:var(--space-24);padding:var(--space-24);border:var(--stroke) solid var(--line);color:var(--ink-2);grid-template-columns:48px 1fr 16px;align-items:center;text-decoration:none;display:grid}.next-level__body{gap:var(--space-4);display:grid}.next-level__title{font-size:var(--text-24);line-height:var(--lh-24);color:var(--ink);font-weight:600}.next-level:hover{border-color:var(--ink)}@media (width<1024px){.index{gap:var(--space-64);padding-block:var(--space-48) var(--space-32);grid-template-columns:1fr}.index__hero{max-width:520px;position:static}.lessons{gap:var(--space-64);padding-top:0}}@media (width<768px){.lesson{gap:var(--space-16);padding-block:var(--space-16)}.lesson.is-current{margin-inline:-16px;padding-inline:16px}.lesson__desc{display:none}.lesson__head{flex-direction:column;align-items:start;gap:0}.next-level{gap:var(--space-16);padding:var(--space-16);grid-template-columns:32px 1fr 16px}.next-level .numeral--lg{width:32px;height:32px;font-size:var(--text-14);line-height:var(--lh-14)}.module__head h2{font-size:var(--text-24);line-height:var(--lh-24)}}.lesson-bar{height:48px;margin-top:var(--space-8);justify-content:space-between;align-items:center;display:flex}.lesson-head{gap:var(--space-24);max-width:70%;padding-block:var(--space-40) var(--space-48);display:grid}.lesson-lead{font-size:var(--text-18);line-height:var(--lh-18);color:var(--ink-2)}.lesson-meta{font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-3);font-variant-numeric:tabular-nums}.lesson-page{gap:var(--space-64);padding-bottom:var(--space-32);grid-template-columns:1fr 480px;align-items:start;display:grid}.lesson-text{min-width:0}.steps{gap:var(--space-48);padding:0;list-style:none;display:grid}.step{column-gap:var(--space-24);row-gap:var(--space-16);padding:var(--space-24);grid-template-columns:32px 1fr;align-items:start;margin-inline:-24px;display:grid}.step.is-active{background:var(--surface);box-shadow:inset 0 0 0 var(--stroke) var(--ink)}.step__num{cursor:pointer;color:var(--ink);box-shadow:inset 0 0 0 var(--stroke) var(--ink);background:0 0;border:0}.step.is-active .step__num{background:var(--ink);color:var(--paper);box-shadow:none}.step__body{display:contents}.step__body h2{font-size:var(--text-24);line-height:var(--lh-24)}.step__body>:not(h2){grid-column:1/-1}.step__heading{align-items:center;gap:var(--space-12);display:flex}.step:not(.is-active) .step__body{color:var(--ink-2)}.step:not(.is-active) .step__body h2{color:var(--ink)}.step__figure{gap:var(--space-24);margin-block:var(--space-16);flex-wrap:wrap;align-items:center;display:flex}.step__figure>svg,.step__figure>img{flex:none;max-width:100%}.step__figure>svg{width:240px}.step__figure .figure__caption{flex:240px}.figure__caption{gap:var(--space-4);padding-left:var(--space-16);border-left:var(--stroke) solid var(--line);font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-3);display:grid}.fig__light{fill:var(--sq-light)}.fig__dark{fill:var(--sq-dark)}.fig__white{fill:var(--piece-white);stroke:var(--piece-black);stroke-width:2px}.fig__ring{fill:none;stroke:var(--piece-black);stroke-width:1.5px}.fig__ring--black{stroke:var(--piece-black-ring)}.fig__black{fill:var(--piece-black)}.fig__ghost{fill:none;stroke:var(--piece-black);stroke-width:2px;stroke-dasharray:4 4}.fig__arrow{fill:none;stroke:var(--piece-black);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.step__board{display:none}.practice{gap:var(--space-16);margin-top:var(--space-8);display:grid}.practice__status{font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-3)}.practice__status--good{color:var(--good)}.practice__status--bad{color:var(--bad)}.practice__actions{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.lesson-foot{justify-content:space-between;gap:var(--space-24);margin-top:var(--space-80);padding-top:var(--space-24);border-top:var(--hairline) solid var(--line);display:flex}.lesson-foot__link{align-items:center;gap:var(--space-8);color:var(--ink-2);text-decoration:none;display:inline-flex}.lesson-foot__link>span{display:grid}.lesson-foot__link--next{text-align:right}.lesson-foot__title{font-size:var(--text-16);line-height:var(--lh-16);color:var(--ink);font-weight:500}.lesson-foot__link:hover .lesson-foot__title{text-decoration:underline;text-decoration-thickness:var(--stroke);text-underline-offset:4px}.stage{align-self:stretch}.stage__sticky{top:var(--space-32);gap:var(--space-16);display:grid;position:sticky}.stage__head{align-items:center;gap:var(--space-12);display:flex}.stage__title{font-size:var(--text-16);line-height:var(--lh-16);font-weight:600}.stage__caption{padding:var(--space-12) var(--space-16);background:var(--inverse-bg);color:var(--inverse-ink);font-size:var(--text-14);line-height:var(--lh-14);min-height:44px}.stage__bar{display:grid}.stage__nav{justify-content:center;align-items:center;gap:var(--space-12);display:flex}.stage__nav .icon-btn{width:32px;height:32px}.stage__nav .icon-btn:disabled{opacity:.4;cursor:default;border-color:var(--line)}@media (width<1024px){.lesson-head{max-width:none}.lesson-page{grid-template-columns:1fr;gap:0}.stage{display:none}.step__board{margin-block:var(--space-8);display:block}.step__board draughts-board{max-width:480px}}@media (width<768px){.lesson-head .display-56{font-size:var(--text-40);line-height:var(--lh-40)}.step{column-gap:var(--space-12);padding:var(--space-16);margin-inline:-16px}.steps{gap:var(--space-32)}.lesson-foot{flex-direction:column}.lesson-foot__link--next{text-align:left;flex-direction:row-reverse;justify-content:start}}.run{gap:var(--space-64);padding-bottom:var(--space-32);grid-template-columns:1fr 400px;align-items:start;display:grid}.run__board draughts-board{max-width:640px}.run__panel{align-self:stretch}.run__sticky{top:var(--space-32);gap:var(--space-24);display:grid;position:sticky}.run__puzzle{gap:var(--space-16);grid-template-columns:32px 1fr;align-items:start;display:grid}.run__prompt{font-size:var(--text-24);line-height:var(--lh-24);font-weight:600}.run__review{font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-2)}.run__review a{text-decoration-thickness:var(--stroke);text-underline-offset:4px}.progress__track span.is-missed{background:var(--bad)}.result{gap:var(--space-24);max-width:720px;padding-block:var(--space-40) var(--space-64);display:grid}.result .lesson-lead{max-width:560px}.result__list{padding:0;list-style:none;display:grid}.result__item{gap:var(--space-16);padding-block:var(--space-16);border-top:var(--hairline) solid var(--line);grid-template-columns:32px 1fr;align-items:start;display:grid}.result__body{gap:var(--space-4);display:grid}.result__prompt{font-weight:500}@media (width<1024px){.run{gap:var(--space-32);grid-template-columns:1fr}.run__sticky{position:static}}.page-head{gap:var(--space-24);max-width:720px;padding-block:var(--space-64) var(--space-48);display:grid}.levels{gap:var(--space-16);grid-template-columns:repeat(4,1fr);padding:0;list-style:none;display:grid}.level{padding:var(--space-24);background:var(--surface);border:var(--hairline) solid var(--line);flex-direction:column;display:flex}.level.is-current{box-shadow:inset 0 0 0 var(--stroke) var(--ink);border-color:#0000}.level__head{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.level__name{font-size:var(--text-24);line-height:var(--lh-24);font-weight:600}.level__for{font-size:var(--text-14);line-height:var(--lh-14);color:var(--ink-2);margin-top:var(--space-8)}.level .square-list{margin-top:var(--space-24);font-size:var(--text-14);line-height:var(--lh-14)}.level__foot{gap:var(--space-24);padding-top:var(--space-32);margin-top:auto;display:grid}.level__foot .btn{width:100%}.placement{gap:var(--space-64);margin-top:var(--space-64);padding:var(--space-40);background:var(--inverse-bg);color:var(--inverse-ink);grid-template-columns:1fr 280px;align-items:center;display:grid}.placement__text{gap:var(--space-12);max-width:560px;display:grid}.placement__text .label,.placement__text .muted{color:var(--inverse-ink);opacity:.7}.placement__action{justify-items:end;display:grid}.placement .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}.placement .btn:before{background:var(--ink);box-shadow:inset 0 0 0 6px var(--ink), inset 0 0 0 8px var(--paper)}.placement .subtle{color:var(--inverse-ink);opacity:.6}@media (width<1024px){.levels{grid-template-columns:1fr 1fr}.placement{gap:var(--space-24);grid-template-columns:1fr}}@media (width<768px){.page-head .display-72{font-size:var(--text-56);line-height:var(--lh-56)}.levels{grid-template-columns:1fr}.placement{padding:var(--space-24);margin-inline:-16px}}.auth{padding-block:var(--space-64) var(--space-32)}.auth__form{gap:var(--space-32);max-width:400px;margin-inline:auto;display:grid}.auth__form .label+.display-56{margin-top:calc(var(--space-32) * -1 + var(--space-16))}.auth__switch-line{text-align:center}@media (width<768px){.auth__form .display-56{font-size:var(--text-40);line-height:var(--lh-40)}}.home-hero{position:relative;overflow:hidden}.home-hero__grid{min-height:640px;padding-block:var(--space-64);align-items:center;display:grid}.home-hero__text{z-index:1;gap:var(--space-32);justify-items:start;max-width:600px;display:grid;position:relative}.home-hero__title{display:grid}.home-hero__step{margin-left:72px}.home-hero__lead{font-size:var(--text-20);line-height:var(--lh-20);color:var(--ink-2);max-width:520px}.home-hero__actions{gap:var(--space-12);flex-wrap:wrap;display:flex}.home-hero__text .subtle{margin-top:calc(var(--space-16) * -1)}.home-hero__image{object-fit:cover;object-position:center;width:50vw;max-width:760px;height:100%;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home-hero__image{filter:grayscale()invert(.92)}}:root[data-theme=dark] .home-hero__image{filter:grayscale()invert(.92)}.home-section{padding-block:var(--space-64);border-top:var(--hairline) solid var(--line)}.home-section__head{gap:var(--space-16);margin-bottom:var(--space-48);display:grid}.home-section__head--row{grid-template-columns:1fr auto;align-items:end}.home-section__head--row>div{gap:var(--space-16);display:grid}.home-steps{gap:var(--space-48);grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.home-step{gap:var(--space-16);align-content:start;justify-items:start;display:grid}.home-step p{color:var(--ink-2)}.plans{gap:var(--space-16);grid-template-columns:repeat(2,1fr);display:grid}.plan{gap:var(--space-16);padding:var(--space-32);background:var(--surface);border:var(--hairline) solid var(--line);align-content:start;display:grid}.plan__name{font-size:var(--text-32);line-height:var(--lh-32);font-weight:600}.plan__price{font-size:var(--text-18);line-height:var(--lh-18);color:var(--ink-2)}.plan .square-list{margin-block:var(--space-8) var(--space-16)}.plan .btn{width:100%;margin-top:auto}@media (width<1024px){.home-hero__grid{min-height:0;padding-block:var(--space-48) var(--space-40)}.home-hero__image{object-position:left bottom;width:100%;max-width:none;height:360px;position:static;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.home-steps{gap:var(--space-32);grid-template-columns:1fr}.plans{grid-template-columns:1fr}}@media (width<768px){.home-hero .display-72{font-size:var(--text-56);line-height:var(--lh-56)}.home-hero__step{margin-left:48px}.home-hero__image{height:280px}.home-section__head--row{grid-template-columns:1fr;align-items:start}.plan{padding:var(--space-24)}}.app{flex-direction:column;min-height:100vh;display:flex}.app__main{flex:1}.site-link--button{cursor:pointer;background:0 0;border:0;padding:0}.site-header__user{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--ink);overflow:hidden}@media (width<768px){.site-header__actions>.site-link--button,.site-header__actions>.site-header__user{display:none}}.form__alert{padding:var(--space-12) var(--space-16);background:var(--bad-soft);color:var(--bad);font-size:var(--text-14);line-height:var(--lh-14);font-weight:400}.btn:disabled{cursor:progress;opacity:.64}.btn:disabled:hover{padding-inline:42px 22px}.btn--lg:disabled:hover{padding-inline:50px 26px}.btn:disabled:hover:before{left:6px}.btn--lg:disabled:hover:before{left:8px}.field.is-invalid .check__box{border-color:var(--bad)}.rich>*+*{margin-top:var(--space-12)}.rich ul,.rich ol{padding-left:var(--space-24)}.rich img{height:auto}.stage__note{text-align:center}.level__head .tag{flex:none}.thumbs{gap:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));padding:0;list-style:none;display:grid}.thumb{gap:var(--space-4);width:100%;padding:var(--space-4);cursor:pointer;box-shadow:inset 0 0 0 var(--hairline) var(--line);background:0 0;border:0;display:grid}.thumb:hover{box-shadow:inset 0 0 0 var(--hairline) var(--ink)}.thumb.is-selected{box-shadow:inset 0 0 0 var(--stroke) var(--ink)}.thumb draughts-board{pointer-events:none;max-width:none}.thumb__num{font-size:var(--text-12);line-height:var(--lh-12);font-variant-numeric:tabular-nums;color:var(--ink-2);font-weight:500}.thumb.is-selected .thumb__num{color:var(--ink);font-weight:700}.board--interactive .piece--movable{cursor:pointer}.board--interactive rect[data-sq]{cursor:default}.board--interactive .board__highlight{cursor:pointer}.guide{stroke:var(--guide);fill:none}.guide line,.guide path{stroke:var(--guide)}.guide__head,.guide__badge{fill:var(--guide);stroke:none}.guide__number{fill:var(--guide-on);stroke:none;font-family:var(--font);font-weight:700}.guide--black{--guide:var(--piece-black);--guide-on:var(--piece-white)}.guide--white{--guide:var(--piece-white);--guide-on:var(--piece-black)}.guide--green{--guide:var(--sq-good);--guide-on:var(--piece-white)}.guide--red{--guide:var(--sq-bad);--guide-on:var(--piece-white)}.guide--blue{--guide:#3d6fa8;--guide-on:var(--piece-white)}.guide--yellow{--guide:#d1a72a;--guide-on:var(--piece-black)}@media (width<1024px){.step__board{gap:var(--space-12);display:grid}}.practice-topics{gap:var(--space-24);margin-top:var(--space-64);max-width:800px;display:grid}.practice-topics__title{font-size:var(--text-24);line-height:var(--lh-24)}.placement h2{font-size:var(--text-32);line-height:var(--lh-32)}.run .practice__actions .btn{flex:none}.result__body .tag{margin-top:var(--space-4)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lesson-bar__end,.index__actions{align-items:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-8);height:32px;padding-inline:var(--space-12);border:var(--hairline) solid var(--line);font-size:var(--text-12);line-height:var(--lh-12);white-space:nowrap;cursor:pointer;background:0 0;border-radius:1000px;font-weight:500;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--ink)}.chip:disabled{color:var(--ink-3);cursor:default}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.chip--review{background:var(--bad-soft);color:var(--bad);border-color:#0000}.chip--review:hover:not(:disabled){border-color:var(--bad)}.chip--danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}.chip__dot{border:var(--hairline) solid var(--piece-black);border-radius:1000px;width:12px;height:12px}.chip__dot--white{background:var(--piece-white)}.chip__dot--black{background:var(--piece-black)}.link-button{font-size:var(--text-14);line-height:var(--lh-14)}.link-button--danger{color:var(--bad)}.seg{padding:var(--space-2);border:var(--hairline) solid var(--line);gap:var(--space-2);border-radius:1000px;flex-wrap:wrap;display:inline-flex}.seg__option{height:28px;padding-inline:var(--space-12);color:var(--ink-2);font-size:var(--text-12);line-height:var(--lh-12);cursor:pointer;background:0 0;border:0;border-radius:1000px;font-weight:500}.seg__option:hover{color:var(--ink)}.seg__option[aria-checked=true]{background:var(--ink);color:var(--paper)}.select{width:100%;height:40px;padding-inline:var(--space-12);border:var(--hairline) solid var(--line);background:var(--surface);font-size:var(--text-14);line-height:var(--lh-14)}.select:hover{border-color:var(--ink-3)}.select:focus{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);outline:0}.inline-select{align-items:center;gap:var(--space-8);display:flex}.inline-select .select{width:auto;max-width:240px;height:32px}.input--title{height:48px;padding-inline:var(--space-8);font-size:var(--text-24);line-height:var(--lh-24);background:0 0;border-color:#0000;font-weight:600}.input--title:hover{border-color:var(--line)}.save-status{align-items:center;gap:var(--space-12);font-size:var(--text-12);line-height:var(--lh-12);color:var(--ink-3);display:inline-flex}.save-status--error{color:var(--bad)}.review-dot{background:var(--bad);border-radius:1000px;flex:none;width:8px;height:8px}.rich-tools{gap:var(--space-2);display:inline-flex}.rich-tools__btn{min-width:28px;height:24px;padding-inline:var(--space-4);border:var(--hairline) solid transparent;color:var(--ink-2);font-size:var(--text-12);line-height:var(--lh-12);cursor:pointer;background:0 0}.rich-tools__btn:hover{border-color:var(--line);color:var(--ink)}.rich-input{min-height:96px;padding:var(--space-12) var(--space-16);border:var(--hairline) solid var(--line);background:var(--surface);font-size:var(--text-16);line-height:var(--lh-16)}.rich-input--tall{min-height:320px}.rich-input:hover{border-color:var(--ink-3)}.rich-input:focus{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);outline:0}.rich-input:empty:before{content:attr(data-placeholder);color:var(--ink-3);pointer-events:none}.editor{max-width:1600px;padding-inline:var(--gutter);padding-bottom:var(--space-48);margin-inline:auto}.editor-bar{z-index:5;justify-content:space-between;align-items:center;gap:var(--space-24);padding-block:var(--space-12);background:var(--paper);border-bottom:var(--hairline) solid var(--line);display:flex;position:sticky;top:0}.editor-bar__start{gap:var(--space-4);flex:1;min-width:0;display:grid}.editor-bar__title{align-items:center;gap:var(--space-8);display:flex}.editor-bar__title .field{flex:1;max-width:640px}.editor-bar__end{align-items:center;gap:var(--space-16);flex-wrap:wrap;justify-content:flex-end;display:flex}.editor-bar__nav{align-items:center;gap:var(--space-8);display:inline-flex}.editor-bar__nav .icon-btn{width:32px;height:32px}.icon-btn:disabled{opacity:.4;cursor:default}.editor__body{gap:var(--space-32);padding-top:var(--space-24);grid-template-columns:320px 1fr;align-items:start;display:grid}.outline{border:var(--hairline) solid var(--line);background:var(--surface);grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100vh - 136px);display:grid;position:sticky;top:112px}.outline__head{justify-content:space-between;align-items:baseline;gap:var(--space-8);padding:var(--space-12) var(--space-16);border-bottom:var(--hairline) solid var(--line);display:flex}.outline__list{padding:0 0 var(--space-8);margin:0;list-style:none;overflow-y:auto}.outline__row{position:relative}.outline__row.is-drop-before:before,.outline__row.is-drop-after:after{content:"";inset-inline:var(--space-8);height:var(--stroke);background:var(--ink);z-index:1;position:absolute}.outline__row.is-drop-before:before{top:-1px}.outline__row.is-drop-after:after{bottom:-1px}.outline__row.is-dragging{opacity:.4}.outline__step{align-items:center;gap:var(--space-8);padding:var(--space-16) var(--space-16) var(--space-4);font-size:var(--text-12);line-height:var(--lh-12);font-weight:600;display:flex}.outline__step .numeral{width:20px;height:20px;font-size:var(--text-12);line-height:var(--lh-12)}.outline__item{align-items:center;gap:var(--space-12);width:100%;padding:var(--space-8) var(--space-16);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:48px 1fr auto;display:grid}.outline__item:hover{background:var(--paper)}.outline__item.is-selected{background:var(--paper);box-shadow:inset var(--stroke) 0 0 var(--ink)}.outline__item:focus-visible{outline:var(--stroke) solid var(--ink);outline-offset:-2px}.outline__thumb{aspect-ratio:1;place-items:center;width:48px;display:grid}.outline__thumb draughts-board{pointer-events:none}.outline__glyph{border:var(--hairline) solid var(--line);width:100%;height:100%;font-size:var(--text-20);color:var(--ink-3);place-items:center;display:grid}.outline__text{min-width:0;display:grid}.outline__kind{font-size:var(--text-12);line-height:var(--lh-12);color:var(--ink-3)}.outline__summary{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-14);line-height:var(--lh-14);overflow:hidden}.outline__add{padding:var(--space-12) var(--space-16);border-top:var(--hairline) solid var(--line)}.outline__add-btn{width:100%}.add-menu{gap:var(--space-4);display:grid}.add-menu .label{margin-bottom:var(--space-4)}.add-menu .link-button{margin-top:var(--space-8);justify-self:start}.add-menu__item{padding:var(--space-8) var(--space-12);border:var(--hairline) solid var(--line);background:var(--paper);text-align:left;cursor:pointer;display:grid}.add-menu__item:hover{border-color:var(--ink)}.add-menu__label{font-size:var(--text-14);line-height:var(--lh-14);font-weight:600}.inspector{gap:var(--space-24);min-width:0;display:grid}.inspector--empty{padding:var(--space-48);border:var(--hairline) dashed var(--line);gap:var(--space-8)}.inspector__head{justify-content:space-between;align-items:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.inspector__grid{gap:var(--space-32);grid-template-columns:minmax(320px,520px) minmax(280px,1fr);align-items:start;display:grid}.inspector__fields,.inspector__theory{gap:var(--space-24);display:grid}.inspector__theory{max-width:var(--reading-max)}.inspector__foot{align-items:center;gap:var(--space-24);padding-top:var(--space-16);border-top:var(--hairline) solid var(--line);flex-wrap:wrap;display:flex}.inspector__spacer{flex:1}.inspector__fields>.link-button{justify-self:start}.review-banner{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);background:var(--bad-soft);font-size:var(--text-14);line-height:var(--lh-14);display:flex}.review-banner>span:nth-child(2){flex:1}.no-board{justify-items:start;gap:var(--space-8);padding:var(--space-32);border:var(--hairline) dashed var(--line);display:grid}.board-editor{gap:var(--space-12);display:grid}.board-editor__tools{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.board-editor__bar{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.board-editor__spacer{flex:1}.board-editor__hint{min-height:var(--lh-12)}.board--editing{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.board--editing .guides{pointer-events:none}.swatches{gap:var(--space-4);display:inline-flex}.swatch{border:var(--stroke) solid transparent;background:var(--guide);width:28px;height:28px;box-shadow:inset 0 0 0 var(--hairline) var(--line);cursor:pointer;border-radius:1000px;padding:0}.swatch[aria-checked=true]{border-color:var(--paper);outline:var(--stroke) solid var(--ink)}.swatch--piece,.swatch--erase{box-shadow:none;background:0 0}.swatch--piece svg{width:100%;height:100%;display:block}.swatch--erase{color:var(--ink-2);font-size:var(--text-12)}.swatch--piece[aria-checked=true],.swatch--erase[aria-checked=true]{border-color:#0000}@media (width<1280px){.inspector__grid{grid-template-columns:1fr}.inspector__board{max-width:520px}}@media (width<900px){.editor__body{grid-template-columns:1fr}.outline{max-height:360px;position:static}.editor-bar{flex-direction:column;align-items:stretch;position:static}}.course-editor{padding-bottom:var(--space-64)}.course-editor__grid{gap:var(--space-64);padding-top:var(--space-24);grid-template-columns:360px 1fr;align-items:start;display:grid}.course-editor__details{gap:var(--space-24);top:var(--space-32);display:grid;position:sticky}.course-editor__actions{align-items:center;gap:var(--space-24);flex-wrap:wrap;display:flex}.course-editor__lessons .module__head{justify-content:space-between}.lesson-rows{border-top:var(--hairline) solid var(--line);margin:0;padding:0;list-style:none}.lesson-row{align-items:center;gap:var(--space-16);padding-block:var(--space-12);border-bottom:var(--hairline) solid var(--line);grid-template-columns:auto 1fr auto;display:grid}.lesson-row__main{min-width:0;display:grid}.lesson-row__main .input--title{font-size:var(--text-18);line-height:var(--lh-18);height:40px}.lesson-row__main .text-12{padding-inline:var(--space-8)}.lesson-row__actions{align-items:center;gap:var(--space-8);display:flex}@media (width<900px){.course-editor__grid{gap:var(--space-32);grid-template-columns:1fr}.course-editor__details{position:static}.lesson-row{grid-template-columns:1fr}}.new-course{max-width:560px;margin-bottom:var(--space-48)}.new-course__actions{align-items:center;gap:var(--space-24);display:flex}.level__foot{align-items:center;gap:var(--space-16);display:flex}