@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-hebrew-wght-normal-BIkpbuMU.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-latin-wght-normal-CnQIisVs.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font:17px/1.65 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page:#f6f5f1;--surface:#fff;--line:#e4e6ec;--line-strong:#d3d7e0;--ink:#1e2433;--ink-2:#4a5163;--ink-3:#646b7d;--brand:#3451c7;--brand-press:#26399a;--brand-soft:#eef2fd;--brand-ring:#3451c747;--good:#2f9e44;--good-ink:#1f7a35;--good-soft:#eaf6ec;--bad:#e03131;--bad-soft:#fff1f1;--track:#e7e9ef;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-1:0 1px 2px #1018280f;--shadow-2:0 1px 2px #1018280a, 0 8px 24px #10182812;--font:"Rubik", system-ui, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--paper:var(--page);--rule:transparent;--grid:22px;--wash:transparent;--card:var(--surface);--edge:var(--line);--edge-soft:var(--line);--ink-soft:var(--ink-2);--ink-faint:var(--ink-3);--accent:var(--brand);--accent-soft:var(--brand-soft);--accent-faint:#f6f8fe;--accent-ring:var(--brand-ring);--warn:#a8480f;--lift:var(--shadow-1)}button,input,select,textarea{font-family:inherit}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink)}.ltr-text{direction:ltr;unicode-bidi:isolate;display:inline-block}.ltr-box{direction:ltr}.shaft{min-width:3.5rem;height:12px;color:var(--ink-faint);align-self:stretch;margin:3px 0;position:relative}.shaft:before{content:"";border-top:2px solid;position:absolute;top:5px;left:2px;right:10px}.shaft:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:12px solid;position:absolute;top:0;right:0}.info-badge{width:20px;height:20px;font:inherit;color:var(--accent);background:var(--card);border:1px solid var(--accent);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:.72rem;font-style:italic;font-weight:600;display:grid;position:absolute;top:-7px;right:-7px}.info-badge:hover{color:var(--card);background:var(--accent)}.modal{z-index:20;place-items:center;padding:1.5rem 1rem;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal--confirm{z-index:30}.modal__scrim{background:#1d243073;position:absolute;inset:0}.modal__sheet{background:#fff;border-radius:10px;flex-direction:column;width:min(56rem,100%);max-height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 48px #1d243047}.modal__sheet:focus{outline:none}.modal--confirm .modal__sheet{width:min(26rem,100%)}.modal__head{border-bottom:1px solid #e6eaf0;flex:none;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.modal__title{color:#1d2430;margin:0;font-size:1.15rem;font-weight:600}.modal__summary{color:#7a8290;margin:.2rem 0 0;font-size:.85rem}.modal__close{font:inherit;color:#5b6472;cursor:pointer;background:#f1f4f9;border:1px solid #d9dee6;border-radius:5px;margin-inline-start:auto;padding:.25rem .55rem;font-size:.9rem}.modal__close:hover{background:#e6ebf3}.modal__body{flex:1;min-height:0;padding:0 1.25rem 1.25rem;overflow-y:auto}.modal__equation{color:#1d2430;direction:ltr;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:.5rem 0 .9rem;display:flex}.modal__also{align-items:center;gap:.75rem;display:flex}.modal__plus{color:#6b7686;font-size:1.1rem}.modal__message{color:#3d4757;margin:1.1rem 0 0;font-size:.9rem;line-height:1.65}.modal__actions{justify-content:flex-start;gap:.5rem;margin-top:1.25rem;display:flex}.modal__action{font:inherit;color:#3d4757;cursor:pointer;background:#f1f4f9;border:1px solid #d9dee6;border-radius:5px;padding:.4rem .9rem;font-size:.85rem}.modal__action:hover{background:#e6ebf3}.modal__action--danger{color:#fff;background:#a8480f;border-color:#a8480f}.modal__action--danger:hover{background:#8f3d0d}@media (width<=720px){.modal{padding:0}.modal__sheet{border-radius:0;width:100%;height:100%;max-height:none}.modal--confirm .modal__sheet{border-radius:10px;width:calc(100% - 2rem);height:auto;margin:1rem}}:root{--feedback-room:80px}.feedback__open{z-index:11;min-height:40px;font:inherit;color:var(--accent);background:var(--card);border:1px solid var(--edge);cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.8rem;display:inline-flex;position:fixed;inset-block-start:.6rem;inset-inline-end:1rem}:root .app__bar{padding-inline-end:calc(1.5rem + var(--feedback-room))}body:has(.qpage--drawing,.q4__synth:not(.q4__synth--right)) .feedback__open{display:none}@media (width<=600px){:root{--feedback-room:44px}.feedback__open{justify-content:center;min-width:44px;min-height:44px;padding:0;font-size:1.15rem;inset-block-start:6px}.feedback__words{display:none}}.feedback__open:hover{background:var(--accent-faint)}.feedback__open:focus-visible,.feedback__text:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.feedback__form{flex-direction:column;gap:.4rem;min-width:min(28rem,80vw);display:flex}.feedback__types{border:none;flex-wrap:wrap;gap:.9rem;margin:0 0 .5rem;padding:0;display:flex}.feedback__label{color:var(--ink-soft);font-size:.85rem}.feedback__text{font:inherit;resize:vertical;border:1px solid var(--edge);border-radius:5px;padding:.4rem}.feedback__count,.feedback__error,.feedback__note{margin:0}.feedback__count{color:var(--ink-faint);font-size:.75rem}.feedback__error{color:var(--warn);font-size:.85rem}.feedback__form .modal__action:disabled{opacity:.5;cursor:not-allowed}.depiction{place-items:center;display:grid}.depiction--empty{background:#ded3b529;border-radius:6px}.depiction svg{max-width:100%;height:auto}.depiction__note{fill:var(--accent);font-family:inherit;font-weight:700}.viewer{flex-direction:column;gap:1.1rem;height:100%;padding:1rem;display:flex;overflow-y:auto}.chain__flow{flex-wrap:wrap;flex:none;align-items:center;gap:.6rem .3rem;display:flex}.chain__pair{flex:none;align-items:center;gap:.3rem;display:flex}.chain__plus{font-size:1.2em}.chain__step{flex-direction:column;flex:none;align-items:center;gap:.25rem;display:flex}.chain__pick{font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.35rem;display:block}.chain__pick:hover{border-color:var(--edge)}.chain__step--active .chain__pick{background:var(--card);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.chain__tools{gap:.25rem;display:flex}.chain__tool{font:inherit;color:var(--ink-soft);background:var(--card);border:1px solid var(--edge);cursor:pointer;border-radius:5px;padding:.1rem .45rem;font-size:.7rem}.chain__tool:hover{background:var(--accent-faint)}.arrow{min-width:104px;color:var(--ink-faint);flex-direction:column;flex:none;display:flex}.arrow__above,.arrow__below{text-align:center;white-space:nowrap;min-height:1.15em;color:var(--ink-soft);padding:0 4px;font-size:.9rem;line-height:1.15}.arrow__below{opacity:.75}.viewer__fan{border-top:1px solid var(--edge-soft);flex:none;padding-top:.9rem}.viewer__note{color:var(--ink-soft);margin:0;padding:.6rem 0;font-size:.9rem}.viewer__note--warn{color:var(--warn)}.viewer__note--sites{margin-bottom:.5rem;font-size:.8rem}@media (width<=900px){.chain__tool{min-height:44px;padding-inline:.75rem;font-size:.85rem}}.shelf{padding-block-end:1rem}.shelf__groups{z-index:1;background:var(--paper);border-block-end:1px solid var(--edge-soft);flex-wrap:wrap;gap:.35rem;padding:.3rem 1rem;display:flex;position:sticky;inset-block-start:0}.shelf__group{font:inherit;color:var(--ink-soft);white-space:nowrap;background:var(--card);border:1px solid var(--edge);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.85rem;display:flex}.shelf__group:hover,.shelf__group--on{color:var(--accent);border-color:var(--accent)}.shelf__group--on{background:var(--accent-soft);font-weight:700}.shelf__dot{background:var(--accent);border-radius:50%;block-size:6px;inline-size:6px}.shelf__list{flex-wrap:wrap;gap:.6rem;margin:0;padding-block:.3rem;padding-inline:1rem;list-style:none;display:flex}#shelf-panel .shelf__list{padding-block-start:.8rem}.shelf__mol{align-items:center;gap:.2rem;display:flex}.shelf__mol svg{pointer-events:none}.shelf__ion{font-size:.8rem}.shelf__bottle{color:var(--accent);background:var(--card);border:1px solid var(--c,color-mix(in srgb, var(--ink) 15%, transparent));cursor:grab;border-radius:10px;align-items:stretch;display:flex}.shelf__press{min-block-size:3.5rem;color:inherit;cursor:inherit;background:0 0;border:0;border-start-start-radius:10px;border-end-start-radius:10px;padding:0 1.25rem;font-size:1.25rem}.shelf__drip{color:inherit;border:0;border-inline-start:1px solid color-mix(in srgb, currentcolor 25%, transparent);cursor:pointer;opacity:.45;background:0 0;border-start-end-radius:10px;border-end-end-radius:10px;align-items:center;padding:0 .6rem;display:flex}.shelf__drip svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:15px;height:15px}.shelf__drip:hover{opacity:.8}.shelf__drip--in{opacity:1}.shelf__drip--in svg{fill:currentColor}.shelf__bottle:hover{border-color:var(--accent)}.shelf__bottle:active{cursor:grabbing}.shelf__bottle--in{color:var(--c-ink);background:var(--c);cursor:pointer}.shelf__bottle--locked{cursor:not-allowed;position:relative}.shelf__bottle--locked>:not(.shelf__lock){opacity:.45;filter:grayscale()}.shelf__bottle--locked:hover{border-color:color-mix(in srgb, var(--ink) 15%, transparent)}.shelf__bottle--locked button{cursor:not-allowed}.shelf__lock{font-size:.8rem;position:absolute;inset-block-start:-.45rem;inset-inline-end:-.35rem}.shelf__lock-note{margin:.25rem 0 .5rem;font-size:.9rem}.shelf__chip{min-block-size:2rem;font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:1px solid;border-radius:999px;align-self:center;margin-inline-end:.4rem;padding:0 .5rem;font-size:.85rem}.shelf__chip--on{color:inherit;background:color-mix(in srgb, currentcolor 20%, transparent);font-weight:700}.shelf__chip:disabled{cursor:not-allowed}@media (width<=900px){.shelf__group{min-height:44px}.shelf__chip{min-block-size:44px;min-inline-size:44px;margin-inline-end:.5rem}.shelf__drip{justify-content:center;min-inline-size:44px}}@media (width>=901px){.shelf__groups{background:var(--surface)}.shelf__group{position:relative}.shelf__dot{position:absolute;inset-block-start:3px;inset-inline-end:6px}.shelf__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shelf__list>li{min-inline-size:0}.shelf__bottle{box-sizing:border-box;min-block-size:72px;inline-size:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-inline-start:5px solid var(--c,var(--line-strong));border-radius:var(--r-md);box-shadow:var(--shadow-1);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;padding-block:4px;padding-inline:0 6px;position:relative}.shelf__bottle:hover{border-color:var(--brand);border-inline-start-color:var(--c,var(--brand))}.shelf__press{text-align:start;flex:1 0 auto;align-self:stretch;min-block-size:2.75rem;padding-inline:12px 4px;font-size:1.3rem}.shelf__mol{margin-inline-end:auto}.shelf__chip,.shelf__drip{min-block-size:32px;min-inline-size:34px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);opacity:1;flex:none;justify-content:center;align-self:center;margin:0}.shelf__chip{font-size:15px}.shelf__chip--on,.shelf__drip--in{color:var(--brand-press);background:var(--brand-soft);border-color:var(--brand);font-weight:700}.shelf__drip:hover{opacity:1;border-color:var(--brand)}.shelf__chip:focus-visible,.shelf__drip:focus-visible,.shelf__press:focus-visible{outline:2px solid var(--brand-ring);outline-offset:1px}.shelf__bottle--in{color:var(--ink);background:color-mix(in srgb, var(--c) 10%, var(--surface));border-color:var(--brand);border-inline-start-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset, var(--shadow-1)}.shelf__bottle--in .shelf__press{font-weight:700}.shelf__bottle--in:after{content:"✓" / "";block-size:20px;inline-size:20px;color:var(--surface);background:var(--brand);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset-block-start:-8px;inset-inline-start:-8px}.shelf__bottle--locked:hover{border-color:var(--line-strong);border-inline-start-color:var(--c,var(--line-strong))}}.vessel{border-top:1px solid var(--edge);background-image:url(/lab-background.jpg);background-position:bottom;background-repeat:no-repeat;background-size:auto 102%;flex-direction:column;flex:none;align-self:stretch;align-items:center;gap:.75rem;padding:0 0 .75rem;display:flex}.vessel__body{border:2px dashed #0000;border-radius:12px;padding:0 .5rem .5rem;position:relative}.vessel__body--over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.vessel__scene{--scene:clamp(160px, 36cqh, 300px);height:var(--scene);width:calc(var(--scene) * .75);display:block}.vessel__flame>*,.vessel__bubbles>*,.vessel__drops>*{transform-box:fill-box;transform-origin:50% 100%}.vessel__tripod{fill:none;stroke:var(--ink);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.vessel__stand-rod{fill:none;stroke:var(--ink);stroke-width:4.5px;stroke-linecap:round}.vessel__stand-foot{fill:#767676;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.vessel__funnel-bowl{fill:var(--ink);fill-opacity:.16;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;opacity:.75}.vessel__funnel-stem{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;opacity:.75}.vessel__funnel-clamp{fill:none;stroke:var(--ink);stroke-width:4.5px;stroke-linecap:round}.vessel__funnel-tap{fill:#767676;stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.vessel__funnel-lever{fill:none}.vessel__funnel--over .vessel__funnel-bowl,.vessel__funnel--over .vessel__funnel-stem{stroke:var(--accent);opacity:1}.vessel__funnel-hit{cursor:copy}.vessel__funnel-liquid{fill-opacity:.85;transition:opacity .2s,fill .2s}.vessel__burner path:not(.vessel__burner-barrel){fill:none;stroke:var(--ink);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.vessel__burner-barrel{fill:#767676;stroke:var(--ink);stroke-width:2px}.vessel__outline{fill:var(--ink);fill-opacity:.16;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.vessel__liquid{fill-opacity:.85;transition:opacity .2s,fill .2s,filter .25s}.vessel__scene--lit .vessel__liquid{filter:brightness(1.25)}.vessel__lamp-stem{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;opacity:.55}.vessel__lamp-shade{fill:#767676;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.vessel__lamp-bulb{fill:var(--card);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;transition:fill .1s}.vessel__cone,.vessel__lamp-halo{opacity:0;transition:opacity .1s}.vessel__cone{fill:url(#vessel-cone)}.vessel__lamp-halo{fill:var(--accent);filter:blur(9px)}.vessel__scene--lit .vessel__lamp-bulb{fill:#ffd964;opacity:1}.vessel__scene--lit .vessel__cone{opacity:1;animation:3.2s ease-in-out infinite vessel-breathe}.vessel__scene--lit .vessel__lamp-halo{opacity:.45;animation:2.4s ease-in-out infinite vessel-breathe}.vessel__flame{opacity:0;transition:opacity .25s}.vessel__scene--hot .vessel__flame{opacity:1}.vessel__flame-glow{fill:#ff7a1a;opacity:.3;filter:blur(8px)}.vessel__flame-outer{fill:#f4581e}.vessel__flame-inner{fill:#ffd23f}.vessel__scene--hot .vessel__flame-outer{animation:1.1s ease-in-out infinite vessel-flicker}.vessel__scene--hot .vessel__flame-inner{animation:.72s ease-in-out -.3s infinite vessel-flicker}.vessel__scene--hot .vessel__flame-glow{animation:1.6s ease-in-out infinite vessel-breathe}.vessel__drops{opacity:0}.vessel__scene--dripping .vessel__drops{opacity:.85}.vessel__scene--dripping .vessel__drops>*{animation:2.4s ease-in infinite vessel-drip}.vessel__scene--dripping .vessel__drops>:nth-child(2){animation-duration:2.9s;animation-delay:-1.5s}@keyframes vessel-drip{0%{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(42px)scale(1)}}.vessel__bubbles{fill:none;stroke:var(--card);stroke-width:1.5px;opacity:0}.vessel__scene--hot .vessel__bubbles{opacity:.75}.vessel__scene--hot .vessel__bubbles circle{animation:2.6s linear infinite vessel-rise}.vessel__scene--hot .vessel__bubbles circle:nth-child(2){animation-duration:3.4s;animation-delay:-1.2s}.vessel__scene--hot .vessel__bubbles circle:nth-child(3){animation-duration:2.1s;animation-delay:-.6s}.vessel__scene--hot .vessel__bubbles circle:nth-child(4){animation-duration:3s;animation-delay:-1.9s}@keyframes vessel-rise{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-62px)scale(1)}}@keyframes vessel-flicker{0%,to{transform:scale(1)}35%{transform:scale(.94,1.13)}70%{transform:scale(1.05,.95)}}@keyframes vessel-breathe{0%,to{opacity:.24}50%{opacity:.42}}@media (prefers-reduced-motion:reduce){.vessel__scene *,.vessel__scene{animation:none!important}}.vessel__contents{inset-inline:0;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:51%}.vessel__pour{cursor:pointer;border:1px solid;border-radius:999px;padding:.2rem .55rem;font-size:.95rem}.vessel__contents--funnel{top:17%;left:52%;right:0;position:absolute;inset-inline:auto}.vessel--compact{background:var(--paper);align-items:stretch;gap:0;max-height:24dvh;padding:0;position:sticky;inset-block-end:0;overflow-y:auto}.vessel__row{border:2px dashed #0000;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;min-height:44px;padding:.25rem .5rem;transition:background .15s;display:flex}.vessel__row+.vessel__row{border-block-start:1px solid var(--edge)}.vessel__row--over{border-color:var(--accent)}.vessel__row--flash{background:color-mix(in srgb, var(--accent) 15%, transparent)}@media (prefers-reduced-motion:reduce){.vessel__row{transition:none}.vessel__row--flash{background:0 0}}.vessel__bar{border-radius:2px;align-self:stretch;width:4px}.vessel__row-label{font-size:.9rem;font-weight:700}.vessel__row-chips{flex-wrap:wrap;flex:1;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.vessel__empty{color:var(--ink-3);flex:1;font-size:.85rem}.vessel__x{margin-inline-start:.3rem}.vessel:not(.vessel--compact) .vessel__x{display:none}.vessel__icon{vertical-align:-.1em;fill:currentColor;width:1em;height:1em;margin-inline-end:.2rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=900px){.vessel__pour{min-height:44px}}.pane__bench .vessel{background:0 0;border-top:none;padding:0}.pane__bench .vessel__body{justify-content:center;align-self:stretch;display:flex}.pane__bench .vessel__scene{--scene:clamp(220px, 40vh, 330px)}.answers{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.answers__note{opacity:.7;margin:0;font-size:.9rem}.answers__item{background:var(--card);border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;display:flex}.answers__item--faint{opacity:.55}.answers__pick{cursor:pointer;background:0 0;border:0;padding:0}.answers__bar{background:color-mix(in srgb, var(--ink) 12%, transparent);border-radius:999px;width:210px;height:4px;overflow:hidden}.answers__bar:before{width:calc(var(--fill) * 100%);background:var(--accent);border-radius:inherit;content:"";height:100%;display:block}.answers__share{align-items:baseline;gap:.5rem;margin:0;font-size:.85rem;display:flex}.answers__rank{opacity:.7}.answers__rank--major{opacity:1;font-weight:700}.answers__offsheet{opacity:.8;border:1px solid;border-radius:6px;margin-inline-start:.5rem;padding:.1rem .4rem;font-size:.8rem}.answers__steps{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .7rem;font-size:.8rem}.answers__quiet{align-items:flex-start;gap:.5rem;display:flex}@media (width<=900px){.answers__steps{min-height:44px}}.scheme{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.scheme__pair{flex:none;align-items:center;gap:.5rem;display:flex}.scheme__node{background:var(--card);border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem;display:flex}.scheme__caption{max-width:190px;color:var(--ink-soft);margin:0;font-size:.8rem}.scheme__beside{color:var(--ink-soft);margin:0;font-size:.85rem}.phone-screen{padding:.5rem .75rem 1.5rem}.phone-screen__back{min-height:44px;font:inherit;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);cursor:pointer;background:0 0;border-radius:999px;padding-inline:.75rem}.phone-screen__title{margin:.75rem 0 .5rem;font-size:1.1rem}.phone-screen .answers{flex-direction:column}.phone-screen .answers__item{width:100%}.results{min-height:44px;font:inherit;color:var(--paper);background:var(--accent);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;margin:.25rem .5rem;padding:.15rem .75rem;display:flex}.results--none{color:var(--ink-2);background:var(--edge)}.results .depiction{background:var(--paper);border-radius:6px}.results__spinner{border:2px solid;border-inline-end-color:#0000;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite results-spin}@keyframes results-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.results__spinner{animation:none}}.phone-screen .answers__take{min-width:44px;min-height:44px;font:inherit;color:var(--paper);background:var(--accent);cursor:pointer;border:none;border-radius:999px;padding-inline:1.25rem}.app:has(>.app__panes--phone){height:auto;min-height:100%}.app__panes--phone{flex:none;grid-template-rows:auto}.app__panes--phone .pane--reactions{border-top:none;grid-row:1;max-height:none;overflow:visible}.app__panes--phone .pane__scroll{flex:none;overflow-y:visible}.app__panes--phone .vessel{z-index:5}.now{border-block-end:1px solid var(--edge-soft);align-items:center;gap:.75rem;block-size:100px;padding-inline:.75rem;display:flex}.now__step{white-space:nowrap;flex:1;margin:0;font-weight:600}.now__note{font-weight:400;display:block}.now__route{min-height:44px;font:inherit;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);cursor:pointer;background:0 0;border-radius:999px;padding-inline:.9rem}.route{margin:0;padding:0;list-style:none}.route__step{border-block-end:1px solid var(--edge-soft);flex-direction:column;align-items:center;gap:.25rem;padding-block:.75rem;display:flex}.route__via{color:var(--ink-2);margin:0}.route__smiles{max-inline-size:100%;color:var(--ink-2);overflow-wrap:anywhere;font-size:.75rem}.topic{overflow-y:auto}.topic__home{color:var(--accent);font-weight:600;text-decoration:none}.topic__cards{box-sizing:border-box;width:100%;max-width:48rem;margin:0 auto;padding:1rem}.topic__card{background:var(--card);border:1px solid var(--edge);box-shadow:var(--lift);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.topic__title{color:var(--ink);margin:0 0 .5rem;font-size:1.1rem}.topic__facts{grid-template-columns:max-content 1fr;gap:.25rem .75rem;margin:0 0 .5rem;display:grid}.topic__facts dt{font-weight:600}.topic__facts dd{margin:0}.topic__examples{margin:0;padding:0;list-style:none}.topic__example{border-top:1px solid var(--edge);padding:.5rem 0}.topic__scheme,.topic__minor{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.topic__arrow{white-space:nowrap;flex-direction:column;align-items:center;font-size:.9rem;display:flex}.topic__minor{color:var(--ink-faint);font-size:.85rem}.topic__steps{color:var(--accent)}.topic__trap{margin:.5rem 0 0}.topic__tree{color:var(--accent);margin-bottom:1rem;font-weight:600;display:block}.tree__options{flex-wrap:wrap;gap:.5rem;display:flex}.tree__option{cursor:pointer;flex-direction:column;gap:.2rem;padding:.5rem .75rem;display:flex}.tree__note{color:var(--ink);margin:0 0 .75rem}.tree__none{align-self:center;font-weight:600}.tree__sources{margin:.5rem 0 0;font-size:.85rem}.tree__nav{gap:.5rem;display:flex}.topic__summary{background:var(--card);border:1px solid var(--edge);box-shadow:var(--lift);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.topic__summary h2{margin:0 0 .5rem}.topic__summary h3{margin:1rem 0 .25rem}.topic__table{overflow-x:auto}.topic__summary table{border-collapse:collapse;width:100%}.topic__summary th,.topic__summary td{border-bottom:1px solid var(--edge);text-align:start;padding:.25rem .5rem}.topic__summary a{color:var(--accent)}.chapter .topic__summary{line-height:1.7}.chapter__nav{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin:1.5rem 0;display:flex}.chapter__nav a{color:var(--accent);font-weight:600;text-decoration:none}.chapter__next{margin-inline-start:auto}.topic__summary h4{margin:.75rem 0 .25rem}.topic__figure{border:1px dashed var(--edge);color:var(--ink);border-radius:8px;margin:.75rem 0;padding:.75rem;font-size:.9rem}.topic__question{margin:.75rem 0}.topic__reveal{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:.25rem .75rem}.topic:has(>.chapter){background:var(--page);box-shadow:none;border-radius:0}.chapter.topic__cards{max-width:calc(760px + 2rem);padding-block:1.5rem}.chapter .topic__summary{background:var(--surface);border-color:var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:1.5rem 2rem}.chapter .topic__summary h2{font-size:30px}.chapter .topic__summary h3{margin-block:2rem .75rem;font-size:26px}.chapter .topic__summary svg,.chapter .topic__summary img{background:#fff}@media (width<=640px){.chapter .topic__summary{padding:1rem}}.exam-picker__row{align-items:center;gap:.25rem;display:flex}.exam-picker__row>button{white-space:nowrap;flex:none}.exam-picker__current{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-inline:.25rem;font-weight:700;overflow:hidden}.exam-picker__list.q4__exams{flex-wrap:wrap;margin-top:.4rem;overflow-x:visible}.exam-picker__chevron{vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}.drill{overflow-y:auto}.drill__card{box-sizing:border-box;background:var(--card);border:1px solid var(--edge);width:100%;max-width:48rem;box-shadow:var(--lift);border-radius:8px;margin:1rem auto;padding:.75rem 1rem}.drill__question{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.drill__step{flex-direction:column;align-items:stretch;min-width:12rem;max-width:100%;display:flex}.drill__reagents{text-align:center;margin:0;padding:0;font-size:.9rem;list-style:none}.drill__reagent-step{white-space:pre;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.drill__arrow{width:100%}.drill__count{font-size:1.25rem}.drill__unknown{color:var(--ink-soft);font-size:2rem}.drill__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.drill__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}}.drill__option{box-sizing:border-box;background:var(--card);border:2px solid var(--edge-soft);cursor:pointer;width:100%;min-height:9rem;color:var(--ink);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:1.4rem .25rem .25rem;display:flex;position:relative}.drill__option .depiction{max-width:100%}.drill__option .depiction svg{width:100%;height:100%}.drill__option:hover:enabled{border-color:var(--accent)}.drill__option:disabled{cursor:default}.drill__option--wrong{border-color:var(--warn);background:#fbefe7}.drill__mark{top:.25rem;font-weight:700;position:absolute;inset-inline-start:.4rem}.drill__mark--right{color:#2e7d32}.drill__mark--wrong{color:var(--warn)}.drill__none{font-size:1.1rem}.drill__result{color:var(--ink);margin-top:1rem}.drill__verdict--right{color:#2e7d32;font-weight:700}.drill__verdict--wrong{color:var(--warn);font-weight:700}.drill__next{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);cursor:pointer;border-radius:6px;min-height:44px;padding:.4rem 1rem}@media (width<=600px){.drill__next--bar{z-index:1;box-shadow:var(--lift);background:var(--card);position:fixed;bottom:.75rem;left:1rem;right:1rem}.drill__result{padding-bottom:4rem}}.drill__message{text-align:center;color:var(--ink-soft);margin:1rem 0}.drill__mode,.drill__checks{gap:.5rem;margin:.75rem 0 .5rem;display:flex}.drill__answers{min-height:30rem;display:flow-root}.drill__answer{width:fit-content}.drill__pad{border:1px solid var(--edge);border-radius:6px;height:26rem;margin-bottom:.75rem;overflow:hidden}@media (width<=599px){.drill .q4__exam{min-height:44px}}.drill__progress{text-align:center;min-height:1.5em;color:var(--ink-soft);margin:0 0 1rem}.drill__reset{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-inline-start:.75rem;text-decoration:underline}@media (width<=600px){.drill__progress{min-height:2.9em}}.drill__card{border-radius:var(--r-lg);max-width:50rem;box-shadow:var(--shadow-2);padding:1.25rem 1.5rem 1.5rem}.drill .exam-picker__row{flex-wrap:wrap;gap:.5rem 0}.drill .exam-picker__row>button,.drill .exam-picker__current{box-sizing:border-box;border:2px solid var(--line-strong);background:var(--surface);min-height:48px}.drill .exam-picker__row>button:first-child{border-radius:0 var(--r-pill) var(--r-pill) 0;padding-inline:1rem .75rem}.drill .exam-picker__current{border-inline-width:0;align-items:center;padding-inline:1rem;display:flex}.drill .exam-picker__row>button:nth-child(3){border-radius:var(--r-pill) 0 0 var(--r-pill);padding-inline:.75rem 1rem}.drill .exam-picker__row>button:nth-child(n+4){border-radius:var(--r-pill);margin-inline-start:.5rem;padding-inline:1rem}.drill .exam-picker__row>button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.drill__segments{gap:6px;margin:1rem 0 1.25rem;padding:0;list-style:none;display:flex}.drill__segments li{box-sizing:border-box;border-radius:var(--r-pill);background:var(--track);flex:1;height:8px}.drill__segments .drill__segment--done{background:var(--brand)}.drill__segments .drill__segment--current{border:2px solid var(--brand);background:var(--surface)}.drill__question{border-bottom:1px solid var(--line);padding-bottom:1.25rem}.drill__unknown{border:2px dashed var(--line-strong);border-radius:var(--r-lg);background:var(--page);width:6rem;height:5rem;color:var(--brand);place-items:center;font-weight:700;display:grid}.drill__mode{border-radius:var(--r-pill);background:var(--track);gap:0;width:fit-content;margin:1rem 0 .75rem;padding:4px}.drill__mode .q4__exam{border-radius:var(--r-pill);min-height:40px;color:var(--ink-2);background:0 0;border:none;padding-inline:1.25rem}.drill__mode .q4__exam[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.drill__options{gap:.75rem}@media (width>=640px){.drill__options{gap:1rem}}.drill__option{box-shadow:0 3px 0 var(--line);transition:border-color .15s var(--ease), transform .15s var(--ease)}.drill__option:hover:enabled{transform:translateY(-1px)}.drill__option--right{animation:drill-pop .22s var(--ease)}.drill__option--wrong{animation:drill-shake .26s var(--ease)}@keyframes drill-pop{50%{transform:scale(1.03)}}@keyframes drill-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.drill__mark{top:.4rem;color:#fff;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;font-size:.95rem;display:grid;inset-inline-start:.4rem}.drill__mark--right{background:var(--good);color:#fff}.drill__mark--wrong{background:var(--bad);color:#fff}.drill .drill__next:not(.btn--primary){border:2px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);min-height:48px;color:var(--ink);box-shadow:0 3px 0 var(--line-strong);padding-inline:1.25rem;font-weight:600}.drill__result{border-top:3px solid var(--bad);border-radius:var(--r-lg);background:var(--bad-soft);padding:1rem 1.25rem}.drill__result--unchecked{border-top-color:var(--line-strong);background:var(--page)}.drill__result--right{border-top-color:var(--good);background:var(--good-soft)}.drill__verdict--right{color:var(--good-ink)}.drill__verdict--wrong{color:var(--bad)}@media (width<=600px){.drill__card{padding:1rem}.drill .exam-picker__row>button:nth-child(-n+3){width:3.25rem}.drill .exam-picker__current{flex:0 0 calc(100% - 6.5rem);justify-content:center}.drill .exam-picker__row>button:nth-child(n+4){flex:1;margin-inline-start:0}.drill .exam-picker__row>button:nth-child(4){margin-inline-end:.5rem}.drill__result{padding-bottom:5rem}.drill .drill__next--bar{box-shadow:0 3px 0 var(--brand-press)}}@media (width>=601px){.drill__progress{min-height:44px;margin-bottom:.5rem}}.drill .drill__option--right,.drill .drill__option--wrong{opacity:1}@media (width<=600px){.drill__progress{min-height:72px}}:where(.qpage) button{font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--edge-soft);cursor:pointer;border-radius:8px;padding:.4rem .8rem;font-size:max(15px,1rem)}:where(.qpage) button:hover:enabled{border-color:var(--accent);background:var(--accent-faint)}:where(.qpage) button:focus-visible{outline:3px solid var(--accent-ring);outline-offset:1px}:where(.qpage) button:disabled{cursor:default;opacity:.6}.q4__exams{flex-wrap:wrap;gap:.25rem;display:flex}.q4__exam[aria-pressed=true],.q4__exam[aria-pressed=true]:hover{border-color:var(--accent);background:var(--accent-soft);font-weight:700}@media (width<=599px){:where(.qpage) button{min-height:44px}.q4__exams{flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.q4__exam{flex:none}}.q4__scheme{border-top:1px solid var(--edge);padding-inline:.5rem;background:#00000008;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.q4__link{align-items:center;gap:.5rem;display:inline-flex}.q4__n{opacity:.7;font-size:.7rem}.q4__step bdi{margin-inline-start:.3em}.q4__labelled{flex-direction:column;align-items:center;display:inline-flex}.q4__label,.q4__ref{font-size:.8rem;font-weight:700}.q4__ref{border:1px solid var(--edge);border-radius:.25rem;padding:.1rem .3rem}.q4__step{flex-direction:column;align-items:center;font-size:.9rem;display:flex}.q4__box{flex-direction:column;align-items:center;display:inline-flex}.q4__box--empty{border:2px dashed var(--edge);cursor:pointer;background:0 0;min-width:7rem;min-height:3rem}.q4__minor{font-size:.75rem}.q4__explanations{border-top:1px solid var(--edge);padding-top:.5rem}.q4__explanation{font-size:.9rem}.q4__box--drawn{border:2px dashed var(--edge);min-width:7rem;min-height:3rem;padding:.25rem;position:relative}.q4__box--right{border:2px solid #2e7d32}.q4__box--wrong,.q4__box--refused{border:2px solid #c62828}.q4__box--minor,.q4__box--almost{border:2px solid var(--warn)}.q4__actions{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.q4__refused{text-align:center;flex-basis:100%}.q4__hide{margin-top:.25rem;padding:.1rem .5rem;font-size:.75rem}.q4__restart{margin:1rem auto 0;display:block}.qpage--drawing{--editor-width:min(34rem, 35vw);padding-inline-end:var(--editor-width)}.qpage--drawing .modal--editor{width:var(--editor-width);padding:0;inset-inline-start:auto}.qpage--drawing .modal--editor .modal__scrim{display:none}.qpage--drawing .modal--editor .modal__sheet{border-radius:0;width:100%;height:100%;box-shadow:0 0 24px #1d243033}.drill__card.q4--scan{max-width:64rem}.q4__spot{box-sizing:border-box;padding:3px;display:flex;position:absolute;container-type:size}.q4__spot .q4__box{box-sizing:border-box;background:0 0;flex-direction:row;flex:1;justify-content:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;font-size:clamp(.5rem,14cqh,.9rem);position:relative;overflow:hidden}.q4__spot .q4__offsheet{color:#888;text-align:center;align-items:flex-end;font-size:clamp(.65rem,18cqh,.9rem)}.q4__spot .q4__box--drawn{overflow:visible}.q4__spot .depiction{flex:1;min-height:0;width:100%!important;height:100%!important}.q4__spot .depiction svg{width:100%;height:100%}.q4__spot .q4__minor{flex-direction:column;flex:0 0 40%;align-items:center;min-height:0;font-size:.5rem;display:flex}.q4__spot .q4__box--drawn{flex-direction:column}.q4__spot button{padding:.1rem .3rem;font-size:clamp(.5rem,14cqh,.8rem)}.q4__spot .q4__box--reagent,.q4__spot .q4__box--empty{text-align:center;align-items:flex-end}.q4__spot .q4__box--drawn{outline:none;justify-content:center}.q4__spot .q4__box{overflow:visible}.q4__spot .q4__actions{z-index:2;flex-flow:column;justify-content:center;align-items:center;gap:2px;position:absolute;inset:0}.q4__spot .q4__info{font-style:italic;font-weight:700;line-height:1}.q4__bubble{z-index:2;box-sizing:border-box;width:min(22rem,100%);left:clamp(0px, calc(var(--cx) - min(11rem, 50%)), calc(100% - min(22rem, 100%)));border:1px solid var(--edge);background:var(--card);direction:rtl;border-radius:8px;margin-top:.25rem;padding:.5rem .75rem;font-size:.9rem;position:absolute;box-shadow:0 2px 8px #0003}.q4__spot button,.q4__spot .q4__box--empty,.q4__spot .q4__box--drawn,.q4__spot .q4__offsheet{border-color:#0000}.q4__spot .q4__box--right{border-color:#2e7d32}.q4__spot .q4__box--wrong,.q4__spot .q4__box--refused{border-color:#c62828}.q4__spot .q4__box--minor,.q4__spot .q4__box--almost{border-color:var(--warn)}.q4__spot button:hover:enabled{border-color:#0000}.q4__spot .q4__hide,.q4__spot .q4__info{min-height:0}.q4__spot .q4__actions button,.q4__spot .q4__hide,.q4__spot .q4__info:not(.q4__bubble),.q4__spot .q4__pill{border:1px solid var(--edge-soft);background:var(--card);color:var(--accent);white-space:nowrap;border-radius:999px;min-height:min(24px,45cqh);padding:.1em .5em;font-size:clamp(.5rem,30cqh,.75rem);font-weight:600;box-shadow:0 1px 2px #0000001f}.q4__spot .q4__actions button:hover:enabled,.q4__spot .q4__hide:hover,.q4__spot .q4__info:not(.q4__bubble):hover,.q4__spot .q4__box--empty:hover .q4__pill{border-color:var(--accent);background:var(--accent-soft)}.q4__spot .q4__picklabel{white-space:nowrap;font-size:.75rem}.q4__spot .q4__picklabel[data-menu=true]{opacity:.25}.q4__overprint{position:relative}.q4__overprint .q4__actions{z-index:2;opacity:0;align-items:center;position:absolute;inset:0}.q4__overprint:hover .q4__actions,.q4__overprint:focus-within .q4__actions{opacity:1}.q4__overprint--right{outline:2px solid #2e7d32}.q4__overprint--wrong{outline:2px solid #c62828}.q4__overprint--almost{outline:2px solid var(--warn)}.q4__spot .q4__actions[hidden]{display:none}.q4__spot .q4__pill{max-width:100%;min-height:min(24px,100cqh);font-size:clamp(.5rem,40cqh,.75rem);position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}@container (width<=5.5rem){.q4__pill-verb{display:none}}@media (width<=599px){.q4__spot .q4__actions button{min-height:min(32px,45cqh);padding:0 .4em}.q4__spot .q4__pill{min-height:min(32px,100cqh);padding:0 .4em}.q4__scroll{overflow-x:auto}.q4__scroll .scan{width:48rem}}.q4__correct{z-index:1;text-align:center;pointer-events:none;color:#2e7d32;background:#fff9;font-size:1rem;font-weight:700;line-height:1.3;animation:.4s ease-out q4-correct;position:absolute;top:0;left:0;right:0}.q4__correct--minor{color:var(--warn)}@keyframes q4-correct{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.q4__correct{animation:none}}.q4__spot:focus-visible{outline-offset:1px;outline:2px solid}.q4__synth{box-sizing:border-box;background:var(--card);z-index:10;width:min(44rem,48vw);padding:1rem;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto;box-shadow:0 0 24px #1d243033}.q4__synth--right{inset-inline:0 auto}.q4__synth-head{justify-content:space-between;align-items:center;display:flex}.q4__synth-head h2{margin:0;font-size:1.1rem}.q4__synth-check{margin:1rem auto 0;display:block}.q4__synth-verdict{text-align:center;min-height:1.5em;font-weight:600}.q4__spot button.q4__check,.q4__actions button.q4__check{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.q4__spot button.q4__check:hover:enabled,.q4__actions button.q4__check:hover:enabled{background:var(--brand-press);border-color:var(--brand-press)}.home{overflow-y:auto}.home__main{box-sizing:border-box;grid-template-columns:2fr 1fr;grid-template-areas:"heading heading""hero hero""chapters practice";align-items:start;gap:24px 32px;width:100%;max-width:1120px;margin:0 auto;padding:32px 16px 48px;display:grid}.home__main:not(:has(.home__hero)){grid-template-areas:"heading heading""chapters practice"}.home__heading{grid-area:heading;margin:0;font-size:1.75rem}.home__hero{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-2);border-radius:24px;flex-direction:column;grid-area:hero;align-items:flex-start;gap:8px;padding:32px;display:flex}.home__hero p,.home__hero h3{margin:0}.home__kicker{color:var(--brand);font-weight:600}.home__hero-title{font-size:2rem}.home__hero-where,.home__hero-progress{color:var(--ink-2)}.home__hero-progress{align-items:center;gap:12px;inline-size:min(100%,28rem);display:flex}.home__go{border-radius:12px;justify-content:center;align-items:center;margin-block-start:8px;padding:0 24px;text-decoration:none;display:inline-flex}.home__bar{background:var(--line);border-radius:999px;flex:1;block-size:8px;overflow:hidden}.home__bar>span{background:var(--brand);block-size:100%;display:block}.home__chapters{grid-area:chapters}.home__practice{grid-area:practice}.home__axis-title{margin:0 0 12px;font-size:1.25rem}.home__cards,.home__tiles{gap:12px;margin:0;padding:0;list-style:none;display:grid}.home__cards{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}.home__card,.home__tile{box-sizing:border-box;block-size:100%;background:var(--surface);border:1px solid var(--line);min-height:64px;box-shadow:var(--shadow-1);color:var(--ink);border-radius:16px;align-items:center;gap:16px;padding:12px 16px;font-weight:600;text-decoration:none;transition:border-color .15s;display:flex}.home__card:hover,.home__tile:hover{border-color:var(--brand)}.home__card--current{border:2px solid var(--brand);background:var(--brand-soft);box-shadow:0 0 0 4px var(--brand-ring)}.home__circle,.home__num{flex:none;place-items:center;block-size:40px;inline-size:40px;font-weight:700;display:grid}.home__circle{border:2px solid var(--line-strong);color:var(--ink-2);border-radius:50%}.home__card--current .home__circle{border-color:var(--brand);color:var(--brand);background:var(--surface)}.home__num{background:var(--brand-soft);color:var(--brand);border-radius:12px}.home__soon-card{color:var(--ink-3);box-shadow:none;cursor:default}.home__soon-card:hover{border-color:var(--line)}.home__soon-card .home__num{color:var(--ink-3);background:0 0}.home__soon{margin-inline-start:auto;font-size:.85em;font-weight:400}.home__card-body{flex-direction:column;flex:1;gap:4px;display:flex}.home__card-progress{color:var(--ink-2);align-items:center;gap:8px;font-size:.85rem;font-weight:400;display:flex}@media (width<=760px){.home__main{grid-template-columns:1fr;grid-template-areas:"heading""hero""practice""chapters";padding-block-start:24px}.home__main:not(:has(.home__hero)){grid-template-areas:"heading""practice""chapters"}.home__hero{align-items:stretch;padding:24px}.home__hero-title{font-size:1.5rem}.home__tiles{grid-template-columns:1fr 1fr}.home__tile{flex-direction:column;align-items:flex-start;gap:8px}}.theory__group{color:var(--ink-soft);margin-block:.75rem .5rem;font-size:1rem}.theory__cards{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.theory__card{border:1px solid var(--edge);background:var(--paper);color:var(--ink);border-radius:8px;grid-template-columns:1fr auto;gap:.25rem .5rem;padding:.6rem .75rem;text-decoration:none;display:grid}.theory__card:hover{border-color:var(--accent)}.theory__card:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.theory__name{font-weight:600}.theory__line{color:var(--ink-soft);grid-area:2/1/auto/-1;font-size:.85rem}.theory__count{color:var(--ink-soft);white-space:nowrap;font-size:.85rem}.theory__bar{background:var(--edge-soft);border-radius:2px;grid-column:1/-1;block-size:4px;overflow:hidden}.theory__bar>span{background:var(--accent);block-size:100%;display:block}.theory__head{align-items:baseline;gap:.75rem;margin-block-end:.5rem;display:flex}.theory__back{color:var(--accent);text-decoration:none}.theory__title{margin:0;font-size:1.2rem}@media (width<=899px){.theory__cards{grid-template-columns:1fr;gap:.5rem}.theory__line{display:none}}.app.drill:has(.theory,.theory__head){background:var(--page);box-shadow:none;border-radius:0}.theory__group{color:var(--ink);font-size:20px}.theory__card{padding:.9rem 1rem}.theory__card--done{background:var(--brand-soft)}.theory__bar{border-radius:var(--r-pill);background:var(--track);block-size:6px}.theory__bar>span{background:var(--brand)}.theory__back{border:2px solid var(--line);border-radius:var(--r-pill);min-block-size:44px;color:var(--brand);white-space:nowrap;align-items:center;padding-inline:1rem;font-weight:600;display:inline-flex}.theory__head{flex-wrap:wrap;align-items:center}.exam__progress{color:var(--ink-2);align-items:center;gap:.75rem;margin-block:.25rem .75rem;display:flex}.exam__progress .theory__bar{flex:1}.exam__go{text-align:center;border-radius:12px;justify-content:center;align-items:center;padding-inline:1rem;text-decoration:none;display:flex}.exam__end{font-weight:600}.exam__rows{gap:.4rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.exam__row{border:1px solid var(--edge);background:var(--paper);min-block-size:44px;color:var(--ink);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;padding:.4rem .9rem;text-decoration:none;display:flex}a.exam__row:hover{border-color:var(--brand)}a.exam__row:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.exam__row--done{background:var(--brand-soft)}.exam__row--off{color:var(--ink-2);background:0 0;border-style:dashed}.exam__label{font-weight:600}.exam__where{color:var(--ink-2);font-size:.9rem}.scan{margin:0 0 1rem;position:relative}.scan img{width:100%;height:auto;display:block}.gesture__stage{max-width:100%;margin-inline:auto;display:block;position:relative}.gesture__frame svg{width:100%;height:auto;display:block}.gesture__overlay{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gesture__preview{fill:none;stroke:#2471a3;stroke-width:1.5px;stroke-dasharray:4 3}.gesture__source{fill:#2471a333;stroke:#2471a3}.gesture__hover{fill:#2471a31f;stroke:#2471a3;stroke-dasharray:2 2;pointer-events:none}.gesture__mark circle{fill:#fff;stroke:#2471a3}.gesture__mark text{fill:#2471a3;font-size:9px}.gesture__chooser{text-align:start;background:#fff;border:1px solid #ccc;border-radius:6px;flex-direction:column;gap:.25rem;width:fit-content;max-width:100%;margin-top:.5rem;padding:.5rem;display:flex;box-shadow:0 2px 8px #0003}.gesture__question{margin:0;font-weight:700}.gesture__chooser button{text-align:start;min-height:32px;font:inherit}.gesture__cancel{color:#666}.q2__stem .depiction{margin:.4em 0;display:block}.q2__scheme{flex-wrap:wrap;align-items:center;gap:.3em;display:flex}.q2__scheme .depiction{margin:0;display:inline-block}.q2__caption{border-inline-start:3px solid #2e7d32;padding-inline-start:.6em}.q2__choices{flex-wrap:wrap;gap:.6em;display:flex}.q2__choice{flex-direction:column;align-items:center;max-width:100%;padding:.3em;display:flex}.q2__choice--wrong{border-color:#c62828}.q2__verdict{color:#c62828}.q2__step .depiction{max-width:100%}.q3__options{flex-direction:column;gap:.5em;display:flex}.q3__options .q2__choice{text-align:start;display:block}.q3__options .q2__verdict{border-top:1px solid;margin-top:.4em;padding-top:.4em;display:block}.q2__arrow .arrow__above{white-space:normal}.q2__reagent{white-space:nowrap;display:block}.q2__fast .q2__mark{color:#c62828;height:1.4em;line-height:1.4em;display:block}.q2__choice--right{border-color:#2e7d32}.q2__choice--right .q2__mark{color:#2e7d32}.q2__mistake{border-inline-start:3px solid #c62828;padding-inline-start:.6em}.q2__reason{max-width:60em;line-height:1.6}.q2__navlabel{align-self:center}.q2__draw-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.q5__lock{color:var(--ink-soft);font-size:.85rem}.q5__pour{min-width:6rem;min-height:44px;margin-top:.5rem;font-weight:700}.q5__hit{color:var(--accent);font-weight:700}.q5__bar{align-items:center}.q5__pick{min-width:0}.q5__segments{flex:none;margin:0;padding:.4rem 1rem}.q5__source{margin:0;font-size:1rem}.q5__card{background:var(--card);border:1px solid var(--edge);border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem;display:flex}.q5__card>button{min-width:44px;min-height:44px}.q5__card>button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.q5__ask{display:none}.q5__sheet{place-items:end center;padding:0}.q5__sheet .modal__sheet{border-radius:12px 12px 0 0;block-size:auto;max-block-size:70vh;inline-size:100%}@media (width<=900px){.q5__scan-toggle,.q5__scan{display:none}.app__bar.q5__bar{flex-wrap:nowrap;min-height:0;padding-block:.25rem;padding-inline-start:.5rem}.q5__bar .app__title,.q5__source,.q5__segments{display:none}.q5__current{text-overflow:ellipsis;white-space:nowrap;direction:ltr;flex:1;min-width:0;margin:0;font-weight:700;overflow:hidden}.q5__sheet .exam-picker{margin-block-end:.75rem}.q5__sheet .exam-picker__current{direction:ltr}.q5__sheet .q4__exam{min-width:44px;min-height:44px}.q5__bar .app__home-button,.q5__ask{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.q5__partner{align-items:center;gap:.5rem;padding-inline:.75rem;display:flex}.q5__partner button{min-width:44px;min-height:44px}.q5__won{border:2px solid var(--accent);background:var(--accent-soft);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem;display:flex}.q5__won .q5__hit{margin:0}}@media (width>=901px){.pane--viewer>.q5__scan{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);grid-area:scan;padding:8px}.pane--viewer:has(>.q5__scan){grid-template-areas:"scan scan""bench route""bench products"}.q5__scan .scan{margin:0}.q5__scan .scan img{width:auto;max-width:100%;max-height:30vh;margin-inline:auto}.q5__route{direction:ltr;grid-template-columns:minmax(0,max-content) auto auto;justify-content:start;align-items:center;column-gap:12px;display:grid}.q5__route>.pane__title{direction:rtl;grid-column:1/-1}.q5__arrow{border-block-start:2px dashed var(--ink-3);inline-size:48px}.q5__target{background:var(--brand-soft);border:2px dashed var(--brand);border-radius:var(--r-md);direction:rtl;flex-direction:column;align-items:center;padding:6px 10px;display:flex}.q5__target p{margin:0}.shelf__group.shelf__group--tray{border-style:dashed}}.stereo__title{margin:0 0 .5rem;font-size:1.2rem}.stereo__source{color:var(--muted,#666);margin:.25rem 0;font-size:.8rem}.stereo__structure{justify-content:center;display:flex}.stereo__structure .depiction{max-width:100%}.stereo__structure .depiction svg{max-width:100%;height:auto}.stereo__centres{flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.stereo__centre{align-items:center;gap:.4rem;font-weight:700;display:flex}.stereo__pick{border:1px solid var(--edge);background:var(--card);cursor:pointer;border-radius:6px;min-width:2.75rem;min-height:2.75rem;font-size:1.1rem}.stereo__pick[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.stereo__pick.stereo__pick--wrong{border-color:var(--warn);background:#fbefe7}.stereo__pick.stereo__pick--right{background:#eef7ee;border-color:#2e7d32}.stereo__pair{flex-wrap:wrap;gap:.5rem}.stereo__flip{transform:scaleX(-1)}.stereo__relations{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.stereo__relations .stereo__pick{padding:0 .75rem}.stereo__verdict{text-align:center;min-height:1.5em;margin:0;font-weight:700}.stereo__question{text-align:center;margin:0 0 .5rem;font-weight:700}.stereo__feedback{display:grid}.stereo__feedback>*{grid-area:1/1;display:flow-root}.stereo__ghost{visibility:hidden}.mech__title{margin:.5rem 0}.mech__steps{margin:0;padding-inline-start:1.5rem}.mech__step{margin-bottom:1rem}.mech__frame svg{max-width:100%;height:auto;display:block;overflow:visible}.mech__caption{margin:.25rem 0 0}.topic__mechanism{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:0}.rx__page{box-sizing:border-box;grid-template-columns:240px minmax(0,1fr);gap:32px;width:100%;max-width:1280px;margin:0 auto;padding:16px 24px 40px;display:grid}.rx__toc{flex-direction:column;align-self:start;gap:8px;max-block-size:calc(100vh - 89px);display:flex;position:sticky;inset-block-start:73px;overflow-y:auto}.rx__toc a,.rx__strip a{color:var(--ink);text-decoration:none}.rx__toc a{white-space:nowrap;text-overflow:ellipsis;border-inline-start:3px solid #0000;padding-inline-start:9px;display:block;overflow:hidden}.rx__toc-topic{font-size:15px;font-weight:700}.rx__toc-card{font-size:14px;padding-inline-start:21px!important}.rx__toc a[aria-current]{color:var(--accent);border-inline-start-color:var(--accent)}.rx__strip{display:none}.rx__section{margin-bottom:40px;scroll-margin-top:73px}.rx__topic{color:var(--ink);margin:0 0 16px;font-size:22px;font-weight:700}.rx__count{color:var(--ink-faint);margin-inline-start:8px;font-weight:400}.rx__tree{color:var(--accent);margin:-8px 0 16px;display:block}.rx__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.rx__card{background:var(--card);border:1px solid var(--edge);border-radius:12px;flex-direction:column;gap:12px;padding:16px;scroll-margin-top:73px;display:flex}@media (hover:hover){.rx__card:hover{border-color:var(--accent)}}.rx__card:target{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){html:has(.rx){scroll-behavior:smooth}.rx__card:target{animation:1.5s ease-out forwards rx-landed}}@keyframes rx-landed{to{outline-color:#0000}}.rx__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.rx__title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:10rem;margin:0;font-size:17px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.rx__mechanism{min-block-size:32px;font:inherit;color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:999px;margin-inline-start:auto;padding:6px 12px;font-size:14px;font-weight:600}.rx__mechanism:hover{background:var(--accent-faint)}.rx__mechanism:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rx__scheme{flex-direction:column;gap:8px;display:flex}.rx__line{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;min-block-size:48px;display:flex}.rx__side{flex-wrap:wrap;flex:auto;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.rx__mol{flex:1 0 auto}.rx__mol svg{width:100%;height:auto;max-block-size:110px;display:block}.rx__plus{color:var(--ink-faint);flex:none}.rx__arrow{text-align:center;min-width:3rem;max-width:5rem;color:var(--ink-faint);flex-direction:column;flex:none;align-items:stretch;font-size:12px;display:flex}.rx__with{white-space:normal;line-height:1.2}.rx__text{color:var(--ink-faint);margin:0;font-size:14px;line-height:1.5}@media (width<=1023px){.rx__page{display:block}.rx__toc{display:none}.rx__strip{z-index:5;background:var(--paper);border-bottom:1px solid var(--edge);scroll-snap-type:x proximity;scrollbar-width:none;flex:none;align-items:center;gap:8px;block-size:48px;padding-inline:12px;display:flex;position:sticky;inset-block-start:57px;overflow-x:auto}.rx__strip a{scroll-snap-align:start;border-radius:999px;flex:none;align-items:center;min-block-size:36px;padding-inline:12px;font-size:14px;display:inline-flex}.rx__strip a[aria-current]{background:var(--accent-soft);font-weight:700}.rx__section,.rx__card{scroll-margin-top:121px}}@media (width<=639px){.rx__page{padding-inline:12px}.rx__card{padding:14px}.rx__mechanism{min-block-size:44px}}.topic.rx{background:var(--page);box-shadow:none;border-radius:0}.rx__page{max-width:1360px}.rx__card{background:var(--surface);border-color:var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.rx__card svg{background:#fff}@media (width<=1023px){.rx__page{max-width:1088px}.rx__strip{background:var(--surface);border-color:var(--line);block-size:60px}.rx__section,.rx__card{scroll-margin-top:133px}.rx__strip a{border:1px solid var(--line);border-radius:var(--r-pill);min-block-size:44px}.rx__strip a[aria-current]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}}.term{font:inherit;color:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline}.term:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.modal--term .modal__sheet{border-radius:10px;width:min(22rem,100% - 2rem);height:auto;margin:1rem}.modal--term .modal__body{place-items:center;padding:1rem;display:grid}.modal--term .depiction{max-width:100%}.lesson{box-sizing:border-box;background:var(--card);border:1px solid var(--edge);inline-size:100%;max-inline-size:720px;box-shadow:var(--lift);border-radius:8px;margin:1rem auto;padding:.75rem 1rem 0}.lesson__head{align-items:center;gap:.75rem;display:flex}.lesson__head a{min-block-size:44px;color:var(--accent);align-items:center;display:inline-flex}.lesson__short{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.lesson__bar{gap:4px;margin-block:.25rem .75rem;display:flex}.lesson__bar>span{background:var(--edge-soft);border-radius:3px;flex:1;block-size:6px}.lesson__bar>.is-now{background:var(--accent);opacity:.4}.lesson__screen{outline:none}.lesson__figure{flex-direction:column;justify-content:center;align-items:center;min-block-size:120px;max-inline-size:100%;margin:0 0 .75rem;display:flex;overflow:hidden}.lesson__figure svg,.lesson__mech svg{block-size:auto;max-block-size:240px;max-inline-size:100%}.lesson__screen .mech__frame svg,.lesson__screen .gesture__stage{margin-inline:auto}.lesson__figure-note{color:var(--ink-faint)}.lesson__figure .depiction__plane{stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:8 6;stroke-linecap:round;opacity:0;transition:opacity .4s}.lesson__plane-caption{visibility:hidden;opacity:0;transition:opacity .4s}.lesson__figure--answered .depiction__plane,.lesson__figure--answered .lesson__plane-caption{visibility:visible;opacity:1}.lesson__stepper{align-items:center;gap:.5rem;margin:.25rem 0 0;display:flex}.lesson__stepper button{min-block-size:44px;min-inline-size:44px}.lesson__text,.lesson__recap{max-inline-size:60ch;margin-inline:auto;font-size:18px;line-height:1.6}.lesson__prompt{margin-block-end:0;font-weight:700}.lesson__more{margin-block-end:.75rem}.lesson__options--text{grid-template-columns:1fr}.lesson__options--text .lesson__option{min-block-size:48px}.lesson__option-text{font-size:1rem}.lesson__feedback{min-block-size:3rem}.lesson__actions{padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));background:var(--card);border-block-start:1px solid var(--edge-soft);flex-direction:row-reverse;justify-content:space-between;gap:.75rem;margin-inline:-1rem;display:flex;position:sticky;inset-block-end:0}.lesson__next,.lesson__back{min-block-size:44px;font-weight:700}.lesson__next[aria-disabled=true]{opacity:.5;cursor:default}.lesson__back{border:1px solid var(--edge);background:var(--card);border-radius:6px;padding-inline:.75rem}.lesson-ov{box-sizing:border-box;inline-size:100%;max-inline-size:44rem;margin-inline:auto;padding:24px 16px 48px}.lesson-ov__hero{background:var(--card);border:1px solid var(--edge);box-shadow:var(--lift);border-radius:16px;padding:24px}.lesson-ov__eyebrow{color:var(--accent);margin:0;font-size:.875rem;font-weight:600}.lesson-ov h1{margin:4px 0 8px;font-size:1.75rem;line-height:1.25}.lesson-ov__hook{color:var(--ink-soft);margin:0 0 20px}.lesson-ov__meter{align-items:center;gap:12px;margin-block-end:20px;display:flex}.lesson-ov__track{background:var(--edge-soft);border-radius:5px;flex:1;block-size:10px;overflow:hidden}.lesson-ov__track>span{background:var(--accent);border-radius:5px;block-size:100%;display:block}.lesson-ov__meter small{color:var(--ink-soft);white-space:nowrap;font-size:.875rem}.lesson-ov__cta{box-sizing:border-box;background:var(--accent);color:#fff;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:.25em;min-block-size:48px;inline-size:fit-content;padding:0 24px;font-size:1.0625rem;font-weight:700;text-decoration:none;display:flex}.lesson-ov__cta small{font-size:inherit;opacity:.9;font-weight:400}.lesson-ov__heading{color:var(--ink-soft);margin:32px 4px 12px;font-size:1rem;font-weight:600}.lesson-ov__path{margin:0;padding:0;list-style:none}.lesson-ov__path li{padding-block-end:12px;position:relative}.lesson-ov__path li:not(:last-child):before{content:"";z-index:0;border-inline-start:2px dashed var(--edge);position:absolute;inset-block:56px 0;inset-inline-start:39px}.lesson-ov__path li.is-done:not(:last-child):before{border-inline-start-style:solid;border-color:var(--accent)}.lesson-ov__card{border:1px solid var(--edge);background:var(--card);color:inherit;box-shadow:var(--lift);border-radius:14px;grid-template-columns:48px 1fr auto;align-items:center;gap:4px 16px;padding:16px;text-decoration:none;display:grid;position:relative}.lesson-ov__card:hover{border-color:var(--accent)}.lesson-ov__card:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}.lesson-ov__num{z-index:1;box-sizing:border-box;border:2px solid var(--edge);background:var(--card);block-size:48px;inline-size:48px;color:var(--ink-soft);font-variant-numeric:tabular-nums;border-radius:50%;grid-row:span 2;place-items:center;font-weight:700;display:grid;position:relative}.is-done .lesson-ov__num{background:var(--accent);border-color:var(--accent);color:#fff;font-size:1.375rem}.is-current .lesson-ov__card{border:2px solid var(--accent);background:var(--accent-faint);padding:15px}.is-current .lesson-ov__num{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.lesson-ov__title{min-inline-size:0;display:block}.lesson-ov__title b{font-size:1.0625rem;display:block}.lesson-ov__title span{color:var(--ink-soft);font-size:.9rem;display:block}.lesson-ov__status{color:var(--ink-faint);white-space:nowrap;text-align:end;grid-row:span 2;font-size:.875rem}.is-done .lesson-ov__status{color:var(--accent);font-weight:600}.is-current .lesson-ov__status{color:var(--accent);font-weight:700}.lesson-ov__segs{grid-column:2;gap:3px;margin-block-start:6px;display:flex}.lesson-ov__segs i{background:var(--edge-soft);border-radius:3px;flex:1;block-size:6px}.lesson-ov__segs i.is-on{background:var(--accent)}.lesson-ov__reset{min-block-size:44px;color:var(--ink-faint);font:inherit;cursor:pointer;background:0 0;border:0;margin:24px auto 0;font-size:.875rem;text-decoration:underline;display:block}@media (width<=540px){.lesson-ov{padding:16px 12px 40px}.lesson-ov__hero{border-radius:14px;padding:20px 16px}.lesson-ov h1{font-size:1.4rem}.lesson-ov__cta{inline-size:100%}.lesson-ov__cta small,.lesson-ov__title span{display:none}.lesson-ov__card{grid-template-columns:40px 1fr;gap:2px 12px;padding:12px}.is-current .lesson-ov__card{padding:11px}.lesson-ov__num{grid-row:span 3;block-size:40px;inline-size:40px}.lesson-ov__path li:not(:last-child):before{inset-block-start:48px;inset-inline-start:31px}.lesson-ov__status{text-align:start;grid-area:auto/2}}@media (width<=600px){.lesson{border-inline:none;border-radius:0;margin:0}.lesson__text,.lesson__recap{font-size:17px}}.lesson__option{position:relative}.lesson__badge{color:#2e7d32;background:#eef7ee;border:1px solid #2e7d32;border-radius:999px;min-inline-size:1.5rem;font-weight:700;position:absolute;inset-block-start:.25rem;inset-inline-start:.25rem}.lesson__option--flash{outline:3px solid var(--warn)}.lesson__tap .gesture__overlay{cursor:pointer}.lesson__ring{fill:none;stroke:var(--accent);stroke-width:2px}.lesson__ring--wrong{stroke:var(--warn)}.lesson__ring--right{stroke:#2e7d32}.lesson__series{gap:4px;margin-block-end:.5rem;display:flex}.lesson__series button{border:1px solid var(--edge);background:var(--card);min-block-size:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;padding-inline:.6rem}.lesson__series button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.lesson__image,.lesson__figure .scan img{object-fit:contain;max-block-size:240px;max-inline-size:100%}.lesson__drawn{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}@media (width<=600px){.lesson__image,.lesson__figure .scan img{max-block-size:200px}}.lesson__image.lesson__image--tall{max-block-size:none}.topic:has(>.lesson){background:var(--page)}.topic>.lesson{box-shadow:none;background:0 0;border:0;margin-block-start:1.5rem;padding-inline:1rem}.lesson__head{color:var(--ink-2)}.lesson__head a{color:var(--brand);font-weight:600;text-decoration:none}.lesson__head bdi{color:var(--ink-3)}.lesson__bar{gap:6px;margin-block:.5rem 1.25rem}.lesson__bar>span{box-sizing:border-box;border-radius:var(--r-pill);background:var(--track);block-size:8px}.lesson__bar>.is-done{background:var(--brand)}.lesson__bar>.is-now{border:2px solid var(--brand);background:var(--surface);opacity:1}.lesson__screen{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1);padding:1.25rem 1.5rem .5rem}.lesson__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lesson__options--text .lesson__option{padding:.5rem 2.5rem}.lesson__options--text .drill__mark{inset-block-start:50%;transform:translateY(-50%)}.lesson__feedback--wrong{color:var(--bad)}.lesson__feedback--right{color:var(--good-ink)}.lesson__show{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.lesson__badge{border-color:var(--good);background:var(--good-soft);color:var(--good-ink)}.lesson__actions{border-block-start:3px solid var(--line);background:var(--page);transition:background-color .15s var(--ease);margin-inline:-1rem}.lesson__actions--right{border-block-start-color:var(--good);background:var(--good-soft)}.lesson__back{border:2px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);min-block-size:48px;color:var(--ink);padding-inline:1.25rem}.lesson__next{border-radius:var(--r-md);padding-inline:1.5rem}@media (width>=601px){.lesson__actions{border-radius:var(--r-lg);margin:.75rem 0 0}}@media (width<=600px){.lesson__screen{padding:1rem 1rem .5rem}}.topic:has(>.lesson-ov){background:var(--page);box-shadow:none;border-radius:0}.lesson-ov__hero,.lesson-ov__card{background:var(--surface);border-color:var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.lesson-ov__cta{background:var(--brand);box-shadow:0 3px 0 var(--brand-press)}.lesson-ov__cta:active{box-shadow:0 1px 0 var(--brand-press);transform:translateY(2px)}.is-current .lesson-ov__card{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 4px var(--brand-ring)}.lesson-ov__segs i{background:var(--track)}@media (width<=600px){.lesson__image--stack{max-block-size:none}}.app{background-image:none}h1,h2,h3{line-height:1.2}:focus-visible{outline:3px solid var(--brand-ring);outline-offset:2px}.app__bar{background:var(--surface);min-height:64px;box-shadow:var(--shadow-1);align-items:center;padding-block:.5rem}.app__title{font-weight:700}.app__subtitle{color:var(--ink-2);font-size:15px;font-weight:500}.app__home-button{border-radius:var(--r-pill);border-width:2px;min-height:44px;padding-inline:1rem}button{border-radius:var(--r-md)}[class*=card]:not([class*=__]),.home__axis,.topic,.lesson,.drill,.q2,.q4__box,.reactions__card,.theory__card,.shelf{background:var(--surface);border-color:var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.drill__option{background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--r-lg)}.drill__option:hover{border-color:var(--brand)}.drill__option--right{background:var(--good-soft);border-color:var(--good)!important}.drill__option--wrong{background:var(--bad-soft);border-color:var(--bad)!important}.btn--primary,.lesson__next:not([aria-disabled=true]),button[type=submit]:not(:disabled){min-height:48px;box-shadow:0 3px 0 var(--brand-press);font-weight:700;background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}@media (width<=640px){.app__bar{min-height:56px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.shelf__chip,.vessel__empty{color:var(--ink-3)}