.link{display:inline-flex;align-items:center;min-height:44px;color:var(--link);font-weight:600;text-decoration:none}.link:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.22em}[data-js][hidden]{display:none!important}#for{padding-bottom:var(--space-7)}.for__head{display:grid;gap:6px}.for__src{color:var(--ink-2);font:500 var(--fs-meta)/1.4 var(--font-body)}.board{--frame:color-mix(in oklab,var(--w-immersion-ink) 46%,var(--w-steps-ink));--board:color-mix(in oklab,var(--w-steps-ink) 74%,var(--ink-press));--board-hi:color-mix(in oklab,var(--board) 80%,var(--on-dark) 14%);--plate:color-mix(in oklab,var(--on-dark) 92%,var(--yellow));--plate-lo:color-mix(in oklab,var(--on-dark) 82%,var(--house) 10%);--plate-ink:var(--ink-press);--board-ink:color-mix(in oklab,var(--on-dark) 92%,var(--w-steps-mat));--cw:16px;--chh:26px;--lvl-w:58px;--day-w:58px;position:relative;margin-top:22px;padding:12px 8px 10px;border-radius:16px;background:var(--board);isolation:isolate;box-shadow:inset 0 0 0 1px var(--board-hi),inset 0 2px 0 color-mix(in srgb,var(--on-dark) 10%,transparent),0 0 0 5px var(--frame),0 0 0 6px color-mix(in oklab,var(--frame) 70%,var(--ink-press)),var(--sh-lift)}.board::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--grain);mix-blend-mode:screen;opacity:.08;pointer-events:none}.board::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(112deg,transparent 28%,color-mix(in srgb,var(--on-dark) 6%,transparent) 40%,transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--on-dark) 5%,transparent),transparent 30%);pointer-events:none}.board__rail{position:relative;display:flex;align-items:center;gap:6px;margin:0 0 8px 2px;color:color-mix(in srgb,var(--board-ink) 72%,transparent);font:700 var(--fs-label)/1 var(--font-body);letter-spacing:.06em}.board__rail span:nth-child(1){width:var(--lvl-w)}.board__rail span:nth-child(2){width:var(--day-w)}.board__rail span{flex:none}.board__plate{margin-left:auto;padding:4px 10px 5px;border-radius:4px;background:color-mix(in oklab,var(--board) 62%,var(--ink-press));box-shadow:inset 0 1px 2px color-mix(in srgb,var(--ink-press) 60%,transparent),0 1px 0 color-mix(in srgb,var(--on-dark) 10%,transparent);color:color-mix(in srgb,var(--board-ink) 78%,transparent);font:700 .6875rem/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.board__rows{display:grid;gap:12px}.board__row{position:relative;display:grid;gap:8px;padding:12px 8px;border-radius:10px;background:color-mix(in srgb,var(--ink-press) 18%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--on-dark) 6%,transparent)}.board__note{position:relative;justify-self:start;max-width:min(100%,30em);margin:-22px 0 2px 4px;padding:10px 14px 11px;border-radius:3px 3px 12px 3px;background:var(--raised);box-shadow:var(--sh-paper);color:var(--ink);font:italic 400 var(--fs-small)/1.42 var(--font-display);rotate:-1.2deg;isolation:isolate}.board__row:first-child .board__note{margin-top:-4px}.board__row+.board__row .board__note{rotate:1deg}.board__note::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--grain);mix-blend-mode:var(--grain-blend);opacity:var(--grain-opacity)}.board__who{color:var(--board-ink);font:500 var(--fs-h3)/1.15 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.board__line{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px}.board__words{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 100%;min-width:0;order:1}.flap{position:relative;display:inline-grid;place-items:center;min-height:var(--chh);padding:0 6px;border-radius:3px;background:linear-gradient(180deg,var(--plate) 0 50%,var(--plate-lo) 50%);color:var(--plate-ink);font:500 1rem/1.1 var(--font-display);box-shadow:0 1px 0 color-mix(in srgb,var(--ink-press) 35%,transparent);white-space:nowrap}.flap--lvl{width:var(--lvl-w);font-weight:600;background:linear-gradient(180deg,var(--yellow) 0 50%,color-mix(in oklab,var(--yellow) 86%,var(--ink-press)) 50%);color:var(--ink-press)}.flap--day{width:var(--day-w);font-family:var(--font-body);font-weight:700;font-size:.9375rem;font-variant-numeric:tabular-nums}.board__words:has(.board__cells){display:block;flex-basis:100%}.board__cells{--cols:14;--rows:1;display:grid;grid-template-columns:repeat(var(--cols),var(--cw));gap:4px 2px;contain:layout paint}@supports(content-visibility:auto) and (contain-intrinsic-block-size:1px){.board__cells{content-visibility:auto;contain-intrinsic-block-size:calc(var(--rows)*var(--chh) + (var(--rows) - 1)*4px)}}.cell{--seam:color-mix(in srgb,var(--ink-press) 12%,transparent);position:relative;display:grid;place-items:center;width:var(--cw);height:var(--chh);contain:strict;border-radius:2px;background:linear-gradient(90deg,var(--seam) 0 3px,transparent 3px calc(100% - 3px),var(--seam) calc(100% - 3px)) 0 50%/100% 1px no-repeat,linear-gradient(180deg,var(--plate),color-mix(in oklab,var(--plate) 55%,var(--plate-lo)));box-shadow:0 1px 0 color-mix(in srgb,var(--ink-press) 35%,transparent);color:var(--plate-ink);font:700 calc(var(--chh) * .54)/1 var(--font-body);text-transform:uppercase;perspective:180px}.cell::before,.cell::after{position:absolute;inset:0;display:grid;place-items:center;border-radius:2px;transform-origin:50% 50%;backface-visibility:hidden;visibility:hidden}.cell[data-f]::before,.cell[data-f]::after{visibility:visible}.cell::before{content:attr(data-o);z-index:2;clip-path:inset(0 0 50% 0);background:linear-gradient(180deg,var(--plate),color-mix(in oklab,var(--plate) 86%,var(--ink-press)) 50%);transform:rotateX(-90deg)}.cell::after{content:attr(data-t);z-index:1;clip-path:inset(50% 0 0 0);background:linear-gradient(180deg,var(--plate),color-mix(in oklab,var(--plate) 55%,var(--plate-lo)))}@media(prefers-reduced-motion:no-preference){.cell[data-f=a]::before{animation:st-fall-a 90ms cubic-bezier(.55,0,1,.45) both}.cell[data-f=b]::before{animation:st-fall-b 90ms cubic-bezier(.55,0,1,.45) both}.cell[data-f=a]::after{animation:st-drop-a 170ms var(--ease-out) 90ms both}.cell[data-f=b]::after{animation:st-drop-b 170ms var(--ease-out) 90ms both}}.cell[data-t=" "]{background:color-mix(in oklab,var(--plate-lo) 30%,var(--board));box-shadow:inset 0 1px 1px color-mix(in srgb,var(--ink-press) 30%,transparent);opacity:.32}.cell[data-t=" "]::after{background:inherit}@keyframes st-fall-a{from{transform:rotateX(0deg)}99%{transform:rotateX(-90deg);opacity:1}to{transform:rotateX(-90deg);opacity:0}}@keyframes st-fall-b{from{transform:rotateX(0deg)}99%{transform:rotateX(-90deg);opacity:1}to{transform:rotateX(-90deg);opacity:0}}@keyframes st-drop-a{0%{transform:rotateX(90deg)}99%{transform:rotateX(0deg);opacity:1}100%{transform:rotateX(0deg);opacity:0}}@keyframes st-drop-b{0%{transform:rotateX(90deg)}99%{transform:rotateX(0deg);opacity:1}100%{transform:rotateX(0deg);opacity:0}}.board__face{display:inline-flex;align-self:center;margin-left:auto;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--ink-press) 30%,transparent)}.board__face b{display:grid;place-items:center;min-width:30px;height:22px;padding:0 6px;border-radius:999px;color:color-mix(in srgb,var(--board-ink) 70%,transparent);font:700 .8125rem/1 var(--font-body)}.board__face b:first-child,.board__row[data-flipped] .board__face b:last-child{background:var(--plate);color:var(--plate-ink)}.board__row[data-flipped] .board__face b:first-child{background:none;color:color-mix(in srgb,var(--board-ink) 70%,transparent)}.board:not([data-live]) .board__face{display:none}.board__flip{position:absolute;inset:0;z-index:1;width:100%;margin:0;padding:0;border:0;border-radius:10px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.board__flip:focus-visible{outline:var(--focus-ring);outline-offset:2px}.board__go{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;color:var(--board-ink);font:600 var(--fs-meta)/1.4 var(--font-body)}.board__go .lk-link{color:var(--yellow)}.board[data-live] .board__row:not([data-flipped]) .board__go{display:none}@media(hover:hover)and (pointer:fine){.board__row:hover{background:color-mix(in srgb,var(--ink-press) 26%,transparent)}.board__row:hover .cell{translate:0 -2px}}@media(min-width:768px){.board{--cw:22px;--chh:32px;--lvl-w:62px;--day-w:64px;padding:18px 18px 14px}.board__row{grid-template-columns:minmax(0,17rem) minmax(0,1fr);column-gap:24px;align-items:start;padding:18px 18px 16px}.board__note,.board__row:first-child .board__note{grid-column:1;grid-row:1/span 3;margin:-30px 0 0}.board__who,.board__line,.board__go{grid-column:2}.board__rail{margin-left:calc(17rem + 24px + 18px)}.board__plate{position:absolute;left:calc(-17rem - 24px);margin:0}.flap{font-size:1.125rem}}@media(max-width:1023px){.board__rail span:nth-child(3){display:none}}@media(min-width:1024px){#for{padding-top:var(--space-7)}.board{--cw:24px;--chh:36px;margin-top:var(--space-5)}.board__row{grid-template-columns:340px minmax(0,1fr);column-gap:32px}.board__note,.board__row:first-child .board__note{align-self:center;margin:0;rotate:-1.5deg}.board__row+.board__row .board__note{rotate:1.2deg}.board__note p{font:italic 400 1.1875rem/1.4 var(--font-display)}.board__line{flex-wrap:nowrap}.board__words:has(.board__cells){flex:1 1 0}.board__rail{margin-left:calc(340px + 32px + 18px)}.board__plate{left:calc(-340px - 32px)}.board__face{position:absolute;top:16px;right:18px}.for__head{grid-template-columns:auto 1fr;align-items:baseline;column-gap:20px}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .board{--frame:color-mix(in oklab,var(--w-immersion-decor) 55%,var(--ink-press));box-shadow:inset 0 0 0 1px var(--board-hi),0 0 0 5px var(--frame),0 -1px 0 5px color-mix(in oklab,var(--frame) 64%,var(--on-dark)),0 0 0 6px color-mix(in oklab,var(--frame) 70%,var(--ink-press)),var(--sh-lift);--board:color-mix(in oklab,var(--house-night) 60%,var(--ink-press));--board-hi:color-mix(in oklab,var(--house-night) 80%,var(--on-dark) 10%);--plate:color-mix(in oklab,var(--on-dark) 86%,var(--yellow-press) 6%);--plate-lo:color-mix(in oklab,var(--on-dark) 76%,var(--house-night) 14%);--board-ink:color-mix(in oklab,var(--on-dark) 86%,var(--house-night))}:root:not([data-theme=light]) .board .cell{--seam:color-mix(in srgb,var(--ink-press) 30%,transparent)}}:root[data-theme=dark] .board{--frame:color-mix(in oklab,var(--w-immersion-decor) 55%,var(--ink-press));box-shadow:inset 0 0 0 1px var(--board-hi),0 0 0 5px var(--frame),0 -1px 0 5px color-mix(in oklab,var(--frame) 64%,var(--on-dark)),0 0 0 6px color-mix(in oklab,var(--frame) 70%,var(--ink-press)),var(--sh-lift);--board:color-mix(in oklab,var(--house-night) 60%,var(--ink-press));--board-hi:color-mix(in oklab,var(--house-night) 80%,var(--on-dark) 10%);--plate:color-mix(in oklab,var(--on-dark) 86%,var(--yellow-press) 6%);--plate-lo:color-mix(in oklab,var(--on-dark) 76%,var(--house-night) 14%);--board-ink:color-mix(in oklab,var(--on-dark) 86%,var(--house-night))}:root[data-theme=dark] .board .cell{--seam:color-mix(in srgb,var(--ink-press) 30%,transparent)}@media(prefers-reduced-motion:no-preference){.board[data-armed]{opacity:0;translate:0 18px}.board[data-play]{animation:st-settle 700ms var(--ease-settle) backwards}.board[data-play] .board__note{animation:st-tuck 760ms var(--ease-stone) calc(600ms + var(--k,0) * 180ms) backwards}.cell{transition:translate var(--dur-ui) var(--ease-out) calc(var(--k,0) * 30ms)}}.section.change{margin-top:var(--section-y);padding-block:var(--section-y);background:var(--cream)}.change.lk-stage[data-stage=on]{padding-block:0}@property --p{syntax:"<number>";inherits:false;initial-value:0}.change.lk-stage[data-stage=on] .change__view{display:grid;align-items:center;padding-block:calc(var(--lk-head-h,56px) + 4px) calc(12px + var(--dock-h,0px) + env(safe-area-inset-bottom,0px))}.change__in{position:relative;display:grid;gap:14px;width:100%}.change__head{position:relative}.mnote{position:relative;justify-self:end;max-width:min(84%,24rem);margin:14px 6px 0 auto;padding:14px 16px 10px;border-radius:4px 4px 16px 4px;background:var(--raised);box-shadow:var(--sh-paper);rotate:2deg;isolation:isolate}.mnote::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--grain);mix-blend-mode:var(--grain-blend);opacity:var(--grain-opacity)}.mnote::after{content:"";position:absolute;top:-14px;right:30px;width:14px;height:34px;border:2.5px solid color-mix(in oklab,var(--world-ink) 70%,var(--line-contrast));border-bottom:0;border-radius:8px 8px 0 0;rotate:-8deg}.mnote blockquote{color:var(--ink);font:italic 400 var(--fs-small)/1.42 var(--font-display)}.mnote figcaption{position:relative;display:inline-block;margin-top:6px;font:600 var(--fs-name)/1 var(--font-display)}.mnote figcaption::after{content:"";position:absolute;left:-6%;right:-12%;bottom:-.32em;height:.3em;background:var(--marker);rotate:-4deg;-webkit-mask:var(--lk-arc) center/100% 100% no-repeat;mask:var(--lk-arc) center/100% 100% no-repeat}.book{--cover:color-mix(in oklab,var(--house) 55%,var(--w-steps-accent));--cover-hi:color-mix(in oklab,var(--cover) 70%,var(--on-dark));--page:var(--raised);--page-2:color-mix(in oklab,var(--raised) 90%,var(--world-deep));--edge:color-mix(in oklab,var(--raised) 82%,var(--line-contrast));--rule:color-mix(in srgb,var(--world-ink) 12%,transparent);position:relative;width:100%;max-width:760px;margin:0 auto}.book__body{position:relative;display:grid;grid-template-columns:1fr 1fr;height:clamp(330px,min(58svh,96vw),460px);perspective:2000px;isolation:isolate;touch-action:pan-y;cursor:pointer;contain:layout}.book__board{position:absolute;top:-7px;bottom:-11px;z-index:-2;background:var(--cover);box-shadow:inset 0 0 0 1.5px var(--cover-hi),inset 0 -3px 0 color-mix(in srgb,var(--ink-press) 22%,transparent),var(--sh-lift)}.book__board::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--grain);mix-blend-mode:multiply;opacity:.22}.book__board--l{left:-9px;right:50%;border-radius:10px 2px 2px 12px}.book__board--r{left:50%;right:-9px;border-radius:2px 10px 12px 2px}.book__body::after{content:"";position:absolute;top:-4px;bottom:-6px;left:50%;width:28px;translate:-50% 0;z-index:70;background:radial-gradient(60% 100% at 50% 50%,color-mix(in srgb,var(--ink-press) 24%,transparent),transparent);pointer-events:none}.book__page,.leaf__face,.leaf__back,.book__flat{position:relative;display:grid;align-content:start;gap:6px;padding:clamp(14px,4vw,30px) clamp(12px,3.6vw,30px);color:var(--ink);overflow:hidden}.leaf__face,.leaf__back{contain:paint}.book__page--l,.leaf__back,.book__flat{border-radius:6px 0 0 6px;background:linear-gradient(90deg,var(--page) 78%,var(--page-2))}.book__page--r,.leaf__face{border-radius:0 6px 6px 0;background:linear-gradient(90deg,var(--page-2),var(--page) 18%)}.leaf__back,.book__flat{grid-template-rows:auto minmax(0,1fr) auto}.leaf__back .leaf__did,.book__flat .leaf__did{align-self:end;margin-bottom:10px}.leaf__back .leaf__en,.book__flat .leaf__en{min-height:52px}.book__flat{position:absolute;inset:0;z-index:3}.leaf[data-flat]{visibility:hidden}.book .leaf[data-occluded]{visibility:hidden}.book__page--l{box-shadow:-1px 2px 0 var(--edge),-2px 4px 0 var(--page-2),-3px 6px 0 var(--edge)}.book__page--r{box-shadow:1px 2px 0 var(--edge),2px 4px 0 var(--page-2),3px 6px 0 var(--edge)}.book__leaves{position:absolute;inset:0 0 0 50%;transform-style:preserve-3d;pointer-events:none}.leaf{pointer-events:auto}.leaf{position:absolute;inset:0;z-index:calc(10 - var(--i));transform-origin:0 50%;transform-style:preserve-3d}.leaf__face,.leaf__back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.leaf__back{transform:rotateY(180deg)}.leaf__face::after,.leaf__back::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--ink-press) 30%,transparent),transparent 70%);opacity:0;pointer-events:none}.book[data-day="1"] .leaf:nth-child(-n+1),.book[data-day="2"] .leaf:nth-child(-n+2),.book[data-day="3"] .leaf:nth-child(-n+3),.book[data-day="4"] .leaf:nth-child(-n+4),.book[data-day="5"] .leaf:nth-child(-n+5),.book[data-day="6"] .leaf:nth-child(-n+6){z-index:calc(20 + var(--i));transform:rotateY(-180deg)}.leaf__n{color:var(--world-ink);font:500 clamp(3rem,2rem + 4.4vw,6rem)/.9 var(--font-display);letter-spacing:-.045em;font-variant-numeric:lining-nums tabular-nums}.leaf__t{font:italic 400 clamp(1rem,.86rem + .6vw,1.75rem)/1.18 var(--font-display);text-wrap:balance}.leaf__m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:2px;color:var(--ink-2);font:700 var(--fs-label)/1 var(--font-body);font-variant-numeric:tabular-nums}.dial{width:26px;height:26px;rotate:-90deg;fill:none;stroke-width:5}.dial circle{stroke:color-mix(in srgb,var(--world-accent) 26%,transparent)}.dial .dial__on{stroke:var(--world-ink);stroke-dasharray:var(--m) 60;stroke-linecap:round}.leaf__tag{padding:5px 9px;border-radius:999px;background:var(--world);color:var(--world-ink);font:700 var(--fs-label)/1 var(--font-body)}.leaf__line,.leaf__en{align-content:start;background:repeating-linear-gradient(180deg,transparent 0 25px,var(--rule) 25px 26px)}.leaf__line{display:grid;gap:0;margin-top:4px}.leaf__face{grid-template-rows:auto auto auto 1fr}.leaf__line p{font:500 var(--fs-label)/26px var(--font-body);color:var(--ink-2)}.leaf__line p[lang=en]{color:var(--ink);font:italic 400 .9375rem/26px var(--font-display)}.leaf__en{display:block;color:var(--ink-2);font:italic 400 .9375rem/26px var(--font-display)}.leaf__en::before{content:"\2713\a0";color:var(--world-accent);font-style:normal;font-weight:700}.leaf__stop{position:absolute;left:clamp(12px,3.4vw,30px);right:clamp(10px,3vw,22px);bottom:clamp(10px,2.4vw,20px);display:grid;gap:2px;padding:10px 12px 10px 16px;border-left:4px solid var(--w-immersion-ink);border-radius:3px 10px 10px 3px;background:color-mix(in oklab,var(--raised) 90%,var(--w-immersion-ink));box-shadow:var(--sh-paper);color:var(--ink-2);font:500 var(--fs-label)/1.3 var(--font-body);rotate:-1.5deg}.leaf--mark .leaf__line p:not([lang]){display:none}.leaf__stop b{color:var(--ink);font:600 var(--fs-small)/1.2 var(--font-display)}.leaf__stop::before{content:"";position:absolute;bottom:calc(100% - 2px);right:22px;width:12px;height:400px;background:var(--w-immersion-ink);opacity:.92}.leaf__done{position:relative;display:grid;gap:4px;align-content:start}.tick{position:absolute;top:2px;right:0;width:clamp(30px,8vw,48px);height:auto;fill:none;stroke:var(--world-accent);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.leaf__done b{color:color-mix(in srgb,var(--world-ink) 46%,transparent);font:500 clamp(2.25rem,1.5rem + 3vw,3.5rem)/1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:lining-nums}.leaf__done span{display:flex;align-items:center;gap:6px;color:var(--ink-2);font:700 var(--fs-label)/1 var(--font-body)}.leaf__did{margin-top:4px;color:var(--ink-2);font:italic 400 var(--fs-label)/1.35 var(--font-display)}.peb{width:14px;height:14px;background:var(--world-accent);-webkit-mask:var(--lk-pebbles) 0 50%/14px 14px no-repeat;mask:var(--lk-pebbles) 0 50%/14px 14px no-repeat}.book__snap{justify-self:start;width:min(78%,150px);margin:8px 0 0 4px;padding:5px 5px 14px;border:0;border-radius:2px;background:var(--raised);box-shadow:var(--sh-paper);rotate:-3deg;cursor:zoom-in;position:relative}.book__snap img{width:100%;height:auto}.book__snap::before{content:"";position:absolute;top:-8px;left:50%;width:44px;height:14px;translate:-50% 0;rotate:4deg;background:color-mix(in srgb,var(--yellow) 50%,transparent)}.book__next{display:grid;gap:6px;align-content:start;color:var(--ink-2);font:600 var(--fs-label)/1.3 var(--font-body)}.book__next small{font-size:var(--fs-label)}.book__next span{color:var(--ink);font:italic 400 clamp(1.125rem,.9rem + .8vw,1.75rem)/1.2 var(--font-display)}.book__go{margin-top:6px}.book__go .lk-link{font-size:var(--fs-meta)}.book__lid{position:absolute;top:-7px;bottom:-11px;left:-9px;right:50%;z-index:80;transform-origin:100% 50%;transform-style:preserve-3d;pointer-events:none;visibility:hidden}.book__cover{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr;align-content:stretch;padding:clamp(18px,4vw,34px);border-radius:12px 2px 2px 10px;background:var(--cover);box-shadow:inset 0 0 0 1.5px var(--cover-hi),inset -10px 0 18px -10px color-mix(in srgb,var(--ink-press) 40%,transparent);color:var(--on-dark);transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.book__cover::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--grain);mix-blend-mode:multiply;opacity:.22;pointer-events:none}.book__mark{color:color-mix(in oklab,var(--cover) 86%,var(--on-dark));font:500 clamp(2.5rem,1.6rem + 4vw,4.5rem)/1 var(--font-display);letter-spacing:-.04em;text-shadow:-1px -1px 0 color-mix(in srgb,var(--ink-press) 38%,transparent),1px 1px 0 color-mix(in srgb,var(--on-dark) 34%,transparent)}.book__cover::before{content:"";position:absolute;top:8px;bottom:8px;right:-3px;width:3px;border-radius:0 2px 2px 0;background:repeating-linear-gradient(180deg,var(--edge) 0 2px,var(--page-2) 2px 3px);box-shadow:inset -1px 0 0 var(--edge),1px 0 2px color-mix(in srgb,var(--ink-press) 20%,transparent)}.book__total{position:relative;display:grid;gap:10px;justify-self:center;align-self:center;max-width:15rem;padding:14px 18px 16px;border-radius:4px;background:var(--raised);color:var(--ink);box-shadow:var(--sh-paper);rotate:-1.5deg;text-align:center}.book__total i{color:var(--world-ink);font:italic 400 1.125rem/1.3 var(--font-display);text-wrap:balance}.book__total b{position:relative;justify-self:center;font:500 clamp(1.5rem,1.2rem + 1.4vw,2.25rem)/1.1 var(--font-display)}.book__total b::after{content:"";position:absolute;left:-4%;right:-6%;bottom:-.2em;height:.32em;background:var(--yellow);-webkit-mask:var(--lk-arc) center/100% 100% no-repeat;mask:var(--lk-arc) center/100% 100% no-repeat;transform-origin:0 50%}.book__total span{margin-top:-4px;color:var(--ink-2);font:700 var(--fs-meta)/1.3 var(--font-body)}.book[data-closed] .book__lid{visibility:visible;transform:rotateY(-180deg)}.book[data-closed] :is(.book__page--l,.book__board--l,.book__leaves,.book__page--r){opacity:0}.book[data-closed] .book__body{translate:-25% 0}.book[data-closed] .book__ribbons li{translate:var(--dx,0px) 0}.book[data-closed] .book__ribbons span{opacity:0}.book[data-closed] .book__ribbons li::before{scale:1 .82}.book__ribbons{position:relative;z-index:4;display:flex;justify-content:center;gap:max(2px,min(8px,calc((100% - 308px) / 6)));margin:8px auto 0;padding:0}.book__ribbons li{position:relative;display:grid;justify-items:center;align-content:start;gap:4px;width:44px;min-height:66px;color:var(--ink-2);font:700 var(--fs-label)/1 var(--font-body);font-variant-numeric:tabular-nums}.book__ribbons li::before{content:"";width:9px;height:calc(var(--m) * 1.3px);background:var(--world-accent);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 6px),0 100%);transform-origin:50% 0}.book__ribbons li[data-on]::before{background:var(--w-immersion-ink)}.book__ribbons li[data-on]{color:var(--ink)}.book__ribbons button{position:absolute;inset:0;width:100%;margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.book__ribbons button:focus-visible{outline:var(--focus-ring);outline-offset:-2px;border-radius:8px}.book__sum{display:grid;justify-items:center;gap:2px;margin-top:6px;color:var(--ink-2);font:500 var(--fs-meta)/1.4 var(--font-body);text-align:center}.book__sum b{color:var(--ink);font-weight:700}.book__sum .dot{color:var(--world-accent)}.book__ribbons span{position:absolute;top:50px}.book__sum-still{display:none}.book:is([data-still],:not([data-armed],[data-play])) .book__sum-still{display:inline}.book__gist{color:var(--world-ink);font:italic 400 var(--fs-small)/1.35 var(--font-display);text-wrap:balance}@media(max-width:767px){.change__head{position:relative;display:block;min-height:92px;padding-right:min(44%,170px)}.change__head .lk-h2{font-size:clamp(1.75rem,1.4rem + 1.6vw,2.25rem)}.mnote{position:absolute;z-index:90;right:6px;top:-20px;left:auto;bottom:auto;width:min(44%,168px);margin:0;padding:8px 10px 6px;rotate:3deg}.mnote blockquote{font-size:.8125rem;line-height:1.35}.mnote figcaption{margin-top:2px;font-size:var(--fs-label)}.mnote::after{top:-10px;height:24px}.change__in{--sum:50px}.leaf__t{font-size:.9375rem}.leaf__line p[lang=en]{font-size:.8125rem}.book__gist{font-size:var(--fs-label)}.book__cover{align-content:start;gap:16px}}@media(max-width:767px)and (max-height:700px){.change.lk-stage[data-stage=on] .book__sum{display:none}.change.lk-stage[data-stage=on] .change__in{--sum:0px}}@media(min-width:768px){.book__snap{width:min(60%,180px)}}@media(min-width:1024px){.section.change{margin-top:var(--space-6)}.change__in{justify-items:center;gap:34px}.change__head{display:grid;justify-items:center;text-align:center}.change__head .mnote{position:absolute;z-index:90;left:auto;right:max(12px,calc(50% - 522px));top:calc(100% + 20px);width:17rem;max-width:calc(100% - 24px);margin:0;rotate:4deg;text-align:left}.change__head{width:100%}.change__in:has(.book[data-closed]) .change__head .mnote{translate:-130px 0}.book__body{height:min(400px,52svh)}.leaf__m{font-size:var(--fs-meta)}.dial{width:40px;height:40px}.leaf__line p{font-size:var(--fs-meta)}.leaf__line p[lang=en]{font-size:1.0625rem}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .book{--cover:color-mix(in oklab,var(--house-night) 80%,var(--w-steps-accent) 20%);--page:color-mix(in oklab,var(--raised) 94%,var(--ink));--page-2:color-mix(in oklab,var(--raised) 86%,var(--ink));--edge:color-mix(in oklab,var(--raised) 78%,var(--ink))}}:root[data-theme=dark] .book{--cover:color-mix(in oklab,var(--house-night) 80%,var(--w-steps-accent) 20%);--page:color-mix(in oklab,var(--raised) 94%,var(--ink));--page-2:color-mix(in oklab,var(--raised) 86%,var(--ink));--edge:color-mix(in oklab,var(--raised) 78%,var(--ink))}@media(prefers-reduced-motion:no-preference){.leaf{transition:transform var(--spring-paper-dur,833ms) var(--spring-paper,var(--ease-out))}.leaf[data-turning]{will-change:transform}.leaf[data-turning] :is(.leaf__face,.leaf__back)::after{animation:st-shade 820ms var(--ease-inout)}.book__lid{transition:transform 620ms var(--spring-paper,var(--ease-out)),visibility 0s 620ms}.book__body{transition:translate 620ms var(--ease-settle)}.book[data-closed] .book__body{transition:translate 620ms var(--ease-settle) 380ms}.book[data-closed] .book__lid{transition:transform 620ms var(--spring-paper,var(--ease-out)),visibility 0s}.book[data-closed] .book__total b::after{animation:st-mark 450ms var(--ease-out) 520ms backwards}:is(.book__page--l,.book__board--l,.book__leaves,.book__page--r){transition:opacity 260ms var(--ease-out)}.book[data-closed] :is(.book__page--l,.book__board--l,.book__leaves,.book__page--r){transition:opacity 260ms var(--ease-out) 120ms}.book[data-armed] .book__body{opacity:0;translate:0 26px;rotate:-1.5deg}.book[data-play] .book__body{animation:st-settle 900ms var(--ease-settle) backwards}.book[data-play] .book__ribbons li::before{animation:st-drop 620ms var(--ease-stone) calc(500ms + var(--k,0) * 60ms) backwards}.change__in:has(.book[data-armed]) .mnote{opacity:0}.change__in:has(.book[data-play]) .mnote{animation:st-pin 520ms var(--ease-settle) 1000ms backwards}.change__in:has(.book[data-play]) .mnote::after{animation:st-clip 400ms var(--ease-stone) 1400ms backwards}.book__ribbons li::before{transition:scale var(--dur-ui) var(--ease-out)}.book__ribbons li{transition:translate 520ms var(--ease-settle)}.book[data-closed] .book__ribbons li{transition:translate 620ms var(--ease-settle) 380ms}.book__ribbons span{transition:opacity var(--dur-ui) var(--ease-out)}.change__head .mnote{transition:translate 620ms var(--ease-settle)}.change__in:has(.book[data-closed]) .change__head .mnote{transition:translate 620ms var(--ease-settle) 380ms}.book__ribbons button:active{scale:.94}@supports (animation-timeline:view()){.change[data-stage=on]{view-timeline:--book block}.change[data-stage=on] .book:not([data-manual]) .leaf{transition:none;animation:st-turn linear both;animation-timeline:--book;animation-range:contain calc(6% + var(--i) * 12.5%) contain calc(16% + var(--i) * 12.5%)}.change[data-stage=on] .book:not([data-manual]) .leaf :is(.leaf__face,.leaf__back)::after{animation:st-shade linear both;animation-timeline:--book;animation-range:contain calc(6% + var(--i) * 12.5%) contain calc(16% + var(--i) * 12.5%)}}}@media(hover:hover)and (pointer:fine){.book__ribbons li:hover::before{scale:1 1.12}.book__ribbons li:hover{color:var(--ink)}}@keyframes st-turn{from{transform:rotateY(0deg)}50%{transform:rotateY(-90deg) skewY(-1.5deg)}to{transform:rotateY(-180deg)}}@keyframes st-shade{0%,100%{opacity:0}50%{opacity:.45}}@keyframes st-mark{from{scale:0 1}}@keyframes st-pin{from{opacity:0;translate:0 -12px;rotate:9deg}}@keyframes st-clip{from{opacity:0;scale:1.25}}.how{display:grid;gap:16px;padding-top:var(--space-6)}.how__say{margin-top:12px;max-width:26em;color:var(--ink-2);font:500 var(--fs-body)/1.5 var(--font-body)}.how__stage{position:relative;padding:24px 0 4px}.how__desk{display:none}.lk-device.phone{--device-w:min(256px,72vw);--app-orange:color-mix(in oklab,var(--w-immersion-accent) 52%,var(--yellow));--app-navy:color-mix(in oklab,var(--ink-press) 60%,var(--marker-fill));--app-ink:var(--app-navy);--app-cream:var(--on-dark);--app-panel:var(--on-dark);--app-line:color-mix(in oklab,var(--on-dark) 86%,var(--w-skarb-decor) 14%);margin-inline:0 auto}.phone .lk-device__tabs{top:5%;gap:4px}.phone .lk-device__tab{min-height:44px;padding:8px 8px 8px 13px}.phone .lk-device__tab:nth-child(1){--tab:color-mix(in oklab,var(--on-dark) 74%,var(--yellow))}.phone .lk-device__tab:nth-child(2){--tab:color-mix(in oklab,var(--on-dark) 74%,var(--house))}.phone .lk-device__tab:nth-child(3){--tab:color-mix(in oklab,var(--on-dark) 74%,var(--w-listening-accent))}.phone .lk-device__tab:nth-child(4){--tab:color-mix(in oklab,var(--on-dark) 74%,var(--w-immersion-accent))}.phone .lk-device__tab:nth-child(5){--tab:color-mix(in oklab,var(--on-dark) 74%,var(--w-pronunciation-accent))}.phone .lk-device__tab:nth-child(6){--tab:color-mix(in oklab,var(--on-dark) 74%,var(--w-skarb-accent))}.phone .lk-device__tab{color:var(--ink-press)}.how__hand{position:absolute;left:calc(100% + 6px);top:calc(5% - 40px);display:flex;align-items:center;gap:6px;width:max-content;color:var(--world-ink);font:italic 500 var(--fs-hand)/1.1 var(--font-display);rotate:-4deg;pointer-events:none}.how__pebs{width:30px;height:14px;background:radial-gradient(circle at 4px 10px,var(--world-accent) 3px,transparent 3.5px),radial-gradient(circle at 14px 7px,var(--world-accent) 3.5px,transparent 4px),radial-gradient(circle at 25px 4px,var(--world-accent) 4px,transparent 4.5px);order:-1;rotate:180deg}@media(max-width:1199px){.how__hand{left:auto;right:-12px;top:-40px}.how__pebs{order:0;rotate:200deg}}.app{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;padding-inline:14px;padding-bottom:16px;background:var(--app-cream);color:var(--app-ink);font:500 .8125rem/1.35 var(--font-body)}.app>*{min-width:0}.phone .lk-device__screen>.app{overflow-x:hidden;overflow-y:auto}.app__nav{display:flex;align-items:center;justify-content:space-between;min-height:44px}.app__brand{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--app-panel);box-shadow:inset 0 0 0 1px var(--app-line)}.app__brand img{width:30px;height:30px;border-radius:9px;object-fit:cover}.app__pill,.app__back{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:var(--app-navy);color:var(--on-dark);font:700 .8125rem/1 var(--font-body);cursor:pointer}.app__back{padding:0 10px;background:transparent;color:var(--app-navy)}.app__hero{display:grid;gap:8px;padding:16px 14px 14px;border-radius:18px;background:var(--app-orange);color:var(--app-navy)}.app__kicker{color:var(--app-ink);font:700 .8125rem/1.2 var(--font-body);letter-spacing:.06em}.app__hero .app__kicker{color:var(--app-navy)}.app__day{display:flex;align-items:baseline;gap:6px;justify-self:end;margin-top:-26px;font:600 3rem/1 var(--font-display);letter-spacing:-.05em}.app__day small{font:700 .8125rem/1 var(--font-body);letter-spacing:0}.app__lvl{justify-self:start;padding:4px 9px;border:1.5px solid color-mix(in srgb,var(--app-navy) 40%,transparent);border-radius:8px;font:700 .8125rem/1 var(--font-body)}.app__title{font:600 1.5rem/1.08 var(--font-display);letter-spacing:-.03em;text-wrap:balance}.app__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px}.app__top .app__kicker{max-width:7.5em}.app__top .app__day{margin:0 0 0 auto}.app__plan,.app__pace{display:grid;gap:8px;padding:12px 12px 14px;border-radius:14px;background:var(--app-panel);box-shadow:0 0 0 1px var(--app-line)}.app__row{display:flex;justify-content:space-between;gap:8px;font:700 .8125rem/1.2 var(--font-body)}.app__row span:last-child{white-space:nowrap}.app__plan .app__bar i{width:6%}.app__chips{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.app__chips span{padding:8px 0;letter-spacing:-.01em;border-radius:7px;background:var(--app-navy);color:var(--on-dark);font:700 .8125rem/1 var(--font-body);text-align:center;white-space:nowrap}.app__chips span:first-child{background:var(--app-orange);color:var(--app-navy)}.app__phrase{display:none;gap:6px;padding:12px 12px 10px;border-radius:14px;background:var(--app-panel);box-shadow:0 0 0 1px var(--app-line)}.app__ph{font:italic 400 .9375rem/1.35 var(--font-display)}.app__ph b{display:block;font:600 1.125rem/1.2 var(--font-display);font-style:normal}.app__tr{justify-self:start;min-height:44px;padding:0;border:0;background:none;color:var(--app-ink);font:700 .8125rem/1 var(--font-body);cursor:pointer}.app__tr::after{content:"\a0\203a"}.app__ua{color:color-mix(in srgb,var(--app-ink) 80%,transparent);font:600 .8125rem/1.35 var(--font-body)}@media(min-width:1024px){.app__phrase{display:grid}}.app__pace-t{color:color-mix(in srgb,var(--app-ink) 78%,transparent);font:500 .8125rem/1.4 var(--font-body)}.app__start{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:8px;padding:0 16px;border:0;border-radius:12px;background:var(--app-navy);color:var(--on-dark);font:700 .875rem/1 var(--font-body);cursor:pointer}.app__start::after{content:"\203a";font-size:1.25rem}.app__step{display:flex;justify-content:space-between;align-items:baseline;padding:12px 14px;border-radius:14px;background:var(--app-orange);color:var(--app-navy);font:700 .875rem/1 var(--font-body)}.app__step span:last-child{flex:none;margin-left:12px;white-space:nowrap}.app__step span:first-child{min-width:0;overflow-wrap:anywhere;font:600 1.125rem/1.1 var(--font-display)}.app__bar{height:6px;border-radius:999px;background:var(--app-line);overflow:hidden}.app__bar i{display:block;width:16.6%;height:100%;border-radius:inherit;background:var(--app-orange)}.app__task{display:grid;gap:10px;padding:14px 12px;border-radius:14px;background:var(--app-panel);box-shadow:0 0 0 1px var(--app-line)}.app__q{font:600 .9375rem/1.3 var(--font-display)}.app__words{display:flex;flex-wrap:wrap;gap:6px}.app__words span{padding:7px 10px;border-radius:999px;background:color-mix(in oklab,var(--app-orange) 30%,var(--app-panel));font:700 .8125rem/1 var(--font-body)}.app__go{margin-top:2px}.app__try{font-size:.8125rem;color:var(--app-navy)}.app__h{font:600 1.375rem/1.1 var(--font-display);letter-spacing:-.03em}.app__card{display:grid;gap:8px;padding:16px 14px;border-radius:18px;background:var(--app-navy);color:var(--on-dark)}.app__card .app__day{justify-self:start;margin:0;color:var(--app-orange)}.app__card .app__title{font-size:1.375rem}.app__meta{display:flex;flex-wrap:wrap;gap:6px}.app__meta span{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--on-dark) 14%,transparent);font:700 .8125rem/1 var(--font-body)}.app__where{color:color-mix(in srgb,var(--app-ink) 76%,transparent);font:700 .8125rem/1.2 var(--font-body)}.app--aspect .app__kicker{margin-top:4px}.app__more{display:grid;gap:6px}.app__more li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:10px 12px;border-radius:12px;background:var(--app-panel);box-shadow:0 0 0 1px var(--app-line);font:600 .8125rem/1.3 var(--font-body)}.app__more b{min-width:0;overflow-wrap:anywhere}.app__more span{color:color-mix(in oklab,var(--app-orange) 70%,var(--app-navy));font-weight:700;font-variant-numeric:tabular-nums}.app__more small{color:color-mix(in srgb,var(--app-ink) 65%,transparent);font:700 .8125rem/1 var(--font-body);white-space:nowrap}.route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;border-radius:14px;background:var(--app-navy)}.route>li{display:contents}.route__block{display:grid;justify-items:start;gap:2px;min-height:52px;padding:7px 8px;border:1px solid color-mix(in srgb,var(--on-dark) 22%,transparent);border-radius:9px;background:color-mix(in srgb,var(--on-dark) 6%,transparent);color:var(--on-dark);font:700 .8125rem/1 var(--font-body);cursor:pointer;text-align:left}.route__block small{font:700 .8125rem/1 var(--font-body);opacity:.75}.route__block b{font-size:.9375rem;white-space:nowrap}.route>li:first-child .route__block,.route__block[aria-expanded=true]{border-color:transparent;background:var(--app-orange);color:var(--app-navy)}.route__days{grid-column:1/-1;display:grid;gap:2px;padding:8px 10px;border-radius:9px;background:var(--app-cream);color:var(--app-ink)}.route__days li{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:6px;padding:5px 0;border-bottom:1px solid var(--app-line);font:600 .8125rem/1.3 var(--font-body)}.route__days li span{font-variant-numeric:tabular-nums;opacity:.7}.route__days li b{font-weight:600}.app__real{display:none;text-decoration:none;display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px;margin-top:4px;padding:6px;border:0;border-radius:12px;background:var(--app-panel);color:var(--app-navy);font:700 .8125rem/1.2 var(--font-body);text-align:left;cursor:zoom-in;box-shadow:0 0 0 1px var(--app-line)}.app__real img{width:96px;height:auto;border-radius:6px}:is(.app__start,.app__pill,.app__back,.route__block,.lk-device__tab,.book__ribbons button,.board__flip,.app__real,.how__desk):focus-visible{outline:var(--focus-ring);outline-offset:2px}@media(hover:hover)and (pointer:fine){:is(.app__start,.app__pill):hover{background:color-mix(in oklab,var(--app-navy) 86%,var(--on-dark))}.app__back:hover{background:color-mix(in srgb,var(--app-navy) 8%,transparent)}.route__block:hover{background:color-mix(in srgb,var(--on-dark) 16%,transparent)}.route__block[aria-expanded=true]:hover,.route>li:first-child .route__block:hover{background:color-mix(in oklab,var(--app-orange) 88%,var(--on-dark))}.phone .lk-device__tab:not([aria-selected=true]):hover{translate:-4px 0}.app__real:hover{box-shadow:0 0 0 1.5px var(--app-navy)}.how__desk:hover{rotate:-3deg}}@media(min-width:768px)and (max-width:1023px){.how{grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:center}.how__stage{padding:32px 70px 8px 0}}@media(min-width:1024px){.how{grid-template-columns:minmax(0,420px) auto;justify-content:center;column-gap:56px;align-items:center;padding-top:var(--space-6)}.how__side{align-self:center}.how__stage{display:grid;justify-items:start;padding:var(--space-5) 60px 0 0}.lk-device.phone{--device-w:248px;margin-inline:0}}@media(min-width:1200px){.how{grid-template-columns:minmax(0,440px) auto;column-gap:72px}.how__stage{padding:var(--space-5) 150px 0 0}.how__desk{display:block;position:absolute;z-index:-1;top:22%;left:calc(var(--device-w,248px) * .2);width:400px;padding:10px 10px 22px;border-radius:14px;background:color-mix(in oklab,var(--raised) 94%,var(--line-contrast));box-shadow:0 0 0 1px color-mix(in srgb,var(--line-contrast) 40%,transparent),var(--sh-lift);rotate:-4deg;cursor:zoom-in}.how__desk img{width:100%;height:auto;border-radius:6px}.how__desk::after{content:"";position:absolute;left:50%;bottom:-16px;width:46%;height:16px;translate:-50% 0;border-radius:0 0 10px 10px;background:color-mix(in oklab,var(--raised) 80%,var(--line-contrast));box-shadow:var(--sh-paper)}}@media(max-width:420px){.route__block b{font-size:.875rem}}@media(max-width:400px){.route__block{padding-inline:7px}.route__block b{font-size:.8125rem;letter-spacing:-.01em}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .phone{--app-cream:color-mix(in oklab,var(--raised) 92%,var(--ink) 4%);--app-panel:color-mix(in oklab,var(--cream) 96%,var(--ink));--app-orange:color-mix(in oklab,color-mix(in oklab,var(--w-immersion-accent) 60%,var(--yellow-press)) 86%,var(--ink-press));--app-ink:var(--ink);--app-line:color-mix(in oklab,var(--raised) 72%,var(--ink))}:root:not([data-theme=light]) .phone :is(.app__back,.app__real,.app__try){color:var(--ink)}:root:not([data-theme=light]) .phone .lk-device__screen::after{opacity:.4}:root:not([data-theme=light]) .phone img{filter:brightness(.9)}}:root[data-theme=dark] .phone{--app-cream:color-mix(in oklab,var(--raised) 92%,var(--ink) 4%);--app-panel:color-mix(in oklab,var(--cream) 96%,var(--ink));--app-orange:color-mix(in oklab,color-mix(in oklab,var(--w-immersion-accent) 60%,var(--yellow-press)) 86%,var(--ink-press));--app-ink:var(--ink);--app-line:color-mix(in oklab,var(--raised) 72%,var(--ink))}:root[data-theme=dark] .phone :is(.app__back,.app__real,.app__try){color:var(--ink)}:root[data-theme=dark] .phone .lk-device__screen::after{opacity:.4}:root[data-theme=dark] .phone img{filter:brightness(.9)}@media(prefers-reduced-motion:no-preference){.phone[data-armed]{translate:0 40px;rotate:5deg}.phone[data-play]{animation:st-phone 1000ms var(--ease-settle) backwards}.phone .lk-device__tab{transition:translate var(--spring-snap-dur,458ms) var(--spring-snap,ease)}.phone[data-play] .lk-device__tab{animation:st-tab 520ms var(--ease-stone) calc(800ms + var(--k,0) * 70ms) backwards}.how__stage:has(.phone[data-armed]) .how__desk{opacity:0;translate:-30px 20px}.how__stage:has(.phone[data-play]) .how__desk{animation:st-desk 1100ms var(--ease-settle) 200ms backwards}.how__stage:has(.phone[data-armed]) .how__hand{opacity:0}.how__stage:has(.phone[data-play]) .how__hand{animation:st-fade 600ms var(--ease-out) 1400ms backwards}:is(.app__start,.app__pill,.app__back,.route__block,.app__real){transition:background-color var(--dur-hover),scale var(--dur-press) var(--ease-out),box-shadow var(--dur-hover)}:is(.app__start,.app__pill,.app__back,.route__block,.lk-device__tab,.book__ribbons button,.board__flip):active{scale:.98}.how__desk{transition:rotate var(--dur-ui) var(--ease-out)}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .how__desk{background:color-mix(in oklab,var(--world-deep) 64%,var(--raised));box-shadow:0 0 0 1px var(--line-contrast),var(--sh-lift)}:root:not([data-theme=light]) .how__desk::after{background:color-mix(in oklab,var(--world-deep) 64%,var(--raised))}:root:not([data-theme=light]) .how__desk img{filter:brightness(.82) saturate(.92)}}:root[data-theme=dark] .how__desk{background:color-mix(in oklab,var(--world-deep) 64%,var(--raised));box-shadow:0 0 0 1px var(--line-contrast),var(--sh-lift)}:root[data-theme=dark] .how__desk::after{background:color-mix(in oklab,var(--world-deep) 64%,var(--raised))}:root[data-theme=dark] .how__desk img{filter:brightness(.82) saturate(.92)}@media(prefers-reduced-motion:no-preference){:root::view-transition-old(*.lk-device),.lk-device__screen::view-transition-old(*.lk-device){animation:st-vt-out 140ms var(--ease-out) both}:root::view-transition-new(*.lk-device),.lk-device__screen::view-transition-new(*.lk-device){animation:st-vt-in 280ms var(--ease-settle) 60ms both}:root::view-transition-group(st-dev-hero),.lk-device__screen::view-transition-group(st-dev-hero){animation-duration:280ms;animation-timing-function:var(--ease-settle)}}@keyframes st-vt-out{to{opacity:0}}@keyframes st-vt-in{from{opacity:0;translate:0 8px}}@keyframes st-desk{from{opacity:0;translate:-40px 24px;rotate:-9deg}}.section.levels{margin-top:var(--space-6);padding-block:var(--space-6);background:var(--grad-world);overflow:clip}.try{display:grid;justify-items:start;margin-top:16px}.link-row{display:inline-flex;align-items:center;min-height:44px;color:var(--link);font:700 var(--fs-cta)/1.25 var(--font-body);text-decoration:underline dotted var(--world-accent);text-decoration-thickness:3px;text-underline-offset:.32em}.try .cta-micro{margin-top:6px}.try__unsure{margin-top:6px;color:var(--ink-2);font:500 var(--fs-meta)/1.5 var(--font-body)}@media(min-width:768px){.try{justify-items:end;margin-top:-2px;text-align:end}}@media(min-width:1024px){.section.levels{margin-top:var(--space-5);padding-block:var(--space-4)}}@keyframes st-lay{from{stroke-dashoffset:1}}.price{scroll-margin-top:calc(20px - var(--section-y));padding-top:var(--space-6)}.price .price__ticket{margin-top:16px;max-width:none}.price__ticket .lk-ticket__main,.price__ticket .lk-ticket__stub{padding:16px 20px}.price__ticket .lk-ticket__stub{gap:8px}.price-card{display:contents}.price__ticket .lk-ticket__main{display:grid;align-content:start}.price-card__name{order:0}.price-card__amount{order:1}.price-card__once{order:2}.price-card__inside{order:3}.price-card__scope{order:4}.price-card__terms{order:5}.price-card__name{color:var(--world-ink);font:700 var(--fs-label)/1.3 var(--font-body);letter-spacing:var(--ls-label)}.price-card__amount{margin-top:8px;font:500 var(--fs-num)/1 var(--font-display);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.035em}.price-card__per{font:italic 400 var(--fs-h3)/1 var(--font-display);letter-spacing:-.01em;color:var(--world-ink)}.price-card__once{margin-top:6px;color:var(--ink);font:700 var(--fs-ui)/1.4 var(--font-body)}.price-card__inside{margin-top:8px;max-width:30em;color:var(--world-ink);font:italic 400 var(--fs-small)/1.45 var(--font-display)}.price-card__scope{margin-top:8px;color:var(--ink-2);font:500 var(--fs-small)/1.5 var(--font-body)}.price-card__terms{margin-top:8px;color:var(--ink-2);font:500 var(--fs-meta)/1.5 var(--font-body)}.price-card__scope,.price-card__terms{max-width:52ch;text-wrap:pretty}.price__strip{display:none;order:6}.price__lvl{position:relative;z-index:1;display:grid;justify-items:center;gap:2px;min-width:52px;min-height:52px;padding:4px 0 0;border:0;border-radius:10px;background:none;color:var(--world-ink);font:700 var(--fs-label)/1 var(--font-body);cursor:pointer}.price__lvl svg{width:44px;height:28px;fill:var(--raised);stroke:var(--world-ink);stroke-width:1.6}.price__lvl[aria-pressed=true] svg{fill:var(--world-accent);stroke:var(--world-ink)}.price__lvl:focus-visible{outline:var(--focus-ring);outline-offset:2px}.price-card__terms p+p{margin-top:2px}.price__ticket .lk-ticket__main{position:relative}.price__ticket .lk-ticket__stamp{position:absolute;z-index:2;top:16px;right:14px;width:84px;margin:0;rotate:-8deg;font-size:.8125rem}@media(min-width:1024px){.price__ticket .lk-ticket__stamp{top:40px;right:48px;width:112px}}.price__ticket .lk-ticket__stamp b{font-size:1.25rem;white-space:nowrap}.price-card .cta-box{display:grid;justify-items:stretch;min-width:0;margin-top:0}.lk-ticket__stub .cta-micro .seg{white-space:normal}.price-card .lk-cta{min-height:var(--cta-h)}.price-card .cta-micro{color:var(--world-ink)}.price-card .price-card__buy{justify-content:center;justify-self:stretch;min-height:48px;margin-top:8px;padding:0 20px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);font-weight:700;text-decoration:none}.price-card .price-card__buy:hover{text-decoration:none;background:var(--raised)}.price-card__path{display:grid;gap:6px;margin-top:8px;color:var(--world-ink);font:600 var(--fs-meta)/1.35 var(--font-body)}.price-card__path li{position:relative;display:flex;align-items:center;gap:10px}.price-card__path li::before{content:"";flex:none;width:16px;height:12px;border-radius:52% 48% 46% 54%/62% 60% 40% 38%;background:var(--world-ink);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--ink-press) 18%,transparent)}.price-card__path li+li::after{content:"";position:absolute;left:7px;bottom:calc(100% + 1px);height:4px;border-left:2px dotted var(--world-ink);opacity:.6}.price__levels-go{justify-self:start;display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--world-ink);font:700 var(--fs-meta)/1.2 var(--font-body);cursor:pointer}.price-card__guarantee{margin-top:0;padding-top:8px;border-top:1px dashed color-mix(in srgb,var(--world-ink) 30%,transparent);color:var(--ink-2);font:500 var(--fs-meta)/1.5 var(--font-body)}.lk-ticket__stub .price-card__guarantee{color:var(--world-ink)}@media(min-width:768px)and (max-width:959px){.price .price__ticket{grid-template-columns:minmax(0,1fr);--tk-cut-a:radial-gradient(circle at 0 100%,transparent var(--tk-notch),var(--ink) calc(var(--tk-notch) + .5px)) 0 0/51% 100% no-repeat,radial-gradient(circle at 100% 100%,transparent var(--tk-notch),var(--ink) calc(var(--tk-notch) + .5px)) 100% 0/51% 100% no-repeat;--tk-cut-b:radial-gradient(circle at 0 0,transparent var(--tk-notch),var(--ink) calc(var(--tk-notch) + .5px)) 0 0/51% 100% no-repeat,radial-gradient(circle at 100% 0,transparent var(--tk-notch),var(--ink) calc(var(--tk-notch) + .5px)) 100% 0/51% 100% no-repeat}.price .price__ticket .lk-ticket__main{border-radius:var(--tk-r) var(--tk-r) 0 0}.price .price__ticket .lk-ticket__stub{border-radius:0 0 var(--tk-r) var(--tk-r)}.price .price__ticket .lk-ticket__stub::before{top:-2px;bottom:auto;left:calc(var(--tk-notch) + 5px);right:calc(var(--tk-notch) + 5px);width:auto;height:4px;background:radial-gradient(circle,var(--tk-perf) 1.6px,transparent 2.1px) 0 50%/9px 4px repeat-x}}@media(min-width:600px){.price-card .price-card__buy{justify-self:start}}@media(min-width:1024px){.price{padding-top:var(--space-6)}.price__ticket .lk-ticket__main{padding:24px 48px;grid-template-rows:repeat(6,auto) 1fr}.price__strip:not([hidden]){position:relative;display:flex;justify-content:space-between;align-self:end;max-width:520px;margin-top:20px;padding-top:12px;border-top:1px dashed color-mix(in srgb,var(--world-ink) 30%,transparent)}.price__strip::before{content:"";position:absolute;left:26px;right:26px;top:30px;border-top:2px dotted color-mix(in srgb,var(--world-ink) 45%,transparent)}.price-card__amount{font-size:clamp(96px,8vw,128px)}.price__ticket .lk-ticket__stub{padding:30px 32px 28px;align-content:start}.price-card__terms{max-width:30em}}.price__glare{position:absolute;inset:0;z-index:5;overflow:hidden;border-radius:var(--tk-r);mix-blend-mode:soft-light;pointer-events:none}.price__glare::after{content:"";position:absolute;inset:0 auto 0 0;width:60%;background:linear-gradient(105deg,transparent 30%,color-mix(in srgb,var(--yellow) 38%,transparent) 50%,transparent 70%);opacity:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.lk-ticket[data-play] .price-card__path li::before{animation:st-peb 420ms var(--ease-stone) calc(1200ms + var(--i,0) * 160ms) backwards}.lk-ticket__stamp[data-swap=a]{animation:st-stamp-a 320ms var(--ease-stone)}.lk-ticket__stamp[data-swap=b]{animation:st-stamp-b 320ms var(--ease-stone)}@keyframes st-stamp-a{from{opacity:0;scale:1.18;rotate:-4deg}}@keyframes st-stamp-b{from{opacity:0;scale:1.18;rotate:-4deg}}.price .price__ticket{transition:scale var(--dur-press) var(--ease-out)}@media(pointer:coarse){.price .price__ticket:active{scale:.985}.price .price__ticket:active .price__glare::after{opacity:1;animation:st-glare 700ms var(--ease-out)}}}@keyframes st-peb{from{opacity:0;scale:.3}}@keyframes st-glare{from{transform:translateX(-80%)}to{transform:translateX(146.666667%)}}.section.mary-band{margin-top:var(--space-6);padding-block:var(--space-6);background:var(--cream)}.mary{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:20px 30px;align-items:center}.snaps{position:relative;grid-row:1/span 2;width:88%;max-width:300px;aspect-ratio:3/4.35;margin:6px 10px 10px 0;touch-action:pan-y}.snap{position:absolute;inset:0;z-index:1;margin:0;rotate:5deg;translate:10px 6px;box-shadow:var(--sh-lift),14px 12px 0 0 var(--world)}.snap img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 50%}.snap figcaption{font-size:var(--fs-hand)}.snaps[data-top="0"] .snap:nth-child(1),.snaps:not([data-top]) .snap:nth-child(1),.snaps[data-top="1"] .snap:nth-child(2){z-index:2;rotate:-3deg;translate:0 0;box-shadow:var(--sh-lift)}.snaps__turn{position:absolute;inset:0;z-index:3;width:100%;margin:0;padding:0;border:0;background:none;cursor:grab;-webkit-tap-highlight-color:transparent}.snaps__turn:focus-visible{outline:var(--focus-ring);outline-offset:6px;border-radius:6px}.mary__text{display:contents}.mary__text .lk-h2{grid-column:2;align-self:center;font-size:clamp(1.625rem,1.3rem + 1.4vw,2.875rem)}.mary__say,.mary__facts,.mary__school{grid-column:1/-1}.mary__say{max-width:26em;color:var(--ink);font:italic 400 var(--fs-quote)/1.45 var(--font-display);text-wrap:balance}.mary__facts{margin-top:4px}.mary .lk-fact b{line-height:1.05;font-size:var(--fs-title);font-variant-numeric:lining-nums tabular-nums}.mary .odo{display:inline;margin:0;font:inherit;color:inherit}.mary .odo__num{display:inline-block;margin:0;white-space:nowrap;font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit}.mary .lk-fact b{white-space:nowrap}.mary__facts b small{display:block;margin-bottom:2px;color:var(--ink-2);font:600 var(--fs-meta)/1.2 var(--font-body);letter-spacing:0}.mary .odo__col{display:inline-block;height:1.05em;margin:0;overflow:hidden;line-height:1.05;vertical-align:top;font:inherit;color:inherit}.mary .odo__strip{display:grid;margin:0;translate:0 calc(var(--d,0) * -1.05em);font:inherit;color:inherit}.mary .odo__strip span{display:block;height:1.05em;margin:0;line-height:1.05;font:inherit;color:inherit}@media(max-width:767px){.mary{grid-template-columns:minmax(0,1fr)}.mary__text .lk-h2{grid-column:1;grid-row:1}.snaps{grid-row:2;justify-self:center;width:62%;max-width:240px;margin:10px 0 16px}.snaps[data-top="1"] .snap:first-child,.snaps:is([data-top="0"],:not([data-top])) .snap:nth-child(2){translate:24px 8px;rotate:8deg}}@media(min-width:768px){.mary{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px}.snaps{grid-row:1/span 4}.mary__text .lk-h2,.mary__say,.mary__facts,.mary__school{grid-column:2}}@media(min-width:1024px){.section.mary-band{margin-top:var(--space-5);padding-block:var(--space-5)}.snaps{max-width:320px;justify-self:center}}@media(prefers-reduced-motion:no-preference){.snap{transition:rotate var(--spring-paper-dur,833ms) var(--spring-paper,var(--ease-out)),translate var(--spring-paper-dur,833ms) var(--spring-paper,var(--ease-out))}.snaps[data-dragging] .snap{transition:none}.odo__strip{transition:translate 1400ms var(--ease-settle) calc(var(--k,0) * 90ms)}}.faq{display:grid}.faq .lk-faq{max-width:760px;margin-top:24px}.faq__head{display:flex;align-items:center;gap:14px}.faq__mary{position:relative;flex:none;display:flex;align-items:center;gap:6px;width:auto;height:44px;padding:0 12px 0 48px;border-radius:999px;background:var(--cream);box-shadow:var(--sh-paper)}.faq__mary::before{content:"";position:absolute;left:4px;top:4px;width:36px;height:36px;border-radius:50%;background:var(--world-deep) url(assets/img/mary-ava-96.webp) center/cover;box-shadow:0 0 0 2px var(--raised)}.faq__dots{display:flex;gap:4px}.faq__dots i{width:7px;height:7px;border-radius:50%;background:var(--world-ink);opacity:.5}@media(min-width:1024px){.faq{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:start;padding-top:var(--space-7)}.faq .lk-faq{margin-top:6px}.faq__head{display:block}.faq__mary{display:none}}.lk-faq__a a{color:var(--link);font-weight:600}@media(prefers-reduced-motion:no-preference){.faq[data-armed] :is(.lk-faq__item,.faq__mary,.lk-faq__room){opacity:0}.faq[data-play] .lk-faq__room{animation:st-settle 700ms var(--ease-settle) 300ms backwards}.faq[data-play] .lk-faq__item{animation:st-settle 520ms var(--ease-settle) calc(var(--i,0) * 60ms + 120ms) backwards}.faq[data-play] .faq__mary{animation:lk-tk-stamp 280ms var(--ease-stone) 500ms backwards}.faq[data-play] .faq__dots i{animation:st-dot 700ms var(--ease-inout) calc(800ms + var(--k,0) * 120ms) 2}}@keyframes st-dot{50%{opacity:1;translate:0 -3px}}@keyframes lk-tk-stamp{from{opacity:0;scale:1.18;rotate:-4deg}}.faq__dots i:nth-child(2){--k:1}.faq__dots i:nth-child(3){--k:2}.lk-finale.final{margin-top:var(--space-6);padding-block:var(--space-7)}.final .lk-finale__in{row-gap:16px}.final .lk-finale__text{gap:4px}.final .lk-finale__sign[data-pen]{margin:2px 0 6px}.final .lk-finale__text>.lk-link{margin-top:4px}@media(max-width:767px){.lk-finale.final{padding-block:var(--space-5)}.final .lk-finale__photo{width:208px;margin:0 8px 8px 0}}.fin-way{display:grid;justify-items:center;margin:2px 0 4px}@media(min-width:1024px){.fin-way{justify-items:start}}.fin-way__stones{width:min(100%,280px);height:auto;overflow:visible}.fin-way__path{fill:none;stroke:var(--world-accent);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:.02 .045;opacity:.7}.fin-way__say{margin-top:2px;color:var(--world-ink);font:italic 400 .9375rem/1.3 var(--font-display)}.lk-finale .cta-box{position:relative;justify-self:stretch;display:grid;justify-items:stretch;isolation:isolate}.lk-finale .cta-box::before{content:"";position:absolute;z-index:-1;left:6%;right:6%;top:calc(var(--cta-h,54px) - 12px);height:22px;border-radius:52% 48% 46% 54%/62% 60% 40% 38%;background:radial-gradient(closest-side,color-mix(in srgb,var(--world-ink) 34%,transparent),transparent)}.lk-finale .cta-box .lk-cta{width:100%}.final .lk-finale__say{color:var(--world-ink)}@media(min-width:1024px){.lk-finale .cta-box::before{left:2px;right:auto;width:200px}}@media(prefers-reduced-motion:no-preference){.fin-way[data-armed] .fin-way__st,.fin-way[data-armed] .fin-way__say{opacity:0}.fin-way[data-armed] .fin-way__path{stroke-dashoffset:1}.fin-way[data-play] .fin-way__path{animation:st-lay 900ms var(--ease-settle) backwards}.fin-way[data-play] .fin-way__st{animation:st-rise 620ms var(--ease-stone) calc(var(--i) * 180ms + 200ms) backwards}.fin-way[data-play] .fin-way__say{animation:st-fade 600ms var(--ease-out) 1100ms backwards}.fin-way[data-play]~.cta-box .lk-cta{animation:st-land 520ms var(--ease-stone) 950ms backwards}}@keyframes st-land{from{translate:0 -10px;scale:.96}}.lk-head[data-hidden] .lk-progress{background:linear-gradient(color-mix(in srgb,var(--paper) 90%,transparent),transparent)}.lk-head[data-hidden] .lk-progress__stop{opacity:0;scale:.4}@media(prefers-reduced-motion:no-preference){.lk-progress__stop{transition:opacity var(--dur-ui) var(--ease-out),scale var(--dur-ui) var(--ease-out)}}@media(min-width:1024px){.lk-finale.final{margin-top:var(--space-5);padding-block:var(--space-6)}.lk-finale .lk-finale__in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);justify-content:stretch;column-gap:64px}.lk-finale .lk-finale__photo{justify-self:center}.lk-finale .cta-box{justify-items:start}.lk-finale .cta-box .lk-cta{width:auto}}.footer__links a[href*="/checkout"]::after{content:"\a0\203a";content:"\a0\203a" / ""}.lk-foot .offer-truth{margin-bottom:10px;color:inherit;font:inherit}.lk-foot .offer-truth p{max-width:62ch}.lk-foot .lk-foot__help{align-content:start;gap:8px}.lk-foot .lk-foot__help p{margin:0}@media(min-width:1024px){.lk-foot{padding-top:var(--space-6)}.lk-foot__in{grid-template-columns:minmax(0,.9fr) minmax(0,.8fr) minmax(0,1.8fr);gap:var(--space-5) var(--space-6)}}.lk-ul::after{-webkit-mask-repeat:space no-repeat;mask-repeat:space no-repeat}@media(hover:hover)and (pointer:fine){.snaps:not([data-dragging]):hover .snap{translate:0 -3px}}dialog.lb{touch-action:pinch-zoom}html.lb-open .lk-dock{visibility:hidden}@media(prefers-reduced-motion:no-preference){.link-row{transition:scale var(--dur-press) var(--ease-out)}.link-row:active{scale:.98}.snaps[data-armed] .snap{opacity:0;translate:0 30px;rotate:-8deg}}@keyframes st-settle{from{opacity:0;translate:0 22px;rotate:-1.5deg}}@keyframes st-drop{from{scale:1 0}}@keyframes st-tuck{from{opacity:0;translate:0 -18px;rotate:-6deg}}@keyframes st-rise{0%{opacity:0;translate:0 28px;scale:.94}60%{opacity:1}}@keyframes st-ring{from{opacity:0;scale:.4}50%{opacity:1}}@keyframes st-fade{from{opacity:0}}@keyframes st-phone{from{translate:0 48px;rotate:6deg}}@keyframes st-tab{from{translate:-34px 0}}.levels__say{max-width:46ch;margin-top:12px;color:var(--ink-2);font:500 var(--fs-body)/1.5 var(--font-body)}.step__top{fill:url(#st-top)}.step__face{fill:var(--st-top)}.step__side{fill:var(--st-edge)}.step__edge{fill:none;stroke:var(--st-hi);stroke-width:1.2}.step__grain{fill:none;stroke:var(--st-edge);stroke-width:1;opacity:.4}.proof-band{background:var(--world);color:var(--ink)}.proof__head{display:grid;gap:16px;align-items:start}.proof__context{max-width:58ch;color:var(--ink-2);font:500 var(--fs-meta)/1.5 var(--font-body)}.proof__voices{display:grid;gap:0;margin-top:32px}.proof__voice{position:relative;padding:24px 0;border-bottom:1px solid var(--world-line)}.proof__voice blockquote{margin:0;font:400 var(--fs-lead)/1.5 var(--font-display);text-wrap:pretty}.proof__voice figcaption{margin-top:10px;color:var(--world-ink);font:600 var(--fs-label)/1.4 var(--font-body)}.proof__voice--lead{padding:24px;color:var(--ink);background:var(--paper);border:0;border-radius:4px 4px 20px 4px;box-shadow:var(--sh-paper)}.proof__voice--lead blockquote{font:500 clamp(2rem,1.35rem + 2.6vw,3.75rem)/1.14 var(--font-display);letter-spacing:-.03em;max-width:13ch}.proof__voice--lead figcaption{margin-top:20px}.proof__today{margin-top:32px;max-width:65ch}.proof__today p{font:500 var(--fs-body)/1.6 var(--font-body)}.proof__today b{display:block;margin-bottom:8px;font-weight:700}.proof__today .lk-link{margin-top:12px}.proof__source{margin-top:20px;max-width:65ch;color:var(--ink-2);font:500 var(--fs-label)/1.5 var(--font-body)}.footer__terms summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;font:600 var(--fs-ui)/1.4 var(--font-body);color:var(--ink);list-style:none}.footer__terms summary::-webkit-details-marker{display:none}.footer__terms summary svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}.footer__terms[open] summary svg{rotate:180deg}.footer__terms summary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.footer__terms-in{padding-top:12px}.footer__terms:not([open]) .footer__terms-in{display:none}@media(min-width:768px){.proof__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.proof__voices{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0 48px}.proof__voice--lead{grid-row:span 2;align-content:center;align-self:stretch;padding:36px;margin-bottom:24px}.proof__voice:nth-child(4){grid-column:1}.proof__today{margin-left:auto}.lk-foot .lk-foot__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:24px 48px}}

/* Current reader keeps all six authentic notes in the existing family deck. */
.proof__deck{margin-top:20px;max-width:600px}.proof__deck .proof__voice{margin:0;padding:0;border:0;background:none;box-shadow:none}.proof__deck .proof__voice blockquote{font:400 var(--fs-lead)/1.4 var(--font-display);max-width:none}.proof__deck .proof__voice figcaption{margin-top:12px}.proof__deck .lk-note{padding:20px 22px 16px}.proof__details{margin-top:16px;max-width:65ch}.proof__details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;color:var(--link);font:600 var(--fs-ui)/1.4 var(--font-body);list-style:none}.proof__details summary::-webkit-details-marker{display:none}.proof__details summary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.proof__details[open] summary span{rotate:90deg}.proof__details>p{margin-top:12px}.proof__head{grid-template-columns:1fr;gap:12px}.proof__context{max-width:58ch}.proof__deck .lk-deck__tabs{gap:4px}.proof__deck .lk-deck__tab{font-size:var(--fs-label)}
@media(max-width:767px){.proof-band{padding-block:28px}.proof__head .lk-h2{font-size:var(--fs-title-s)}.proof__deck{margin-top:16px}.proof__deck .lk-note{padding:16px 18px 12px}.proof__deck .proof__voice blockquote{font-size:var(--fs-body);line-height:1.5}.proof__details{margin-top:8px}}

/* One review deck uses one centred reading measure on wide screens. */
@media(min-width:768px){#proof>.proof{max-width:600px}}
/* lf:reviews · 08.10 «Помітити свій крок» - kit «Стопка листів» v2, шкіра steps: відмітки сходинок рахують аркуші, цитата крупно,
   аркуш висотою своєї цитати. Оговорка про 2023 рік - один раз, дрібно, під стопкою. ≤ 1 екрана на 393; на 1440 дві колонки. */
.proof__lead{margin:0;max-width:30ch;color:var(--ink-2);font:400 var(--fs-body)/1.55 var(--font-body);text-wrap:pretty}
.proof__deck{margin-top:20px;max-width:none}
.proof__deck .lk-note{padding:30px clamp(22px,4vw,40px) 22px}
.proof__note{margin:6px 0 0;max-width:62ch;color:var(--muted);font:500 var(--fs-meta)/1.5 var(--font-body);text-wrap:pretty}
@media(min-width:768px){#proof>.proof{max-width:none}}
@media(min-width:1024px){#proof>.proof{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:clamp(40px,5vw,88px);align-items:center}#proof .proof__head{grid-row:1/span 2}#proof .proof__deck{margin-top:0;grid-column:2}#proof .proof__note{grid-column:2}}
@media(max-width:767px){.proof__deck{margin-top:12px}.proof__deck .lk-note{padding:24px 20px 18px}}
/* /lf:reviews */

/* lf:inside r3 - «Шість сходинок» (owner 08.10 r2: «направление хорошее… лестница бедная и донная, реализация на 5»). Та сама
   ідея - сходи з фішкою і карткою рівня, - але сходи тепер справжній предмет світу Steps: шість сходинок, складених із
   тесаного пісковика (як камінь хатинки на першому екрані), мох і кілька рожевих квітів у швах, золоте бічне світло, м'яка
   тінь на землі; рівні A0-C1 вирізьблено в камені. Рендер - офлайн (raymarching SDF, build/inside/r3/tools), картинка з
   альфою: телефон 3:2, десктоп 16:10 з порожнім кутом для картки. Дотик: кожна сходинка - кнопка-полігон точно по своєму
   блоку (передні блоки над задніми), фішка перестрибує на вибраний верх (300 мс), там теплішає світло й відкривається картка
   рівня. Без JS - картинка, картка A0 і решта з шаблонів не потрібні. Рухаються лише transform і opacity. */
/* f4: правила сходів перенесено в блок lf:inside-f4 нижче (перерендер, шари сходинок). */
/* The finale's path (#start .fin-way, pol-products) still draws three stones from #stone-a/b/c: their symbols live in
   .stairs__defs and their colours here (moved out of the retired pond, unchanged). */
.fin-way{--st-hi:color-mix(in oklab,var(--raised) 55%,var(--cream));--st-top:color-mix(in oklab,var(--cream) 56%,var(--w-immersion-decor));--st-edge:color-mix(in oklab,var(--w-immersion-decor) 72%,var(--ink-2));--st-side:color-mix(in oklab,var(--w-immersion-decor) 58%,var(--ink-press));--st-deep:color-mix(in oklab,var(--ink-press) 62%,var(--w-immersion-decor));--st-shade:var(--house);--moss:color-mix(in oklab,var(--w-steps-accent) 82%,var(--ink-press));--st-l:color-mix(in oklab,var(--ink-press) 78%,var(--line-contrast));--moss-hi:color-mix(in oklab,var(--moss) 70%,var(--yellow));--moss-lo:color-mix(in oklab,var(--moss) 70%,var(--ink-press));--rk-hi:var(--st-hi);--rk-top:var(--st-top);--rk-mid:var(--st-edge);--rk-side:var(--st-side);--rk-deep:var(--st-deep)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .fin-way{--st-hi:color-mix(in oklab,var(--line-contrast) 92%,var(--on-dark));--st-top:color-mix(in oklab,var(--line-contrast) 62%,var(--ink-press));--st-edge:color-mix(in oklab,var(--line-contrast) 40%,var(--ink-press));--st-side:color-mix(in oklab,var(--line-contrast) 34%,var(--ink-press));--st-deep:color-mix(in oklab,var(--ink-press) 92%,var(--line-contrast));--st-shade:var(--ink-press);--moss:color-mix(in oklab,var(--w-steps-accent) 60%,var(--house-night));--st-l:color-mix(in oklab,var(--on-dark) 78%,var(--line-contrast));--rk-hi:var(--st-hi);--rk-top:var(--st-top);--rk-mid:var(--st-edge);--rk-side:var(--st-side);--rk-deep:var(--st-deep)}}
:root[data-theme=dark] .fin-way{--st-hi:color-mix(in oklab,var(--line-contrast) 92%,var(--on-dark));--st-top:color-mix(in oklab,var(--line-contrast) 62%,var(--ink-press));--st-edge:color-mix(in oklab,var(--line-contrast) 40%,var(--ink-press));--st-side:color-mix(in oklab,var(--line-contrast) 34%,var(--ink-press));--st-deep:color-mix(in oklab,var(--ink-press) 92%,var(--line-contrast));--st-shade:var(--ink-press);--moss:color-mix(in oklab,var(--w-steps-accent) 60%,var(--house-night));--st-l:color-mix(in oklab,var(--on-dark) 78%,var(--line-contrast));--rk-hi:var(--st-hi);--rk-top:var(--st-top);--rk-mid:var(--st-edge);--rk-side:var(--st-side);--rk-deep:var(--st-deep)}
.rk-s-hi{stop-color:var(--rk-hi)}.rk-s-top{stop-color:var(--rk-top)}.rk-s-mid{stop-color:var(--rk-mid)}.rk-s-side{stop-color:var(--rk-side)}.rk-s-deep{stop-color:var(--rk-deep)}
.rk-s-lit{stop-color:var(--on-dark);stop-opacity:.18}.rk-s-clear{stop-color:var(--on-dark);stop-opacity:0}.rk-s-dim{stop-color:var(--ink-press);stop-opacity:.24}
.rk-s-gl{stop-color:var(--on-dark);stop-opacity:.62}.rk-s-gl0{stop-color:var(--on-dark);stop-opacity:0}
.rk-s-sink{stop-color:var(--st-shade);stop-opacity:.42}.rk-s-sink0{stop-color:var(--st-shade);stop-opacity:0}
.rk-s-mhi{stop-color:var(--moss-hi)}.rk-s-m{stop-color:var(--moss)}.rk-s-mlo{stop-color:var(--moss-lo)}
.rk-sink{fill:url(#rk-sink-g)}.rk-side{fill:url(#rk-side-g)}.rk-top{fill:url(#rk-top-g)}.rk-shade{fill:url(#rk-shade-g)}
.rk-grain{fill:var(--rk-deep);filter:url(#rk-grit);opacity:.1}
.rk-wetband{fill:var(--rk-deep);opacity:.3}
.rk-moss circle{fill:url(#rk-moss-g)}.rk-moss{filter:drop-shadow(0 .6px .4px color-mix(in srgb,var(--ink-press) 30%,transparent))}.rk-speck{fill:var(--moss-hi);opacity:.85}
.rk-crack{fill:none;stroke:var(--rk-deep);stroke-width:1.3;stroke-linecap:round;opacity:.4}
.rk-rim{fill:none;stroke:var(--on-dark);stroke-width:1.4;stroke-linecap:round;opacity:.26}
.rk-gleam{fill:url(#rk-gleam-g)}
.rk-wet{fill:none;stroke:var(--on-dark);stroke-width:1.6;stroke-linecap:round;opacity:.42}
/* /lf:inside */
/* lf:recog · keyboard twin of the board's hover: a focused row lifts its cells and darkens its plate */
.board__row:has(.board__flip:focus-visible){background:color-mix(in srgb,var(--ink-press) 26%,transparent)}
@media(prefers-reduced-motion:no-preference){.board__row:has(.board__flip:focus-visible) .cell{translate:0 -2px}}
/* /lf:recog */

/* lf:offers — «Ціна рівня» (offers r1; F46, tech «на телефоні ціна не трогается»). Шість камінців ставка - під ціною на кожній
   ширині: дотик ставить рівень на штамп квитка і веде безкоштовну спробу в нього (js/stamp.js). Доступ, PR-T-06 і оферта - у
   розкритті «Умови й оферта» (без нативного ▶); на квитку видно лише, що рівень обирають під час оплати. */
.price-card__terms{display:grid;gap:2px}
.price-card__more{margin-top:2px}
.price-card__more>summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--link);font:600 var(--fs-meta)/1.3 var(--font-body);cursor:pointer;list-style:none}
.price-card__more>summary::-webkit-details-marker{display:none}
.price-card__more>summary::after{content:"+";font:500 1.25rem/1 var(--font-body)}
.price-card__more[open]>summary::after{content:"−"}
.price-card__more>summary:focus-visible{outline:var(--focus-ring);outline-offset:2px}
.price-card__more p{margin-top:4px}
.price-card__more .price-card__guarantee{padding-top:0;border:0;color:var(--ink-2)}
.price-card__oferta{min-height:44px;font:600 var(--fs-meta)/1.3 var(--font-body)}
.price__strip:not([hidden]){position:relative;display:flex;justify-content:space-between;align-self:end;max-width:520px;margin-top:12px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--world-ink) 30%,transparent)}
.price__strip::before{content:"";position:absolute;left:26px;right:26px;top:28px;border-top:2px dotted color-mix(in srgb,var(--world-ink) 45%,transparent)}
.price__lvl{min-width:44px;min-height:52px}
.price__lvl svg{width:40px;height:26px}
@media(min-width:1024px){.price__lvl{min-width:52px}.price__lvl svg{width:44px;height:28px}}
@media(prefers-reduced-motion:no-preference){.price__lvl svg{transition:fill 220ms var(--ease-out),translate 220ms var(--ease-out)}.price__lvl:active svg{translate:0 2px}.price__lvl[aria-pressed=true] svg{translate:0 -2px}}
/* /lf:offers */

/* lf:mary-f2 · #mary Steps - «Дороговказ» до рівня #levels (власник r3: «та не, хуита какая-то»; аудит full1: пласка ілюстрація,
   камінь, записка під каменем, 1,9 екрана на 393). Об'ємний дерев'яний стовп із волокнами й шапкою, дошки з торцем, нижньою гранню
   й цвяхами; стовп іде в землю з купиною трави й моху. Закрита стрілка відвернута (rotateY), дотик повертає її до вас і фарбує
   жовтим (220 мс, без вильоту); записка - під своєю стрілкою, приколота до стовпа (висота модуля стала: відкрита завжди одна).
   Вхід у 2 такти (snaps.js): полароїди лягають 320 мс, потім стрілки по одній доходять на стовп (крок 60 мс). */
.mary-band{padding-block:var(--space-6)}
.post{--wood:color-mix(in oklab,var(--yellow) 42%,var(--ink-press));--wood-hi:color-mix(in oklab,var(--yellow) 64%,var(--ink-press));--wood-lo:color-mix(in oklab,var(--yellow) 24%,var(--ink-press));
  --wood-edge:color-mix(in oklab,var(--yellow) 14%,var(--ink-press));--nail:color-mix(in oklab,var(--paper) 55%,var(--ink-press));
  --board-ink:var(--on-dark);--moss:var(--w-steps-accent);
  position:relative;z-index:2;display:grid;justify-items:stretch;row-gap:10px;max-width:520px;margin:var(--space-4) 0 var(--space-3);padding:10px 0 46px;perspective:800px}
.post__pole{position:absolute;z-index:0;top:0;bottom:22px;left:50%;width:24px;margin-left:-12px;border-radius:7px 7px 2px 2px;
  background:repeating-linear-gradient(178deg,transparent 0 17px,color-mix(in srgb,var(--wood-lo) 60%,transparent) 17px 18px,transparent 18px 41px,color-mix(in srgb,var(--wood-edge) 45%,transparent) 41px 42px),
    linear-gradient(90deg,var(--wood-edge),var(--wood-hi) 34%,var(--wood) 62%,var(--wood-lo) 88%,var(--wood-edge));
  box-shadow:8px 0 16px -8px color-mix(in srgb,var(--ink-press) 55%,transparent)}
.post__pole::before{content:"";position:absolute;left:-3px;right:-3px;top:-8px;height:12px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--wood-hi),var(--wood-lo));box-shadow:0 2px 2px color-mix(in srgb,var(--ink-press) 30%,transparent)}
.post__turf{position:absolute;z-index:1;left:50%;bottom:0;width:220px;height:56px;translate:-50% 0;overflow:visible}
.post__shade{fill:color-mix(in srgb,var(--ink-press) 22%,transparent)}
.post__soil{fill:color-mix(in oklab,var(--w-steps-ink) 55%,var(--ink-press))}
.post__moss{fill:color-mix(in oklab,var(--moss) 80%,var(--w-steps-ink))}
.post__blades{fill:var(--moss)}
.post__arm{position:relative;z-index:2;width:100%}
.post__arm>summary{position:relative;display:flex;min-height:52px;list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent;
  filter:drop-shadow(0 7px 5px color-mix(in srgb,var(--ink-press) 30%,transparent));transform-origin:50% 50%}
.post__arm>summary::-webkit-details-marker{display:none}
.post__arm>summary::marker{content:""}
.post__arm--r>summary{justify-content:flex-start;padding-left:calc(50% - 6px)}
.post__arm--l>summary{justify-content:flex-end;padding-right:calc(50% - 6px)}
.post__board{--turn:22deg;--tilt:-3deg;--nail-x:16px;position:relative;display:inline-flex;align-items:center;min-width:180px;min-height:52px;padding:6px 40px 9px 30px;
  background:radial-gradient(circle at var(--nail-x) 30%,var(--nail) 0 2.2px,var(--wood-edge) 2.6px 3.4px,transparent 3.8px),radial-gradient(circle at var(--nail-x) 72%,var(--nail) 0 2.2px,var(--wood-edge) 2.6px 3.4px,transparent 3.8px),
    linear-gradient(0deg,var(--wood-edge) 0 5px,color-mix(in srgb,var(--wood-hi) 70%,transparent) 5px 6px,transparent 6px),
    repeating-linear-gradient(177deg,transparent 0 7px,color-mix(in srgb,var(--wood-lo) 42%,transparent) 7px 8px,transparent 8px 13px,color-mix(in srgb,var(--wood-hi) 30%,transparent) 13px 14px),
    linear-gradient(180deg,var(--wood-hi),var(--wood) 60%,var(--wood-lo));
  color:var(--board-ink);font:500 1.1875rem/1.15 var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-shadow:0 1px 0 color-mix(in srgb,var(--ink-press) 40%,transparent);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%);transform-origin:0 50%;transform:rotateY(var(--turn)) rotate(var(--tilt))}
.post__arm--l .post__board{--turn:-22deg;--tilt:3deg;--nail-x:calc(100% - 16px);padding:6px 30px 9px 40px;clip-path:polygon(26px 0,100% 0,100% 100%,26px 100%,0 50%);transform-origin:100% 50%}
.post__arm:nth-of-type(3) .post__board{--tilt:2deg}
.post__arm--help .post__board{font-style:italic}
.post__arm[open] .post__board{--turn:0deg;--tilt:0deg;color:var(--on-yellow,var(--ink-press));text-shadow:none;
  background:radial-gradient(circle at var(--nail-x) 30%,var(--nail) 0 2.2px,var(--wood-edge) 2.6px 3.4px,transparent 3.8px),radial-gradient(circle at var(--nail-x) 72%,var(--nail) 0 2.2px,var(--wood-edge) 2.6px 3.4px,transparent 3.8px),
    linear-gradient(0deg,color-mix(in oklab,var(--yellow) 62%,var(--ink-press)) 0 5px,transparent 5px),
    repeating-linear-gradient(177deg,transparent 0 9px,color-mix(in srgb,var(--wood) 16%,transparent) 9px 10px),
    linear-gradient(180deg,color-mix(in oklab,var(--yellow) 88%,var(--paper)),var(--yellow))}
.post__arm>summary:focus-visible{outline:none}
.post__arm>summary:focus-visible .post__board{outline:var(--focus-ring);outline-offset:4px}
@media (hover:hover){.post__arm:not([open])>summary:hover .post__board{--turn:10deg}.post__arm--l:not([open])>summary:hover .post__board{--turn:-10deg}}
.post__note{position:relative;z-index:3;display:flex;align-items:center;gap:14px;min-height:84px;margin:8px 0 2px;padding:12px 16px 12px 14px;border-radius:var(--r-note,8px);
  background:var(--raised);box-shadow:var(--sh-paper);color:var(--ink);font:400 1rem/1.4 var(--font-body);text-wrap:pretty;rotate:-.6deg}
.post__arm--l .post__note{rotate:.5deg}
.post__note::before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--paper) 0 1.5px,var(--w-steps-ink) 2.5px);box-shadow:0 2px 2px color-mix(in srgb,var(--ink-press) 35%,transparent)}
.post__note img{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:0 0 0 3px var(--paper),var(--sh-paper)}
.post__note .lk-link{font:600 var(--fs-ui,.9375rem)/1.2 var(--font-body)}
.post__big{display:block;color:var(--w-steps-ink);font:500 1.75rem/1.05 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums}
.post__mark{flex:none;display:grid;place-items:center;min-width:72px;height:56px;padding:0 8px;border:1.5px solid var(--w-steps-ink);border-radius:6px;color:var(--w-steps-ink);font:500 1.125rem/1 var(--font-display);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;rotate:-2deg}
.post__mark i{font-style:normal;padding-inline:2px}
#mary .snap.lk-polaroid{padding-bottom:26px}
#mary .snaps{aspect-ratio:auto}
#mary .snap:first-child{position:relative;inset:auto}
@media (prefers-reduced-motion:no-preference){
  .post__board{transition:transform 220ms var(--ease-standard,cubic-bezier(.2,.7,.3,1)),background-color 220ms var(--ease-out)}
  .post__arm>summary:active .post__board{scale:.98}
  .post__arm[open] .post__note{animation:post-note 220ms var(--ease-standard,cubic-bezier(.2,.7,.3,1)) both}
  @keyframes post-note{from{opacity:0;translate:0 -6px}}
  .post[data-armed] .post__arm>summary,.post[data-armed] .post__note{opacity:0}
}
@media (max-width:767px){
  .mary-band{padding-block:var(--space-5) calc(var(--space-5) + 64px)}
  #mary .mary{row-gap:12px}
  #mary .snaps{grid-row:2;justify-self:start;width:46%;max-width:168px;margin:4px 0 -64px 8px;z-index:1}
  .post{max-width:none;margin-top:0}
  .post__board{min-width:132px;max-width:calc(50vw - 22px);padding:6px 32px 9px 26px;white-space:normal;font-size:.9375rem;line-height:1.12;text-wrap:balance}
  .post__arm--l .post__board{padding:6px 26px 9px 32px}
  .post__note{font-size:.9375rem}
  .post__big{font-size:1.5rem}
}
/* /lf:mary-f2 */

/* lf:pol-products */
/* #change: kit stage пише --p на секцію в кожному кадрі скролу; --p успадковується (stage.css), тож перераховувався стиль усієї
   книги. Нащадки --p не читають (книга гортається власною view-timeline --book), тому під секцією --p фіксуємо: перерахунок
   зупиняється на одному елементі. Кадри > 34 мс при CPU 4× на 1440: 32-35 % › 14-17 %. */
#change>.change__view{--p:0}
/* Книга з клавіатури: фокус на розвороті, ←/→ гортають дні (як тап по лівій/правій сторінці), стрічки - ті самі дні кнопками. */
.book__body:focus-visible{outline:var(--focus-ring);outline-offset:6px;border-radius:12px}
/* #change на телефоні (art.composition r1: над «Крок щодня» ~250 px порожнечі). Липкий кадр був на весь екран і центрував книгу,
   тож при вході зверху стояла смуга крему. Тепер кадр заввишки з книгу: на вході заголовок іде одразу після попереднього блоку,
   а під час гортання кадр стоїть приблизно по центру екрана. Трек, стопи й гортання - ті самі (вони рахуються від секції). */
@media (max-width:767px){
  .change.lk-stage[data-stage=on]>.change__view{height:auto;top:max(var(--lk-head-h,56px),calc(50svh - 320px));align-items:start;padding-top:20px}
}
/* /lf:pol-products */

/* lf:reviews · r2: the split-flap board (kit world «steps») under the title, the stack beside it, inside the page grid */
@media(min-width:768px){#proof>.proof{max-width:var(--content-max)}}
@media(min-width:1024px){#proof.proof-band{padding-block:clamp(64px,6vw,96px)}}
/* lf:reviews r3: табло тримає саму цитату (kit steps, data-inner) - заголовок ліворуч, табло праворуч, одне ціле */
@media(min-width:1024px){#proof>.proof{grid-template-rows:auto}#proof .proof__head{grid-row:1;align-self:center}#proof .proof__deck{grid-column:2;grid-row:1;align-self:center}}
/* /lf:reviews */
/* lf:reviews-f1 · (f2: the stair of #proof is gone - one stair on the page, #levels) */
/* /lf:reviews-f1 */
/* lf:inside-f1 · #levels: один заклик «безкоштовно» в модулі (copy.brevity). Коли картка рівня показує «Перші 3 уроки … - безкоштовно ›»,
   нижній рядок «Спробувати безкоштовно ›» ховається; лишається тиха підказка «Не впевнені - спробуйте…». Без JS - як було. */
#levels:has(a[data-try-level]:not([hidden])) .cta-box.try :is(.link-row,.cta-micro){display:none}
#levels:has(a[data-try-level]:not([hidden])) .cta-box.try{padding-top:0}
/* /lf:inside-f1 */

/* lf:recog-f1 · #hero: two lines at the left (the price beside the button, the free lessons and Telegram under it); the
   daily equivalent and the 12 000 line live in #mary. #for: the plate reads «Перші уроки» in plain case at 13 px; the
   board's cells flip on their own layer */
.hero .hero__day{display:none}
.board__plate{text-transform:none;letter-spacing:.02em;font:700 .8125rem/1 var(--font-body);color:color-mix(in srgb,var(--board-ink) 88%,transparent)}
.board__cells{contain:layout paint}
/* /lf:recog-f1 */

/* lf:system-f1 · anchors land below the sticky header (the «Ціна рівня» title hid under it); the finale's way on is a
   link to the staircase #levels (f2: the finale itself has no stairs, the kit's day slot: «День 001» and a tick). */
:where(section[id],[id^=faq-]){scroll-margin-top:72px}
#start .fin-levels{margin-top:4px}
/* /lf:system-f1 */

/* lf:reviews-f2 · #proof: the backpack strap with five badges beside the split-flap board (kit skin steps, f2). The heading
   moves onto the pack (data-notes-head), so the band is one column and the pack lays itself out; no stair here (#levels). */
@media(min-width:1024px){#proof>.proof{display:block}#proof .proof__deck{max-width:none}}
#proof .lk-pack>.proof__head{display:grid;gap:8px}
#proof .lk-pack .proof__lead{margin:0}
/* /lf:reviews-f2 */


/* lf:offers-f2 Steps #price (оно, «гуд»): камінців A0-C1 під ціною немає (генератор), під «Купити рівень» - видимий рядок повернення
   13 px, як у Скарбі; маршрут після оплати - круглі точки на пунктирі, не «камінці» (власник: «камни… не надо обыгрывать») */
#price .price-card__refund{margin:2px 0 4px;color:var(--ink-2);font:400 .8125rem/1.4 var(--font-body)}
#price .price-card__path li::before{width:10px;height:10px;margin-inline:3px;border-radius:50%;box-shadow:none}
#price .price-card__path li+li::after{left:7px}
/* /lf:offers-f2 */

/* lf:system-f2 · the reading trail's pale track is there from the first screen: the six stops lie on a line instead of hanging
   in the air as empty rings under the header (detail full1); the world's fill grows over it with the scroll as before. */
.lk-progress{isolation:isolate}
.lk-progress::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--pl-color);-webkit-mask:var(--pl) 0 50%/var(--pl-size) repeat-x;mask:var(--pl) 0 50%/var(--pl-size) repeat-x;opacity:.28}
/* /lf:system-f2 */
/* lf:reviews-f3 · #how (оно; polish): on a desk the columns are 5/7 with the heading near the phone, the six aspects are a
   legend under it (a tap turns the phone's screen, crossfade 220 ms); the phone's own side tabs and the hand note give way
   to it there. The phone frame (kit lk-device) is media's and is not restyled. */
.how__legend{display:none}
@media(min-width:1024px){
  .how{grid-template-columns:minmax(0,5fr) minmax(0,7fr);justify-content:stretch;column-gap:clamp(40px,4vw,64px)}
  .how__side{justify-self:end;max-width:460px}
  .how__stage{justify-self:start}
  .how__legend:not([hidden]){display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;max-width:420px}
  .how__legend-t{flex-basis:100%;margin:0 0 2px;color:var(--world-ink);font:italic 500 1.25rem/1.2 var(--font-display)}
  .how__aspect{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid color-mix(in srgb,var(--world-ink) 26%,transparent);border-radius:999px;background:var(--raised);color:var(--world-ink);font:700 15px/1 var(--font-body);cursor:pointer}
  .how__aspect::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--world-accent)}
  .how__aspect[aria-pressed=true]{border-color:transparent;background:var(--world-ink);color:var(--paper)}
  .how__aspect[aria-pressed=true]::before{background:var(--yellow)}
  .how__aspect:focus-visible{outline:var(--focus-ring);outline-offset:2px}
  .how:has(.how__legend:not([hidden])) :is(.lk-device__tabs,.how__hand){display:none}
}
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){.how__aspect{transition:background-color 200ms,color 200ms,border-color 200ms}.how__aspect:active{scale:.98}}
/* /lf:reviews-f3 */
/* lf:recog-f3 · #for (оно; швидкість): перспектива лише в клітинки, що падає зараз; осіла клітинка пласка */
.cell{perspective:none}.cell[data-f]{perspective:180px}
/* /lf:recog-f3 */
/* lf:mary-f3 · #mary дороговказ (аудит full2: «відкрита "15 000 годин" - біла UI-картка поперек стовпа»). Записка тепер - паперовий
   ярлик ≤ 260 px на цвяху біля своєї стрілки, з боку стрілки, нахил 2°, кремова смужка зверху, без аватара; стовп не перекрито. «A0-C1». */
.post__arm .post__note{width:auto;max-width:min(260px,calc(50% - 22px));min-height:0;margin:6px 0 4px;padding:14px 14px 16px;gap:10px;align-items:flex-start;flex-direction:column;border-radius:3px;
  background:radial-gradient(circle at 30% 40%,color-mix(in srgb,var(--ink-press) 6%,transparent) 0 .6px,transparent 1px) 0 0/5px 5px,var(--raised);box-shadow:0 1px 2px color-mix(in srgb,var(--ink-press) 12%,transparent),0 10px 18px -8px color-mix(in srgb,var(--ink-press) 34%,transparent);border-top:6px solid color-mix(in oklab,var(--yellow) 70%,var(--raised));}
.post__arm--r .post__note{margin-left:calc(50% + 22px);rotate:2deg;transform-origin:50% 0}
.post__arm--l .post__note{margin-left:auto;margin-right:calc(50% + 22px);rotate:-2deg;transform-origin:50% 0}
.post__arm .post__note .post__ava{display:none}
.post__arm .post__note .post__mark{height:40px;min-width:0;rotate:-2deg}
.post__arm .post__note .post__big{font-size:1.75rem}
.post__arm .post__note::before{top:5px}
.mary__school{margin-top:-24px}
/* /lf:mary-f3 */

/* lf:results-f4 · #how (власник f2: «было чутка более живо, стало... постновато? ...правую часть чуть более насыщенной... на 7»).
   Телефон і вкладки ті самі (рамку kit lk-device не стилізуємо). Повернуто живість версії f2: вкладки телефона знову видно й на
   десктопі (легенда натискає їх разом), екран їде фізично (phone.js), телефон сідає за 450 мс. Праворуч насиченіше: планшет
   фронтально з справжнім кадром маршруту рівня (2×, без прозорості, тінь e1, підкладка світу зі зсувом 16 px), телефон перед
   його правим краєм, між ними три шматочки сьогоднішнього уроку, що влітають у телефон. Рух - лише transform і opacity. */
.app--ghost{position:relative;z-index:2;pointer-events:none}
.how :is(.app__card,.app__hero,.app__step){position:relative}
.how :is(.app__card,.app__hero,.app__step)::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:3px;border-radius:2px;background:var(--yellow);transform:scaleX(0);transform-origin:0 50%;opacity:0;pointer-events:none}
.app__done{position:absolute;z-index:1;top:-11px;right:10px;padding:3px 10px;border-radius:999px;background:var(--app-navy);color:var(--on-dark);font:700 13px/1.2 var(--font-body)}
.how__bits{display:none}
@media (prefers-reduced-motion:no-preference){
  .how [data-lit]::after{animation:st-lit 1000ms var(--ease-out) both}
  .app__done{animation:st-done 220ms var(--ease-settle) both}
  .phone[data-play]{animation-duration:450ms}
  .phone[data-play] .lk-device__tab{animation-duration:420ms;animation-delay:calc(260ms + var(--k,0) * 70ms)}
  .how__stage:has(.phone[data-play]) .how__desk{animation:st-desk4 450ms var(--ease-settle) 120ms backwards}
  .how__stage:has(.phone[data-armed]) .how__bits{opacity:0}
  .how__stage:has(.phone[data-play]) .how__bit{animation:st-bit 420ms var(--ease-settle) calc(380ms + var(--b,0) * 70ms) backwards}
  .how__bit{transition:translate var(--dur-hover,200ms) var(--ease-out)}
  .how__bit:active{scale:.98}
}
@keyframes st-lit{0%{transform:scaleX(0);opacity:1}24%{transform:scaleX(1);opacity:1}76%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes st-done{from{opacity:0;transform:scale(.8)}}
@keyframes st-desk4{from{opacity:0;translate:-24px 14px}}
@keyframes st-bit{from{opacity:0;translate:0 12px}}
@media (min-width:1024px){
  .how{grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);column-gap:clamp(28px,3vw,48px)}
  .how:has(.how__legend:not([hidden])) .lk-device__tabs:not([hidden]){display:flex}
  .phone .lk-device__tab.is-hint:not([aria-selected=true]){translate:-4px 0;background:color-mix(in oklab,var(--tab) 80%,var(--raised))}
  .how__stage{--tw:clamp(290px,27vw,408px);--th:calc(var(--tw) * .676 + 26px);--bezel:color-mix(in oklab,var(--ink-press) 88%,var(--ink-2));--plate:var(--world);position:relative;justify-self:stretch;display:block;padding:24px 0 0}
  .how .lk-device.phone{z-index:2;margin:0 52px 0 auto}
  .how__desk{display:block;position:absolute;z-index:1;top:calc(50% + 12px - var(--th) / 2);right:calc(52px + var(--device-w,248px) - 40px);left:auto;width:var(--tw);padding:10px 10px 16px;border-radius:16px;background:var(--bezel);box-shadow:16px 16px 0 var(--plate),0 1px 2px color-mix(in srgb,var(--ink-press) 6%,transparent),0 6px 18px color-mix(in srgb,var(--ink-press) 6%,transparent);rotate:0deg}
  .how__desk::after{left:50%;bottom:7px;width:5px;height:5px;translate:-50% 0;border-radius:50%;background:color-mix(in oklab,var(--bezel) 70%,var(--line-contrast));box-shadow:none}
  .how__desk img{display:block;width:100%;height:auto;border-radius:6px}
  .how__desk:hover{rotate:0deg;translate:0 -3px}
  .how__bits{display:block;position:absolute;z-index:3;top:calc(50% + 12px - var(--th) / 2);right:calc(52px + var(--device-w,248px) - 40px);width:var(--tw);height:var(--th);pointer-events:none}
  .how__bit{position:absolute;display:grid;gap:3px;width:max-content;max-width:min(232px,64%);margin:0;padding:10px 16px 11px;border-radius:12px;background:var(--raised);box-shadow:0 1px 2px color-mix(in srgb,var(--ink-press) 8%,transparent),0 10px 24px -6px color-mix(in srgb,var(--ink-press) 18%,transparent);color:var(--ink);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .how__bit small{color:var(--world-ink);font:700 13px/1.3 var(--font-body);white-space:nowrap}
  .how__bit b{font:600 15px/1.25 var(--font-body);text-wrap:balance}
  .how__bit:hover{translate:0 -2px}
  .how__bit--line{--b:0;left:-4%;bottom:calc(100% + 20px);rotate:-2deg;padding-left:18px;box-shadow:inset 4px 0 0 var(--yellow),0 1px 2px color-mix(in srgb,var(--ink-press) 8%,transparent),0 10px 24px -6px color-mix(in srgb,var(--ink-press) 18%,transparent)}
  .how__bit--card{--b:1;left:-15%;top:56%;rotate:1.6deg;background:var(--app-navy,var(--ink));color:var(--on-dark)}
  .how__bit--card small{color:color-mix(in oklab,var(--on-dark) 78%,var(--yellow))}
  .how__bit--wave{--b:2;left:22%;top:calc(100% + 30px);rotate:-1.2deg;padding-left:92px}
  .how__wave{position:absolute;left:14px;top:50%;translate:0 -50%;display:flex;align-items:center;gap:2px;height:28px}
  .how__wave i{flex:none;width:3px;height:var(--h,10px);border-radius:2px;background:var(--world-accent)}
  .how__wave i:nth-child(1){--h:8px}.how__wave i:nth-child(2){--h:15px}.how__wave i:nth-child(3){--h:22px}.how__wave i:nth-child(4){--h:12px}.how__wave i:nth-child(5){--h:26px}.how__wave i:nth-child(6){--h:18px}.how__wave i:nth-child(7){--h:10px}.how__wave i:nth-child(8){--h:20px}.how__wave i:nth-child(9){--h:24px}.how__wave i:nth-child(10){--h:13px}.how__wave i:nth-child(11){--h:17px}.how__wave i:nth-child(12){--h:8px}.how__wave i:nth-child(13){--h:14px}.how__wave i:nth-child(14){--h:6px}
  .how__bit:focus-visible{outline:var(--focus-ring);outline-offset:2px}
}
@media (min-width:1024px) and (prefers-color-scheme:dark){
  :root:not([data-theme=light]) .how__stage{--bezel:color-mix(in oklab,var(--cream) 82%,var(--line-contrast));--plate:color-mix(in oklab,var(--world-deep) 80%,var(--paper))}
  :root:not([data-theme=light]) .how__desk img{filter:none}
  :root:not([data-theme=light]) .how__bit{background:var(--cream);box-shadow:0 0 0 1px var(--line),0 10px 24px -6px color-mix(in srgb,var(--ink-press) 40%,transparent)}
  :root:not([data-theme=light]) .how__bit--card{background:color-mix(in oklab,var(--world-deep) 70%,var(--paper));color:var(--ink)}
  :root:not([data-theme=light]) .how__bit--card small{color:var(--yellow)}
}
@media (min-width:1024px){
  :root[data-theme=dark] .how__stage{--bezel:color-mix(in oklab,var(--cream) 82%,var(--line-contrast));--plate:color-mix(in oklab,var(--world-deep) 80%,var(--paper))}
  :root[data-theme=dark] .how__desk img{filter:none}
  :root[data-theme=dark] .how__bit{background:var(--cream);box-shadow:0 0 0 1px var(--line),0 10px 24px -6px color-mix(in srgb,var(--ink-press) 40%,transparent)}
  :root[data-theme=dark] .how__bit--card{background:color-mix(in oklab,var(--world-deep) 70%,var(--paper));color:var(--ink)}
  :root[data-theme=dark] .how__bit--card small{color:var(--yellow)}
}
@media (min-width:1024px) and (max-width:1199px){.how__bit--wave{left:2%}.how__bit--line{left:-10%}}
/* /lf:results-f4 */
/* lf:inside-f4 · #levels - перерендер сходинок (власник 09.10: «ступеньки… not appealing», «надо проработать их качество», «и тень
   какая-то хуевая от них, ее обрезает»; f2: «не сделал лучше ступени»). Та сама ідея й розкладка - одна лестница, шість рівнів,
   фішка, картка рівня. Нове - ремесло: шість цільних сходинок зі світлого теплого вапняку (без кладки й моху), фаска, плита-проступ
   з носиком, AO у стиках, ключове світло згори-зліва й контрове; A0-C1 на емалевих табличках, утоплених у лице. Рендер на Linux
   (build/inside/f4/tools/stairs4.html): тінь цілком у кадрі, поля 15 % з кожного боку, альфа, 540-2200 px, ніч - свій рендер.
   Кожна сходинка - свій шар (лише вона, освітлена всією сценою) над шаром тіні: дотик піднімає вибрану на 6 px, світліша грань,
   сусіди трохи гаснуть; фішка - дугою 280 мс; наведення -2 px; пресс .98; фокус - контур по формі сходинки; свайп - сусідній рівень.
   Рухаються лише transform і opacity; під reduce - без підйому, лише світло. */
.stairs__defs{position:absolute;width:0;height:0;overflow:hidden}
.stairs__card{position:relative;margin:4px 0 0;padding:18px 18px 8px;border-radius:16px;background:var(--raised);box-shadow:var(--sh-paper)}
.stairs__card:empty{display:none}
.pond-card__h{display:flex;align-items:baseline;gap:10px;margin:0;font:500 1.375rem/1.15 var(--font-display);letter-spacing:-.02em;text-wrap:balance}
.pond-card__h b{flex:none;padding:3px 9px 4px;border-radius:999px;background:var(--w-steps-ink);color:var(--paper);font:600 .9375rem/1 var(--font-display)}
.pond-card__facts{margin:6px 0 0;color:var(--muted);font:600 var(--fs-meta)/1.4 var(--font-body)}
.pond-card__first{display:grid;margin:12px 0 0;padding:0;list-style:none}
.pond-card__first li{display:grid;grid-template-columns:calc(.8125rem * 4.5) minmax(0,1fr) auto;column-gap:10px;row-gap:1px;padding:9px 0;border-top:1px solid var(--line)}
.pond-card__first li>span{grid-row:1/span 2;color:var(--w-steps-ink);font:700 .8125rem/1.35 var(--font-body);white-space:nowrap}
.pond-card__first li>small{grid-column:3;grid-row:1;color:var(--muted);font:500 .8125rem/1.35 var(--font-body);white-space:nowrap}
.pond-card__first li>:nth-child(2){grid-column:2;grid-row:1;font:600 .9375rem/1.35 var(--font-body)}
.pond-card__first li>:nth-child(4){grid-column:2/span 2;grid-row:2;color:var(--ink-2);font:italic 400 .875rem/1.35 var(--font-display)}
.pond-card__first li>b:nth-child(2){font:italic 500 1rem/1.35 var(--font-display)}
.pond-card__first li>i:nth-child(4){font:400 .8125rem/1.35 var(--font-body)}
.pond-card__go{display:flex;flex-wrap:wrap;align-items:center;column-gap:20px;margin:2px 0 0;border-top:1px solid var(--line)}
.pond-card__go .lk-link{display:inline-flex;align-items:center;min-height:44px;font:600 var(--fs-meta)/1.3 var(--font-body)}
.pond-card__micro{display:none}
.pond-card__go [data-free-try]:has(a[hidden]){display:none}
#levels{overflow-x:clip}
.stairs{position:relative;margin-top:12px;isolation:isolate;--cap:min(100%,600px)}
/* сцена = колонка / 0,7: порожні 15 % кадру з боків виходять за колонку (прозорі), вміст - лестница з тінню - рівно в колонці */
.stairs__scene{position:relative;aspect-ratio:var(--ar);width:calc(var(--cap) / .7);
  margin:calc(var(--cap) * -.15 / .7 / 1.855) 0 calc(var(--cap) * -.15 / .7 / 1.855) calc((100% - var(--cap)) / 2 - var(--cap) * .15 / .7);
  background:var(--lqip) center/100% 100% no-repeat;touch-action:pan-y}
.stairs__ground,.step__body{position:absolute;left:calc(var(--l) * 1%);top:calc(var(--t) * 1%);width:calc(var(--w) * 1%);height:calc(var(--h) * 1%)}
.stairs__shot,.stairs__shot img{display:block;width:100%;height:100%}
.stairs__flight{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.step{position:absolute;inset:0;z-index:calc(10 - var(--i));pointer-events:none}
.step__body{transform-origin:50% 100%}
.step__hit{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;clip-path:var(--hit);-webkit-tap-highlight-color:transparent}
.step__hit[hidden]{display:none}
.step__hit:focus-visible{outline:none}
.step:has(.step__hit:focus-visible) .step__body{filter:drop-shadow(2px 0 0 var(--focus)) drop-shadow(-2px 0 0 var(--focus)) drop-shadow(0 2px 0 var(--focus)) drop-shadow(0 -2px 0 var(--focus))}
/* світліша грань вибраної / трохи тьмяніші сусіди: маска - сама картинка сходинки (pond.js ставить --m) */
.step__body::before,.step__body::after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat}
.step__body::before{background:var(--ink-press)}
.step__body::after{background:linear-gradient(172deg,color-mix(in srgb,var(--yellow) 26%,transparent),transparent 52%);mix-blend-mode:screen}
.stairs[data-masked] .step[data-picked] .step__body::after{opacity:1}
.stairs[data-masked][data-js] .step:not([data-picked]) .step__body::before{opacity:.07}
/* тепла пляма світла на вибраному проступі, під фішкою */
.stairs__glow{position:absolute;left:0;top:0;width:13%;aspect-ratio:2.4/1;z-index:11;border-radius:50%;pointer-events:none;opacity:0;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--yellow) 30%,transparent),transparent);translate:calc(var(--gx,0) * 1px - 50%) calc(var(--gy,0) * 1px - 56% - var(--lift,0px));mix-blend-mode:soft-light}
.stairs[data-js] .stairs__glow{opacity:1}
.stairs__pawn{display:block;position:absolute;left:0;top:0;z-index:12;width:calc(var(--pw,4) * 1.95%);pointer-events:none;
  translate:calc(var(--px,0) * 1px - 41.8%) calc(var(--py,0) * 1px - 81.3% - var(--lift,0px))}
.stairs__pawn img{display:block;width:100%;height:auto}
/* тінь контакту: фішка стоїть на проступі, а не висить */
.stairs__pawn::before{content:"";position:absolute;left:41.8%;top:81.3%;z-index:-1;width:70%;aspect-ratio:3.4;translate:-50% -50%;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--ink-press) 46%,transparent),color-mix(in srgb,var(--ink-press) 16%,transparent) 62%,transparent)}
.stairs:not([data-js]) :is(.stairs__pawn,.stairs__glow){display:none}
.stairs__lead{position:absolute;inset:0;z-index:11;width:100%;height:100%;overflow:visible;pointer-events:none;display:none}
.stairs__lead path{fill:none;stroke:color-mix(in srgb,var(--w-steps-ink) 55%,transparent);stroke-width:1.25;stroke-linecap:round}
.stairs__lead circle{fill:var(--w-steps-ink)}
/* картка рівня пристикована до вибраної сходинки: язичок на краю картки дивиться на сходинку (телефон - згори, стіл - праворуч) */
.stairs__card{z-index:13;margin-top:10px}
.stairs__card::before{content:"";position:absolute;left:calc(var(--nx,50%) - 8px);top:-7px;width:16px;height:16px;rotate:45deg;border-radius:3px 0 0;background:var(--raised);pointer-events:none}
.pond-card__unsure{flex-basis:100%;margin:-4px 0 0;padding:0 0 10px;color:var(--ink-2);font:500 var(--fs-meta)/1.4 var(--font-body);text-wrap:pretty}
#levels:has(.pond-card__unsure) .try__unsure{display:none}
#levels:has(.pond-card__unsure):has(a[data-try-level]:not([hidden])) .cta-box.try{display:none}
@media(min-width:768px){.stairs__card{max-width:560px;margin:10px auto 20px}}
@media(min-width:1024px){
  .stairs{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);column-gap:40px;align-items:center;margin-top:8px;--cap:100%}
  .stairs__scene{grid-column:2;grid-row:1}
  .stairs__card{grid-column:1;grid-row:1;max-width:none;margin:0;padding:20px 24px 4px}
  .stairs__card::before{left:auto;right:-7px;top:calc(var(--ny,50%) - 8px);border-radius:0 3px 0 0}
  .stairs__lead{display:block}
  .pond-card__first li{padding:7px 0}
  .pond-card__h{font-size:1.5rem}
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .stairs__scene{background-image:var(--lqip-n)}:root:not([data-theme=light]) .stairs__pawn::before{background:radial-gradient(closest-side,color-mix(in srgb,var(--ink-press) 60%,transparent),color-mix(in srgb,var(--ink-press) 22%,transparent) 62%,transparent)}:root:not([data-theme=light]) .step__body::after{background:linear-gradient(172deg,color-mix(in srgb,var(--yellow) 18%,transparent),transparent 52%)}}
:root[data-theme=dark] .stairs__scene{background-image:var(--lqip-n)}
.stairs[data-painted] .stairs__scene{background-image:none}
@media(prefers-reduced-motion:no-preference){
  .step__body{transition:translate 220ms var(--ease-settle),scale 120ms var(--ease-out)}
  .step__body::before,.step__body::after{transition:opacity 220ms var(--ease-out)}
  .stairs[data-js] .step[data-picked] .step__body{translate:0 -6px}
  .stairs[data-js]{--lift:6px}
  .stairs__glow{transition:translate 280ms var(--ease-settle)}
  .stairs__pawn{transition:opacity 220ms ease-out}
  .step:has(.step__hit:active) .step__body{scale:.98;transition-duration:220ms,120ms}
  @media(hover:hover)and (pointer:fine){.stairs[data-js] .step:not([data-picked]):has(.step__hit:hover) .step__body{translate:0 -2px;transition-duration:120ms,120ms}}
  .stairs__lead path{transition:stroke-dashoffset 220ms var(--ease-out)}
  /* вхід, два такти ≤ 450 мс: сходинки сідають на землю одна за одною, потім фішка */
  .stairs[data-armed] :is(.stairs__ground,.step__body,.stairs__pawn,.stairs__glow,.stairs__lead){opacity:0}
  .stairs[data-play] .stairs__ground{animation:stair-fade 360ms var(--ease-out) both}
  .stairs[data-play] .step__body{animation:stair-rise 360ms var(--ease-settle) calc(var(--i) * 18ms) both}
  .stairs[data-play] .stairs__pawn{animation:stair-land 260ms var(--ease-out) 420ms both}
  .stairs[data-play] .stairs__card{animation:stair-card 260ms var(--ease-out) 300ms both}
}
#levels .stairs[data-wait] :is(.stairs__pawn,.stairs__glow){opacity:0}
@keyframes stair-fade{from{opacity:0}to{opacity:1}}
@keyframes stair-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes stair-land{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:none}}
@keyframes stair-card{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* /lf:inside-f4 */
/* lf:recog-f4 → f6 · #for (оно; швидкість): клітинка - плита зі стрічкою своїх літер; буква міняється одним transform стрічки
   (board.js), 3D-клапан - WAAPI без fill лише в поточного пакета. Табло, шрифт і хід клапана ті самі. */
.cell,.cell[data-f]{perspective:none}
.cell::before,.cell::after,.cell[data-f]::before,.cell[data-f]::after{content:none;animation:none}
.cell__r{position:absolute;inset:0 0 auto;height:calc(var(--chh) * 5);line-height:var(--chh);white-space:pre;text-align:center;pointer-events:none}
/* /lf:recog-f4 */
/* lf:mary-f4 · #mary дороговказ (власник r3 «та не, хуита какая-то», r2 «правый блок слабоват»; аудит full3: «два центри»,
   «15 000 - біла UI-картка», «стовп висить»). Один предмет: полароїд Мері приколотий кнопкою до стовпа й нахилений до нього,
   усі стрілки праворуч від стовпа; факт стрілки - світла дерев’яна табличка-стрілка просто під своєю дошкою (текст випалений на
   дереві), на двох цвяхах. Під стовпом - земля, трава й тінь, ширша за стовп. Дошка доворачивається до пальця ≤ 8° (snaps.js,
   220 мс, без вильоту), тінь - drop-shadow батька, тож іде разом із дошкою. */
#mary .mary{grid-template-columns:minmax(0,1fr);row-gap:var(--space-3)}
#mary .post{--px:44%;--pw:min(152px,calc(var(--px) - 14px));--plank:color-mix(in oklab,var(--yellow) 34%,var(--paper));--plank-lo:color-mix(in oklab,var(--yellow) 46%,var(--wood-lo));--burn:color-mix(in oklab,var(--ink-press) 88%,var(--wood-lo));
  grid-template-columns:minmax(0,1fr);max-width:640px;margin:0;padding:14px 0 50px;row-gap:12px;align-content:start}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #mary .post{--plank:color-mix(in oklab,var(--yellow) 42%,var(--ink));--plank-lo:color-mix(in oklab,var(--yellow) 70%,var(--ink-2));--burn:var(--on-yellow)}}
:root[data-theme="dark"] #mary .post{--plank:color-mix(in oklab,var(--yellow) 42%,var(--ink));--plank-lo:color-mix(in oklab,var(--yellow) 70%,var(--ink-2));--burn:var(--on-yellow)}
#mary .post__pole{left:var(--px);bottom:26px}
#mary .post__turf{left:var(--px);width:260px;height:62px}
#mary .post__arm>summary{padding-left:calc(var(--px) - 6px);justify-content:flex-start}
#mary .post__board{--turn:16deg;--aim:0deg;transform:rotateY(var(--turn)) rotate(calc(var(--tilt) + var(--aim)))}
#mary .post__arm[open] .post__board{--turn:0deg}
#mary .post__arm:nth-of-type(2) .post__board{--tilt:2.5deg}
#mary .post__arm:nth-of-type(3) .post__board{--tilt:-1.5deg}
#mary .post__arm:nth-of-type(4) .post__board{--tilt:2deg}
/* полароїд на стовпі */
#mary .post .snaps{position:absolute;z-index:4;top:22px;left:auto;right:calc(100% - var(--px) - 8px);grid-row:auto;width:var(--pw);max-width:none;margin:0;rotate:-2.5deg;transform-origin:calc(100% - 16px) 6px;justify-self:auto}
#mary .post .snap.lk-polaroid{padding:7px 7px 22px}
/* integration-4: стопка знову має висоту (булавка після фото), тож пласка підкладка світу заднього полароїда (14 px праворуч, 12 px
   донизу) лягала на «6 рівнів»; на стовпі обидва фото - лише з тінню kit */
#mary .post .snap{box-shadow:var(--sh-lift)}
#mary .post .snaps:is([data-top="0"],:not([data-top])) .snap:nth-child(2),#mary .post .snaps[data-top="1"] .snap:nth-child(1){translate:-12px 8px;rotate:-6deg}
#mary .post .snaps:is([data-top="0"],:not([data-top])) .snap:nth-child(1),#mary .post .snaps[data-top="1"] .snap:nth-child(2){translate:0 0;rotate:0deg}
#mary .snaps__pin{position:absolute;z-index:5;top:-5px;right:10px;width:16px;height:16px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--paper) 85%,transparent) 0 2px,transparent 3.5px),radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--w-steps-ink) 80%,var(--paper)) 0 55%,var(--w-steps-ink) 72%);
  box-shadow:0 1px 0 color-mix(in srgb,var(--paper) 30%,transparent) inset,2px 3px 3px color-mix(in srgb,var(--ink-press) 38%,transparent)}
/* факт - табличка-стрілка під своєю дошкою */
#mary .post__note{position:relative;isolation:isolate;display:block;width:max-content;max-width:calc(100% - var(--px) - 18px);min-height:0;margin:4px 0 2px calc(var(--px) + 16px);padding:12px 30px 12px 14px;border:0;border-radius:0;rotate:-1deg;transform-origin:0 0;background:none;
  box-shadow:none;filter:drop-shadow(0 5px 4px color-mix(in srgb,var(--ink-press) 24%,transparent));color:var(--burn);font:500 .9375rem/1.3 var(--font-body);text-wrap:pretty}
#mary .post__note::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:3px 0 0 3px;
  background:radial-gradient(circle at 10px 9px,var(--nail) 0 2px,var(--wood-edge) 2.4px 3px,transparent 3.4px),radial-gradient(circle at calc(100% - 34px) 9px,var(--nail) 0 2px,var(--wood-edge) 2.4px 3px,transparent 3.4px),
    linear-gradient(0deg,var(--plank-lo) 0 4px,transparent 4px),repeating-linear-gradient(176deg,transparent 0 6px,color-mix(in srgb,var(--plank-lo) 40%,transparent) 6px 7px,transparent 7px 12px),linear-gradient(180deg,color-mix(in oklab,var(--plank) 70%,var(--paper)),var(--plank));
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%)}
#mary .post__note::before{content:none}
#mary .post__note>span{display:block}
#mary .post__note .post__ava{display:none}
#mary .post__note .post__big{display:block;color:var(--burn);font:500 1.625rem/1.05 var(--font-display);letter-spacing:-.02em}
#mary .post__note .post__mark{display:inline-block;height:auto;min-width:0;margin:0 0 4px;padding:0;border:0;rotate:none;color:var(--burn);font:500 1.375rem/1.05 var(--font-display)}
#mary .post__note .lk-link{color:var(--burn);text-decoration:underline 1.5px;text-underline-offset:.2em;min-height:44px}
#mary .mary__school{margin-top:-6px}
@media (max-width:767px){
  .mary-band{padding-block:var(--space-6)}
  #mary .snaps{grid-row:auto;justify-self:auto}
  #mary .post__board{min-width:0;max-width:100%;font-size:.9375rem}
}
@media (min-width:768px){
  #mary .mary{grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:var(--space-7);align-items:center}
  #mary .mary__text .lk-h2{grid-column:1;grid-row:1;align-self:end}
  #mary .mary__school{grid-column:1;grid-row:2;align-self:start;margin-top:0}
  #mary .post{grid-column:2;grid-row:1/span 2;--px:42%;--pw:min(236px,calc(var(--px) - 16px));padding-top:18px}
  #mary .post__board{min-width:200px}
  #mary .post__turf{width:300px;height:70px}
}
@media (prefers-reduced-motion:no-preference){
  #mary .post__board{transition:transform 220ms var(--ease-standard,cubic-bezier(.2,.7,.3,1)),background-color 220ms var(--ease-out)}
  #mary .post__arm[open] .post__note{animation:post-plank 220ms var(--ease-standard,cubic-bezier(.2,.7,.3,1)) both}
  @keyframes post-plank{from{opacity:0;translate:-8px -4px}}
}
/* /lf:mary-f4 */
/* lf:system-f4 */
/* FAQ розмовою, як на головній і в Зануренні: під кожною відповіддю «Наступне питання ›» (ціль 44 px), на столі ваше питання
   стоїть бульбашкою над відповіддю Мері; рядок кімнати - «Мері й команда школи» (data-faq-line). */
#faq .faq__ask{grid-column:1/-1;justify-self:end;max-width:88%;margin:0 0 -4px;padding:12px 18px;border-radius:22px 22px 6px 22px;background:var(--world);color:var(--world-ink);font:600 var(--fs-body)/1.45 var(--font-body);text-wrap:pretty}
#faq .faq__ask[hidden]{display:none}
#faq .lk-faq__a>.faq__next{grid-column:2;margin:-6px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
#faq .faq__next-a{display:inline-flex;align-items:center;min-height:44px;color:var(--link);font:700 var(--fs-body)/1.3 var(--font-body);text-decoration:none;-webkit-tap-highlight-color:transparent}
#faq .lk-faq__words .faq__next{margin:.25em 0 0}
#faq .faq__next-a:focus-visible{outline:var(--focus-ring);outline-offset:3px;border-radius:10px}
@media (hover:hover){#faq .faq__next-a:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.22em}}
@media (prefers-reduced-motion:no-preference){#faq .faq__next-a:active{scale:.98;transition:scale var(--dur-press)}}
/* /lf:system-f4 */
/* lf:results-f5 · #how (власник f2 «живее… правую часть насыщеннее… на 7»; аудит full4: підставка, рябь екрана, SaaS-плашки, аспекти
   двічі). Ноутбук без сірої підставки - м'яка тінь e2; екран - крупний кадр маршруту англійської з продукту (2×, читається один рядок).
   Шматочки уроку - речі з уроку Steps: смужка зошита з маркером (граматика), картка слова (слова), аудіо з хвилею (слухання).
   Вони так само влітають у телефон по дотику до аспекту (phone.js reply). Підпис «Усі аспекти мови» біля телефона прибрано - легенда
   ліворуч і вкладки - одна пара, вибрана підсвічена разом. */
.how__screen{display:block;overflow:hidden;aspect-ratio:788/532;border-radius:6px;background:var(--cream)}
.how__screen img{display:block;width:160%;max-width:none;height:auto;translate:-1% -15%}
@media (min-width:1024px){
  .how__desk{box-shadow:0 1px 2px color-mix(in srgb,var(--ink-press) 8%,transparent),0 30px 70px -18px color-mix(in srgb,var(--ink-press) 30%,transparent),0 10px 22px -10px color-mix(in srgb,var(--ink-press) 18%,transparent)}
  .how__desk img{width:160%;border-radius:0}
  .how__bit{max-width:min(300px,86%)}
  .how__desk:hover{translate:0 -3px}
  .how .how__hand{display:none}
  .how__bit{gap:4px;border-radius:4px;color:var(--ink)}
  .how__bit small{font:700 13px/1.3 var(--font-body);letter-spacing:.01em}
  .how__bit b{font:500 17px/1.25 var(--font-display);letter-spacing:-.01em}
  /* граматика: смужка зошита, рядок під маркером */
  .how__bit--line{padding:12px 18px 13px 30px;border-radius:3px;background:repeating-linear-gradient(180deg,transparent 0 23px,color-mix(in srgb,var(--w-steps-accent,var(--world-accent)) 18%,transparent) 23px 24px) 0 10px/100% 100% no-repeat,var(--raised);box-shadow:inset 18px 0 0 -16px color-mix(in srgb,var(--world-accent) 45%,transparent),0 1px 2px color-mix(in srgb,var(--ink-press) 8%,transparent),0 12px 26px -8px color-mix(in srgb,var(--ink-press) 20%,transparent)}
  .how__bit--line b{font-style:italic;background:linear-gradient(176deg,transparent 52%,color-mix(in srgb,var(--yellow) 70%,transparent) 52% 88%,transparent 88%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
  /* слова: картка-флешкартка з відривною смугою */
  .how__bit--card{padding:20px 18px 14px;border-radius:6px;background:linear-gradient(180deg,var(--world-accent) 0 6px,transparent 6px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink-press) 3%,transparent) 0 1px,transparent 1px 5px),var(--raised);color:var(--ink)}
  .how__bit--card small{color:var(--world-ink)}
  .how__bit--card b{font-size:19px}
  /* слухання: аудіо - кругла кнопка з трикутником і хвиля */
  .how__bit--wave{padding:12px 22px 12px 128px;border-radius:999px;max-width:min(340px,96%)}
  .how__bit--wave b{white-space:nowrap}
  .how__bit--wave{left:10%}
  .how__bit--wave::before{content:"";position:absolute;left:10px;top:50%;width:34px;height:34px;translate:0 -50%;border-radius:50%;background:var(--world-ink)}
  .how__bit--wave::after{content:"";position:absolute;left:23px;top:50%;width:0;height:0;translate:0 -50%;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--paper)}
  .how__bit--wave .how__wave{left:52px}
}
@media (min-width:1024px) and (prefers-color-scheme:dark){
  :root:not([data-theme=light]) .how__bit--line,:root:not([data-theme=light]) .how__bit--card{background-color:var(--cream)}
  :root:not([data-theme=light]) .how__bit--card{background:linear-gradient(180deg,var(--world-accent) 0 6px,transparent 6px),var(--cream);color:var(--ink)}
  :root:not([data-theme=light]) .how__bit--line b{color:var(--ink-press);background:linear-gradient(176deg,transparent 8%,color-mix(in oklab,var(--yellow) 85%,var(--paper)) 8% 94%,transparent 94%)}
  :root:not([data-theme=light]) .how__bit--card small{color:var(--yellow)}
}
@media (min-width:1024px){
  :root[data-theme=dark] .how__bit--line,:root[data-theme=dark] .how__bit--card{background-color:var(--cream)}
  :root[data-theme=dark] .how__bit--card{background:linear-gradient(180deg,var(--world-accent) 0 6px,transparent 6px),var(--cream);color:var(--ink)}
  :root[data-theme=dark] .how__bit--line b{color:var(--ink-press);background:linear-gradient(176deg,transparent 8%,color-mix(in oklab,var(--yellow) 85%,var(--paper)) 8% 94%,transparent 94%)}
  :root[data-theme=dark] .how__bit--card small{color:var(--yellow)}
}
/* /lf:results-f5 */
/* lf:inside-f5 · #levels - сходи до «вау» (власник 03:10 «not appealing», «проработать их качество»; аудит f4: «шість коробок»,
   «зелений скотч», «ніч тьмяна»). Та сама лестница, шість рівнів, фішка, картка, підйом по дотику. Нове - рендер f5:
   одна монолітна лестница на спільному цоколі, проступ з закругленим носиком без «кришки» й щілин (лише волосяний шов між
   блоками), вапняк із зерном (normal map), прожилками, ±4 % тону, трьома сколами, теплою патиною внизу, AO у стиках, теплим
   відбитим світлом від підлоги; таблички A0-C1 - латунь із вигравіюваними літерами; мох і травинки лише біля підніжжя
   (окремий шар над цоколем); ніч - свій рендер з теплим боковим світлом. Вибрана сходинка - не пласка заливка, а свій шар
   світла (пляма на проступі й відблиск по фасці, screen), фішка з контактною тінню. Рухаються лише transform і opacity. */
.step__body::after{content:none}
.stairs__glow{display:none}
.step__glint{position:absolute;inset:0;display:block;opacity:0;mix-blend-mode:screen;pointer-events:none}
.step__glint img{display:block;width:100%;height:100%}
.stairs[data-js] .step[data-picked] .step__glint{opacity:1}
.stairs__grass{position:absolute;z-index:11;left:calc(var(--l) * 1%);top:calc(var(--t) * 1%);width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);pointer-events:none}
/* м'яка димка за сходами: вдень - папір, уночі - теплий відсвіт ліхтаря */
.stairs__scene::before{content:"";position:absolute;left:17%;right:13%;top:16%;bottom:12%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--paper) 72%,transparent),transparent)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .stairs__scene::before{background:radial-gradient(closest-side,color-mix(in srgb,var(--yellow) 9%,transparent),transparent)}}
:root[data-theme=dark] .stairs__scene::before{background:radial-gradient(closest-side,color-mix(in srgb,var(--yellow) 9%,transparent),transparent)}
.stairs__pawn::before{width:78%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ink-press) 62%,transparent),color-mix(in srgb,var(--ink-press) 22%,transparent) 60%,transparent)}
.stairs__lead path{stroke:color-mix(in srgb,var(--w-steps-ink) 72%,transparent);stroke-width:1.5}
/* телефон: картка рівня - два уроки замість трьох, модуль у межах екрана */
@media(max-width:767px){.pond-card__first li:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:no-preference){
  .step__glint{transition:opacity 220ms var(--ease-out)}
  .stairs[data-armed] .stairs__grass{opacity:0}
  .stairs[data-play] .stairs__grass{animation:stair-fade 360ms var(--ease-out) 120ms both}
}
.stairs__scene{margin:calc(var(--cap) * -.15 / .7 / 1.753) 0 calc(var(--cap) * -.15 / .7 / 1.753) calc((100% - var(--cap)) / 2 - var(--cap) * .15 / .7)}
/* власник f4: «и чего они идут вверх когда на них наступаешь?» - сходинка під фішкою не піднімається й не підскакує при наведенні:
   вибір - лише світло (шар step__glint) і фішка; пресс .98 лишається */
.stairs[data-js] .step[data-picked] .step__body{translate:none}
.stairs[data-js]{--lift:0px}
@media(prefers-reduced-motion:no-preference)and (hover:hover)and (pointer:fine){.stairs[data-js] .step:not([data-picked]):has(.step__hit:hover) .step__body{translate:none}.stairs[data-js] .step:not([data-picked]):has(.step__hit:hover) .step__glint{opacity:.45}}
/* довгий хвіст нічної тіні м’яко тане до краю кадру, а не обрізається краєм сторінки (360-1440) */
.stairs__ground{-webkit-mask:linear-gradient(90deg,var(--ink) 76%,transparent 88%);mask:linear-gradient(90deg,var(--ink) 76%,transparent 88%)}
/* /lf:inside-f5 */

/* lf:mary-f5 · #mary дороговказ (власник r3 «та не, хуита какая-то», r2 «правый блок слабоват»; аудит full4: зліва порожньо
   ≈ 480 × 150, кнопка полароїда лежить на табличці «з 2010», край полароїда за 8 px від «6 рівнів», прокрутка 154/103 мс,
   тап «Інше фото» 6 кадрів > 34 мс). Зліва - заголовок, дослівна цитата Мері (Literata 20) і посилання одним блоком по центру
   стовпа. Полароїд висить на одній кнопці на стовпі над першою дошкою й відхиляється від дошок (вага тягне низ ліворуч).
   Тіні дощок і табличок - статичні псевдоелементи тієї ж форми, без filter/blur (на прокрутці нічого не перемальовується).
   Зміна фото - поворот одного шару навколо кнопки (snaps.js, WAAPI), без CSS-переходів обох знімків. */
#mary .mary__quote{margin:0;max-width:21em;color:var(--ink-2);font:italic 400 1.125rem/1.4 var(--font-display);letter-spacing:-.005em;text-wrap:balance}
#mary .post{padding-top:52px}
#mary .post .snaps{top:10px;right:calc(100% - var(--px) - 10px);rotate:3.5deg;transform-origin:calc(100% - 10px) 4px}
#mary .snaps__pin{top:-4px;right:2px}
#mary .post .snap{transition:none}
/* дошка: форма й дерево - ::before, тінь - ::after (та сама стрілка, зсув 6 px, згасає донизу), обидва повертаються разом із дошкою */
#mary .post__arm>summary{filter:none}
#mary .post__board{isolation:isolate;clip-path:none;background:none}
#mary .post__board::before,#mary .post__board::after{content:"";position:absolute;inset:0;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,0 100%);pointer-events:none}
#mary .post__board::before{z-index:-1;
  background:radial-gradient(circle at var(--nail-x) 30%,var(--nail) 0 2.2px,var(--wood-edge) 2.6px 3.4px,transparent 3.8px),radial-gradient(circle at var(--nail-x) 72%,var(--nail) 0 2.2px,var(--wood-edge) 2.6px 3.4px,transparent 3.8px),
    linear-gradient(0deg,var(--wood-edge) 0 5px,color-mix(in srgb,var(--wood-hi) 70%,transparent) 5px 6px,transparent 6px),
    repeating-linear-gradient(177deg,transparent 0 7px,color-mix(in srgb,var(--wood-lo) 42%,transparent) 7px 8px,transparent 8px 13px,color-mix(in srgb,var(--wood-hi) 30%,transparent) 13px 14px),
    linear-gradient(180deg,var(--wood-hi),var(--wood) 60%,var(--wood-lo))}
#mary .post__arm[open] .post__board{background:none}
#mary .post__arm[open] .post__board::before{
  background:radial-gradient(circle at var(--nail-x) 30%,var(--nail) 0 2.2px,var(--wood-edge) 2.6px 3.4px,transparent 3.8px),radial-gradient(circle at var(--nail-x) 72%,var(--nail) 0 2.2px,var(--wood-edge) 2.6px 3.4px,transparent 3.8px),
    linear-gradient(0deg,color-mix(in oklab,var(--yellow) 62%,var(--ink-press)) 0 5px,transparent 5px),
    repeating-linear-gradient(177deg,transparent 0 9px,color-mix(in srgb,var(--wood) 16%,transparent) 9px 10px),
    linear-gradient(180deg,color-mix(in oklab,var(--yellow) 88%,var(--paper)),var(--yellow))}
#mary .post__board::after{z-index:-2;translate:1px 6px;background:linear-gradient(180deg,color-mix(in srgb,var(--ink-press) 8%,transparent),color-mix(in srgb,var(--ink-press) 26%,transparent) 55%,color-mix(in srgb,var(--ink-press) 6%,transparent))}
/* табличка факту: тінь - ::before тієї ж форми */
#mary .post__note{filter:none}
#mary .post__note::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:auto;height:auto;margin:0;border-radius:3px 0 0 3px;translate:1px 4px;box-shadow:none;
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--ink-press) 6%,transparent),color-mix(in srgb,var(--ink-press) 22%,transparent) 60%,color-mix(in srgb,var(--ink-press) 6%,transparent))}
@media (max-width:767px){
  #mary .mary__quote{font-size:1.0625rem}
  #mary .post{padding-top:46px}
}
@media (min-width:768px){
  #mary .mary{grid-template-rows:1fr auto auto auto 1fr;row-gap:0}
  #mary .mary__text .lk-h2{grid-row:2;align-self:end}
  #mary .mary__quote{grid-column:1;grid-row:3;margin-top:var(--space-4);font-size:1.25rem}
  #mary .mary__school{grid-column:1;grid-row:4;margin-top:var(--space-3)}
  #mary .post{grid-row:1/-1;justify-self:center;width:100%;padding-top:56px}
}
/* /lf:mary-f5 */
/* lf:mary f6 · #mary (tech.smooth: на 1440 p95 кадрів після «Інше фото Мері» 37 мс). Коробка знімків і обидва знімки - готові
   композитні шари ще до дотику: поворот на шпильці й заміна кадру посередині лише переставляють шари, без перемальовування
   розмитих тіней (--sh-lift) на кожному знімку. */
#mary .post :is(.snaps,.snap){will-change:transform}
/* lf:system-f5 · «Наступне питання ›» на телефоні ставить наступне питання під шапку (kit jump: лінія head-h + 16), а не на 28 px */
#faq .lk-faq__q{scroll-margin-top:calc(var(--head-h,68px) + 16px)}
/* /lf:system-f5 */
/* lf:results-f6 · #how (owner-eye full5: «1440: ≈ 500 px пусто між текстом і телефоном»; власник f2 «правую часть чуть более
   насыщенной»). Ноутбук з кадром маршруту англійської з продукту займає середину: на ≥ 1280 він ширший (до 470 px) і підходить до тексту, шматочки уроку
   тримаються за ним, телефон на місці. Нічого не прибрано, композиція та сама. */
@media (min-width:1280px){
  .how__stage{--tw:clamp(400px,32vw,470px)}
  .how__bit--card{left:-9%}
}
/* /lf:results-f6 */
/* lf:inside-f6 · #levels (motion.choreo): знімок старої картки рівня лежить поверх нової й гасне за 180 мс (js/pond.js) - під
   сходами немає порожнього кадру; ступінь не піднімається. */
.stairs__ghost{position:absolute;inset:0;z-index:1;box-sizing:border-box;overflow:hidden;padding:inherit;border-radius:inherit;pointer-events:none}
/* /lf:inside-f6 */
/* lf:bl-rest · #how (бэклог art.composition, 1440: телефон і плашка «Слухання · день 017» стояли впритул до низу секції, тіні
   зрізала смуга #proof). На ≥ 1024 секція має 72 px повітря знизу; раскладка, ноутбук і телефон ті самі. */
@media (min-width:1024px){#how{padding-bottom:calc(var(--space-8) + var(--space-2))}}
/* /lf:bl-rest */