@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-ext-400-normal-CXAzuTZb.woff2)format("woff2"),url(/assets/figtree-latin-ext-400-normal-Gbh-3PTk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2"),url(/assets/figtree-latin-400-normal-BD4aNku5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-ext-500-normal-Du0rIuHj.woff2)format("woff2"),url(/assets/figtree-latin-ext-500-normal-BOEJvrb_.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-500-normal-BWnGEVsr.woff2)format("woff2"),url(/assets/figtree-latin-500-normal-B_yy1phn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-ext-600-normal-DJlfifZj.woff2)format("woff2"),url(/assets/figtree-latin-ext-600-normal-CQqsimlV.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2"),url(/assets/figtree-latin-600-normal-BM_oTo4n.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-ext-700-normal-CS4sQkGV.woff2)format("woff2"),url(/assets/figtree-latin-ext-700-normal-BoDi4KL2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-700-normal-th6qEP7c.woff2)format("woff2"),url(/assets/figtree-latin-700-normal-BCCt2T1q.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--r2-lx:232px;--r2-ly:58px}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--sec:4;--r1-sec:40;--w2-words:169;--s1-sec:0}}}@layer theme{:root,:host{--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-normal:0em;--leading-normal:1.5;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--radius-key:7px;--radius-tag:8px;--radius-control-sm:11px;--radius-control:12px;--radius-control-lg:14px;--radius-card:16px;--radius-panel:18px;--radius-stage:22px;--animate-page-wait:page-wait 8s cubic-bezier(.08, .8, .2, 1) .18s both;--animate-clock-tick:clock-tick 60s steps(60) infinite;--color-birch-ink:#6b4a2a;--animate-dropdown-in:dropdown-in .16s var(--ease-out);--animate-cal-next:cal-next .16s var(--ease-out);--animate-cal-back:cal-back .16s var(--ease-out);--animate-pitch-in:home-rise .7s var(--ease-out) both;--animate-scene-in:home-rise .8s var(--ease-out) both;--animate-mark-draw:mark-draw .9s var(--ease-out) .7s forwards;--animate-mug-steam:mug-steam 3.2s ease-in-out infinite;--animate-cloud-drift:cloud-drift 40s ease-in-out infinite alternate;--animate-say-in:say-in .26s var(--ease-out);--animate-code-caret:code-caret 1s steps(1) infinite;--animate-plus-wait:plus-wait .9s linear infinite;--animate-blink:blink 1.2s steps(1) infinite;--animate-drawer-in:drawer-in .22s var(--ease-out);--animate-sheet-in:sheet-in .22s var(--ease-out);--animate-backdrop-in:backdrop-in .22s var(--ease-out);--animate-wait-pulse:wait-pulse 1.4s ease-in-out infinite}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1e1722;--muted:#4f4752;--ground:#fff;--line:#e8e2e5;--line-strong:#d9cdd3;--wall:#f3e5ec;--wall-deep:#e9d3df;--plum:#4a1b3a;--plum-hover:#5d2449;--plum-dark:#2c0f22;--plum-soft:#f6eef2;--maple:#e07b2e;--maple-soft:#fcddbe;--maple-dark:#8a4412;--birch:#edd3ae;--oak:#d5a570;--oak-dark:#bc8a55;--lake-soft:#eaf2f4;--lake-line:#d7e6ea;--green:#15803d;--green-dark:#0f5e2c;--green-soft:#e4f6ea;--green-line:#9fddb5;--red:#c8261f;--red-dark:#9a1b16;--red-soft:#fde9e7;--red-line:#f3b6b0;--listening:#23708c;--reading:#946010;--writing:#6e2c58;--speaking:#3c6e5a;--display:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--body:"Figtree", ui-sans-serif, system-ui, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--gutter:max(20px, calc((100% - 1240px) / 2));--bar-gutter:clamp(20px, 2.2vw, 28px)}*,:before,:after{box-sizing:border-box;border:0 solid}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;padding:0}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--plum);outline-offset:3px;border-radius:6px}::selection{color:var(--ink);background:#f6d9b8}.skill-listening{--skill:var(--listening)}.skill-reading{--skill:var(--reading)}.skill-writing{--skill:var(--writing)}.skill-speaking{--skill:var(--speaking)}:where(.bv-host){width:120px}.bv-host{display:block}.bv-host svg{width:100%;height:auto;display:block;overflow:visible}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.marks .w{white-space:pre;transition:background-color .18s var(--ease-out), box-shadow .18s var(--ease-out), color .26s var(--ease-out);border-radius:4px;line-height:1.2;text-decoration:none;display:inline-block;position:relative}.marks .w.del{color:#6a6169}.marks .w.del:after{content:"";transform-origin:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M1 5C18 2.6 34 6 52 3.8S84 2.6 99 4.6' fill='none' stroke='%234A1B3A' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:8px;margin-top:-3px;position:absolute;top:50%;left:-2px;right:-2px}.marks .w.ins{color:var(--plum);background:var(--plum-soft);box-shadow:3px 0 0 var(--plum-soft), -3px 0 0 var(--plum-soft);font-weight:600}.marks .w.fill{background:var(--maple-soft);box-shadow:4px 0 0 var(--maple-soft), -4px 0 0 var(--maple-soft)}.marks .w.is-lit{background:var(--maple-soft);box-shadow:3px 0 0 var(--maple-soft), -3px 0 0 var(--maple-soft)}.marks .pin{background:var(--maple-dark);color:#fff;width:21px;height:21px;font:700 12.5px/1 var(--body);vertical-align:.14em;transition:background-color .18s var(--ease-out), scale .18s var(--ease-out);border-radius:50%;place-items:center;margin:0 2px 0 3px;display:inline-grid}.marks .pin.is-active{background:var(--plum);scale:1.16}.marks.is-clean .del,.marks.is-clean .gap,.marks.is-clean .pin{display:none}.marks.is-clean .w.ins{color:inherit;box-shadow:none;background:0 0;font-weight:400}.marks.is-clean .w.fill{background:var(--maple-soft)}.pre .marks .w.del:after{transform:scaleX(0)}.pre .marks .w.del.on:after{transition:transform 90ms linear;transform:none}.pre .marks .w.ins{clip-path:inset(-5px 100% -7px -3px)}.pre .marks .w.ins.on{clip-path:inset(-5px -3px -7px);transition:clip-path 90ms linear}.pre .marks .w.fill{box-shadow:none;background:0 0}.pre .marks .w.fill.on{background:var(--maple-soft);box-shadow:4px 0 0 var(--maple-soft), -4px 0 0 var(--maple-soft);transition:background-color .2s}.pre .marks .pin{scale:0}.pre .marks .pin.on{transition:scale .24s cubic-bezier(.34,1.56,.64,1);scale:1}.desk{background:var(--oak);border-top:32px solid var(--birch);height:112px;position:relative}.desk:before{content:"";background:var(--oak-dark);opacity:.45;height:6px;position:absolute;top:0;left:0;right:0}.deskbar{min-height:76px;padding:14px var(--bar-gutter);background:var(--birch);border-bottom:18px solid var(--oak);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.deskbar:before{content:"";background:var(--oak-dark);opacity:.35;height:5px;position:absolute;bottom:0;left:0;right:0}.deskbar .bv-host{left:calc(var(--bar-gutter) - 6px);width:104px;position:absolute;bottom:2px}.deskbar .say-line{color:#6b4a2a;margin-left:112px;font-size:15px;font-weight:600}.deskbar .actions{gap:10px;margin-left:auto;display:flex}.deskbar .desk-warn{z-index:1;right:var(--bar-gutter);max-width:min(520px, calc(100% - var(--bar-gutter) * 2));background:var(--maple-soft);color:var(--maple-dark);border-radius:12px;padding:10px 14px;font-size:15px;font-weight:600;line-height:1.4;position:absolute;bottom:calc(100% + 8px);box-shadow:0 6px 18px #3c1e3224}@media not all and (width>=521px){.deskbar{min-height:68px;padding-left:calc(var(--bar-gutter) + 70px)}.deskbar .bv-host{left:calc(var(--bar-gutter) - 10px);width:80px}.deskbar .say-line{display:none}.deskbar .actions .btn-lg{border-radius:12px;min-height:46px;padding:0 16px;font-size:15px}}@media (width>=1001px){.marked-work.is-aligned [data-slips]{min-height:40px;display:block}.marked-work.is-aligned .slip{position:absolute;left:0;right:0}}.marked-work .slip.is-active{box-shadow:0 0 0 2px var(--maple), 0 18px 26px -18px #3c281499;translate:-5px}.marked-work .slip.is-active>span{background:var(--plum)}.marked-work .threads path{fill:none;stroke-linecap:round;transition:opacity .2s var(--ease-out), stroke .2s var(--ease-out)}.marked-work .t-out{stroke:var(--plum);stroke-width:1.5px;opacity:.32}.marked-work .t-in{stroke:var(--maple-dark);stroke-width:1.7px;opacity:0}.marked-work .threads .is-active.t-out{stroke:var(--maple-dark);opacity:1}.marked-work .threads .is-active.t-in{opacity:1}.pre .marked-work .slip{opacity:0;translate:-18px}.pre .marked-work .slip.on{opacity:1;transition:opacity .3s var(--ease-out), translate .34s var(--ease-out);translate:0}.pre .marked-work .threads{opacity:0}.pre .marked-work .threads.on{opacity:1;transition:opacity .3s}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-2\.5{inset-inline:calc(var(--spacing) * 2.5)}.inset-y-0{inset-block:0}.-top-2{top:calc(var(--spacing) * -2)}.-top-2\.5{top:calc(var(--spacing) * -2.5)}.-top-3\.5{top:calc(var(--spacing) * -3.5)}.-top-6{top:calc(var(--spacing) * -6)}.-top-\[14\%\]{top:-14%}.-top-\[17px\]{top:-17px}.-top-\[26px\]{top:-26px}.-top-\[92px\]{top:-92px}.-top-px{top:-1px}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-\[22px\]{top:22px}.top-\[30px\]{top:30px}.top-\[34px\]{top:34px}.top-\[38px\]{top:38px}.top-\[39px\]{top:39px}.top-\[51px\]{top:51px}.top-\[68px\]{top:68px}.top-\[calc\(100\%\+6px\)\]{top:calc(100% + 6px)}.top-\[calc\(100\%\+7px\)\]{top:calc(100% + 7px)}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-\[calc\(100\%\+24px\)\]{top:calc(100% + 24px)}.top-\[calc\(var\(--books\)_\+_47px\)\]{top:calc(var(--books) + 47px)}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-3{right:calc(var(--spacing) * -3)}.-right-3\.5{right:calc(var(--spacing) * -3.5)}.right-0{right:0}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-6{right:calc(var(--spacing) * 6)}.right-\[2px\]{right:2px}.right-\[22px\]{right:22px}.right-\[26px\]{right:26px}.right-\[34px\]{right:34px}.right-\[42px\]{right:42px}.right-\[46px\]{right:46px}.right-\[58px\]{right:58px}.right-\[246px\]{right:246px}.right-\[404px\]{right:404px}.right-\[calc\(var\(--gutter\)\*-1\)\]{right:calc(var(--gutter) * -1)}.right-\[calc\(var\(--gutter\)_-_70px\)\]{right:calc(var(--gutter) - 70px)}.right-auto{right:auto}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-2{bottom:calc(var(--spacing) * -2)}.-bottom-\[0\.1em\]{bottom:-.1em}.-bottom-\[6px\]{bottom:-6px}.bottom-0{bottom:0}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-2\.5{bottom:calc(var(--spacing) * 2.5)}.bottom-\[9px\]{bottom:9px}.bottom-\[11px\]{bottom:11px}.bottom-\[34px\]{bottom:34px}.bottom-\[calc\(100\%\+6px\)\]{bottom:calc(100% + 6px)}.bottom-\[calc\(100\%\+8px\)\]{bottom:calc(100% + 8px)}.bottom-\[calc\(100\%_\+_\(var\(--top\)_-_var\(--goal\)\)_\*_var\(--step\)\)\]{bottom:calc(100% + (var(--top) - var(--goal)) * var(--step))}.bottom-\[calc\(100\%_-_5px\)\]{bottom:calc(100% - 5px)}.bottom-\[calc\(var\(--base\)_\+_var\(--goal\)_\*_var\(--step\)\)\]{bottom:calc(var(--base) + var(--goal) * var(--step))}.bottom-\[calc\(var\(--base\)_\+_var\(--goal\)_\*_var\(--step\)_\+_5px\)\]{bottom:calc(var(--base) + var(--goal) * var(--step) + 5px)}.bottom-\[calc\(var\(--goal\)\*var\(--step\)\)\]{bottom:calc(var(--goal) * var(--step))}.bottom-full{bottom:100%}.-left-1\.5{left:calc(var(--spacing) * -1.5)}.-left-3\.5{left:calc(var(--spacing) * -3.5)}.-left-\[2\%\]{left:-2%}.-left-\[3\%\]{left:-3%}.-left-\[11\%\]{left:-11%}.-left-\[32\%\]{left:-32%}.-left-\[120px\]{left:-120px}.left-\(--menu-x\){left:var(--menu-x)}.left-0{left:0}.left-1\/2{left:50%}.left-\[13px\]{left:13px}.left-\[34px\]{left:34px}.left-\[40\%\]{left:40%}.left-\[60\%\]{left:60%}.left-\[120px\]{left:120px}.left-\[calc\(var\(--gutter\)\*-1\)\]{left:calc(var(--gutter) * -1)}.left-gutter{left:var(--gutter)}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-6{z-index:6}.z-30{z-index:30}.z-50{z-index:50}.order-2{order:2}.attempt{background:#fbf8f9;border-radius:12px;grid-template-columns:152px minmax(0,1fr) auto;align-items:center;gap:4px 18px;padding:12px 12px 12px 16px;display:grid}.attempt .attempt-name b{font-weight:700;line-height:1.3;display:block}.attempt .attempt-name span{color:var(--muted);font-size:14px;display:block}.attempt .attempt-what{justify-items:start;gap:5px;min-width:0;display:grid}.attempt .attempt-what>b{font-variant-numeric:tabular-nums;font-weight:600;line-height:1.35}.attempt .attempt-do{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.attempt.is-now{background:var(--plum-soft)}.attempt.is-open{background:var(--maple-soft)}@media not all and (width>=521px){.attempt{grid-template-columns:minmax(0,1fr) auto;padding-left:14px}.attempt .attempt-what{grid-area:2/1/auto/-1}}.col-2{grid-column:2}.col-4{grid-column:4}.col-\[2\]{grid-column:2}.col-\[3\/5\]{grid-column:3/5}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-1{grid-row:1}.row-2{grid-row:2}.row-3{grid-row:3}.row-\[1\/4\]{grid-row:1/4}.row-\[1\/span_2\]{grid-row:1/span 2}.row-span-3{grid-row:span 3/span 3}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.float-right{float:right}.slider{--track:linear-gradient(to right, var(--slider,var(--plum)) var(--filled), var(--slider-track,var(--line)) var(--filled));appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0;display:block}.slider::-webkit-slider-runnable-track{background:var(--track);border-radius:99px;height:8px}.slider::-moz-range-track{background:var(--track);border-radius:99px;height:8px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--slider,var(--plum));width:22px;height:22px;transition:scale .12s var(--ease-out);background:#fff;border-bottom-width:4px;border-radius:50%;margin-top:-7px}.slider::-moz-range-thumb{border:2px solid var(--slider,var(--plum));box-sizing:border-box;width:22px;height:22px;transition:scale .12s var(--ease-out);background:#fff;border-bottom-width:4px;border-radius:50%}.slider:active::-webkit-slider-thumb{scale:1.12}.slider:active::-moz-range-thumb{scale:1.12}.verdict{border-radius:16px;align-items:center;gap:14px;padding:10px 18px 10px 8px;font-size:16px;line-height:1.45;display:flex}.verdict .bv-host{flex:none;width:72px;margin:-14px 0 -6px}.verdict.is-right{background:var(--green-soft);color:var(--green-dark)}.verdict.is-wrong{background:var(--red-soft);color:var(--red-dark)}.verdict.is-plum{background:var(--plum-soft);color:var(--ink)}.hl{background:var(--maple-soft);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px 3px 7px 4px;margin:0 -.08em;padding:.04em .16em}.m-0{margin:0}.m-\[3px\]{margin:3px}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-1\.5{margin-inline:calc(var(--spacing) * -1.5)}.-mx-2\.5{margin-inline:calc(var(--spacing) * -2.5)}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.-mx-\[0\.08em\]{margin-inline:-.08em}.-mx-\[7px\]{margin-inline:-7px}.mx-1{margin-inline:var(--spacing)}.mx-auto{margin-inline:auto}.mx-gutter{margin-inline:var(--gutter)}.-my-\[7px\]{margin-block:-7px}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-10{margin-block:calc(var(--spacing) * 10)}.btn{cursor:pointer;min-height:44px;font:700 15px/1 var(--body);white-space:nowrap;transition:transform .16s var(--ease-out), background-color .16s var(--ease-out);border:0 solid #0000;border-bottom-width:3px;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.btn:active{border-bottom-width:1px;margin-top:2px;transform:translateY(2px)}.btn:disabled{opacity:.55}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.-mt-3\.5{margin-top:calc(var(--spacing) * -3.5)}.-mt-\[18px\]\!{margin-top:-18px!important}.-mt-\[34px\]{margin-top:-34px}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\!{margin-top:var(--spacing)!important}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-11{margin-top:calc(var(--spacing) * 11)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-\[2px\]{margin-top:2px}.mt-\[3px\]{margin-top:3px}.mt-\[5px\]{margin-top:5px}.mt-\[6px\]\!{margin-top:6px!important}.mt-\[7px\]{margin-top:7px}.mt-\[18px\]{margin-top:18px}.mt-\[22px\]{margin-top:22px}.mt-\[26px\]{margin-top:26px}.mt-\[27px\]{margin-top:27px}.mt-\[30px\]{margin-top:30px}.mt-\[34px\]{margin-top:34px}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.review-skill{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.review-skill>span{margin-right:4px}.review-skill button{border:2px solid var(--line);width:30px;height:30px;font:700 13px/1 var(--body);color:var(--muted);border-radius:8px;place-items:center;display:grid}.review-skill .is-right{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark)}.review-skill .is-wrong{border-color:var(--red-line);background:var(--red-soft);color:var(--red-dark)}.review-skill .is-now{border-color:var(--plum);background:var(--plum);color:#fff}.-mr-1{margin-right:calc(var(--spacing) * -1)}.-mr-3{margin-right:calc(var(--spacing) * -3)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-\[3px\]{margin-right:3px}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.-mb-1\.5{margin-bottom:calc(var(--spacing) * -1.5)}.-mb-2\.5{margin-bottom:calc(var(--spacing) * -2.5)}.-mb-3{margin-bottom:calc(var(--spacing) * -3)}.-mb-3\.5{margin-bottom:calc(var(--spacing) * -3.5)}.-mb-\[6px\]{margin-bottom:-6px}.-mb-\[9px\]{margin-bottom:-9px}.-mb-\[18px\]{margin-bottom:-18px}.-mb-\[22px\]{margin-bottom:-22px}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4\.5{margin-bottom:calc(var(--spacing) * 4.5)}.mb-\[0\.7em\]{margin-bottom:.7em}.mb-\[18px\]{margin-bottom:18px}.mb-\[30px\]{margin-bottom:30px}.-ml-1\.5{margin-left:calc(var(--spacing) * -1.5)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-\[18px\]{margin-left:18px}.ml-auto{margin-left:auto}.choice{text-align:left;cursor:pointer;border:2px solid var(--line);width:100%;min-height:48px;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out);background:#fff;border-bottom-width:5px;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;font-size:16px;font-weight:600;display:flex}.choice kbd{border:2px solid var(--line);width:24px;height:24px;font:700 13px/1 var(--body);color:var(--muted);border-radius:7px;flex:none;place-items:center;display:grid}.choice.is-picked{border-color:var(--plum);background:var(--plum-soft)}.choice.is-picked kbd{border-color:var(--plum);color:var(--plum)}.choice.is-right{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark)}.choice.is-wrong{border-color:var(--red-line);background:var(--red-soft);color:var(--red-dark)}.taskbar{padding:12px var(--bar-gutter);background:var(--plum-soft);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:15px;font-weight:600;display:flex}.taskbar b{color:var(--ink)}.taskbar .left{align-items:center;gap:14px;min-width:0;display:flex}.taskbar .close-x{width:36px;height:36px;color:var(--ink);background:#fff;border-radius:10px;place-items:center;display:grid}.taskbar .close-x svg{width:18px;height:18px}.spine-n{background:var(--skill) linear-gradient(#ffecd6cc, #ffecd6cc) 0 5px / 100% 4px no-repeat;color:#fff;width:30px;height:38px;font:700 15px/1 var(--display);font-variation-settings:"opsz" 24;font-variant-numeric:tabular-nums;border-radius:6px 6px 2px 2px;flex:none;place-items:center;padding-top:5px;display:grid}.spine-n.is-lg{background-position:0 6px;background-size:100% 5px;width:34px;height:44px;padding-top:6px;font-size:16px}.stat{width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--line-strong);border-radius:50%;flex:none;display:block}.stat.is-open{background:conic-gradient(var(--skill,var(--plum)) 0 50%, transparent 0);box-shadow:inset 0 0 0 2px var(--skill,var(--plum))}.stat.is-done{box-shadow:none;background:var(--skill,var(--plum)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6.5 11.5l3.2 3.2L15.8 8' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px no-repeat}.crumb{color:var(--muted);justify-self:start;align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.crumb:before{content:"";border-top:0;border-bottom:2px solid;border-left:2px solid;border-right:0;width:7px;height:7px;rotate:45deg}.pic{background:var(--wall);border-radius:14px;width:100%;height:auto;display:block}.pic-missing{border:2px dashed var(--line-strong);width:100%;min-height:240px;color:var(--muted);text-align:center;background:#fbf8f9;border-radius:14px;place-items:center;padding:20px;font-size:15px;line-height:1.5;display:grid}.chip{cursor:pointer;min-height:38px;transition:background-color .12s var(--ease-out), color .12s var(--ease-out);background:#fbf8f9;border:0;border-radius:11px;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:600;display:inline-flex}.chip span{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.chip[aria-pressed=true]{background:var(--plum);color:#fff}.chip[aria-pressed=true] span{color:#ffffffc7}@media (hover:hover){.chip[aria-pressed=false]:hover{background:var(--plum-soft)}}.score-frame .skip{min-height:30px;color:var(--plum);cursor:pointer;background:#fff;border-radius:999px;padding:0 12px;font-size:14px;font-weight:700;display:none}.score-frame.is-running .skip{display:block}@media not all and (width>=521px){.score-frame .deskbar .say-line{display:none}}.timer{white-space:nowrap;color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}.timer.is-low{background:var(--maple-soft);color:var(--maple-dark)}.bar-right{flex:none;align-items:center;gap:8px;display:flex}.review-parts{padding:14px var(--gutter) 0;flex-wrap:wrap;gap:8px 22px;display:flex}.chips,.tags{flex-wrap:wrap;gap:6px;display:flex}.pill{background:var(--plum-soft);color:var(--plum);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:14px;font-weight:700;display:inline-flex}.pill.is-green{background:var(--green-soft);color:var(--green-dark)}.pill.is-maple{background:var(--maple-soft);color:var(--maple-dark)}.pill.is-quiet{background:var(--wall);color:var(--muted)}.pill.is-white{background:#fff}.field{gap:6px;display:grid}.field label{font-size:14px;font-weight:600}.attempts,.choices{gap:8px;display:grid}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-square{aspect-ratio:1}.size-0{width:0;height:0}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-\[17px\]{width:17px;height:17px}.size-\[18px\]{width:18px;height:18px}.size-\[22px\]{width:22px;height:22px}.size-\[26px\]{width:26px;height:26px}.size-\[30px\]{width:30px;height:30px}.size-\[38px\]{width:38px;height:38px}.size-\[42px\]{width:42px;height:42px}.size-\[46px\]{width:46px;height:46px}.size-\[52px\]{width:52px;height:52px}.size-\[66px\]{width:66px;height:66px}.size-\[118px\]{width:118px;height:118px}.size-full{width:100%;height:100%}.h-\(--books\){height:var(--books)}.h-\(--h\){height:var(--h)}.h-\(--sh\){height:var(--sh)}.h-0{height:0}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-44{height:calc(var(--spacing) * 44)}.h-\[0\.22em\]{height:.22em}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[5px\]{height:5px}.h-\[6px\]{height:6px}.h-\[7px\]{height:7px}.h-\[9px\]{height:9px}.h-\[10px\]{height:10px}.h-\[17px\]{height:17px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[26px\]{height:26px}.h-\[30px\]{height:30px}.h-\[31px\]\!{height:31px!important}.h-\[34px\]{height:34px}.h-\[38px\]{height:38px}.h-\[46px\]{height:46px}.h-\[58px\]{height:58px}.h-\[60px\]{height:60px}.h-\[66px\]{height:66px}.h-\[70px\]{height:70px}.h-\[76px\]{height:76px}.h-\[78px\]{height:78px}.h-\[84px\]{height:84px}.h-\[92px\]{height:92px}.h-\[128\%\]{height:128%}.h-\[168px\]{height:168px}.h-\[300px\]{height:300px}.h-\[340px\]{height:340px}.h-\[446px\]{height:446px}.h-\[640px\]{height:640px}.h-\[calc\(\(var\(--goal\)_-_var\(--lv\)\)_\*_var\(--step\)\)\]{height:calc((var(--goal) - var(--lv)) * var(--step))}.h-\[calc\(max\(var\(--lv\)\,4\)\*var\(--step\)\)\]{height:calc(max(var(--lv), 4) * var(--step))}.h-\[calc\(max\(var\(--lv\)\,5\)\*var\(--step\)\)\]{height:calc(max(var(--lv), 5) * var(--step))}.h-\[calc\(var\(--a\)\*100\%\)\]{height:calc(var(--a) * 100%)}.h-\[calc\(var\(--base\)_\+_var\(--v\)_\*_var\(--step\)\)\]{height:calc(var(--base) + var(--v) * var(--step))}.h-\[calc\(var\(--books\)_\+_var\(--wood\)\)\]{height:calc(var(--books) + var(--wood))}.h-\[calc\(var\(--h\)\+18px\)\]{height:calc(var(--h) + 18px)}.h-\[calc\(var\(--top\)\*var\(--step\)\)\]{height:calc(var(--top) * var(--step))}.h-\[calc\(var\(--v\)\*1\%\)\]{height:calc(var(--v) * 1%)}.h-\[max\(calc\(var\(--h\)\*var\(--sh\)\)\,54px\)\]{height:max(calc(var(--h) * var(--sh)), 54px)}.h-\[var\(--v\,8\%\)\]{height:var(--v,8%)}.h-\[var\(--v\,12\%\)\]{height:var(--v,12%)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[180px\]{max-height:180px}.max-h-\[min\(480px\,70dvh\)\]{max-height:min(480px,70dvh)}.max-h-none{max-height:none}.input{border:2px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:50px;padding:0 14px;font-size:16px}.input:focus{border-color:var(--plum);box-shadow:0 0 0 4px var(--plum-soft);outline:none}@media not all and (width>=521px){.btn-wrap{white-space:normal;text-align:center;width:100%;min-height:54px;padding-block:10px;line-height:1.25}}.btn-lg{border-radius:14px;min-height:54px;padding:0 24px;font-size:16px}.btn-sm{border-radius:11px;min-height:38px;padding:0 14px;font-size:14px}.min-h-0{min-height:0}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[2\.6em\]{min-height:2.6em}.min-h-\[34px\]{min-height:34px}.min-h-\[38px\]{min-height:38px}.min-h-\[42px\]{min-height:42px}.min-h-\[46px\]{min-height:46px}.min-h-\[50px\]{min-height:50px}.min-h-\[52px\]{min-height:52px}.min-h-\[54px\]{min-height:54px}.min-h-\[58px\]{min-height:58px}.min-h-\[84px\]{min-height:84px}.min-h-\[118px\]{min-height:118px}.min-h-\[120px\]{min-height:120px}.min-h-\[440px\]{min-height:440px}.min-h-\[max\(440px\,calc\(100svh-300px\)\)\]{min-height:max(440px,100svh - 300px)}.min-h-max{min-height:max-content}.min-h-svh{min-height:100svh}.btn-block{width:100%}.w-\(--p\){width:var(--p)}.w-\(--w\){width:var(--w)}.w-0{width:0}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-6\!{width:calc(var(--spacing) * 6)!important}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-44{width:calc(var(--spacing) * 44)}.w-\[0\.3em\]{width:.3em}.w-\[0\.6em\]{width:.6em}.w-\[11px\]{width:11px}.w-\[17px\]{width:17px}.w-\[18px\]{width:18px}.w-\[20\%\]{width:20%}.w-\[22px\]{width:22px}.w-\[30px\]{width:30px}.w-\[33\%\]{width:33%}.w-\[34px\]{width:34px}.w-\[46px\]{width:46px}.w-\[47\%\]{width:47%}.w-\[58px\]{width:58px}.w-\[62px\]{width:62px}.w-\[74px\]{width:74px}.w-\[84px\]{width:84px}.w-\[84px\]\!{width:84px!important}.w-\[92px\]{width:92px}.w-\[96px\]{width:96px}.w-\[100px\]{width:100px}.w-\[104px\]{width:104px}.w-\[106\%\]{width:106%}.w-\[108px\]{width:108px}.w-\[110px\]{width:110px}.w-\[112px\]{width:112px}.w-\[118px\]{width:118px}.w-\[120px\]{width:120px}.w-\[122px\]{width:122px}.w-\[124px\]{width:124px}.w-\[138px\]{width:138px}.w-\[148px\]{width:148px}.w-\[150px\]{width:150px}.w-\[156px\]{width:156px}.w-\[164\%\]{width:164%}.w-\[170px\]{width:170px}.w-\[172px\]{width:172px}.w-\[180px\]{width:180px}.w-\[184px\]{width:184px}.w-\[190px\]{width:190px}.w-\[200px\]{width:200px}.w-\[212px\]{width:212px}.w-\[220px\]{width:220px}.w-\[232px\]{width:232px}.w-\[240px\]{width:240px}.w-\[272px\]{width:272px}.w-\[324px\]{width:324px}.w-\[340px\]{width:340px}.w-\[448px\]{width:448px}.w-\[calc\(var\(--w\)\+12px\)\]{width:calc(var(--w) + 12px)}.w-\[clamp\(64px\,8vw\,96px\)\]{width:clamp(64px,8vw,96px)}.w-\[min\(100\%\,900px\)\]{width:min(100%,900px)}.w-\[min\(400px\,92vw\)\]{width:min(400px,92vw)}.w-full{width:100%}.w-max{width:max-content}.max-w-2{max-width:calc(var(--spacing) * 2)}.max-w-\[6px\]{max-width:6px}.max-w-\[10\.5em\]{max-width:10.5em}.max-w-\[30em\]{max-width:30em}.max-w-\[31em\]{max-width:31em}.max-w-\[32em\]{max-width:32em}.max-w-\[34em\]{max-width:34em}.max-w-\[36em\]{max-width:36em}.max-w-\[40ch\]{max-width:40ch}.max-w-\[42ch\]{max-width:42ch}.max-w-\[52ch\]{max-width:52ch}.max-w-\[62ch\]{max-width:62ch}.max-w-\[68ch\]{max-width:68ch}.max-w-\[74ch\]{max-width:74ch}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[320px\]{max-width:320px}.max-w-\[340px\]{max-width:340px}.max-w-\[420px\]{max-width:420px}.max-w-\[480px\]{max-width:480px}.max-w-\[520px\]{max-width:520px}.max-w-\[560px\]{max-width:560px}.max-w-\[640px\]{max-width:640px}.max-w-\[660px\]{max-width:660px}.max-w-\[860px\]{max-width:860px}.max-w-\[900px\]{max-width:900px}.max-w-\[1040px\]{max-width:1040px}.max-w-\[calc\(32em\+52px\)\]{max-width:calc(32em + 52px)}.max-w-\[min\(420px\,100cqw\)\]{max-width:min(420px,100cqw)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-0{min-width:0}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-\[30px\]{min-width:30px}.min-w-\[34px\]{min-width:34px}.min-w-\[104px\]{min-width:104px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[calc\(var\(--cols\,4\)\*104px\)\]{min-width:calc(var(--cols,4) * 104px)}.min-w-px{min-width:1px}.flex-\(--m\){flex:var(--m)}.flex-1{flex:1}.flex-\[1_1_200px\]{flex:200px}.flex-none{flex:none}.grow{flex-grow:1}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.\[transform-origin\:center\]{transform-origin:50%}.origin-\[64px_52px\]{transform-origin:64px 52px}.origin-bottom{transform-origin:bottom}.origin-bottom-left{transform-origin:0 100%}.origin-bottom-right{transform-origin:100% 100%}.origin-left{transform-origin:0}.origin-top-left{transform-origin:0 0}.origin-top-right{transform-origin:100% 0}.-translate-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[calc\(100\%\+10px\)\]{--tw-translate-y:calc(calc(100% + 10px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[5px\]{--tw-translate-y:5px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(100\%_\+_24px\)\]{--tw-translate-y:calc(100% + 24px);translate:var(--tw-translate-x) var(--tw-translate-y)}.pre>.demo-note{opacity:0;translate:0 5px}.pre>.demo-note.on{opacity:1;transition:opacity .3s var(--ease-out), translate .3s var(--ease-out);translate:0}.pre .rating-row{opacity:0;translate:0 8px}.pre .rating-row.on{opacity:1;transition:opacity .34s var(--ease-out), translate .34s var(--ease-out);translate:0}.pre .reveal{opacity:0;translate:0 10px}.pre .reveal.on{opacity:1;transition:opacity .38s var(--ease-out), translate .38s var(--ease-out);translate:0}.pre .shelf-head{opacity:0;translate:0 8px}.pre .shelf-head.on{opacity:1;transition:opacity .34s var(--ease-out), translate .34s var(--ease-out);translate:0}.-scale-x-100{--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-6{rotate:-6deg}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.\[transform\:scaleX\(var\(--left\,1\)\)\]{transform:scaleX(var(--left,1))}.\[transform\:scaleY\(0\.04\)\]{transform:scaleY(.04)}.\[transform\:scaleY\(0\.08\)\]{transform:scaleY(.08)}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.pre .rating-book .book-spine{opacity:0}.pre .rating-book.on .book-spine{animation:.56s both shelf-land}.pre .rating-book .book-to-go{opacity:0}.pre .rating-book.on .book-to-go{opacity:1;transition:opacity .24s .52s}.pre .rating-book .sketch-line path{stroke-dashoffset:1px}.pre .rating-book.on .sketch-line path{stroke-dashoffset:0;transition:stroke-dashoffset .46s ease-in-out .24s}.pre .quick-book .book-spine{opacity:0}.pre .quick-book.on .book-spine{animation:.56s both shelf-land}.pre .quick-book .sketch-line path{stroke-dashoffset:1px}.pre .quick-book.on .sketch-line path{stroke-dashoffset:0;transition:stroke-dashoffset .42s ease-in-out .28s}.pre .shelf-book{opacity:0}.pre .shelf-book.on{animation:.48s both shelf-land}.animate-blink{animation:var(--animate-blink)}.animate-cal-back{animation:var(--animate-cal-back)}.animate-cal-next{animation:var(--animate-cal-next)}.animate-clock-tick{animation:var(--animate-clock-tick)}.animate-cloud-drift{animation:var(--animate-cloud-drift)}.animate-dropdown-in{animation:var(--animate-dropdown-in)}.animate-mark-draw{animation:var(--animate-mark-draw)}.animate-mug-steam{animation:var(--animate-mug-steam)}.animate-pitch-in{animation:var(--animate-pitch-in)}.animate-plus-wait{animation:var(--animate-plus-wait)}.animate-say-in{animation:var(--animate-say-in)}.animate-scene-in{animation:var(--animate-scene-in)}.animate-wait-pulse{animation:var(--animate-wait-pulse)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.resize{resize:both}.resize-y{resize:vertical}.scroll-mt-6{scroll-margin-top:calc(var(--spacing) * 6)}.scroll-mt-14{scroll-margin-top:calc(var(--spacing) * 14)}.scroll-mt-\[52px\]{scroll-margin-top:52px}.scroll-mt-\[72px\]{scroll-margin-top:72px}.scroll-mt-\[76px\]{scroll-margin-top:76px}.scroll-mt-\[96px\]{scroll-margin-top:96px}.list-disc{list-style-type:disc}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.grid-flow-col{grid-auto-flow:column}.auto-rows-\(--row\){grid-auto-rows:var(--row)}.grid-cols-\(--cols\){grid-template-columns:var(--cols)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-\[8px_minmax\(0\,1fr\)\]{grid-template-columns:8px minmax(0,1fr)}.grid-cols-\[10px_minmax\(0\,1fr\)\]{grid-template-columns:10px minmax(0,1fr)}.grid-cols-\[20px_minmax\(0\,1fr\)\]{grid-template-columns:20px minmax(0,1fr)}.grid-cols-\[22px_minmax\(0\,1fr\)\]{grid-template-columns:22px minmax(0,1fr)}.grid-cols-\[22px_minmax\(0\,1fr\)_auto\]{grid-template-columns:22px minmax(0,1fr) auto}.grid-cols-\[24px_minmax\(0\,1fr\)\]{grid-template-columns:24px minmax(0,1fr)}.grid-cols-\[26px_minmax\(0\,1fr\)\]{grid-template-columns:26px minmax(0,1fr)}.grid-cols-\[28px_minmax\(0\,1fr\)\]{grid-template-columns:28px minmax(0,1fr)}.grid-cols-\[30px_22px_minmax\(0\,1fr\)_auto\]{grid-template-columns:30px 22px minmax(0,1fr) auto}.grid-cols-\[30px_auto_minmax\(24px\,1fr\)_auto_20px\]{grid-template-columns:30px auto minmax(24px,1fr) auto 20px}.grid-cols-\[30px_minmax\(0\,1fr\)\]{grid-template-columns:30px minmax(0,1fr)}.grid-cols-\[30px_minmax\(0\,1fr\)_20px\]{grid-template-columns:30px minmax(0,1fr) 20px}.grid-cols-\[32px_20px_minmax\(0\,1fr\)\]{grid-template-columns:32px 20px minmax(0,1fr)}.grid-cols-\[34px_minmax\(0\,1fr\)\]{grid-template-columns:34px minmax(0,1fr)}.grid-cols-\[38px_minmax\(0\,6fr\)_34px_minmax\(0\,6fr\)\]{grid-template-columns:38px minmax(0,6fr) 34px minmax(0,6fr)}.grid-cols-\[40px_minmax\(0\,1fr\)\]{grid-template-columns:40px minmax(0,1fr)}.grid-cols-\[42px_minmax\(0\,1fr\)\]{grid-template-columns:42px minmax(0,1fr)}.grid-cols-\[46px_minmax\(0\,1fr\)_auto\]{grid-template-columns:46px minmax(0,1fr) auto}.grid-cols-\[48px_minmax\(0\,1fr\)_auto\]{grid-template-columns:48px minmax(0,1fr) auto}.grid-cols-\[52px_minmax\(0\,1fr\)_auto\]{grid-template-columns:52px minmax(0,1fr) auto}.grid-cols-\[60px_minmax\(0\,5fr\)_minmax\(0\,7fr\)\]{grid-template-columns:60px minmax(0,5fr) minmax(0,7fr)}.grid-cols-\[96px_minmax\(0\,1fr\)\]{grid-template-columns:96px minmax(0,1fr)}.grid-cols-\[120px_minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:120px minmax(0,1fr) minmax(0,1fr)}.grid-cols-\[176px_minmax\(0\,1fr\)_auto\]{grid-template-columns:176px minmax(0,1fr) auto}.grid-cols-\[180px_minmax\(0\,1fr\)\]{grid-template-columns:180px minmax(0,1fr)}.grid-cols-\[430px_minmax\(0\,1fr\)\]{grid-template-columns:430px minmax(0,1fr)}.grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)_20px\]{grid-template-columns:minmax(0,1fr) 20px}.grid-cols-\[minmax\(0\,1fr\)_164px_84px_auto\]{grid-template-columns:minmax(0,1fr) 164px 84px auto}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_180px\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 180px}.grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.grid-cols-\[minmax\(0\,4fr\)_minmax\(0\,8fr\)\]{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,5fr\)\]{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,5fr\)_minmax\(0\,4fr\)\]{grid-template-columns:minmax(0,6fr) minmax(0,5fr) minmax(0,4fr)}.grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,5fr\)\]{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.grid-cols-\[minmax\(0\,8fr\)_minmax\(0\,4fr\)\]{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.grid-cols-\[minmax\(0\,8fr\)_minmax\(0\,6fr\)\]{grid-template-columns:minmax(0,8fr) minmax(0,6fr)}.grid-cols-\[minmax\(0\,11fr\)_minmax\(0\,9fr\)\]{grid-template-columns:minmax(0,11fr) minmax(0,9fr)}.grid-cols-\[minmax\(0\,860px\)\]{grid-template-columns:minmax(0,860px)}.grid-cols-\[minmax\(80px\,1fr\)_2fr\]{grid-template-columns:minmax(80px,1fr) 2fr}.grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\]{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[repeat\(4\,minmax\(0\,1fr\)\)_88px\]{grid-template-columns:repeat(4,minmax(0,1fr)) 88px}.grid-cols-\[repeat\(20\,minmax\(0\,1fr\)\)\]{grid-template-columns:repeat(20,minmax(0,1fr))}.grid-cols-\[repeat\(24\,minmax\(0\,1fr\)\)\]{grid-template-columns:repeat(24,minmax(0,1fr))}.grid-cols-\[var\(--gutter\)_566px_56px_minmax\(0\,1fr\)_var\(--gutter\)\]{grid-template-columns:var(--gutter) 566px 56px minmax(0,1fr) var(--gutter)}.grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto}.grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.grid-rows-\[auto_36px_auto\]{grid-template-rows:auto 36px auto}.grid-rows-\[auto_auto_minmax\(0\,1fr\)_auto\]{grid-template-rows:auto auto minmax(0,1fr) auto}.grid-rows-\[auto_minmax\(0\,1fr\)\]{grid-template-rows:auto minmax(0,1fr)}.grid-rows-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-rows:auto minmax(0,1fr) auto}.grid-rows-\[minmax\(0\,1fr\)_auto\]{grid-template-rows:minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.place-content-center{place-content:center}.place-items-center{place-items:center}.content-between{align-content:space-between}.content-center{align-content:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.justify-items-center\!{justify-items:center!important}.justify-items-end{justify-items:end}.justify-items-start{justify-items:start}.justify-items-stretch{justify-items:stretch}.gap-0{gap:0}.gap-0\!{gap:0!important}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-4\.5{gap:calc(var(--spacing) * 4.5)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-\[0\.2em\]{gap:.2em}.gap-\[2px\]{gap:2px}.gap-\[3px\]{gap:3px}.gap-\[5px\]{gap:5px}.gap-\[7px\]{gap:7px}.gap-\[9px\]{gap:9px}.gap-\[18px\]{gap:18px}.gap-\[22px\]{gap:22px}.gap-\[26px\]{gap:26px}.gap-\[30px\]{gap:30px}.gap-\[34px\]{gap:34px}.gap-\[38px\]{gap:38px}.gap-\[clamp\(14px\,3vw\,36px\)\]{gap:clamp(14px,3vw,36px)}.gap-\[clamp\(40px\,6vw\,80px\)\]{gap:clamp(40px,6vw,80px)}.gap-\[clamp\(40px\,6vw\,88px\)\]{gap:clamp(40px,6vw,88px)}.gap-\[clamp\(96px\,11vw\,150px\)\]{gap:clamp(96px,11vw,150px)}.gap-\[clamp\(96px\,11vw\,160px\)\]{gap:clamp(96px,11vw,160px)}.gap-px{gap:1px}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-3\.5{column-gap:calc(var(--spacing) * 3.5)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-7{column-gap:calc(var(--spacing) * 7)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-9{column-gap:calc(var(--spacing) * 9)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-x-\[5px\]{column-gap:5px}.gap-x-\[18px\]{column-gap:18px}.gap-x-\[clamp\(40px\,6vw\,80px\)\]{column-gap:clamp(40px,6vw,80px)}.gap-x-\[clamp\(40px\,6vw\,88px\)\]{column-gap:clamp(40px,6vw,88px)}.gap-y-\(--air\){row-gap:var(--air)}.gap-y-0{row-gap:0}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-3\.5{row-gap:calc(var(--spacing) * 3.5)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.gap-y-9{row-gap:calc(var(--spacing) * 9)}.gap-y-\[2px\]{row-gap:2px}.gap-y-\[14px\]{row-gap:14px}.gap-y-\[26px\]{row-gap:26px}.gap-y-\[30px\]{row-gap:30px}.place-self-center{place-self:center}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.notice{background:var(--maple-soft);color:var(--maple-dark);border-radius:12px;padding:12px 16px;font-size:15px;font-weight:600;line-height:1.45}.notice.is-error{background:var(--red-soft);color:var(--red-dark)}.flag{background:var(--maple-soft);color:var(--maple-dark);border-radius:8px;padding:3px 10px;font-size:14px;font-weight:600;line-height:1.4}.rounded{border-radius:.25rem}.rounded-\[0_0_2px_2px\]{border-radius:0 0 2px 2px}.rounded-\[0_4px_4px_0\]{border-radius:0 4px 4px 0}.rounded-\[2px\]{border-radius:2px}.rounded-\[2px_2px_12px_12px\]{border-radius:2px 2px 12px 12px}.rounded-\[3px\]{border-radius:3px}.rounded-\[3px_3px_1px_1px\]{border-radius:3px 3px 1px 1px}.rounded-\[4px\]{border-radius:4px}.rounded-\[4px_4px_1px_1px\]{border-radius:4px 4px 1px 1px}.rounded-\[5px_5px_2px_2px\]{border-radius:5px 5px 2px 2px}.rounded-\[5px_6px_5px_7px\]{border-radius:5px 6px 5px 7px}.rounded-\[6px\]{border-radius:6px}.rounded-\[6px_3px_7px_4px\]{border-radius:6px 3px 7px 4px}.rounded-\[6px_6px_2px_2px\]{border-radius:6px 6px 2px 2px}.rounded-\[6px_6px_12px_12px\]{border-radius:6px 6px 12px 12px}.rounded-\[7px_7px_2px_2px\]{border-radius:7px 7px 2px 2px}.rounded-\[7px_7px_3px_3px\]{border-radius:7px 7px 3px 3px}.rounded-\[8px\]{border-radius:8px}.rounded-\[8px_8px_3px_3px\]{border-radius:8px 8px 3px 3px}.rounded-\[9px\]{border-radius:9px}.rounded-\[9px_9px_3px_3px\]{border-radius:9px 9px 3px 3px}.rounded-\[10px\]{border-radius:10px}.rounded-\[10px_10px_4px_4px\]{border-radius:10px 10px 4px 4px}.rounded-\[12px\]{border-radius:12px}.rounded-\[12px_12px_4px_4px\]{border-radius:12px 12px 4px 4px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[18px_18px_8px_8px\]{border-radius:18px 18px 8px 8px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[99px\]{border-radius:99px}.rounded-card{border-radius:var(--radius-card)}.rounded-control{border-radius:var(--radius-control)}.rounded-control-lg{border-radius:var(--radius-control-lg)}.rounded-control-sm{border-radius:var(--radius-control-sm)}.rounded-full{border-radius:2147483647px}.rounded-key{border-radius:var(--radius-key)}.rounded-panel{border-radius:var(--radius-panel)}.rounded-stage{border-radius:var(--radius-stage)}.rounded-tag{border-radius:var(--radius-tag)}.rounded-t-\[3px\]{border-top-left-radius:3px;border-top-right-radius:3px}.rounded-t-\[4px\]{border-top-left-radius:4px;border-top-right-radius:4px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-\[1\.6px\]{border-style:var(--tw-border-style);border-width:1.6px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-8{border-top-style:var(--tw-border-style);border-top-width:8px}.border-t-\[1\.5px\]{border-top-style:var(--tw-border-style);border-top-width:1.5px}.border-t-\[10px\]{border-top-style:var(--tw-border-style);border-top-width:10px}.border-t-\[14px\]{border-top-style:var(--tw-border-style);border-top-width:14px}.border-t-\[18px\]{border-top-style:var(--tw-border-style);border-top-width:18px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-3{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-b-\[1\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:1.5px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-b-\[5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:5px}.border-b-\[6px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:6px}.btn-line{border:2px solid var(--line);color:var(--ink);background:#fff;border-bottom-width:4px}@media (hover:hover) and (pointer:fine){.btn-line:hover{background:var(--plum-soft)}}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-\[\#B3A9A6\]{border-color:#b3a9a6}.border-\[\#EFE4D2\]{border-color:#efe4d2}.border-birch{border-color:var(--birch)}.border-green-line{border-color:var(--green-line)}.border-green-line\!{border-color:var(--green-line)!important}.border-lake-line{border-color:var(--lake-line)}.border-line{border-color:var(--line)}.border-line-strong{border-color:var(--line-strong)}.border-maple{border-color:var(--maple)}.border-oak{border-color:var(--oak)}.border-plum{border-color:var(--plum)}.border-plum-dark{border-color:var(--plum-dark)}.border-red-line{border-color:var(--red-line)}.border-red-line\!{border-color:var(--red-line)!important}.border-skill{border-color:var(--skill)}.border-transparent{border-color:#0000}.border-wall-deep{border-color:var(--wall-deep)}.border-t-plum{border-top-color:var(--plum)}.btn-plum{background:var(--plum);border-bottom-color:var(--plum-dark);color:#fff}@media (hover:hover) and (pointer:fine){.btn-plum:hover{background:var(--plum-hover)}}.btn-soft{background:var(--plum-soft);color:var(--plum);border-bottom-color:#e3d0da}@media (hover:hover) and (pointer:fine){.btn-soft:hover{background:#eee1e8}}.btn-white{border-bottom-color:var(--wall-deep);color:var(--ink);background:#fff}@media (hover:hover) and (pointer:fine){.btn-white:hover{background:var(--plum-soft)}}.btn-green{background:var(--green);border-bottom-color:var(--green-dark);color:#fff}.btn-red{background:var(--red);border-bottom-color:var(--red-dark);color:#fff}.border-b-wall-deep{border-bottom-color:var(--wall-deep)}.bg-\(--player\){background-color:var(--player)}.bg-\(--spine\){background-color:var(--spine)}.bg-\(--tone\){background-color:var(--tone)}.bg-\[\#4A3218\]{background-color:#4a3218}.bg-\[\#9CC0AE\]{background-color:#9cc0ae}.bg-\[\#835410\]{background-color:#835410}.bg-\[\#A87420\]{background-color:#a87420}.bg-\[\#C6DACE\]{background-color:#c6dace}.bg-\[\#C8955E\]{background-color:#c8955e}.bg-\[\#DCD3D8\]{background-color:#dcd3d8}.bg-\[\#E8F1EC\]{background-color:#e8f1ec}.bg-\[\#E9F2EE\]{background-color:#e9f2ee}.bg-\[\#E9F2EE\]\!{background-color:#e9f2ee!important}.bg-\[\#FBF1F0\]{background-color:#fbf1f0}.bg-\[\#FFE6CC\]{background-color:#ffe6cc}.bg-\[\#FFFBF2\]{background-color:#fffbf2}.bg-\[\#FFFEFB\]{background-color:#fffefb}.bg-\[color-mix\(in_srgb\,var\(--oak-dark\)_55\%\,transparent\)\]{background-color:var(--oak-dark)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--oak-dark\)_55\%\,transparent\)\]{background-color:color-mix(in srgb,var(--oak-dark) 55%,transparent)}}.bg-\[color-mix\(in_srgb\,var\(--skill\)_10\%\,white\)\]{background-color:var(--skill)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--skill\)_10\%\,white\)\]{background-color:color-mix(in srgb,var(--skill) 10%,white)}}.bg-\[color-mix\(in_srgb\,var\(--skill\)_12\%\,white\)\]{background-color:var(--skill)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--skill\)_12\%\,white\)\]{background-color:color-mix(in srgb,var(--skill) 12%,white)}}.bg-\[color-mix\(in_srgb\,var\(--skill\)_20\%\,\#fff\)\]{background-color:var(--skill)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--skill\)_20\%\,\#fff\)\]{background-color:color-mix(in srgb,var(--skill) 20%,#fff)}}.bg-\[color-mix\(in_srgb\,var\(--skill\)_84\%\,\#000\)\]{background-color:var(--skill)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--skill\)_84\%\,\#000\)\]{background-color:color-mix(in srgb,var(--skill) 84%,#000)}}.bg-\[color-mix\(in_srgb\,var\(--skill\)_94\%\,\#fff\)\]{background-color:var(--skill)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--skill\)_94\%\,\#fff\)\]{background-color:color-mix(in srgb,var(--skill) 94%,#fff)}}.bg-\[color-mix\(in_srgb\,var\(--skill\)_var\(--tint\)\,white\)\]{background-color:var(--skill)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--skill\)_var\(--tint\)\,white\)\]{background-color:color-mix(in srgb,var(--skill) var(--tint),white)}}.bg-\[color-mix\(in_srgb\,var\(--skill\,var\(--plum\)\)_10\%\,white\)\]{background-color:var(--skill,var(--plum))}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--skill\,var\(--plum\)\)_10\%\,white\)\]{background-color:color-mix(in srgb,var(--skill,var(--plum)) 10%,white)}}.bg-\[color-mix\(in_srgb\,var\(--spine\)_20\%\,\#fff\)\]{background-color:var(--spine)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--spine\)_20\%\,\#fff\)\]{background-color:color-mix(in srgb,var(--spine) 20%,#fff)}}.bg-birch{background-color:var(--birch)}.bg-green-line{background-color:var(--green-line)}.bg-green-soft{background-color:var(--green-soft)}.bg-ink{background-color:var(--ink)}.bg-lake-line{background-color:var(--lake-line)}.bg-lake-soft{background-color:var(--lake-soft)}.bg-listening{background-color:var(--listening)}.bg-maple{background-color:var(--maple)}.bg-maple-dark{background-color:var(--maple-dark)}.bg-maple-soft{background-color:var(--maple-soft)}.bg-oak{background-color:var(--oak)}.bg-plum{background-color:var(--plum)}.bg-plum-dark{background-color:var(--plum-dark)}.bg-plum-soft{background-color:var(--plum-soft)}.bg-reading{background-color:var(--reading)}.bg-red{background-color:var(--red)}.bg-red-soft{background-color:var(--red-soft)}.bg-row{background-color:#fbf8f9}.bg-skill{background-color:var(--skill)}.bg-speaking{background-color:var(--speaking)}.bg-transparent{background-color:#0000}.bg-wall{background-color:var(--wall)}.bg-wall-deep{background-color:var(--wall-deep)}.bg-white{background-color:#fff}.bg-white\!{background-color:#fff!important}.bg-\[linear-gradient\(rgba\(255\,236\,214\,0\.8\)\,rgba\(255\,236\,214\,0\.8\)\)\]{background-image:linear-gradient(#ffecd6cc,#ffecd6cc)}.bg-\[linear-gradient\(var\(--maple-soft\)\,var\(--maple-soft\)\)\]{background-image:linear-gradient(var(--maple-soft),var(--maple-soft))}.bg-\[radial-gradient\(40\%_62\%_at_82\%_66\%\,rgba\(255\,232\,196\,0\.85\)\,transparent_72\%\)\]{background-image:radial-gradient(40% 62% at 82% 66%,#ffe8c4d9,#0000 72%)}.bg-\[radial-gradient\(52\%_70\%_at_96\%_0\,rgba\(255\,232\,196\,0\.62\)\,transparent_70\%\)\]{background-image:radial-gradient(52% 70% at 96% 0,#ffe8c49e,#0000 70%)}.bg-\[radial-gradient\(52\%_90\%_at_92\%_0\,rgba\(255\,232\,196\,0\.62\)\,transparent_70\%\)\]{background-image:radial-gradient(52% 90% at 92% 0,#ffe8c49e,#0000 70%)}.bg-\[radial-gradient\(circle_at_23px_15px\,\#F8EFE1_5px\,transparent_5\.6px\)\]{background-image:radial-gradient(circle at 23px 15px,#f8efe1 5px,#0000 5.6px)}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.bg-size-\[0\%_100\%\]{background-size:0% 100%}.bg-size-\[46px_30px\]{background-size:46px 30px}.bg-size-\[100\%_5px\]{background-size:100% 5px}.bg-position-\[0_6px\]{background-position:0 6px}.bg-no-repeat{background-repeat:no-repeat}.sketch-line path{fill:none;stroke:var(--plum);stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:1;opacity:.6}.fill-current{fill:currentColor}.fill-none{fill:none}.fill-plum{fill:var(--plum)}.stroke-\[\#6B6470\]{stroke:#6b6470}.stroke-line{stroke:var(--line)}.stroke-maple{stroke:var(--maple)}.stroke-plum{stroke:var(--plum)}.stroke-red{stroke:var(--red)}.stroke-white{stroke:#fff}.stroke-1{stroke-width:1px}.stroke-2{stroke-width:2px}.stroke-5{stroke-width:5px}.stroke-8{stroke-width:8px}.stroke-14{stroke-width:14px}.stroke-\[2\.2\]{stroke-width:2.2px}.stroke-\[2\.4\]{stroke-width:2.4px}.stroke-\[2\.6\]{stroke-width:2.6px}.object-contain{object-fit:contain}.p-0{padding:0}.p-0\!{padding:0!important}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-\[3px\]{padding:3px}.p-\[26px\]{padding:26px}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-9{padding-inline:calc(var(--spacing) * 9)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-\[0\.16em\]{padding-inline:.16em}.px-\[2px\]{padding-inline:2px}.px-\[5px\]{padding-inline:5px}.px-\[7px\]{padding-inline:7px}.px-\[9px\]{padding-inline:9px}.px-\[13px\]{padding-inline:13px}.px-\[18px\]{padding-inline:18px}.px-\[22px\]{padding-inline:22px}.px-\[26px\]{padding-inline:26px}.px-\[30px\]{padding-inline:30px}.px-gutter{padding-inline:var(--gutter)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-9{padding-block:calc(var(--spacing) * 9)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-\[0\.04em\]{padding-block:.04em}.py-\[3px\]{padding-block:3px}.py-\[5px\]{padding-block:5px}.py-\[6px\]{padding-block:6px}.py-\[7px\]{padding-block:7px}.py-\[9px\]{padding-block:9px}.py-\[11px\]{padding-block:11px}.py-\[18px\]{padding-block:18px}.py-\[22px\]{padding-block:22px}.py-\[26px\]{padding-block:26px}.py-\[30px\]{padding-block:30px}.py-\[34px\]{padding-block:34px}.py-\[clamp\(96px\,10vw\,140px\)\]{padding-block:clamp(96px,10vw,140px)}.py-\[clamp\(96px\,10vw\,144px\)\]{padding-block:clamp(96px,10vw,144px)}.py-px{padding-block:1px}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-9{padding-top:calc(var(--spacing) * 9)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-11{padding-top:calc(var(--spacing) * 11)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-\[0\.42em\]{padding-top:.42em}.pt-\[5px\]{padding-top:5px}.pt-\[6px\]{padding-top:6px}.pt-\[7px\]{padding-top:7px}.pt-\[9px\]{padding-top:9px}.pt-\[11px\]{padding-top:11px}.pt-\[13px\]{padding-top:13px}.pt-\[18px\]{padding-top:18px}.pt-\[22px\]{padding-top:22px}.pt-\[26px\]{padding-top:26px}.pt-\[30px\]{padding-top:30px}.pt-\[34px\]{padding-top:34px}.pt-\[46px\]{padding-top:46px}.pt-\[52px\]{padding-top:52px}.pt-\[58px\]{padding-top:58px}.pt-\[60px\]{padding-top:60px}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-\[7px\]{padding-right:7px}.pr-\[9px\]{padding-right:9px}.pr-\[11px\]{padding-right:11px}.pr-\[13px\]{padding-right:13px}.pr-\[18px\]{padding-right:18px}.pr-\[22px\]{padding-right:22px}.pr-\[170px\]{padding-right:170px}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-3\.5\!{padding-bottom:calc(var(--spacing) * 3.5)!important}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-9{padding-bottom:calc(var(--spacing) * 9)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-11{padding-bottom:calc(var(--spacing) * 11)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-\[6px\]{padding-bottom:6px}.pb-\[7px\]{padding-bottom:7px}.pb-\[9px\]{padding-bottom:9px}.pb-\[11px\]{padding-bottom:11px}.pb-\[15px\]{padding-bottom:15px}.pb-\[18px\]{padding-bottom:18px}.pb-\[22px\]{padding-bottom:22px}.pb-\[26px\]{padding-bottom:26px}.pb-\[30px\]{padding-bottom:30px}.pb-\[34px\]{padding-bottom:34px}.pb-\[46px\]{padding-bottom:46px}.pb-\[52px\]{padding-bottom:52px}.pb-\[72px\]{padding-bottom:72px}.pl-1{padding-left:var(--spacing)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-4\.5{padding-left:calc(var(--spacing) * 4.5)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-16{padding-left:calc(var(--spacing) * 16)}.pl-\[5px\]{padding-left:5px}.pl-\[7px\]{padding-left:7px}.pl-\[9px\]{padding-left:9px}.pl-\[18px\]{padding-left:18px}.pl-\[30px\]{padding-left:30px}.pl-\[38px\]{padding-left:38px}.pl-\[46px\]{padding-left:46px}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.align-\[0\.04em\]{vertical-align:.04em}.align-\[0\.25em\]{vertical-align:.25em}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.display{font-family:var(--display);font-variation-settings:"opsz" 36;letter-spacing:-.012em;font-weight:700}.font-body{font-family:var(--body)}.font-display{font-family:var(--display)}.small{font-size:15px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[13px\]\!{font-size:13px!important}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[16px\]{font-size:16px}.text-\[17\.5px\]{font-size:17.5px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.text-\[22px\]\!{font-size:22px!important}.text-\[23px\]{font-size:23px}.text-\[24px\]{font-size:24px}.text-\[24px\]\!{font-size:24px!important}.text-\[26px\]{font-size:26px}.text-\[27px\]{font-size:27px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[34px\]{font-size:34px}.text-\[40px\]{font-size:40px}.text-\[50px\]{font-size:50px}.text-\[52px\]{font-size:52px}.text-\[56px\]{font-size:56px}.text-\[64px\]{font-size:64px}.text-\[72px\]{font-size:72px}.text-\[104px\]{font-size:104px}.text-\[clamp\(36px\,4vw\,52px\)\]{font-size:clamp(36px,4vw,52px)}.text-\[clamp\(36px\,4vw\,54px\)\]{font-size:clamp(36px,4vw,54px)}.text-\[clamp\(36px\,4vw\,56px\)\]{font-size:clamp(36px,4vw,56px)}.text-\[clamp\(38px\,4\.2vw\,56px\)\]{font-size:clamp(38px,4.2vw,56px)}.text-\[clamp\(40px\,4\.6vw\,60px\)\]{font-size:clamp(40px,4.6vw,60px)}.text-\[clamp\(40px\,4\.6vw\,62px\)\]{font-size:clamp(40px,4.6vw,62px)}.text-\[clamp\(42px\,4\.8vw\,66px\)\]{font-size:clamp(42px,4.8vw,66px)}.text-\[clamp\(44px\,5vw\,68px\)\]{font-size:clamp(44px,5vw,68px)}.text-\[clamp\(48px\,6vw\,84px\)\]{font-size:clamp(48px,6vw,84px)}.text-\[clamp\(52px\,6\.4vw\,92px\)\]{font-size:clamp(52px,6.4vw,92px)}.text-\[clamp\(120px\,17vw\,236px\)\]{font-size:clamp(120px,17vw,236px)}.text-\[length\:clamp\(21px\,2vw\,25px\)\]{font-size:clamp(21px,2vw,25px)}.text-\[length\:clamp\(26px\,2\.6vw\,34px\)\]{font-size:clamp(26px,2.6vw,34px)}.text-\[length\:clamp\(28px\,3\.2vw\,40px\)\]{font-size:clamp(28px,3.2vw,40px)}.text-\[length\:clamp\(28px\,3vw\,36px\)\]{font-size:clamp(28px,3vw,36px)}.text-\[length\:clamp\(30px\,3\.2vw\,44px\)\]{font-size:clamp(30px,3.2vw,44px)}.text-\[length\:clamp\(38px\,4vw\,54px\)\]{font-size:clamp(38px,4vw,54px)}.text-\[length\:clamp\(42px\,4\.8vw\,66px\)\]{font-size:clamp(42px,4.8vw,66px)}.text-\[length\:clamp\(44px\,5vw\,66px\)\]{font-size:clamp(44px,5vw,66px)}.text-\[length\:clamp\(46px\,6vw\,84px\)\]{font-size:clamp(46px,6vw,84px)}.text-\[length\:clamp\(48px\,5\.6vw\,82px\)\]{font-size:clamp(48px,5.6vw,82px)}.text-\[length\:inherit\]{font-size:inherit}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-\[0\.82\]{--tw-leading:.82;line-height:.82}.leading-\[0\.85\]{--tw-leading:.85;line-height:.85}.leading-\[0\.86\]{--tw-leading:.86;line-height:.86}.leading-\[0\.88\]{--tw-leading:.88;line-height:.88}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[0\.98\]{--tw-leading:.98;line-height:.98}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.1\]\!{--tw-leading:1.1!important;line-height:1.1!important}.leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.2\]\!{--tw-leading:1.2!important;line-height:1.2!important}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.04\]{--tw-leading:1.04;line-height:1.04}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.06\]{--tw-leading:1.06;line-height:1.06}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.leading-\[1\.12\]{--tw-leading:1.12;line-height:1.12}.leading-\[1\.14\]{--tw-leading:1.14;line-height:1.14}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[1\.15\]\!{--tw-leading:1.15!important;line-height:1.15!important}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[1\.32\]{--tw-leading:1.32;line-height:1.32}.leading-\[1\.34\]{--tw-leading:1.34;line-height:1.34}.leading-\[1\.35\]{--tw-leading:1.35;line-height:1.35}.leading-\[1\.38\]{--tw-leading:1.38;line-height:1.38}.leading-\[1\.42\]{--tw-leading:1.42;line-height:1.42}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-\[1\.55\]{--tw-leading:1.55;line-height:1.55}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-\[1\.75\]{--tw-leading:1.75;line-height:1.75}.leading-\[1\.88\]{--tw-leading:1.88;line-height:1.88}.leading-\[2\.02\]{--tw-leading:2.02;line-height:2.02}.leading-\[23px\]{--tw-leading:23px;line-height:23px}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.leading-\[36px\]{--tw-leading:36px;line-height:36px}.leading-\[normal\]{--tw-leading:normal;line-height:normal}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.title{font:700 20px/1.25 var(--display);font-variation-settings:"opsz" 24;letter-spacing:-.006em}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.004em\]{--tw-tracking:-.004em;letter-spacing:-.004em}.tracking-\[-0\.005em\]{--tw-tracking:-.005em;letter-spacing:-.005em}.tracking-\[-0\.006em\]{--tw-tracking:-.006em;letter-spacing:-.006em}.tracking-\[-0\.008em\]{--tw-tracking:-.008em;letter-spacing:-.008em}.tracking-\[-0\.012em\]{--tw-tracking:-.012em;letter-spacing:-.012em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.muted{color:var(--muted)}.text-\(--tone\){color:var(--tone)}.text-\[\#3F3843\]{color:#3f3843}.text-\[\#4A3218\]{color:#4a3218}.text-\[\#5F2149\]{color:#5f2149}.text-\[\#6A6169\]{color:#6a6169}.text-\[color-mix\(in_srgb\,var\(--skill\)_80\%\,var\(--ink\)\)\]{color:var(--skill)}@supports (color:color-mix(in lab, red, red)){.text-\[color-mix\(in_srgb\,var\(--skill\)_80\%\,var\(--ink\)\)\]{color:color-mix(in srgb,var(--skill) 80%,var(--ink))}}.text-\[color-mix\(in_srgb\,var\(--skill\)_82\%\,var\(--ink\)\)\]{color:var(--skill)}@supports (color:color-mix(in lab, red, red)){.text-\[color-mix\(in_srgb\,var\(--skill\)_82\%\,var\(--ink\)\)\]{color:color-mix(in srgb,var(--skill) 82%,var(--ink))}}.text-\[color-mix\(in_srgb\,var\(--skill\,var\(--plum\)\)_82\%\,var\(--ink\)\)\]{color:var(--skill,var(--plum))}@supports (color:color-mix(in lab, red, red)){.text-\[color-mix\(in_srgb\,var\(--skill\,var\(--plum\)\)_82\%\,var\(--ink\)\)\]{color:color-mix(in srgb,var(--skill,var(--plum)) 82%,var(--ink))}}.text-birch-ink{color:#6b4a2a}.text-green-dark{color:var(--green-dark)}.text-green-dark\!{color:var(--green-dark)!important}.text-inherit\!{color:inherit!important}.text-ink{color:var(--ink)}.text-line-strong{color:var(--line-strong)}.text-listening{color:var(--listening)}.text-maple{color:var(--maple)}.text-maple-dark{color:var(--maple-dark)}.text-muted{color:var(--muted)}.text-muted\!{color:var(--muted)!important}.text-plum{color:var(--plum)}.text-red-dark{color:var(--red-dark)}.text-red-dark\!{color:var(--red-dark)!important}.text-skill{color:var(--skill)}.text-speaking\!{color:var(--speaking)!important}.text-white{color:#fff}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.num{font-variant-numeric:tabular-nums}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-plum{-webkit-text-decoration-color:var(--plum);-webkit-text-decoration-color:var(--plum);-webkit-text-decoration-color:var(--plum);text-decoration-color:var(--plum)}.decoration-transparent{text-decoration-color:#0000}.decoration-1{text-decoration-thickness:1px}.decoration-2{text-decoration-thickness:2px}.decoration-\[1\.5px\]{text-decoration-thickness:1.5px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.underline-offset-5{text-underline-offset:5px}.underline-offset-\[3px\]{text-underline-offset:3px}.pre .verdict-word{opacity:0;filter:blur(5px)}.pre .on>.verdict-word{opacity:1;filter:none;transition:opacity .34s var(--ease-out), filter .34s var(--ease-out);transition-delay:calc(var(--i) * 20ms)}.blank-book .sketch-line path{opacity:.5}.pre .blank-book .sketch-line path{stroke-dashoffset:1px}.pre .blank-book.on .sketch-line path{stroke-dashoffset:0;transition:stroke-dashoffset .42s ease-in-out}.pre .blank-book>b,.pre .blank-book>span{opacity:0}.pre .blank-book.on>b{opacity:.7;transition:opacity .24s .3s}.pre .blank-book.on>span{opacity:1;transition:opacity .24s .3s}.pre .level-big{opacity:0}.pre .on>.level-big{opacity:1;transition:opacity .32s var(--ease-out)}.pre .level-ring{opacity:0}.pre .level-ring.on{opacity:1}.pre .stamp-mark{opacity:0}.pre .stamp-mark.on{opacity:1}.pre .lamp-glow,.opacity-0{opacity:0}.opacity-75{opacity:.75}.opacity-85{opacity:.85}.opacity-100{opacity:1}.opacity-\[\.28\]{opacity:.28}.opacity-\[0\.55\]{opacity:.55}.opacity-\[0\.86\]{opacity:.86}.opacity-\[0\.88\]{opacity:.88}.mix-blend-multiply{mix-blend-mode:multiply}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-2px_6px_rgba\(50\,25\,40\,0\.12\)\,0_24px_50px_-10px_rgba\(50\,25\,40\,0\.55\)\]{--tw-shadow:0 -2px 6px var(--tw-shadow-color,#3219281f), 0 24px 50px -10px var(--tw-shadow-color,#3219288c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(30\,23\,34\,0\.1\)\,0_6px_16px_-6px_rgba\(30\,23\,34\,0\.35\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#1e17221a), 0 6px 16px -6px var(--tw-shadow-color,#1e172259);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_rgba\(30\,23\,34\,0\.08\)\,0_16px_30px_-12px_rgba\(30\,23\,34\,0\.3\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#1e172214), 0 16px 30px -12px var(--tw-shadow-color,#1e17224d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_2px_\#fff\]{--tw-shadow:0 0 0 2px var(--tw-shadow-color,#fff);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_3px_\#fff\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#fff);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_3px_var\(--plum\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--plum));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_4px_var\(--plum-soft\)\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--plum-soft));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(60\,40\,20\,0\.14\)\,0_14px_22px_-18px_rgba\(60\,40\,20\,0\.55\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#3c281424), 0 14px 22px -18px var(--tw-shadow-color,#3c28148c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(74\,27\,58\,0\.1\)\,0_18px_26px_-22px_rgba\(74\,27\,58\,0\.6\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#4a1b3a1a), 0 18px 26px -22px var(--tw-shadow-color,#4a1b3a99);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(74\,27\,58\,0\.1\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#4a1b3a1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(74\,27\,58\,0\.08\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#4a1b3a14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_0_var\(--wall-deep\)\,0_22px_30px_-26px_rgba\(74\,27\,58\,0\.5\)\]{--tw-shadow:0 2px 0 var(--tw-shadow-color,var(--wall-deep)), 0 22px 30px -26px var(--tw-shadow-color,#4a1b3a80);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_3px_rgba\(60\,40\,20\,0\.1\)\,0_30px_40px_-30px_rgba\(70\,40\,15\,0\.75\)\]{--tw-shadow:0 2px 3px var(--tw-shadow-color,#3c28141a), 0 30px 40px -30px var(--tw-shadow-color,#46280fbf);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_3px_rgba\(60\,40\,20\,0\.1\)\,0_30px_40px_-32px_rgba\(70\,40\,15\,0\.7\)\]{--tw-shadow:0 2px 3px var(--tw-shadow-color,#3c28141a), 0 30px 40px -32px var(--tw-shadow-color,#46280fb3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_3px_rgba\(60\,40\,20\,0\.08\)\,0_24px_34px_-28px_rgba\(60\,40\,20\,0\.6\)\]{--tw-shadow:0 2px 3px var(--tw-shadow-color,#3c281414), 0 24px 34px -28px var(--tw-shadow-color,#3c281499);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_4px_rgba\(74\,27\,58\,0\.14\)\,0_18px_28px_-16px_rgba\(74\,27\,58\,0\.6\)\]{--tw-shadow:0 2px 4px var(--tw-shadow-color,#4a1b3a24), 0 18px 28px -16px var(--tw-shadow-color,#4a1b3a99);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_0_color-mix\(in_srgb\,var\(--player\)_72\%\,black\)\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,var(--player))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_4px_0_color-mix\(in_srgb\,var\(--player\)_72\%\,black\)\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,color-mix(in srgb,var(--player) 72%,black))}}.shadow-\[0_4px_0_color-mix\(in_srgb\,var\(--player\)_72\%\,black\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_6px_14px_-8px_rgba\(60\,40\,20\,0\.4\)\]{--tw-shadow:0 6px 14px -8px var(--tw-shadow-color,#3c281466);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_14px_-12px_rgba\(74\,27\,58\,0\.4\)\]{--tw-shadow:0 12px 14px -12px var(--tw-shadow-color,#4a1b3a66);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_22px_-18px_rgba\(96\,62\,28\,0\.55\)\]{--tw-shadow:0 18px 22px -18px var(--tw-shadow-color,#603e1c8c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-4px_0_color-mix\(in_srgb\,var\(--skill\)_32\%\,\#fff\)\]{--tw-shadow:inset 0 -4px 0 var(--tw-shadow-color,var(--skill))}@supports (color:color-mix(in lab, red, red)){.shadow-\[inset_0_-4px_0_color-mix\(in_srgb\,var\(--skill\)_32\%\,\#fff\)\]{--tw-shadow:inset 0 -4px 0 var(--tw-shadow-color,color-mix(in srgb,var(--skill) 32%,#fff))}}.shadow-\[inset_0_-4px_0_color-mix\(in_srgb\,var\(--skill\)_32\%\,\#fff\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1\.5px_var\(--line-strong\)\]{--tw-shadow:inset 0 0 0 1.5px var(--tw-shadow-color,var(--line-strong));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_rgba\(90\,55\,20\,0\.18\)\,inset_0_-4px_0_rgba\(90\,55\,20\,0\.24\)\,0_36px_44px_-30px_rgba\(70\,40\,15\,0\.75\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#5a37142e), inset 0 -4px 0 var(--tw-shadow-color,#5a37143d), 0 36px 44px -30px var(--tw-shadow-color,#46280fbf);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_2\.5px_var\(--plum\)\]{--tw-shadow:inset 0 0 0 2.5px var(--tw-shadow-color,var(--plum));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_2px_var\(--line\)\]{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,var(--line));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_2px_var\(--maple\)\]{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,var(--maple));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_2px_var\(--skill\)\]{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,var(--skill));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_2px_var\(--spine\)\]{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,var(--spine));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_3px_var\(--plum\)\]{--tw-shadow:inset 0 0 0 3px var(--tw-shadow-color,var(--plum));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_3px_0_0_rgba\(255\,255\,255\,0\.1\)\,inset_-3px_0_0_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:inset 3px 0 0 var(--tw-shadow-color,#ffffff1a), inset -3px 0 0 var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_7px_0_0_rgba\(255\,255\,255\,0\.09\)\,inset_-7px_0_0_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:inset 7px 0 0 var(--tw-shadow-color,#ffffff17), inset -7px 0 0 var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-3{outline-style:var(--tw-outline-style);outline-width:3px}.outline-\[1\.6px\]{outline-style:var(--tw-outline-style);outline-width:1.6px}.-outline-offset-2{outline-offset:calc(2px * -1)}.outline-offset-2{outline-offset:2px}.outline-\[color-mix\(in_srgb\,var\(--skill\)_55\%\,\#fff\)\]{outline-color:var(--skill)}@supports (color:color-mix(in lab, red, red)){.outline-\[color-mix\(in_srgb\,var\(--skill\)_55\%\,\#fff\)\]{outline-color:color-mix(in srgb,var(--skill) 55%,#fff)}}.outline-plum{outline-color:var(--plum)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.\[filter\:drop-shadow\(0_4px_3px_rgba\(60\,40\,20\,0\.35\)\)\]{filter:drop-shadow(0 4px 3px #3c281459)}.\[filter\:drop-shadow\(3px_7px_5px_rgba\(50\,25\,40\,0\.3\)\)\]{filter:drop-shadow(3px 7px 5px #3219284d)}.\[filter\:drop-shadow\(4px_12px_8px_rgba\(50\,25\,20\,0\.35\)\)\]{filter:drop-shadow(4px 12px 8px #32191459)}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.transition-\[background-color\,translate\]{transition-property:background-color,translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\]{transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-size\]{transition-property:background-size;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,text-decoration-color\]{transition-property:color,text-decoration-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\]{transition-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[rotate\]{transition-property:rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[text-decoration-color\]{transition-property:text-decoration-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[top\,translate\,box-shadow\]{transition-property:top,translate,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,color\]{transition-property:translate,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,rotate\,filter\]{transition-property:translate,rotate,filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,rotate\]{transition-property:translate,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,visibility\]{transition-property:translate,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\]{transition-property:translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-80{transition-delay:80ms}.delay-160{transition-delay:.16s}.delay-240{transition-delay:.24s}.delay-250{transition-delay:.25s}.delay-\[0s\,280ms\]{transition-delay:0s,.28s}.duration-80{--tw-duration:80ms;transition-duration:80ms}.duration-120{--tw-duration:.12s;transition-duration:.12s}.duration-160{--tw-duration:.16s;transition-duration:.16s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-220{--tw-duration:.22s;transition-duration:.22s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-900{--tw-duration:.9s;transition-duration:.9s}.duration-1000{--tw-duration:1s;transition-duration:1s}.duration-\[120ms\]{--tw-duration:.12s;transition-duration:.12s}.duration-\[140ms\]{--tw-duration:.14s;transition-duration:.14s}.duration-\[180ms\]{--tw-duration:.18s;transition-duration:.18s}.duration-\[220ms\]{--tw-duration:.22s;transition-duration:.22s}.duration-\[280ms\,0s\]{--tw-duration:.28s,0s;transition-duration:.28s,0s}.duration-\[280ms\]{--tw-duration:.28s;transition-duration:.28s}.duration-\[420ms\,220ms\,220ms\]{--tw-duration:.42s,.22s,.22s;transition-duration:.42s,.22s,.22s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.part-shelf{--books:310px;--wood:78px;--base:164px;--step:1.46px;background:repeating-linear-gradient(to bottom, transparent 0 var(--books), var(--birch) var(--books) calc(var(--books) + 32px), var(--oak-dark) calc(var(--books) + 32px) calc(var(--books) + 38px), var(--oak) calc(var(--books) + 38px) calc(var(--books) + var(--wood)))}@supports (color:color-mix(in lab, red, red)){.part-shelf{background:repeating-linear-gradient(to bottom, transparent 0 var(--books), var(--birch) var(--books) calc(var(--books) + 32px), color-mix(in srgb, var(--oak-dark) 45%, var(--oak)) calc(var(--books) + 32px) calc(var(--books) + 38px), var(--oak) calc(var(--books) + 38px) calc(var(--books) + var(--wood)))}}@media not all and (width>=521px){.part-shelf{--books:286px;--base:186px;--step:1px}}.outline-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--air\:24px\]{--air:24px}.\[--air\:28px\]{--air:28px}.\[--from\:-6px\]{--from:-6px}.\[--from\:6px\]{--from:6px}.\[--player\:var\(--listening\)\]{--player:var(--listening)}.\[--player\:var\(--speaking\)\]{--player:var(--speaking)}.\[--row\:72px\]{--row:72px}.\[--row\:106px\]{--row:106px}.\[--sh\:226px\]{--sh:226px}.\[--slider-track\:\#fff\]{--slider-track:#fff}.\[--slider-track\:var\(--oak\)\]{--slider-track:var(--oak)}.\[--slider\:var\(--color-birch-ink\)\]{--slider:var(--color-birch-ink)}.\[--slider\:var\(--player\)\]{--slider:var(--player)}.\[--spine\:var\(--skill\,var\(--plum\)\)\]{--spine:var(--skill,var(--plum))}.\[--step\:13px\]{--step:13px}.\[--step\:18px\]{--step:18px}.\[animation-delay\:1\.1s\]{animation-delay:1.1s}.\[animation-delay\:80ms\]{animation-delay:80ms}.\[animation-delay\:120ms\]{animation-delay:.12s}.\[animation-delay\:160ms\]{animation-delay:.16s}.\[animation-delay\:180ms\]{animation-delay:.18s}.\[animation-delay\:260ms\]{animation-delay:.26s}.\[animation-delay\:360ms\]{animation-delay:.36s}.\[animation-delay\:420ms\]{animation-delay:.42s}.\[background\:linear-gradient\(to_bottom\,transparent_var\(--row\)\,var\(--birch\)_var\(--row\)\,var\(--birch\)_calc\(var\(--row\)\+6px\)\,var\(--oak\)_calc\(var\(--row\)\+6px\)\,var\(--oak\)_calc\(var\(--row\)\+10px\)\,transparent_calc\(var\(--row\)\+10px\)\)_0_14px\/100\%_calc\(var\(--row\)\+var\(--air\)\)_repeat-y\,var\(--wall\)\]{background:linear-gradient(to bottom,transparent var(--row),var(--birch) var(--row),var(--birch) calc(var(--row) + 6px),var(--oak) calc(var(--row) + 6px),var(--oak) calc(var(--row) + 10px),transparent calc(var(--row) + 10px)) 0 14px/100% calc(var(--row) + var(--air)) repeat-y,var(--wall)}.\[background\:linear-gradient\(to_bottom\,transparent_var\(--row\)\,var\(--birch\)_var\(--row\)\,var\(--birch\)_calc\(var\(--row\)\+7px\)\,var\(--oak\)_calc\(var\(--row\)\+7px\)\,var\(--oak\)_calc\(var\(--row\)\+11px\)\,transparent_calc\(var\(--row\)\+11px\)\)_0_16px\/100\%_calc\(var\(--row\)\+var\(--air\)\)_repeat-y\,var\(--wall\)\]{background:linear-gradient(to bottom,transparent var(--row),var(--birch) var(--row),var(--birch) calc(var(--row) + 7px),var(--oak) calc(var(--row) + 7px),var(--oak) calc(var(--row) + 11px),transparent calc(var(--row) + 11px)) 0 16px/100% calc(var(--row) + var(--air)) repeat-y,var(--wall)}.\[clip-path\:polygon\(0_0\,100\%_0\,100\%_100\%\,50\%_80\%\,0_100\%\)\]{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.\[counter-increment\:p\]{counter-increment:p}.\[counter-reset\:p\]{counter-reset:p}.\[stroke-dasharray\:1\]{stroke-dasharray:1}.\[stroke-dasharray\:600\]{stroke-dasharray:600}.\[stroke-dashoffset\:600\]{stroke-dashoffset:600px}.\[stroke-linecap\:round\]{stroke-linecap:round}.\[stroke-linejoin\:round\]{stroke-linejoin:round}.\[transform-box\:fill-box\]{transform-box:fill-box}.\[vector-effect\:non-scaling-stroke\]{vector-effect:non-scaling-stroke}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}.opsz-24{font-variation-settings:"opsz" 24}.opsz-30{font-variation-settings:"opsz" 30}.opsz-36{font-variation-settings:"opsz" 36}.opsz-48{font-variation-settings:"opsz" 48}.pre .shelf-room{background:var(--wall)}.table-grain{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='420'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .09' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .37 0 0 0 0 .17 0 0 0 .55 -.16'/%3E%3C/filter%3E%3Crect width='900' height='420' filter='url(%23g)' opacity='.42'/%3E%3C/svg%3E"),#f8efe1}:is(.\*\:whitespace-nowrap>*){white-space:nowrap}@media (hover:hover){:is(:where(.group):hover .group-hover\:translate-x-\[3px\]){--tw-translate-x:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}:is(:where(.group):hover .group-hover\:-translate-y-1\.5){--tw-translate-y:calc(var(--spacing) * -1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}:is(:where(.group):hover .group-hover\:bg-plum-mist){background-color:#eee1e8}:is(:where(.group):hover .group-hover\:text-plum){color:var(--plum)}:is(:where(.group):hover .group-hover\:decoration-line-strong){-webkit-text-decoration-color:var(--line-strong);-webkit-text-decoration-color:var(--line-strong);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}}:is(:where(.group):focus-visible .group-focus-visible\:-translate-y-1\.5){--tw-translate-y:calc(var(--spacing) * -1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}:is(:where(.group)[aria-expanded=true] .group-aria-expanded\:rotate-180){rotate:180deg}:is(:where(.group)[aria-expanded=true] .group-aria-expanded\:bg-plum-mist){background-color:#eee1e8}:is(:where(.group)[aria-current=true] .group-aria-\[current\=true\]\:text-white){color:#fff}:is(:where(.group)[data-in] .group-data-in\:\[transform\:none\]){transform:none}:is(:where(.group)[data-in] .group-data-in\:bg-size-\[100\%_100\%\]){background-size:100% 100%}.backdrop\:animate-backdrop-in::backdrop{animation:var(--animate-backdrop-in)}.backdrop\:bg-\[rgba\(44\,15\,34\,0\.22\)\]::backdrop{background-color:#2c0f2238}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-x-0:before{content:var(--tw-content);inset-inline:0}.before\:inset-x-1\.5:before{content:var(--tw-content);inset-inline:calc(var(--spacing) * 1.5)}.before\:inset-y-0:before{content:var(--tw-content);inset-block:0}.before\:inset-y-0\.5:before{content:var(--tw-content);inset-block:calc(var(--spacing) * .5)}.before\:-top-2:before{content:var(--tw-content);top:calc(var(--spacing) * -2)}.before\:-top-\[9px\]:before{content:var(--tw-content);top:-9px}.before\:-top-\[18px\]:before{content:var(--tw-content);top:-18px}.before\:top-0:before{content:var(--tw-content);top:0}.before\:top-1\.5:before{content:var(--tw-content);top:calc(var(--spacing) * 1.5)}.before\:top-2\.5:before{content:var(--tw-content);top:calc(var(--spacing) * 2.5)}.before\:top-7:before{content:var(--tw-content);top:calc(var(--spacing) * 7)}.before\:top-\[3px\]:before{content:var(--tw-content);top:3px}.before\:top-\[5px\]:before{content:var(--tw-content);top:5px}.before\:top-\[9px\]:before{content:var(--tw-content);top:9px}.before\:right-1:before{content:var(--tw-content);right:var(--spacing)}.before\:right-1\.5:before{content:var(--tw-content);right:calc(var(--spacing) * 1.5)}.before\:bottom-7:before{content:var(--tw-content);bottom:calc(var(--spacing) * 7)}.before\:bottom-\[3px\]:before{content:var(--tw-content);bottom:3px}.before\:left-0:before{content:var(--tw-content);left:0}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:left-4:before{content:var(--tw-content);left:calc(var(--spacing) * 4)}.before\:left-\[3px\]:before{content:var(--tw-content);left:3px}.before\:left-\[47px\]:before{content:var(--tw-content);left:47px}.before\:mt-\[7px\]:before{content:var(--tw-content);margin-top:7px}.before\:mt-\[9px\]:before{content:var(--tw-content);margin-top:9px}.before\:block:before{content:var(--tw-content);display:block}.before\:grid:before{content:var(--tw-content);display:grid}.before\:size-1:before{content:var(--tw-content);width:var(--spacing);height:var(--spacing)}.before\:size-1\.5:before{content:var(--tw-content);width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.before\:size-2:before{content:var(--tw-content);width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.before\:size-\[7px\]:before{content:var(--tw-content);width:7px;height:7px}.before\:size-\[18px\]:before{content:var(--tw-content);width:18px;height:18px}.before\:size-\[22px\]:before{content:var(--tw-content);width:22px;height:22px}.before\:h-1:before{content:var(--tw-content);height:var(--spacing)}.before\:h-4:before{content:var(--tw-content);height:calc(var(--spacing) * 4)}.before\:h-5:before{content:var(--tw-content);height:calc(var(--spacing) * 5)}.before\:h-11:before{content:var(--tw-content);height:calc(var(--spacing) * 11)}.before\:h-\[5px\]:before{content:var(--tw-content);height:5px}.before\:h-\[7px\]:before{content:var(--tw-content);height:7px}.before\:h-\[15px\]:before{content:var(--tw-content);height:15px}.before\:h-\[18px\]:before{content:var(--tw-content);height:18px}.before\:h-\[22px\]:before{content:var(--tw-content);height:22px}.before\:h-\[26px\]:before{content:var(--tw-content);height:26px}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-0\.5:before{content:var(--tw-content);width:calc(var(--spacing) * .5)}.before\:w-2:before{content:var(--tw-content);width:calc(var(--spacing) * 2)}.before\:w-2\.5:before{content:var(--tw-content);width:calc(var(--spacing) * 2.5)}.before\:w-3:before{content:var(--tw-content);width:calc(var(--spacing) * 3)}.before\:w-3\.5:before{content:var(--tw-content);width:calc(var(--spacing) * 3.5)}.before\:w-\[1\.5px\]:before{content:var(--tw-content);width:1.5px}.before\:w-\[9px\]:before{content:var(--tw-content);width:9px}.before\:w-\[11px\]:before{content:var(--tw-content);width:11px}.before\:w-\[13px\]:before{content:var(--tw-content);width:13px}.before\:w-\[76px\]:before{content:var(--tw-content);width:76px}.before\:w-\[calc\(50\%_-_3px\)\]:before{content:var(--tw-content);width:calc(50% - 3px)}.before\:flex-none:before{content:var(--tw-content);flex:none}.before\:origin-left:before{content:var(--tw-content);transform-origin:0}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.before\:translate-y-\[calc\(var\(--at\)\*46px\)\]:before{content:var(--tw-content);--tw-translate-y:calc(var(--at) * 46px);translate:var(--tw-translate-x) var(--tw-translate-y)}.before\:animate-page-wait:before{content:var(--tw-content);animation:var(--animate-page-wait)}.before\:place-items-center:before{content:var(--tw-content);place-items:center}.before\:rounded-\[0_0_6px_6px\]:before{content:var(--tw-content);border-radius:0 0 6px 6px}.before\:rounded-\[2px\]:before{content:var(--tw-content);border-radius:2px}.before\:rounded-\[3px\]:before{content:var(--tw-content);border-radius:3px}.before\:rounded-\[3px_3px_1px_1px\]:before{content:var(--tw-content);border-radius:3px 3px 1px 1px}.before\:rounded-\[4px_4px_2px_2px\]:before{content:var(--tw-content);border-radius:4px 4px 2px 2px}.before\:rounded-full:before{content:var(--tw-content);border-radius:2147483647px}.before\:rounded-key:before{content:var(--tw-content);border-radius:var(--radius-key)}.before\:rounded-tag:before{content:var(--tw-content);border-radius:var(--radius-tag)}.before\:bg-\[\#5A3A4E\]:before{content:var(--tw-content);background-color:#5a3a4e}.before\:bg-\[\#C4B8BF\]:before{content:var(--tw-content);background-color:#c4b8bf}.before\:bg-\[\#E9F2EE\]:before{content:var(--tw-content);background-color:#e9f2ee}.before\:bg-\[\#EBC9D6\]:before{content:var(--tw-content);background-color:#ebc9d6}.before\:bg-\[rgba\(255\,236\,214\,0\.8\)\]:before{content:var(--tw-content);background-color:#ffecd6cc}.before\:bg-\[var\(--skill\,var\(--writing\)\)\]:before{content:var(--tw-content);background-color:var(--skill,var(--writing))}.before\:bg-line:before{content:var(--tw-content);background-color:var(--line)}.before\:bg-maple:before{content:var(--tw-content);background-color:var(--maple)}.before\:bg-oak-dark:before{content:var(--tw-content);background-color:var(--oak-dark)}.before\:bg-plum-soft:before{content:var(--tw-content);background-color:var(--plum-soft)}.before\:bg-skill:before{content:var(--tw-content);background-color:var(--skill)}.before\:bg-wall-deep:before{content:var(--tw-content);background-color:var(--wall-deep)}.before\:bg-white:before{content:var(--tw-content);background-color:#fff}.before\:text-\[13px\]:before{content:var(--tw-content);font-size:13px}.before\:font-bold:before{content:var(--tw-content);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.before\:text-speaking:before{content:var(--tw-content);color:var(--speaking)}.before\:opacity-\[0\.38\]:before{content:var(--tw-content);opacity:.38}.before\:shadow-\[0_1px_2px_rgba\(74\,27\,58\,0\.22\)\]:before{content:var(--tw-content);--tw-shadow:0 1px 2px var(--tw-shadow-color,#4a1b3a38);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.before\:transition-\[translate\]:before{content:var(--tw-content);transition-property:translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:transition-transform:before{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:duration-120:before{content:var(--tw-content);--tw-duration:.12s;transition-duration:.12s}.before\:duration-300:before{content:var(--tw-content);--tw-duration:.3s;transition-duration:.3s}.before\:ease-out:before{content:var(--tw-content);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.before\:content-\[counter\(p\)\]:before{--tw-content:counter(p);content:var(--tw-content)}.before\:\[clip-path\:polygon\(0_0\,100\%_0\,100\%_100\%\,50\%_80\%\,0_100\%\)\]:before{content:var(--tw-content);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.before\:trail-tick:before{content:var(--tw-content);background:var(--skill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.6 2.6L13 6.5' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-\[6px_-3px_-5px_3px\]:after{content:var(--tw-content);inset:6px -3px -5px 3px}.after\:inset-x-0:after{content:var(--tw-content);inset-inline:0}.after\:top-10:after{content:var(--tw-content);top:calc(var(--spacing) * 10)}.after\:top-\[25px\]:after{content:var(--tw-content);top:25px}.after\:top-\[30\%\]:after{content:var(--tw-content);top:30%}.after\:top-\[30px\]:after{content:var(--tw-content);top:30px}.after\:bottom-1:after{content:var(--tw-content);bottom:var(--spacing)}.after\:bottom-3\.5:after{content:var(--tw-content);bottom:calc(var(--spacing) * 3.5)}.after\:-z-1:after{content:var(--tw-content);z-index:calc(1 * -1)}.after\:clear-both:after{content:var(--tw-content);clear:both}.after\:-mt-\[3px\]:after{content:var(--tw-content);margin-top:-3px}.after\:ml-auto:after{content:var(--tw-content);margin-left:auto}.after\:block:after{content:var(--tw-content);display:block}.after\:size-\[5px\]:after{content:var(--tw-content);width:5px;height:5px}.after\:size-\[7px\]:after{content:var(--tw-content);width:7px;height:7px}.after\:h-1:after{content:var(--tw-content);height:var(--spacing)}.after\:h-1\.5:after{content:var(--tw-content);height:calc(var(--spacing) * 1.5)}.after\:h-7:after{content:var(--tw-content);height:calc(var(--spacing) * 7)}.after\:h-\[3px\]:after{content:var(--tw-content);height:3px}.after\:h-\[7px\]:after{content:var(--tw-content);height:7px}.after\:h-\[9px\]:after{content:var(--tw-content);height:9px}.after\:w-0\.5:after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.after\:w-2\.5:after{content:var(--tw-content);width:calc(var(--spacing) * 2.5)}.after\:-translate-y-0\.5:after{content:var(--tw-content);--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:-rotate-45:after{content:var(--tw-content);rotate:-45deg}.after\:rotate-45:after{content:var(--tw-content);rotate:45deg}.after\:rotate-\[0\.5deg\]:after{content:var(--tw-content);rotate:.5deg}.after\:animate-code-caret:after{content:var(--tw-content);animation:var(--animate-code-caret)}.after\:rounded-\[6px\]:after{content:var(--tw-content);border-radius:6px}.after\:rounded-full:after{content:var(--tw-content);border-radius:2147483647px}.after\:border-\[2\.5px\]:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:2.5px}.after\:border-t-0:after{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:0}.after\:border-r-0:after{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:0}.after\:border-r-2:after{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:2px}.after\:border-b-2:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.after\:border-muted:after{content:var(--tw-content);border-color:var(--muted)}.after\:border-white:after{content:var(--tw-content);border-color:#fff}.after\:bg-\(--spine\):after{content:var(--tw-content);background-color:var(--spine)}.after\:bg-\[\#F4EEE4\]:after{content:var(--tw-content);background-color:#f4eee4}.after\:bg-\[rgba\(255\,230\,204\,0\.85\)\]:after{content:var(--tw-content);background-color:#ffe6ccd9}.after\:bg-\[rgba\(255\,236\,214\,0\.8\)\]:after{content:var(--tw-content);background-color:#ffecd6cc}.after\:bg-line:after{content:var(--tw-content);background-color:var(--line)}.after\:bg-maple:after{content:var(--tw-content);background-color:var(--maple)}.after\:bg-maple-soft:after{content:var(--tw-content);background-color:var(--maple-soft)}.after\:bg-plum:after{content:var(--tw-content);background-color:var(--plum)}.after\:bg-skill:after{content:var(--tw-content);background-color:var(--skill)}.after\:text-maple-dark:after{content:var(--tw-content);color:var(--maple-dark)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.after\:content-\[\'_\*\'\]:after{--tw-content:" *";content:var(--tw-content)}.first\:pl-3\.5:first-child{padding-left:calc(var(--spacing) * 3.5)}.first-of-type\:border-t-0:first-of-type{border-top-style:var(--tw-border-style);border-top-width:0}.first-of-type\:pt-0:first-of-type{padding-top:0}.first-of-type\:pt-1:first-of-type{padding-top:var(--spacing)}.open\:animate-drawer-in:is([open],:popover-open,:open){animation:var(--animate-drawer-in)}.focus-within\:border-plum:focus-within{border-color:var(--plum)}.focus-within\:shadow-\[0_0_0_4px_var\(--plum-soft\)\]:focus-within{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--plum-soft));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:z-2:hover{z-index:2}.hover\:-translate-y-1\.5:hover{--tw-translate-y:calc(var(--spacing) * -1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-\[5px\]:hover{--tw-translate-y:calc(5px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-\[18px\]:hover{--tw-translate-y:calc(18px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-rotate-\[2\.4deg\]:hover{rotate:-2.4deg}.hover\:bg-plum-hover:hover{background-color:var(--plum-hover)}.hover\:bg-plum-soft:hover{background-color:var(--plum-soft)}.hover\:bg-row:hover{background-color:#fbf8f9}.hover\:text-ink:hover{color:var(--ink)}.hover\:text-plum:hover{color:var(--plum)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-line-strong:hover{-webkit-text-decoration-color:var(--line-strong);-webkit-text-decoration-color:var(--line-strong);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.hover\:underline-offset-\[3px\]:hover{text-underline-offset:3px}.hover\:brightness-\[1\.08\]:hover{--tw-brightness:brightness(1.08);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.hover\:not-disabled\:border-\[\#D9C6D1\]:hover:not(:disabled){border-color:#d9c6d1}.hover\:not-disabled\:bg-plum-soft:hover:not(:disabled){background-color:var(--plum-soft)}.not-aria-\[current\=page\]\:hover\:bg-row:not([aria-current=page]):hover{background-color:#fbf8f9}}.focus-visible\:z-2:focus-visible{z-index:2}.focus-visible\:-translate-y-\[18px\]:focus-visible{--tw-translate-y:calc(18px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.focus-visible\:-rotate-\[2\.4deg\]:focus-visible{rotate:-2.4deg}.focus-visible\:border-plum:focus-visible{border-color:var(--plum)}.focus-visible\:bg-plum-soft:focus-visible{background-color:var(--plum-soft)}.focus-visible\:shadow-\[0_0_0_4px_var\(--plum-soft\)\]:focus-visible{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--plum-soft));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:brightness-\[1\.08\]:focus-visible{--tw-brightness:brightness(1.08);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:-translate-y-0\.5:active{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-0\.5:active{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.not-disabled\:active\:mt-\[3px\]:not(:disabled):active{margin-top:3px}.not-disabled\:active\:border-b-2:not(:disabled):active{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}@media (hover:hover){.enabled\:hover\:bg-plum-soft:enabled:hover{background-color:var(--plum-soft)}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:font-medium:disabled{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.disabled\:text-line-strong:disabled{color:var(--line-strong)}.disabled\:opacity-60:disabled{opacity:.6}.has-\[\[data-view\=clean\]\[aria-pressed\=true\]\]\:before\:translate-x-full:has([data-view=clean][aria-pressed=true]):before{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.aria-expanded\:border-plum[aria-expanded=true]{border-color:var(--plum)}.aria-expanded\:shadow-\[0_0_0_4px_var\(--plum-soft\)\][aria-expanded=true]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--plum-soft));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-pressed\:bg-white[aria-pressed=true]{background-color:#fff}.aria-pressed\:text-ink[aria-pressed=true]{color:var(--ink)}.aria-pressed\:text-plum[aria-pressed=true]{color:var(--plum)}.aria-pressed\:shadow-\[0_0_0_1px_var\(--line\)\][aria-pressed=true]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--line));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-selected\:font-bold[aria-selected=true]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.aria-selected\:text-plum[aria-selected=true]{color:var(--plum)}.aria-\[current\=page\]\:bg-plum-soft[aria-current=page]{background-color:var(--plum-soft)}.aria-\[current\=page\]\:font-bold[aria-current=page]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.aria-\[current\=page\]\:text-plum[aria-current=page]{color:var(--plum)}.aria-\[current\=true\]\:bg-plum-soft[aria-current=true]{background-color:var(--plum-soft)}.aria-\[current\=true\]\:bg-skill[aria-current=true]{background-color:var(--skill)}.aria-\[current\=true\]\:text-plum[aria-current=true]{color:var(--plum)}.aria-\[current\=true\]\:shadow-\[inset_0_-4px_0_rgba\(0\,0\,0\,\.18\)\][aria-current=true]{--tw-shadow:inset 0 -4px 0 var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.aria-\[expanded\=false\]\:hover\:border-line-strong[aria-expanded=false]:hover{border-color:var(--line-strong)}}.data-done\:text-ink[data-done]{color:var(--ink)}.data-on\:opacity-100[data-on]{opacity:1}.data-out\:z-2[data-out]{z-index:2}.data-out\:-translate-y-\[7px\][data-out]{--tw-translate-y:calc(7px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-out\:-translate-y-\[18px\][data-out]{--tw-translate-y:calc(18px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-out\:-rotate-\[1\.6deg\][data-out]{rotate:-1.6deg}.data-out\:-rotate-\[2\.4deg\][data-out]{rotate:-2.4deg}.data-out\:bg-plum-soft[data-out]{background-color:var(--plum-soft)}.data-out\:brightness-\[1\.08\][data-out]{--tw-brightness:brightness(1.08);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-clock-tick{animation:var(--animate-clock-tick)}}@media (prefers-reduced-motion:reduce){.motion-reduce\:\[transform\:none\]{transform:none}.motion-reduce\:\[transform\:scaleY\(0\.12\)\]\!{transform:scaleY(.12)!important}.motion-reduce\:bg-size-\[100\%_100\%\]{background-size:100% 100%}.motion-reduce\:\[stroke-dashoffset\:0\]{stroke-dashoffset:0}.motion-reduce\:before\:scale-x-60:before{content:var(--tw-content);--tw-scale-x:60%;scale:var(--tw-scale-x) var(--tw-scale-y)}.motion-reduce\:before\:animate-none:before{content:var(--tw-content);animation:none}}@media not all and (width>=1300px){.max-\[1300px\]\:right-0{right:0}.max-\[1300px\]\:left-auto{left:auto}}@media not all and (width>=1121px){.max-\[1121px\]\:right-\[470px\]{right:470px}.max-\[1121px\]\:left-auto{left:auto}.max-\[1121px\]\:order-none{order:0}.max-\[1121px\]\:inline{display:inline}.max-\[1121px\]\:w-full{width:100%}.max-\[1121px\]\:max-w-\[760px\]{max-width:760px}.max-\[1121px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[1121px\]\:gap-2{gap:calc(var(--spacing) * 2)}.max-\[1121px\]\:justify-self-end{justify-self:flex-end}.max-\[1121px\]\:pt-4{padding-top:calc(var(--spacing) * 4)}.max-\[1121px\]\:pb-2{padding-bottom:calc(var(--spacing) * 2)}}@media not all and (width>=1101px){.max-\[1101px\]\:static{position:static}.max-\[1101px\]\:hidden{display:none}.max-\[1101px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[1101px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[1101px\]\:grid-cols-\[repeat\(16\,minmax\(0\,1fr\)\)\]{grid-template-columns:repeat(16,minmax(0,1fr))}}@media not all and (width>=1041px){.max-\[1041px\]\:col-span-full{grid-column:1/-1}.max-\[1041px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[1041px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[1041px\]\:grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.max-\[1041px\]\:grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.max-\[1041px\]\:justify-start{justify-content:flex-start}}@media not all and (width>=1001px){.max-xl\:relative{position:relative}.max-xl\:static{position:static}.max-xl\:-top-\[60px\]{top:-60px}.max-xl\:top-\[46px\]{top:46px}.max-xl\:-right-\[6px\]{right:-6px}.max-xl\:right-0{right:0}.max-xl\:right-\[calc\(var\(--gutter\)\*-1\)\]{right:calc(var(--gutter) * -1)}.max-xl\:bottom-auto{bottom:auto}.max-xl\:left-\[calc\(var\(--gutter\)\*-1\)\]{left:calc(var(--gutter) * -1)}.max-xl\:left-gutter{left:var(--gutter)}.max-xl\:order-1{order:1}.max-xl\:order-2{order:2}.max-xl\:order-3{order:3}.max-xl\:order-4{order:4}.max-xl\:order-5{order:5}.max-xl\:order-none{order:0}.max-xl\:col-auto{grid-column:auto}.max-xl\:col-span-full{grid-column:1/-1}.max-xl\:row-auto{grid-row:auto}.max-xl\:row-span-2{grid-row:span 2/span 2}.max-xl\:mt-\[9px\]{margin-top:9px}.max-xl\:mt-\[26px\]{margin-top:26px}.max-xl\:mt-\[86px\]{margin-top:86px}.max-xl\:mt-\[100px\]{margin-top:100px}.max-xl\:mb-\[14px\]{margin-bottom:14px}.max-xl\:block{display:block}.max-xl\:contents{display:contents}.max-xl\:flex{display:flex}.max-xl\:grid{display:grid}.max-xl\:hidden{display:none}.max-xl\:inline-flex{display:inline-flex}.max-xl\:h-\[6px\]{height:6px}.max-xl\:h-\[240px\]{height:240px}.max-xl\:h-\[calc\(var\(--h\)\*0\.84\)\]{height:calc(var(--h) * .84)}.max-xl\:h-\[calc\(var\(--h\)\*0\.84\+18px\)\]{height:calc(var(--h) * .84 + 18px)}.max-xl\:max-h-\[196px\]{max-height:196px}.max-xl\:min-h-12{min-height:calc(var(--spacing) * 12)}.max-xl\:w-24{width:calc(var(--spacing) * 24)}.max-xl\:w-full{width:100%}.max-xl\:max-w-\[420px\]{max-width:420px}.max-xl\:scroll-mt-\[76px\]{scroll-margin-top:76px}.max-xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-xl\:grid-cols-\[52px_minmax\(0\,1fr\)\]{grid-template-columns:52px minmax(0,1fr)}.max-xl\:grid-cols-\[96px_minmax\(0\,1fr\)\]{grid-template-columns:96px minmax(0,1fr)}.max-xl\:grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.max-xl\:flex-col{flex-direction:column}.max-xl\:items-stretch{align-items:stretch}.max-xl\:justify-start{justify-content:flex-start}.max-xl\:gap-2{gap:calc(var(--spacing) * 2)}.max-xl\:gap-4{gap:calc(var(--spacing) * 4)}.max-xl\:gap-6{gap:calc(var(--spacing) * 6)}.max-xl\:gap-7{gap:calc(var(--spacing) * 7)}.max-xl\:gap-8{gap:calc(var(--spacing) * 8)}.max-xl\:gap-\[18px\]{gap:18px}.max-xl\:gap-\[26px\]{gap:26px}.max-xl\:gap-\[34px\]{gap:34px}.max-xl\:gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.max-xl\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.max-xl\:gap-y-5{row-gap:calc(var(--spacing) * 5)}.max-xl\:justify-self-start{justify-self:flex-start}.max-xl\:overflow-hidden{overflow:hidden}.max-xl\:rounded-none{border-radius:0}.max-xl\:border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.max-xl\:border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.max-xl\:bg-wall{background-color:var(--wall)}.max-xl\:\[mask-image\:linear-gradient\(\#000_60\%\,transparent\)\]{-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.max-xl\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-xl\:px-gutter{padding-inline:var(--gutter)}.max-xl\:py-14{padding-block:calc(var(--spacing) * 14)}.max-xl\:pt-0{padding-top:0}.max-xl\:pt-4{padding-top:calc(var(--spacing) * 4)}.max-xl\:pt-11{padding-top:calc(var(--spacing) * 11)}.max-xl\:pt-14{padding-top:calc(var(--spacing) * 14)}.max-xl\:pt-\[18px\]{padding-top:18px}.max-xl\:pt-\[34px\]{padding-top:34px}.max-xl\:pr-0{padding-right:0}.max-xl\:pb-0{padding-bottom:0}.max-xl\:pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.max-xl\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.max-xl\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.max-xl\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.max-xl\:pb-\[26px\]{padding-bottom:26px}.max-xl\:text-\[12\.5px\]{font-size:12.5px}.max-xl\:text-\[16px\]{font-size:16px}.max-xl\:text-\[30px\]{font-size:30px}.max-xl\:text-\[92px\]{font-size:92px}.max-xl\:\[--sh\:172px\]{--sh:172px}.max-xl\:\[--step\:15px\]{--step:15px}.max-xl\:table-grain{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='420'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .09' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .37 0 0 0 0 .17 0 0 0 .55 -.16'/%3E%3C/filter%3E%3Crect width='900' height='420' filter='url(%23g)' opacity='.42'/%3E%3C/svg%3E"),#f8efe1}.max-xl\:after\:absolute:after{content:var(--tw-content);position:absolute}.max-xl\:after\:top-full:after{content:var(--tw-content);top:100%}.max-xl\:after\:right-\[calc\(var\(--gutter\)\*-1\)\]:after{content:var(--tw-content);right:calc(var(--gutter) * -1)}.max-xl\:after\:left-\[calc\(var\(--gutter\)\*-1\)\]:after{content:var(--tw-content);left:calc(var(--gutter) * -1)}.max-xl\:after\:mx-\[calc\(var\(--gutter\)\*-1\)\]:after{content:var(--tw-content);margin-inline:calc(var(--gutter) * -1)}.max-xl\:after\:-mt-2:after{content:var(--tw-content);margin-top:calc(var(--spacing) * -2)}.max-xl\:after\:h-3:after{content:var(--tw-content);height:calc(var(--spacing) * 3)}.max-xl\:after\:h-3\.5:after{content:var(--tw-content);height:calc(var(--spacing) * 3.5)}.max-xl\:after\:border-b-4:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.max-xl\:after\:border-oak:after{content:var(--tw-content);border-color:var(--oak)}.max-xl\:after\:bg-birch:after{content:var(--tw-content);background-color:var(--birch)}.max-xl\:last-of-type\:after\:hidden:last-of-type:after{content:var(--tw-content);display:none}}@media not all and (width>=901px){.max-lg\:col-\[2\]{grid-column:2}.max-lg\:col-span-full{grid-column:1/-1}.max-lg\:mb-5{margin-bottom:calc(var(--spacing) * 5)}.max-lg\:mb-\[5px\]{margin-bottom:5px}.max-lg\:hidden{display:none}.max-lg\:h-2\.5{height:calc(var(--spacing) * 2.5)}.max-lg\:w-\[130px\]{width:130px}.max-lg\:w-\[150px\]{width:150px}.max-lg\:w-\[max\(12\%\,calc\(var\(--share\)\*100\%\)\)\]{width:max(12%, calc(var(--share) * 100%))}.max-lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-lg\:grid-cols-\[150px_minmax\(0\,1fr\)\]{grid-template-columns:150px minmax(0,1fr)}.max-lg\:grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.max-lg\:grid-cols-\[repeat\(10\,minmax\(0\,1fr\)\)\]{grid-template-columns:repeat(10,minmax(0,1fr))}.max-lg\:gap-3{gap:calc(var(--spacing) * 3)}.max-lg\:gap-x-5{column-gap:calc(var(--spacing) * 5)}.max-lg\:gap-y-3\.5{row-gap:calc(var(--spacing) * 3.5)}.max-lg\:justify-self-start{justify-self:flex-start}.max-lg\:pb-7{padding-bottom:calc(var(--spacing) * 7)}}@media not all and (width>=861px){.max-\[861px\]\:col-auto{grid-column:auto}}@media not all and (width>=761px){.max-\[761px\]\:block{display:block}.max-\[761px\]\:w-full{width:100%}.max-\[761px\]\:grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.max-\[761px\]\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}.max-\[761px\]\:gap-5{gap:calc(var(--spacing) * 5)}}@media not all and (width>=721px){.max-md\:relative{position:relative}.max-md\:inset-x-0{inset-inline:0}.max-md\:top-auto{top:auto}.max-md\:right-auto{right:auto}.max-md\:bottom-0{bottom:0}.max-md\:bottom-auto{bottom:auto}.max-md\:left-auto{left:auto}.max-md\:col-1{grid-column:1}.max-md\:col-2{grid-column:2}.max-md\:col-span-full{grid-column:1/-1}.max-md\:row-1{grid-row:1}.max-md\:row-2{grid-row:2}.max-md\:m-0{margin:0}.max-md\:-mx-2\.5{margin-inline:calc(var(--spacing) * -2.5)}.max-md\:-mx-gutter{margin-inline:calc(var(--gutter) * -1)}.max-md\:mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.max-md\:-mt-2\.5{margin-top:calc(var(--spacing) * -2.5)}.max-md\:mr-2\.5{margin-right:calc(var(--spacing) * 2.5)}.max-md\:-mb-3\.5{margin-bottom:calc(var(--spacing) * -3.5)}.max-md\:-mb-4{margin-bottom:calc(var(--spacing) * -4)}.max-md\:ml-0{margin-left:0}.max-md\:block{display:block}.max-md\:grid{display:grid}.max-md\:hidden{display:none}.max-md\:h-11{height:calc(var(--spacing) * 11)}.max-md\:h-16{height:calc(var(--spacing) * 16)}.max-md\:h-\[84dvh\]{height:84dvh}.max-md\:h-\[260px\]{height:260px}.max-md\:h-\[calc\(var\(--h\)\*0\.86\)\]{height:calc(var(--h) * .86)}.max-md\:h-auto{height:auto}.max-md\:min-h-\[440px\]{min-height:440px}.max-md\:w-\[58\%\]{width:58%}.max-md\:w-\[68px\]\!{width:68px!important}.max-md\:w-\[72px\]{width:72px}.max-md\:w-\[132px\]{width:132px}.max-md\:w-\[150px\]{width:150px}.max-md\:w-auto{width:auto}.max-md\:w-full{width:100%}.max-md\:max-w-none{max-width:none}.max-md\:min-w-\[32px\]{min-width:32px}.max-md\:flex-1{flex:1}.max-md\:flex-none{flex:none}.max-md\:shrink-0{flex-shrink:0}.max-md\:grow{flex-grow:1}.max-md\:basis-full{flex-basis:100%}.max-md\:\[scrollbar-width\:none\]{scrollbar-width:none}.max-md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.max-md\:grid-cols-\[repeat\(4\,auto\)\]{grid-template-columns:repeat(4,auto)}.max-md\:grid-cols-\[repeat\(8\,minmax\(0\,1fr\)\)\]{grid-template-columns:repeat(8,minmax(0,1fr))}.max-md\:flex-col{flex-direction:column}.max-md\:flex-nowrap{flex-wrap:nowrap}.max-md\:flex-wrap{flex-wrap:wrap}.max-md\:items-end{align-items:flex-end}.max-md\:items-stretch{align-items:stretch}.max-md\:justify-between{justify-content:space-between}.max-md\:justify-end{justify-content:flex-end}.max-md\:gap-0{gap:0}.max-md\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.max-md\:gap-2{gap:calc(var(--spacing) * 2)}.max-md\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.max-md\:gap-3{gap:calc(var(--spacing) * 3)}.max-md\:gap-6{gap:calc(var(--spacing) * 6)}.max-md\:gap-7{gap:calc(var(--spacing) * 7)}.max-md\:gap-9{gap:calc(var(--spacing) * 9)}.max-md\:gap-x-1{column-gap:var(--spacing)}.max-md\:gap-y-\[22px\]{row-gap:22px}.max-md\:self-end{align-self:flex-end}.max-md\:self-start{align-self:flex-start}.max-md\:justify-self-start{justify-self:flex-start}.max-md\:overflow-x-auto{overflow-x:auto}.max-md\:rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.max-md\:border-t-\[24px\]{border-top-style:var(--tw-border-style);border-top-width:24px}.max-md\:\[background-position\:0_12px\,0_0\]{background-position:0 12px,0 0}.max-md\:p-5{padding:calc(var(--spacing) * 5)}.max-md\:p-\[7px\]{padding:7px}.max-md\:p-\[18px\]{padding:18px}.max-md\:px-1{padding-inline:var(--spacing)}.max-md\:px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.max-md\:px-2{padding-inline:calc(var(--spacing) * 2)}.max-md\:px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.max-md\:px-3{padding-inline:calc(var(--spacing) * 3)}.max-md\:px-\[7px\]{padding-inline:7px}.max-md\:px-\[22px\]{padding-inline:22px}.max-md\:px-gutter{padding-inline:var(--gutter)}.max-md\:py-3{padding-block:calc(var(--spacing) * 3)}.max-md\:py-\[9px\]{padding-block:9px}.max-md\:pt-2{padding-top:calc(var(--spacing) * 2)}.max-md\:pt-3{padding-top:calc(var(--spacing) * 3)}.max-md\:pt-6{padding-top:calc(var(--spacing) * 6)}.max-md\:pt-10{padding-top:calc(var(--spacing) * 10)}.max-md\:pt-11{padding-top:calc(var(--spacing) * 11)}.max-md\:pt-14{padding-top:calc(var(--spacing) * 14)}.max-md\:pb-0{padding-bottom:0}.max-md\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.max-md\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.max-md\:pb-9{padding-bottom:calc(var(--spacing) * 9)}.max-md\:pb-11{padding-bottom:calc(var(--spacing) * 11)}.max-md\:pb-\[18px\]{padding-bottom:18px}.max-md\:text-\[15px\]{font-size:15px}.max-md\:text-\[16px\]{font-size:16px}.max-md\:text-\[17px\]{font-size:17px}.max-md\:text-\[18px\]{font-size:18px}.max-md\:text-\[46px\]{font-size:46px}.max-md\:text-\[50px\]{font-size:50px}.max-md\:\[--air\:22px\]{--air:22px}.max-md\:\[--row\:62px\]{--row:62px}.max-md\:open\:animate-sheet-in:is([open],:popover-open,:open){animation:var(--animate-sheet-in)}}@media not all and (width>=681px){.max-\[681px\]\:col-span-full{grid-column:1/-1}.max-\[681px\]\:row-start-2{grid-row-start:2}.max-\[681px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[681px\]\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.max-\[681px\]\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}}@media not all and (width>=561px){.max-\[561px\]\:absolute{position:absolute}.max-\[561px\]\:block{display:block}.max-\[561px\]\:grid{display:grid}.max-\[561px\]\:size-px{width:1px;height:1px}.max-\[561px\]\:min-w-0{min-width:0}.max-\[561px\]\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\]{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.max-\[561px\]\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.max-\[561px\]\:overflow-hidden{overflow:hidden}.max-\[561px\]\:border-0{border-style:var(--tw-border-style);border-width:0}.max-\[561px\]\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.max-\[561px\]\:border-line{border-color:var(--line)}.max-\[561px\]\:px-0{padding-inline:0}.max-\[561px\]\:px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.max-\[561px\]\:py-0\.5{padding-block:calc(var(--spacing) * .5)}.max-\[561px\]\:pt-0\.5{padding-top:calc(var(--spacing) * .5)}.max-\[561px\]\:pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.max-\[561px\]\:pb-\[5px\]{padding-bottom:5px}.max-\[561px\]\:pb-\[9px\]{padding-bottom:9px}.max-\[561px\]\:text-\[15px\]{font-size:15px}.max-\[561px\]\:font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.max-\[561px\]\:\[clip-path\:inset\(50\%\)\]{clip-path:inset(50%)}.max-\[561px\]\:before\:font-semibold:before{content:var(--tw-content);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.max-\[561px\]\:before\:text-muted:before{content:var(--tw-content);color:var(--muted)}.max-\[561px\]\:before\:content-\[attr\(data-label\)\]:before{--tw-content:attr(data-label);content:var(--tw-content)}}@media not all and (width>=521px){.max-sm\:inset-x-0{inset-inline:0}.max-sm\:-top-5{top:calc(var(--spacing) * -5)}.max-sm\:-top-\[18px\]{top:-18px}.max-sm\:top-4{top:calc(var(--spacing) * 4)}.max-sm\:right-1{right:var(--spacing)}.max-sm\:right-2{right:calc(var(--spacing) * 2)}.max-sm\:right-5{right:calc(var(--spacing) * 5)}.max-sm\:order-first{order:-9999}.max-sm\:col-1{grid-column:1}.max-sm\:col-2{grid-column:2}.max-sm\:col-\[1\]{grid-column:1}.max-sm\:col-\[2\]{grid-column:2}.max-sm\:row-\[1\/span_2\]{grid-row:1/span 2}.max-sm\:row-\[2\]{grid-row:2}.max-sm\:row-auto{grid-row:auto}.max-sm\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}.max-sm\:-mt-2\.5{margin-top:calc(var(--spacing) * -2.5)}.max-sm\:-mt-3{margin-top:calc(var(--spacing) * -3)}.max-sm\:mt-2{margin-top:calc(var(--spacing) * 2)}.max-sm\:mt-3{margin-top:calc(var(--spacing) * 3)}.max-sm\:mt-\[18px\]{margin-top:18px}.max-sm\:mb-\[-8px\]{margin-bottom:-8px}.max-sm\:mb-\[22px\]{margin-bottom:22px}.max-sm\:-ml-\[2px\]{margin-left:-2px}.max-sm\:block{display:block}.max-sm\:flex{display:flex}.max-sm\:grid{display:grid}.max-sm\:hidden{display:none}.max-sm\:size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.max-sm\:size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.max-sm\:size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.max-sm\:h-8{height:calc(var(--spacing) * 8)}.max-sm\:h-12{height:calc(var(--spacing) * 12)}.max-sm\:h-\[34px\]{height:34px}.max-sm\:h-\[38px\]\!{height:38px!important}.max-sm\:h-\[52px\]{height:52px}.max-sm\:h-\[124px\]{height:124px}.max-sm\:h-\[196px\]{height:196px}.max-sm\:h-\[calc\(var\(--h\)\*0\.66\)\]{height:calc(var(--h) * .66)}.max-sm\:h-\[calc\(var\(--h\)\*0\.66\+14px\)\]{height:calc(var(--h) * .66 + 14px)}.max-sm\:h-auto{height:auto}.max-sm\:min-h-11{min-height:calc(var(--spacing) * 11)}.max-sm\:min-h-\[104px\]{min-height:104px}.max-sm\:min-h-\[300px\]{min-height:300px}.max-sm\:w-6{width:calc(var(--spacing) * 6)}.max-sm\:w-24{width:calc(var(--spacing) * 24)}.max-sm\:w-28{width:calc(var(--spacing) * 28)}.max-sm\:w-\[11px\]{width:11px}.max-sm\:w-\[26px\]{width:26px}.max-sm\:w-\[28px\]\!{width:28px!important}.max-sm\:w-\[38px\]{width:38px}.max-sm\:w-\[58px\]{width:58px}.max-sm\:w-\[62px\]{width:62px}.max-sm\:w-\[72px\]{width:72px}.max-sm\:w-\[76px\]{width:76px}.max-sm\:w-\[92px\]{width:92px}.max-sm\:w-\[104px\]{width:104px}.max-sm\:w-\[110px\]{width:110px}.max-sm\:w-\[112px\]{width:112px}.max-sm\:w-\[140px\]{width:140px}.max-sm\:w-\[172px\]{width:172px}.max-sm\:w-\[176px\]{width:176px}.max-sm\:w-\[184px\]{width:184px}.max-sm\:w-\[calc\(var\(--w\)\*0\.72\)\]{width:calc(var(--w) * .72)}.max-sm\:w-\[calc\(var\(--w\)\*0\.72\+10px\)\]{width:calc(var(--w) * .72 + 10px)}.max-sm\:w-auto{width:auto}.max-sm\:w-full{width:100%}.max-sm\:max-w-\[110px\]{max-width:110px}.max-sm\:min-w-0{min-width:0}.max-sm\:flex-1{flex:1}.max-sm\:flex-\[1_1_0\]{flex:1 1 0}.max-sm\:flex-\[1_1_100\%\]{flex:100%}.max-sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-sm\:grid-cols-\[1fr\]{grid-template-columns:1fr}.max-sm\:grid-cols-\[26px_minmax\(0\,1fr\)_auto_18px\]{grid-template-columns:26px minmax(0,1fr) auto 18px}.max-sm\:grid-cols-\[28px_minmax\(0\,1fr\)\]{grid-template-columns:28px minmax(0,1fr)}.max-sm\:grid-cols-\[40px_minmax\(0\,1fr\)\]{grid-template-columns:40px minmax(0,1fr)}.max-sm\:grid-cols-\[46px_minmax\(0\,1fr\)\]{grid-template-columns:46px minmax(0,1fr)}.max-sm\:grid-cols-\[48px_minmax\(0\,1fr\)\]{grid-template-columns:48px minmax(0,1fr)}.max-sm\:grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.max-sm\:grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.max-sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.max-sm\:flex-col{flex-direction:column}.max-sm\:content-start{align-content:flex-start}.max-sm\:items-center{align-items:center}.max-sm\:items-start{align-items:flex-start}.max-sm\:items-stretch{align-items:stretch}.max-sm\:justify-start{justify-content:flex-start}.max-sm\:justify-items-start{justify-items:start}.max-sm\:gap-0{gap:0}.max-sm\:gap-0\.5{gap:calc(var(--spacing) * .5)}.max-sm\:gap-1{gap:var(--spacing)}.max-sm\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.max-sm\:gap-2{gap:calc(var(--spacing) * 2)}.max-sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.max-sm\:gap-3{gap:calc(var(--spacing) * 3)}.max-sm\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}.max-sm\:gap-4{gap:calc(var(--spacing) * 4)}.max-sm\:gap-\[3px\]{gap:3px}.max-sm\:gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.max-sm\:gap-x-4{column-gap:calc(var(--spacing) * 4)}.max-sm\:gap-x-5{column-gap:calc(var(--spacing) * 5)}.max-sm\:gap-x-\[3px\]{column-gap:3px}.max-sm\:gap-y-\[3px\]{row-gap:3px}.max-sm\:gap-y-\[18px\]{row-gap:18px}.max-sm\:self-end{align-self:flex-end}.max-sm\:justify-self-end{justify-self:flex-end}.max-sm\:justify-self-start{justify-self:flex-start}.max-sm\:justify-self-stretch{justify-self:stretch}.max-sm\:rounded-\[5px_5px_2px_2px\]{border-radius:5px 5px 2px 2px}.max-sm\:rounded-control{border-radius:var(--radius-control)}.max-sm\:\[background-position\:0_14px\,0_0\]{background-position:0 14px,0 0}.max-sm\:p-2{padding:calc(var(--spacing) * 2)}.max-sm\:p-3{padding:calc(var(--spacing) * 3)}.max-sm\:p-4{padding:calc(var(--spacing) * 4)}.max-sm\:p-5{padding:calc(var(--spacing) * 5)}.max-sm\:p-\[18px\]{padding:18px}.max-sm\:px-0{padding-inline:0}.max-sm\:px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.max-sm\:px-2{padding-inline:calc(var(--spacing) * 2)}.max-sm\:px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.max-sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.max-sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.max-sm\:px-\[5px\]{padding-inline:5px}.max-sm\:px-\[18px\]{padding-inline:18px}.max-sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.max-sm\:py-3{padding-block:calc(var(--spacing) * 3)}.max-sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.max-sm\:py-5{padding-block:calc(var(--spacing) * 5)}.max-sm\:py-6{padding-block:calc(var(--spacing) * 6)}.max-sm\:py-7{padding-block:calc(var(--spacing) * 7)}.max-sm\:py-\[9px\]{padding-block:9px}.max-sm\:py-\[22px\]{padding-block:22px}.max-sm\:pt-0{padding-top:0}.max-sm\:pt-1{padding-top:var(--spacing)}.max-sm\:pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.max-sm\:pt-4{padding-top:calc(var(--spacing) * 4)}.max-sm\:pt-5{padding-top:calc(var(--spacing) * 5)}.max-sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.max-sm\:pt-7{padding-top:calc(var(--spacing) * 7)}.max-sm\:pt-8{padding-top:calc(var(--spacing) * 8)}.max-sm\:pt-9{padding-top:calc(var(--spacing) * 9)}.max-sm\:pt-12{padding-top:calc(var(--spacing) * 12)}.max-sm\:pt-\[7px\]{padding-top:7px}.max-sm\:pt-\[9px\]{padding-top:9px}.max-sm\:pt-\[18px\]{padding-top:18px}.max-sm\:pt-\[22px\]{padding-top:22px}.max-sm\:pt-\[26px\]{padding-top:26px}.max-sm\:pt-\[84px\]{padding-top:84px}.max-sm\:pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.max-sm\:pb-0{padding-bottom:0}.max-sm\:pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.max-sm\:pb-3{padding-bottom:calc(var(--spacing) * 3)}.max-sm\:pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.max-sm\:pb-5{padding-bottom:calc(var(--spacing) * 5)}.max-sm\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.max-sm\:pb-7{padding-bottom:calc(var(--spacing) * 7)}.max-sm\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.max-sm\:pb-12{padding-bottom:calc(var(--spacing) * 12)}.max-sm\:pb-\[22px\]{padding-bottom:22px}.max-sm\:pl-3{padding-left:calc(var(--spacing) * 3)}.max-sm\:pl-4{padding-left:calc(var(--spacing) * 4)}.max-sm\:pl-7{padding-left:calc(var(--spacing) * 7)}.max-sm\:text-center{text-align:center}.max-sm\:text-left{text-align:left}.max-sm\:text-\[11px\]{font-size:11px}.max-sm\:text-\[13px\]{font-size:13px}.max-sm\:text-\[14px\]{font-size:14px}.max-sm\:text-\[14px\]\!{font-size:14px!important}.max-sm\:text-\[16px\]{font-size:16px}.max-sm\:text-\[17px\]{font-size:17px}.max-sm\:text-\[19px\]{font-size:19px}.max-sm\:text-\[20px\]{font-size:20px}.max-sm\:text-\[21px\]{font-size:21px}.max-sm\:text-\[21px\]\!{font-size:21px!important}.max-sm\:text-\[22px\]{font-size:22px}.max-sm\:text-\[23px\]{font-size:23px}.max-sm\:text-\[24px\]{font-size:24px}.max-sm\:text-\[26px\]{font-size:26px}.max-sm\:text-\[28px\]{font-size:28px}.max-sm\:text-\[36px\]{font-size:36px}.max-sm\:text-\[40px\]{font-size:40px}.max-sm\:text-\[44px\]{font-size:44px}.max-sm\:text-\[46px\]{font-size:46px}.max-sm\:text-\[52px\]{font-size:52px}.max-sm\:text-\[56px\]{font-size:56px}.max-sm\:text-\[60px\]{font-size:60px}.max-sm\:leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.max-sm\:leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.max-sm\:leading-\[1\.98\]{--tw-leading:1.98;line-height:1.98}.max-sm\:leading-\[32px\]{--tw-leading:32px;line-height:32px}.max-sm\:tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.max-sm\:whitespace-normal{white-space:normal}.max-sm\:text-muted{color:var(--muted)}.max-sm\:\[--air\:26px\]{--air:26px}.max-sm\:\[--row\:70px\]{--row:70px}.max-sm\:before\:-top-\[7px\]:before{content:var(--tw-content);top:-7px}.max-sm\:before\:top-\[7px\]:before{content:var(--tw-content);top:7px}.max-sm\:before\:right-\[3px\]:before{content:var(--tw-content);right:3px}.max-sm\:before\:left-\[13px\]:before{content:var(--tw-content);left:13px}.max-sm\:before\:left-\[18px\]:before{content:var(--tw-content);left:18px}.max-sm\:before\:row-\[span_2\]:before{content:var(--tw-content);grid-row:span 2}.max-sm\:before\:h-1:before{content:var(--tw-content);height:var(--spacing)}.max-sm\:before\:h-4:before{content:var(--tw-content);height:calc(var(--spacing) * 4)}.max-sm\:before\:w-2:before{content:var(--tw-content);width:calc(var(--spacing) * 2)}.max-sm\:after\:top-\[23px\]:after{content:var(--tw-content);top:23px}.max-sm\:after\:h-\[3px\]:after{content:var(--tw-content);height:3px}.max-sm\:first\:pl-0:first-child{padding-left:0}.max-sm\:even\:hidden:nth-child(2n){display:none}}@media not all and (width>=481px){.max-\[481px\]\:hidden{display:none}}@media not all and (width>=361px){.max-\[361px\]\:hidden{display:none}}@media not all and (width>=360px){.max-\[360px\]\:hidden{display:none}}@media not all and (width>=359px){.max-\[359px\]\:gap-1{gap:var(--spacing)}.max-\[359px\]\:px-1{padding-inline:var(--spacing)}.max-\[359px\]\:text-\[13px\]{font-size:13px}}@media (width>=721px){.md\:hidden{display:none}}@media (width>=1001px){.xl\:top-2{top:calc(var(--spacing) * 2)}.xl\:h-full{height:100%}.xl\:h-svh{height:100svh}.xl\:min-h-0{min-height:0}.xl\:overflow-y-auto{overflow-y:auto}.xl\:overscroll-contain{overscroll-behavior:contain}.xl\:pl-\[max\(28px\,calc\(100\%-32em-28px\)\)\]{padding-left:max(28px,100% - 32em - 28px)}}@media not all and (width>=521px){.max-sm\:\[\&_\.btn\]\:px-3\.5\! .btn{padding-inline:calc(var(--spacing) * 3.5)!important}}.\[\&_a\]\:text-plum a{color:var(--plum)}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_h2\]\:mt-\[18px\] h2{margin-top:18px}.\[\&_h2\]\:font-display h2{font-family:var(--display)}.\[\&_h2\]\:text-\[24px\] h2{font-size:24px}.\[\&_h2\]\:leading-\[1\.15\] h2{--tw-leading:1.15;line-height:1.15}.\[\&_ul\]\:grid ul{display:grid}.\[\&_ul\]\:list-disc ul{list-style-type:disc}.\[\&_ul\]\:gap-1\.5 ul{gap:calc(var(--spacing) * 1.5)}.\[\&_ul\]\:pl-5 ul{padding-left:calc(var(--spacing) * 5)}.\[\&\>\:last-child\]\:mr-0>:last-child{margin-right:0}@media (hover:none){.\[\@media\(hover\:none\)\]\:hidden{display:none}}}@keyframes shelf-land{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.55);transform:translateY(-64px)rotate(-3deg)}54%{opacity:1;animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:none}72%{animation-timing-function:cubic-bezier(.5,0,.7,.4);transform:translateY(-6px)rotate(.7deg)}88%{transform:none}94%{transform:translateY(-1.5px)}to{transform:none}}.hack{box-shadow:0 2px 0 var(--wall-deep), 0 20px 26px -24px #4a1b3a99;rotate:var(--r,0deg);transform-origin:50% 8px;transition:rotate .22s var(--ease-out), translate .22s var(--ease-out);background:#fff;border-radius:4px 4px 9px 9px;align-content:start;justify-items:start;gap:9px;padding:28px 20px 22px;display:grid;position:relative}.hack:before{content:"";background:radial-gradient(circle at 38% 34%, #f2a766 0 22%, var(--maple) 24% 100%);width:16px;height:16px;box-shadow:0 3px 0 -1px var(--maple-dark), 0 6px 6px -3px #4a1b3a73;border-radius:50%;margin-left:-8px;position:absolute;top:-7px;left:50%}@media (width>=721px){.hack:nth-child(4n+1){--r:-1.3deg}.hack:nth-child(4n+2){--r:.9deg}.hack:nth-child(4n+3){--r:-.6deg}.hack:nth-child(4n+4){--r:1.5deg}}@media (hover:hover) and (pointer:fine){.hack:hover{translate:0 -3px;rotate:0deg}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson [data-demo].is-on .hack{animation:hack-hang .52s var(--ease-out) both;animation-delay:calc(var(--i,0) * 70ms)}}@keyframes hack-hang{0%{opacity:0;rotate:calc(var(--r,0deg) * 5);translate:0 -10px}to{opacity:1;rotate:var(--r,0deg);translate:0}}@media (prefers-reduced-motion:reduce){.hack{transition:none}}.lesson{--ease-io:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.36, .64, 1)}.lesson .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lesson.skill-listening{--skill:var(--listening);--stage:var(--lake-soft);--stage-line:var(--lake-line)}.lesson.skill-writing{--skill:var(--writing);--stage:var(--plum-soft);--stage-line:#e3d0da}.lesson.skill-reading{--skill:var(--reading);--stage:var(--reading)}@supports (color:color-mix(in lab, red, red)){.lesson.skill-reading{--stage:color-mix(in srgb, var(--reading) 9%, white)}}.lesson.skill-reading{--stage-line:var(--reading)}@supports (color:color-mix(in lab, red, red)){.lesson.skill-reading{--stage-line:color-mix(in srgb, var(--reading) 22%, white)}}.lesson.skill-speaking{--skill:var(--speaking);--stage:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.lesson.skill-speaking{--stage:color-mix(in srgb, var(--speaking) 9%, white)}}.lesson.skill-speaking{--stage-line:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.lesson.skill-speaking{--stage-line:color-mix(in srgb, var(--speaking) 22%, white)}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson [data-demo]:not(.is-on) *,.lesson [data-demo]:not(.is-on) :before,.lesson [data-demo]:not(.is-on) :after{animation-play-state:paused!important}}.lesson .is-reset *,.lesson .is-reset :before,.lesson .is-reset :after{animation:none!important}.lesson .ls-rail:after{content:"";width:calc(var(--read,0) * 100%);background:var(--maple);border-radius:0 3px 3px 0;height:3px;position:absolute;bottom:-2px;left:0}@media (width<=1000px){.lesson .ls-rail[data-away]{translate:0 calc(-100% - 3px)}}@media (scripting:none){.lesson .ls-rail{position:static}}.lesson .ls-hero{z-index:1;align-self:end;justify-items:end;margin-bottom:-24px;display:grid;position:relative}.lesson .ls-hero>.bv-host{z-index:2;width:140px;position:absolute;bottom:16px;left:-86px}.lesson .flip{display:inline-block;position:relative}.lesson .flip s{color:var(--ink);text-decoration:none;position:relative}@supports (color:color-mix(in lab, red, red)){.lesson .flip s{color:color-mix(in srgb, var(--ink) 34%, var(--wall))}}.lesson .flip s:after{content:"";background:var(--maple);transform-origin:0;border-radius:99px;height:.08em;position:absolute;top:.52em;left:-.05em;right:-.05em;rotate:-4deg}.lesson .flip ins{color:var(--plum);white-space:nowrap;font-size:.6em;text-decoration:none;position:absolute;bottom:1.45em;left:50%;translate:-50%}.lesson .flip:after{content:"";border-left:.06em solid var(--maple);border-top:.06em solid var(--maple);border-radius:.03em;width:.2em;height:.2em;position:absolute;bottom:-.1em;left:50%;translate:-50%;rotate:45deg}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .flip s:after{animation:lesson-strike .48s .5s var(--ease-out) both}.lesson .flip:after{animation:lesson-pop .36s .9s var(--ease-spring) both}.lesson .flip ins{animation:lesson-drop .46s .98s var(--ease-out) both}}@keyframes lesson-strike{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lesson-pop{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}@keyframes lesson-drop{0%{opacity:0;transform:translateY(-.5em)}to{opacity:1;transform:none}}.lesson .sweep{background:linear-gradient(var(--maple-soft), var(--maple-soft)) 0 86% / 100% 40% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .sweep{animation:lesson-sweep .65s var(--ease-out) both;animation-delay:calc(.35s + var(--k,0) * .42s)}}@keyframes lesson-sweep{0%{background-size:0% 40%}to{background-size:100% 40%}}.lesson .vf-word{padding:0 .1em;display:inline-block;position:relative}.lesson .vf-word:before{content:"";--c:var(--maple);--l:.26em;--t:.055em;background:linear-gradient(var(--c), var(--c)) left top / var(--l) var(--t), linear-gradient(var(--c), var(--c)) left top / var(--t) var(--l), linear-gradient(var(--c), var(--c)) right top / var(--l) var(--t), linear-gradient(var(--c), var(--c)) right top / var(--t) var(--l), linear-gradient(var(--c), var(--c)) left bottom / var(--l) var(--t), linear-gradient(var(--c), var(--c)) left bottom / var(--t) var(--l), linear-gradient(var(--c), var(--c)) right bottom / var(--l) var(--t), linear-gradient(var(--c), var(--c)) right bottom / var(--t) var(--l);background-repeat:no-repeat;position:absolute;inset:.02em -.04em}.lesson .vf-word:after{content:"";background:var(--maple);border-radius:50%;width:.13em;height:.13em;position:absolute;top:-.06em;right:-.32em}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .vf-word:before{animation:lesson-focus .9s .35s var(--ease-out) both}.lesson .vf-word:after{animation:1.6s steps(2,jump-none) 1.1s 2 both lesson-rec}}@keyframes lesson-focus{0%{opacity:0;transform:scale(1.4,1.7)}55%{opacity:1}to{opacity:1;transform:none}}@keyframes lesson-rec{0%{opacity:1}to{opacity:.15}}.lesson .demo{background:var(--stage);border-radius:22px;min-width:0;padding:22px;position:relative}.lesson .demo-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.lesson .demo-bar>b{font-size:15px;font-weight:700}.lesson .replay{border:0;border-bottom:3px solid var(--stage-line);min-height:36px;font:700 14px/1 var(--body);cursor:pointer;transition:transform .16s var(--ease-out), background-color .16s var(--ease-out);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:0 12px 0 10px;display:inline-flex}.lesson .replay svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.lesson .replay:active{border-bottom-width:1px;margin-top:2px;transform:translateY(2px)}@media (hover:hover) and (pointer:fine){.lesson .replay:hover{background:var(--plum-soft)}}.lesson .seg{background:#fff;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.lesson .seg button{min-height:32px;font:700 14px/1 var(--body);color:var(--muted);cursor:pointer;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border:0;border-radius:9px;padding:0 12px}.lesson .seg button[aria-pressed=true]{background:var(--plum);color:#fff}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .is-on .w{animation:lesson-word .26s var(--ease-out) both;animation-delay:calc(var(--d0,.2s) + var(--i) * var(--pace,80ms))}}@keyframes lesson-word{0%{opacity:0;transform:translateY(.25em)}to{opacity:1;transform:none}}.lesson .scrolly{padding:0 var(--gutter);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;display:grid}.lesson .sc-steps{padding:10vh 0 26vh;display:grid}.lesson .step{opacity:.34;cursor:pointer;min-height:66vh;transition:opacity .32s var(--ease-out);align-content:center;gap:10px;display:grid}.lesson .step.is-current{opacity:1}.lesson .step-k{font:700 15px/1 var(--display);font-variation-settings:"opsz" 24;color:var(--skill);font-variant-numeric:tabular-nums}.lesson .step h3{font:700 28px/1.1 var(--display);font-variation-settings:"opsz" 24;letter-spacing:-.008em}.lesson .step p{max-width:28em;font-size:18px;line-height:1.55}.lesson .sc-stage{background:var(--stage);border-radius:22px;align-self:start;margin:10vh 0 18vh;padding:20px;position:sticky;top:max(68px,50vh - 300px)}.lesson .slip{border:2px solid var(--line);width:100%;font:500 16px/1.4 var(--body);text-align:left;cursor:copy;transition:background-color .16s var(--ease-out), transform .16s var(--ease-out), border-color .16s var(--ease-out);background:#fff;border-bottom-width:4px;border-radius:12px;padding:11px 40px 12px 14px;display:block;position:relative}.lesson .slip small{color:var(--muted);margin-top:2px;font-size:13px;font-weight:600;display:block}.lesson .slip:after{content:"";background:var(--line-strong);width:16px;height:16px;-webkit-mask:var(--copy-icon) center / contain no-repeat;-webkit-mask:var(--copy-icon) center / contain no-repeat;-webkit-mask:var(--copy-icon) center / contain no-repeat;-webkit-mask:var(--copy-icon) center / contain no-repeat;mask:var(--copy-icon) center / contain no-repeat;transition:background-color .16s var(--ease-out);position:absolute;top:13px;right:12px}.lesson .slip.is-copied{border-color:var(--green-line);background:var(--green-soft)}.lesson .slip.is-copied:after{background:var(--green);-webkit-mask-image:var(--tick-icon);-webkit-mask-image:var(--tick-icon);-webkit-mask-image:var(--tick-icon);-webkit-mask-image:var(--tick-icon);mask-image:var(--tick-icon)}.lesson .slip:active{transform:translateY(2px)}@media (hover:hover) and (pointer:fine){.lesson .slip:hover{background:var(--plum-soft)}.lesson .slip:hover:after{background:var(--plum)}}.lesson{--copy-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15V6a2 2 0 0 1 2-2h8'/%3E%3C/svg%3E");--tick-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}.lesson .x{position:relative}.lesson .x:after{content:"";background:var(--maple);transform-origin:0;border-radius:3px;height:3px;position:absolute;top:52%;left:-3px;right:-3px;rotate:-2deg}.lesson .fix{display:inline-block;position:relative}.lesson .fix>ins{color:var(--plum);white-space:nowrap;font-size:.82em;text-decoration:none;position:absolute;bottom:72%;left:50%;translate:-50%}.lesson .fix:after{content:"";border-left:2.5px solid var(--maple);border-top:2.5px solid var(--maple);width:7px;height:7px;position:absolute;bottom:-5px;left:50%;translate:-50%;rotate:45deg}.lesson .circled{pointer-events:none;width:calc(100% + 26px);height:calc(100% + 16px);position:absolute;inset:-9px -14px -7px -12px;overflow:visible}.lesson .circled path{fill:none;stroke:var(--maple);stroke-width:2.3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.lesson .key{background:var(--wall);width:24px;height:24px;color:var(--plum);font:700 13px/1 var(--body);border-radius:7px;flex:none;place-items:center;display:grid}.lesson .pad{background:#fff repeating-linear-gradient(to bottom, transparent 0 38px, var(--lake-line) 38px 40px) 0 22px / 100% calc(100% - 22px) no-repeat;font:600 19px/40px var(--body);color:var(--ink);border-radius:8px 8px 4px 4px;padding:70px 22px 22px 58px;position:relative}.lesson .pad:before{content:"";background:var(--plum);border-radius:8px 8px 0 0;height:22px;position:absolute;top:0;left:0;right:0}.lesson .pad:after{content:"";background:var(--maple-soft);width:2px;position:absolute;top:22px;bottom:0;left:44px}.lesson .pad li{white-space:nowrap;position:relative}.lesson .pad .caret-m{border-left:2.5px solid var(--maple);border-top:2.5px solid var(--maple);width:9px;height:9px;position:absolute;top:15px;left:-26px;rotate:45deg}.lesson .hit{display:inline-block;position:relative}@media (width<=1000px){.lesson .ls-hero{justify-items:end;padding-left:96px}.lesson .ls-hero>.bv-host{left:0}.lesson .scrolly{grid-template-columns:minmax(0,1fr);gap:0}.lesson .sc-stage{z-index:1;grid-row:1;margin:24px 0 0;padding:14px;top:8px}.lesson .sc-steps{z-index:2;grid-row:2;padding:30vh 0 24vh;position:relative}.lesson .step{border:2px solid var(--line);opacity:1;background:#fff;border-radius:16px;min-height:0;margin-bottom:64vh;padding:16px 18px;box-shadow:0 0 0 1px #1e17220a,0 16px 30px -18px #1e17224d}.lesson .step:last-child{margin-bottom:0}.lesson .step h3{font-size:22px}.lesson .step p{font-size:16px}}@media (width<=520px){.lesson .ls-hero>.bv-host{width:104px;left:-4px}.lesson .ls-hero:has(.pad-hero){grid-template-columns:minmax(0,1fr);justify-items:stretch;padding-left:0}.lesson .ls-hero:has(.pad-hero)>.bv-host{width:92px;inset:-82px 4px auto auto}.lesson .pad-hero{width:auto;margin-right:0;padding:58px 12px 16px 46px;font-size:17px}.lesson .demo{border-radius:18px;padding:16px}}@media (prefers-reduced-motion:reduce){.lesson *,.lesson :before,.lesson :after{transition:none!important;animation:none!important}}.lesson .pad-hero{width:min(100%,470px);box-shadow:0 2px 0 var(--wall-deep), 0 22px 30px -26px #4a1b3a80;margin-right:8px;font-size:20px;rotate:-1.5deg}@keyframes lesson-wipe{0%{clip-path:inset(-36px 100% -14px -44px)}to{clip-path:inset(-36px -24px -14px -44px)}}@keyframes lesson-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes lesson-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes lesson-fade{0%{opacity:0}to{opacity:1}}@keyframes lesson-fade-out{0%{opacity:1}to{opacity:0}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .pad-hero .pl{animation:lesson-wipe .7s var(--ease-out) both}.lesson .pad-hero .pl1{animation-delay:.3s}.lesson .pad-hero .pl2{animation-delay:1.85s}.lesson .pad-hero .pl3{animation-delay:3.4s}.lesson .pad-hero .xb:after{animation:lesson-strike .34s 1.1s var(--ease-out) both}.lesson .pad-hero .fix:after{animation:lesson-pop .3s 1.35s var(--ease-spring) both}.lesson .pad-hero .fix>ins{animation:lesson-drop .38s 1.42s var(--ease-out) both}.lesson .pad-hero .xc:after{animation:lesson-strike .3s 2.5s var(--ease-out) both}.lesson .pad-hero .xa:after{animation:lesson-strike .52s 2.95s var(--ease-out) both}.lesson .pad-hero .caret-m{animation:lesson-pop .3s 3.35s var(--ease-spring) both}.lesson .pad-hero .circled path{animation:lesson-draw .7s 4.2s var(--ease-out) both}}.lesson .stage-listen{gap:14px;display:grid}.lesson .tape{background:#fff;border-radius:14px;align-items:center;gap:12px;padding:9px 12px;display:flex}.lesson .tape .pill{flex:none;font-size:13px}.lesson .wave{flex:1;align-items:center;gap:3px;min-width:0;height:28px;display:flex}.lesson .wave i{max-width:4px;height:var(--h);background:var(--line-strong);transition:background-color .2s var(--ease-out);transition-delay:calc(var(--i) * 22ms);border-radius:99px;flex:1}.lesson .stage-listen.at-1 .wave i:nth-child(-n+9),.lesson .stage-listen.at-2 .wave i:nth-child(-n+21),.lesson .stage-listen.at-3 .wave i{background:var(--skill)}.lesson .ls-split{grid-template-columns:minmax(0,1fr) minmax(0,.94fr);align-items:stretch;gap:14px;display:grid}.lesson .talk{align-content:start;gap:8px;min-height:372px;display:grid;position:relative}.lesson .bub{background:#fff;border-radius:14px 14px 14px 4px;max-width:94%;padding:8px 13px 10px;font-size:15px;line-height:1.45}.lesson .bub>b{color:var(--skill);font-size:13px;display:block}.lesson .bub.m{background:var(--skill);border-radius:14px 14px 4px;justify-self:end}@supports (color:color-mix(in lab, red, red)){.lesson .bub.m{background:color-mix(in srgb, var(--skill) 13%, white)}}@media (scripting:enabled){.lesson .stage-listen .bub{opacity:0;transition:opacity .32s var(--ease-out), transform .32s var(--ease-out);transform:translateY(10px)}}.lesson .stage-listen.at-1 .b1,.lesson .stage-listen.at-2 .b2,.lesson .stage-listen.at-2 .b3,.lesson .stage-listen.at-3 .b4{opacity:1;transform:none}.lesson .stage-listen.at-2 .b3{transition-delay:.5s}.lesson .stage-listen.at-4 .bub{opacity:0;transition-delay:0s;transform:translateY(-8px)}.lesson .ask{align-content:start;gap:9px;display:grid;position:absolute;inset:0}@media (scripting:enabled){.lesson .stage-listen .ask{opacity:0;visibility:hidden;transition:opacity .32s var(--ease-out), transform .32s var(--ease-out), visibility 0s .32s;transform:translateY(12px)}}.lesson .stage-listen.at-4 .ask{opacity:1;visibility:visible;transition-delay:.22s,.22s,0s;transform:none}.lesson .ask-q{background:#fff;border-radius:12px;align-items:center;gap:9px;padding:10px 12px;font-size:15px;font-weight:600;display:flex}.lesson .ask-q svg,.lesson .ic{fill:none;width:20px;height:20px;stroke:var(--skill);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.lesson .ask-ch{gap:7px;display:grid}.lesson .ask-ch li{border:2px solid var(--line);transition:background-color .3s var(--ease-out), border-color .3s var(--ease-out), color .3s var(--ease-out), opacity .3s var(--ease-out);background:#fff;border-bottom-width:4px;border-radius:12px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px 10px;padding:8px 10px;font-size:14.5px;line-height:1.35;display:grid}.lesson .ask-ch em{color:var(--maple-dark);grid-column:2;font-size:12.5px;font-style:normal;font-weight:700}@media (scripting:enabled){.lesson .stage-listen .ask-ch em{opacity:0;transition:opacity .26s var(--ease-out)}}.lesson .stage-listen.at-5 .ask-ch em{opacity:1}.lesson .stage-listen.at-5 .ask-ch li:first-child em{transition-delay:.1s}.lesson .stage-listen.at-5 .ask-ch li:nth-child(2) em{transition-delay:.25s}.lesson .stage-listen.at-5 .ask-ch li:nth-child(3) em{transition-delay:.4s}.lesson .stage-listen.at-5 .ask-ch li:not(.is-right){color:var(--muted)}.lesson .stage-listen.at-5 .ask-ch .is-right{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark);transition-delay:.65s}.lesson .stage-listen.at-5 .ask-ch .is-right em{color:var(--green-dark);transition-delay:.65s}.lesson .stage-listen.at-5 .ask-ch .is-right .key{background:var(--green);color:#fff}.lesson .pad-stage{padding-left:52px;padding-right:14px;font-size:17px;line-height:40px}.lesson .pad-stage:after{left:40px}@media (scripting:enabled){.lesson .pad-stage .pl{clip-path:inset(-36px 100% -14px -44px);transition:clip-path .64s var(--ease-out)}}.lesson .stage-listen.at-1 .pad-stage .pl1,.lesson .stage-listen.at-2 .pad-stage .pl2,.lesson .stage-listen.at-3 .pad-stage .pl3{clip-path:inset(-36px -24px -14px -44px)}.lesson .stage-listen.at-2 .pad-stage .pl2{transition-delay:.9s}.lesson .stage-listen.at-3 .pad-stage .pl3{transition-delay:.6s}@media (scripting:enabled){.lesson .pad-stage .x:after{transition:transform .38s var(--ease-out);transform:scaleX(0)}}.lesson .stage-listen.at-2 .pad-stage .xb:after{transition-delay:.2s;transform:none}.lesson .stage-listen.at-2 .pad-stage .xc:after{transition-delay:1.5s;transform:none}.lesson .stage-listen.at-3 .pad-stage .xa:after{transition-delay:.1s;transform:none}@media (scripting:enabled){.lesson .pad-stage .fix>ins,.lesson .pad-stage .fix:after,.lesson .pad-stage .caret-m{opacity:0;transition:opacity .28s var(--ease-out)}}.lesson .stage-listen.at-2 .pad-stage .fix>ins,.lesson .stage-listen.at-2 .pad-stage .fix:after,.lesson .stage-listen.at-3 .pad-stage .caret-m{opacity:1;transition-delay:.5s}@media (scripting:enabled){.lesson .pad-stage .circled path{stroke-dashoffset:1px;transition:stroke-dashoffset .64s var(--ease-out)}}.lesson .stage-listen.at-3 .pad-stage .circled path{stroke-dashoffset:0;transition-delay:1.25s}.lesson .pad-stage .hit{transition:background-color .4s var(--ease-out);border-radius:6px 3px 7px 4px;padding:0 2px}.lesson .stage-listen.at-5 .pad-stage .hit{background:var(--green-soft);transition-delay:.65s}.lesson .flipdemo{--d0:.25s;--pace:85ms}.lesson .stream{background:#fff;border-radius:14px;padding:16px 18px;font-size:19px;line-height:1.85}.lesson .fw{background:linear-gradient(var(--maple-soft), var(--maple-soft)) 0 0 / 100% 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px 3px 7px 4px;margin:0 -.06em;padding:.04em .14em;font-style:normal;font-weight:700;position:relative}.lesson .fw:before{content:"";border-left:2.5px solid var(--maple);border-top:2.5px solid var(--maple);width:8px;height:8px;position:absolute;top:-.42em;left:.3em;rotate:45deg}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .flipdemo .fw{animation:lesson-sweep-full .38s var(--ease-out) both;animation-delay:calc(var(--d0) + var(--i0) * var(--pace) + .1s)}.lesson .flipdemo .fw:before{animation:lesson-pop .3s var(--ease-spring) both;animation-delay:calc(var(--d0) + var(--i0) * var(--pace) + .26s)}}@keyframes lesson-sweep-full{0%{background-size:0% 100%}to{background-size:100% 100%}}.lesson .trail{font:600 17px/44px var(--body);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;padding:4px 16px;display:flex}.lesson .trail>li{align-items:center;gap:14px;display:flex;position:relative}.lesson .trail>li+li:before{content:"";border-right:2.5px solid var(--line-strong);border-top:2.5px solid var(--line-strong);width:7px;height:7px;rotate:45deg}.lesson .trail .circled{height:calc(100% + 6px);inset:-4px -12px -2px -10px}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .flipdemo .t1{animation:lesson-fade .3s var(--d0) both}.lesson .flipdemo .t1 .x:after{animation:lesson-strike .34s calc(var(--d0) + var(--f1) * var(--pace) + .3s) var(--ease-out) both}.lesson .flipdemo .t2{animation:lesson-fade .3s calc(var(--d0) + var(--f1) * var(--pace) + .5s) both}.lesson .flipdemo .t2 .x:after{animation:lesson-strike .34s calc(var(--d0) + var(--f2) * var(--pace) + .3s) var(--ease-out) both}.lesson .flipdemo .t3{animation:lesson-fade .3s calc(var(--d0) + var(--f2) * var(--pace) + .5s) both}.lesson .flipdemo .t3 .circled path{animation:lesson-draw .6s calc(var(--d0) + var(--f3) * var(--pace) + .9s) var(--ease-out) both}}.lesson .flip-sets{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.lesson .flip-sets h3{font:700 15px/1.2 var(--body);margin-bottom:8px}.lesson .flip-sets ul{flex-wrap:wrap;gap:6px;display:flex}.lesson .flip-sets li{background:#fff;border-radius:999px;padding:4px 10px;font-size:14.5px;font-weight:600}.lesson .echo{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lesson .pair{background:#ffffff80;border-radius:16px;align-content:start;gap:10px;padding:14px;display:grid}.lesson .pair>h3{font:700 15px/1.2 var(--body);color:var(--muted)}.lesson .pair-in{gap:56px;display:grid;position:relative}.lesson .pair .bub{max-width:none}.lesson .pair u{background:var(--skill);border-radius:4px;margin:0 -1px;padding:0 3px}@supports (color:color-mix(in lab, red, red)){.lesson .pair u{background:color-mix(in srgb, var(--skill) 12%, white)}}.lesson .pair u{font-weight:700;text-decoration:none}.lesson .pair.is-echo u{background:var(--maple-soft)}.lesson .pair .ch{border:2px solid var(--line);background:#fff;border-bottom-width:4px;border-radius:12px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:6px 10px;padding:10px 12px;font-size:15.5px;line-height:1.45;display:grid}.lesson .pair .ch em{border-radius:999px;grid-column:2;justify-self:start;padding:2px 9px;font-size:13px;font-style:normal;font-weight:700}.lesson .pair.is-echo .ch em{background:var(--maple-soft);color:var(--maple-dark)}.lesson .pair.is-para .ch{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark)}.lesson .pair.is-para .ch .key{background:var(--green);color:#fff}.lesson .pair.is-para .ch em{color:var(--green-dark);background:#fff}.lesson .pair.is-para u{background:#fff}.lesson .links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lesson .lk{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.lesson .lk-echo{stroke:var(--maple)}.lesson .lk-para{stroke:var(--green)}.lesson .lk-end{stroke:none}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .echo .lk{animation:lesson-draw .52s var(--ease-out) both;animation-delay:calc(.35s + var(--d) * .17s)}.lesson .echo .is-echo .ch .x:after{animation:lesson-strike .42s 1.5s var(--ease-out) both}.lesson .echo .ch em{animation:lesson-pop .32s var(--ease-spring) both}.lesson .echo .is-echo .ch em{animation-delay:1.8s}.lesson .echo .is-para .ch em{animation-delay:2.3s}.lesson .echo .is-para .ch{animation:lesson-mark-right .42s 2.1s var(--ease-out) both}.lesson .echo .is-para .ch .key{animation:lesson-mark-key .42s 2.1s var(--ease-out) both}}@keyframes lesson-mark-right{0%{border-color:var(--line);color:var(--ink);background:#fff}}@keyframes lesson-mark-key{0%{background:var(--wall);color:var(--plum)}}.lesson .blank{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;display:grid}.lesson .blank>.demo-bar{grid-column:1/-1;margin-bottom:0}.lesson .cd-side{justify-items:center;gap:14px;display:grid}.lesson .cd{place-items:center;width:132px;height:132px;display:grid;position:relative}.lesson .cd svg{position:absolute;inset:0;rotate:-90deg}.lesson .cd circle{fill:none;stroke-width:10px}.lesson .cd .trk{stroke:#fff}.lesson .cd .arc{stroke:var(--skill);stroke-linecap:round;stroke-dasharray:4 30}@property --sec{syntax:"<integer>";inherits:false;initial-value:4}.lesson .cd-num{--sec:4;counter-reset:sec var(--sec);font:700 30px/1 var(--display);font-variation-settings:"opsz" 36;font-variant-numeric:tabular-nums}.lesson .cd-num:after{content:"0:" counter(sec, decimal-leading-zero)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .blank .cd-num{animation:3.2s linear .3s both lesson-countdown}.lesson .blank .arc{animation:3.2s linear .3s both lesson-arc}}@keyframes lesson-countdown{0%{--sec:30}to{--sec:4}}@keyframes lesson-arc{0%{stroke-dasharray:30 30}to{stroke-dasharray:4 30}}.lesson .odds{text-align:center;display:grid}.lesson .odds>span{font:700 40px/1 var(--display);font-variation-settings:"opsz" 36;color:var(--plum);grid-area:1/1}.lesson .odds small{font:600 13px/1.3 var(--body);color:var(--muted);margin-top:4px;display:block}.lesson .odds .o4{opacity:0}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .blank .o4{animation:2.6s both lesson-hold-out}.lesson .blank .o2{animation:.3s 2.3s both lesson-fade}}@keyframes lesson-hold-out{0%,88%{opacity:1}to{opacity:0}}.lesson .bl-ch{gap:8px;display:grid}.lesson .bl-ch li{border:2px solid var(--line);background:#fff;border-bottom-width:4px;border-radius:12px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;font-size:15.5px;line-height:1.35;display:grid}.lesson .bl-ch em{color:var(--maple-dark);white-space:nowrap;font-size:13px;font-style:normal;font-weight:700}.lesson .bl-ch .is-out{color:var(--muted)}.lesson .bl-ch .is-pick{border-color:var(--plum);background:var(--plum-soft)}.lesson .bl-ch .is-pick .key{background:var(--plum);color:#fff}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .blank .is-out .x:after{animation:lesson-strike .36s var(--ease-out) both}.lesson .blank .is-out em{animation:lesson-pop .3s var(--ease-spring) both}.lesson .blank .is-out{animation:.3s both lesson-dim}.lesson .blank .o-b .x:after,.lesson .blank .o-b em{animation-delay:.9s}.lesson .blank .o-b{animation-delay:1.1s}.lesson .blank .o-c .x:after,.lesson .blank .o-c em{animation-delay:1.7s}.lesson .blank .o-c{animation-delay:1.9s}.lesson .blank .is-pick{animation:lesson-pick .32s 3.1s var(--ease-out) both}.lesson .blank .is-pick .key{animation:lesson-pick-key .32s 3.1s var(--ease-out) both}.lesson .blank .is-pick em{animation:lesson-pop .3s 3.2s var(--ease-spring) both}}@keyframes lesson-dim{0%{color:var(--ink)}}@keyframes lesson-pick{0%{border-color:var(--line);background:#fff}}@keyframes lesson-pick-key{0%{background:var(--wall);color:var(--plum)}}.lesson .sheet-hero{width:min(100%,430px);box-shadow:0 2px 0 var(--wall-deep), 0 22px 30px -26px #4a1b3a80;background:#fff;border-radius:10px 10px 4px 4px;gap:10px;margin-right:10px;padding:20px 22px 18px;display:grid;rotate:1.2deg}.lesson .sh-to{border-bottom:2px solid var(--line);color:var(--muted);justify-content:space-between;padding-bottom:8px;font-size:13px;font-weight:700;display:flex}.lesson .sh-line{background:var(--line-strong);border-radius:99px;height:7px;display:block}.lesson .sh-p{background:#fbf8f9;border-radius:10px;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;display:grid}.lesson .sh-p>b{background:var(--skill);color:#fff;width:26px;height:26px;font:700 13px/1 var(--display);border-radius:7px;place-items:center;display:grid}.lesson .sh-p>div{gap:6px;display:grid}.lesson .sh-p .fact{background:var(--maple-soft);border-radius:6px 3px 7px 4px;justify-self:start;padding:1px 8px 2px;font-size:13px;font-weight:700}.lesson .sh-meter{gap:6px;padding-top:4px;display:grid}.lesson .sh-meter>span{color:var(--muted);justify-content:space-between;font-size:13px;font-weight:700;display:flex}.lesson .meter{background:var(--wall-deep);border-radius:99px;height:10px;position:relative}.lesson .meter:before{content:"";background:var(--maple-soft);width:20%;box-shadow:inset 0 0 0 2px var(--maple);border-radius:6px;position:absolute;top:-4px;bottom:-4px;left:60%}.lesson .meter>i{width:calc(var(--words,0) / 250 * 100%);background:var(--plum);transform-origin:0;border-radius:99px;position:absolute;inset:0 auto 0 0}.lesson .sh-p .fact{background-image:linear-gradient(var(--maple-soft), var(--maple-soft));background-color:#0000;background-repeat:no-repeat;background-size:100% 100%}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .sheet-hero .sh-p{animation:lesson-fade-up .42s var(--ease-out) both;animation-delay:calc(1.7s + var(--k) * .35s)}.lesson .sheet-hero .fact{animation:lesson-sweep-full .42s var(--ease-out) both;animation-delay:calc(2.15s + var(--k) * .35s)}.lesson .sheet-hero .meter>i{animation:lesson-grow .9s 3s var(--ease-out) both}}@keyframes lesson-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lesson .stage-write{--pos:0;gap:12px;display:grid}.lesson .clockline{background:#fff;border-radius:14px;gap:7px;padding:10px 14px;display:grid}.lesson .cl-top{justify-content:space-between;gap:10px;font-size:13px;font-weight:700;display:flex}.lesson .cl-top b{color:var(--plum);font-variant-numeric:tabular-nums}.lesson .cl-bar{background:var(--wall-deep);border-radius:99px;height:10px;position:relative;overflow:hidden}.lesson .cl-fill{background:var(--skill);transform-origin:0;transform:scaleX(calc(var(--pos) / 100));transition:transform .8s var(--ease-out);border-radius:99px;position:absolute;inset:0}.lesson .cl-bar:after{content:"";background:linear-gradient(90deg,#0000 calc(11.1% - 1px),#fff calc(11.1% - 1px) calc(11.1% + 1px),#0000 calc(11.1% + 1px) calc(81.5% - 1px),#fff calc(81.5% - 1px) calc(81.5% + 1px),#0000 calc(81.5% + 1px));position:absolute;inset:0}.lesson .cl-names{color:var(--muted);grid-template-columns:3fr 19fr 5fr;font-size:12px;font-weight:600;display:grid}.lesson .cl-names span:last-child{text-align:right}.lesson .w-prompt{background:#fff9;border-radius:14px;gap:8px;padding:12px 14px;font-size:14px;line-height:1.45;display:grid}.lesson .w-prompt ul{flex-wrap:wrap;gap:6px 14px;display:flex}.lesson .w-prompt li{align-items:center;gap:7px;font-weight:600;display:flex}.lesson .tick{border:2px solid var(--line-strong);width:18px;height:18px;transition:background-color .26s var(--ease-out), border-color .26s var(--ease-out);background:#fff;border-radius:5px;flex:none;place-items:center;display:grid}.lesson .tick:after{content:"";opacity:0;border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;width:8px;height:4px;margin-top:-2px;rotate:-45deg}.lesson .stage-write.at-5 .tick{border-color:var(--green);background:var(--green)}.lesson .stage-write.at-5 .tick:after{opacity:1}.lesson .stage-write.at-5 li:nth-child(2) .tick{transition-delay:.25s}.lesson .stage-write.at-5 li:nth-child(3) .tick{transition-delay:.5s}.lesson .paper{background:#fff;border-radius:10px 10px 4px 4px;gap:7px;padding:16px 18px 14px;font-size:14px;line-height:1.55;display:grid}.lesson .paper p{margin:0}.lesson .slots{gap:9px;display:grid}.lesson .opener,.lesson .closing{gap:4px;display:grid}.lesson .slot{display:grid}.lesson .slot>*{grid-area:1/1}.lesson .slot-note{border:2px dashed var(--line-strong);color:var(--muted);border-radius:10px;align-self:stretch;align-items:center;gap:9px;padding:6px 10px;font-size:13.5px;font-weight:600;display:flex}.lesson .slot-note>b{background:var(--skill);color:#fff;width:22px;height:22px;font:700 12px/1 var(--display);border-radius:6px;flex:none;place-items:center;display:grid}.lesson .slot-note mark,.lesson .paper mark{background:var(--maple-soft);color:inherit;border-radius:5px 3px 6px;padding:0 2px}.lesson .paper .sign{display:grid}.lesson .w-meter{border-top:2px solid var(--line);gap:6px;padding-top:8px;display:grid}.lesson .w-meter>span{color:var(--muted);justify-content:space-between;font-size:13px;font-weight:700;display:flex}.lesson .w-meter b{color:var(--plum);font-variant-numeric:tabular-nums}.lesson .w-meter .meter>i{transition:transform .9s var(--ease-out);transform:scaleX(0)}.lesson .stage-write.at-5 .w-meter .meter>i{transition-delay:.3s;transform:none}@media (scripting:enabled){.lesson .stage-write .slot-note{opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);transform:translateY(8px)}}.lesson .stage-write.at-1:not(.at-3) .slot-note{opacity:1;transform:none}.lesson .stage-write.at-1:not(.at-3) .slot:nth-child(2) .slot-note{transition-delay:.16s}.lesson .stage-write.at-1:not(.at-3) .slot:nth-child(3) .slot-note{transition-delay:.32s}@media (scripting:enabled){.lesson .stage-write .wr .w{opacity:0;transition:opacity .18s var(--ease-out);transition-delay:calc(var(--i) * 14ms)}}.lesson .stage-write.at-2 .opener .w,.lesson .stage-write.at-3 .para .w,.lesson .stage-write.at-4 .closing .w{opacity:1}.lesson .stage-write.at-3 .slot:nth-child(2) .para .w{transition-delay:calc(.5s + var(--i) * 14ms)}.lesson .stage-write.at-3 .slot:nth-child(3) .para .w{transition-delay:calc(1s + var(--i) * 14ms)}@media (scripting:enabled){.lesson .stage-write .para{opacity:1}.lesson .stage-write .paper mark{background-size:0% 100%;background-image:linear-gradient(var(--maple-soft), var(--maple-soft));transition:background-size .4s var(--ease-out);background-color:#0000;background-repeat:no-repeat}}.lesson .stage-write.at-3 .paper mark{background-size:100% 100%;transition-delay:1.7s}@media (scripting:enabled){.lesson .stage-write .w-meter{opacity:.4;transition:opacity .3s var(--ease-out)}}.lesson .stage-write.at-5 .w-meter{opacity:1}.lesson .dial{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:22px;display:grid}.lesson .dial-face{justify-items:center;gap:12px;display:grid}.lesson .dial-face svg{width:220px;height:auto;overflow:visible}.lesson .dial-face .trk{fill:none;stroke:#fff;stroke-width:20px;stroke-linecap:round}.lesson .dial-face .zone{fill:none;stroke:var(--maple-soft);stroke-width:20px;stroke-linecap:round;stroke-dasharray:.2 1;stroke-dashoffset:calc(var(--z,-.4) * -1);transition:stroke-dashoffset .7s var(--ease-spring)}.lesson .dial-face .tick{stroke:var(--line-strong);stroke-width:3px;stroke-linecap:round}.lesson .needle{transform-box:view-box;transform-origin:120px 124px;transform:rotate(var(--a,60deg));transition:transform .7s var(--ease-spring)}.lesson .needle line{stroke:var(--plum);stroke-width:5px;stroke-linecap:round}.lesson .dial[data-tone=friend]{--a:-60deg;--z:.067}.lesson .dial[data-tone=neighbour]{--a:0deg;--z:.4}.lesson .dial[data-tone=manager]{--a:60deg;--z:.733}.lesson .dial .seg{flex-wrap:wrap;justify-content:center}.lesson .dial-rows{gap:8px;display:grid}.lesson .dial-rows>div{background:#fff;border-radius:12px;grid-template-columns:96px minmax(0,1fr);align-items:baseline;gap:12px;padding:10px 14px;display:grid}.lesson .dial-rows dt{color:var(--muted);font-size:13px;font-weight:700}.lesson .dial-rows dd{transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);margin:0;font-size:16.5px;font-weight:500;line-height:1.4}.lesson .dial-rows dd.is-out{opacity:0;transform:translateY(5px)}.lesson .rw{gap:10px;display:grid}.lesson .rw li{background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:14px 16px;display:grid}.lesson .rw-pair{display:grid}.lesson .rw-pair>p{grid-area:1/1;align-self:center;font-size:17px;line-height:1.45}.lesson .rw .old{color:var(--muted);transition:opacity .2s var(--ease-out);justify-self:start;position:relative}.lesson .rw .old:after{content:"";background:var(--maple);transform-origin:0;height:3px;transition:transform .2s var(--ease-out);border-radius:3px;position:absolute;top:52%;left:-3px;right:-3px;transform:scaleX(0)}.lesson .rw .new{opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);transform:translateY(6px)}.lesson .rw .new mark{background:var(--maple-soft);color:inherit;border-radius:5px 3px 6px;padding:0 2px}.lesson .rw .lifts{opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);transform:scale(.9)}.lesson [data-view=up] .rw .old:after{transition:transform .38s var(--ease-out) calc(var(--r) * .65s + .1s);transform:none}.lesson [data-view=up] .rw .old{opacity:0;transition:opacity .26s var(--ease-out) calc(var(--r) * .65s + .52s)}.lesson [data-view=up] .rw .new{opacity:1;transition:opacity .32s var(--ease-out) calc(var(--r) * .65s + .64s), transform .32s var(--ease-out) calc(var(--r) * .65s + .64s);transform:none}.lesson [data-view=up] .rw .lifts{opacity:1;transition:opacity .26s var(--ease-out) calc(var(--r) * .65s + .82s), transform .3s var(--ease-spring) calc(var(--r) * .65s + .82s);transform:none}.lesson .thin{background:#fff;border-radius:14px;gap:9px;padding:14px 16px;display:grid}.lesson .thin>div{color:var(--muted);grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;font-size:13px;font-weight:700;display:grid}.lesson .thin i{width:var(--w);background:var(--line-strong);border-radius:99px;height:12px;display:block}.lesson .thin .short{background:var(--plum);width:84%;position:relative}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .thin .short{animation:lesson-stretch .9s 1.5s var(--ease-out) both}}@keyframes lesson-stretch{0%{background:var(--maple);width:18%}30%{background:var(--maple);width:18%}to{background:var(--plum);width:84%}}.lesson .lap{z-index:1;width:min(100%,520px);display:grid;position:relative}.lesson .lap-screen{background:var(--plum-dark);border-radius:16px 16px 6px 6px;padding:12px 10px 10px}.lesson .lap-base{background:#cfc4cb;border-radius:0 0 10px 10px;height:12px;margin:0 -14px}.lesson .lap-ui{background:#fff;border-radius:6px;overflow:hidden}.lesson .lap-top{background:var(--plum-soft);justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.lesson .lap-top span:last-child{font-variant-numeric:tabular-nums;background:#fff;border-radius:99px;padding:1px 9px}.lesson .scene-svg{width:100%;height:auto;display:block}.lesson .vf-b{fill:none;stroke:var(--maple);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.lesson .vf-hero{transform-box:view-box;transform-origin:0 0;transform:translate(24px,15px)scale(.95)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .vf-hero{animation:lesson-vf-tour 7.4s .7s var(--ease-io) both}}@keyframes lesson-vf-tour{0%{transform:translate(24px,15px)scale(.95)}12%,26%{transform:translate(40px,180px)scale(.4375)}38%,52%{transform:translate(360px,250px)scale(.3958)}64%,76%{transform:translate(610px,320px)scale(.3646)}86%,92%{transform:translate(160px,455px)scale(.2396)}to{transform:translate(24px,15px)scale(.95)}}.lesson .stage-speak{--t:0;gap:12px;display:grid}.lesson .shot{background:var(--lake-soft);aspect-ratio:16/10;border-radius:14px;position:relative;overflow:hidden}.lesson .shot>svg{width:100%;height:100%;position:absolute;inset:0}.lesson .cam{transform-box:view-box;transform-origin:0 0;transition:transform 1.2s var(--ease-io)}.lesson .stage-speak[data-at="2"] .cam{transform:translate(-91.43px,-411.43px)scale(2.2857)}.lesson .stage-speak[data-at="3"] .cam{transform:translate(-909.47px,-631.58px)scale(2.5263)}.lesson .stage-speak[data-at="4"] .cam{transform:translate(-1673.14px,-877.71px)scale(2.7429)}.lesson .stage-speak[data-at="5"] .cam{transform:translate(-667.83px,-1899.13px)scale(4.1739)}.lesson .mm{background:var(--lake-soft);border:2px solid #fff;border-radius:8px;width:116px;position:absolute;bottom:10px;left:10px;overflow:hidden;box-shadow:0 6px 14px -8px #1e172280}.lesson .mm svg{width:100%;height:auto;display:block}.lesson .mm{opacity:0;transition:opacity .3s var(--ease-out), translate .3s var(--ease-out);translate:0 6px}.lesson .stage-speak:is([data-at="2"],[data-at="3"],[data-at="4"],[data-at="5"]) .mm{opacity:1;translate:0}.lesson .mm-cam{fill:none;stroke:var(--maple);stroke-width:3px;vector-effect:non-scaling-stroke;transform-box:view-box;transform-origin:0 0;transition:transform 1.2s var(--ease-io)}.lesson .stage-speak[data-at="2"] .mm-cam{transform:translate(40px,180px)scale(.4375)}.lesson .stage-speak[data-at="3"] .mm-cam{transform:translate(360px,250px)scale(.3958)}.lesson .stage-speak[data-at="4"] .mm-cam{transform:translate(610px,320px)scale(.3646)}.lesson .stage-speak[data-at="5"] .mm-cam{transform:translate(160px,455px)scale(.2396)}.lesson .ring60{background:#fffffff0;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:absolute;top:10px;right:10px}.lesson .ring60 svg{width:72px;height:72px;position:absolute;inset:6px;rotate:-90deg}.lesson .ring60 circle{fill:none;stroke-width:7px}.lesson .ring60 .plan-seg{stroke:var(--stage-line)}.lesson .ring60 .fill{stroke:var(--skill);stroke-dasharray:var(--t) 60;transition:stroke-dasharray .9s var(--ease-out)}.lesson .ring60 b{font:700 18px/1 var(--display);font-variation-settings:"opsz" 24;font-variant-numeric:tabular-nums;position:relative}.lesson .ring60 small{color:var(--muted);font-size:10px;font-weight:700;position:absolute;bottom:15px}.lesson .caption{background:#fff;border-radius:14px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;min-height:92px;padding:12px 16px;font-size:17px;font-weight:500;line-height:1.5;display:grid}.lesson .caption .ic{margin-top:2px}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .caption .w{animation:lesson-word .24s var(--ease-out) both;animation-delay:calc(var(--i) * 55ms)}}.lesson .name-it{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:18px;display:grid}.lesson .crop{background:var(--lake-soft);aspect-ratio:14/11;border-radius:14px;position:relative;overflow:hidden}.lesson .crop svg{width:100%;height:100%;display:block}.lesson .crop .circled{width:25%;height:58%;inset:38% auto auto 30%}.lesson .crop-q{background:#fff;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;position:absolute;top:10px;left:10px}.lesson .say-it{gap:12px;display:grid}.lesson .freeze{color:var(--muted);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 14px;font-size:16.5px;display:flex}.lesson .freeze .x{font-weight:500}.lesson .pause{color:var(--maple-dark);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.lesson .pause i{background:var(--maple-soft);border-radius:99px;width:74px;height:8px;display:block;overflow:hidden}.lesson .pause i:after{content:"";background:var(--maple);transform-origin:0;border-radius:99px;height:100%;display:block}.lesson .built{flex-wrap:wrap;gap:6px;display:flex}.lesson .built>span{border-bottom:4px solid var(--stage-line);background:#fff;border-radius:10px;gap:2px;padding:7px 11px 8px;font-size:16.5px;font-weight:600;line-height:1.3;display:grid}.lesson .built small{color:var(--skill);font-size:12px;font-weight:700}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .name-it .pause i:after{animation:1.4s linear .3s both lesson-grow}.lesson .name-it .freeze .x:after{animation:lesson-strike .38s 1.8s var(--ease-out) both}.lesson .name-it .built>span{animation:lesson-fade-up .38s var(--ease-out) both;animation-delay:calc(2.2s + var(--k) * .34s)}.lesson .name-it .crop .circled path{animation:lesson-draw .6s 3.7s var(--ease-out) both}}.lesson .hedges{flex-wrap:wrap;gap:6px;display:flex}.lesson .hedges li{background:#fff;border-radius:999px;padding:4px 11px;font-size:14.5px;font-weight:600}.lesson .engine{gap:10px;display:grid}.lesson .eng-old{color:var(--muted);background:#fff;border-radius:12px;padding:12px 14px;font-size:16.5px}.lesson .eng-cols,.lesson .eng-row{grid-template-columns:minmax(0,.6fr) minmax(0,1.25fr) minmax(0,1.15fr);gap:6px;display:grid}.lesson .eng-cols{color:var(--muted);padding:4px 4px 0;font-size:13px;font-weight:700}.lesson .tile{border-bottom:4px solid var(--stage-line);background:#fff;border-radius:10px;padding:10px 12px;font-size:15.5px;font-weight:600;line-height:1.3}.lesson .tile.do{background:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .tile.do{background:color-mix(in srgb, var(--skill) 15%, white)}}.lesson .tile.do{border-bottom-color:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .tile.do{border-bottom-color:color-mix(in srgb, var(--skill) 30%, white)}}.lesson .tile.where{background:var(--maple-soft);border-bottom-color:#f6c79a}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .engine .eng-old .x:after{animation:lesson-strike .42s .4s var(--ease-out) both}.lesson .engine .tile{animation:lesson-tile-in .46s var(--ease-spring) both;animation-delay:calc(.9s + var(--k) * .22s)}}@keyframes lesson-tile-in{0%{opacity:0;transform:translateY(-16px)rotate(-3deg)}to{opacity:1;transform:none}}.lesson .places{flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.lesson .places li{background:#fff;border-radius:999px;padding:4px 11px;font-size:14.5px;font-weight:600}.lesson .short-ring{background:#fff;border-radius:14px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;padding:14px 16px;display:grid}.lesson .short-ring svg{width:96px;height:96px;rotate:-90deg}.lesson .short-ring circle{fill:none;stroke-width:9px}.lesson .short-ring .trk{stroke:var(--line)}.lesson .short-ring .said{stroke:var(--skill);stroke-dasharray:40 60}.lesson .short-ring .lost{stroke:var(--maple);stroke-dasharray:20 60;stroke-dashoffset:-40px}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .short-ring .said{animation:1.4s linear .3s both lesson-said}.lesson .short-ring .lost{animation:.4s 1.8s both lesson-fade}}@keyframes lesson-said{0%{stroke-dasharray:0 60}}.lesson .short-ring p{font-size:15px;line-height:1.45}.lesson .short-ring b{font:700 22px/1.1 var(--display);color:var(--maple-dark);display:block}@media (width<=1000px){.lesson .talk{min-height:300px}.lesson .stage-listen .bub{font-size:14px}.lesson .echo,.lesson .dial,.lesson .name-it{grid-template-columns:minmax(0,1fr)}.lesson .lap{margin-right:14px}}@media (width<=520px){.lesson .tape .pill.is-quiet{display:none}.lesson .ls-split{grid-template-columns:minmax(0,1fr);gap:8px}.lesson .talk{height:168px;min-height:0}.lesson .stage-listen.at-4 .talk{height:238px}@media (scripting:enabled){.lesson .stage-listen .bub{display:none}}.lesson .stage-listen.at-1:not(.at-2) .b1,.lesson .stage-listen.at-2:not(.at-3) .b2,.lesson .stage-listen.at-2:not(.at-3) .b3,.lesson .stage-listen.at-3 .b4{display:block}.lesson .ask{gap:5px}.lesson .ask-q{padding:6px 10px;font-size:13.5px}.lesson .ask-ch{gap:4px}.lesson .ask-ch li{border-bottom-width:2px;grid-template-columns:20px minmax(0,1fr) auto;padding:4px 8px;font-size:13px}.lesson .ask-ch li .key{width:20px;height:20px;font-size:11px}.lesson .ask-ch em{grid-area:1/3;font-size:11px}.lesson .pad-stage{background-size:100% calc(100% - 22px);background-image:repeating-linear-gradient(to bottom, transparent 0 32px, var(--lake-line) 32px 34px);padding:46px 10px 8px 40px;font-size:14.5px;line-height:34px}.lesson .pad-stage:after{left:30px}.lesson .pad-stage .caret-m{top:12px;left:-22px}.lesson .stream{font-size:17px}.lesson .flip-sets,.lesson .blank{grid-template-columns:minmax(0,1fr)}.lesson .cd-side{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:22px}.lesson .bl-ch li{grid-template-columns:24px minmax(0,1fr)}.lesson .bl-ch em{grid-column:2}.lesson .w-prompt>p{display:none}.lesson .w-prompt{padding:8px 10px;font-size:12.5px}.lesson .paper{gap:5px;padding:12px 12px 10px;font-size:12.5px;line-height:1.45}@media (scripting:enabled){.lesson .paper{align-content:end;height:272px;overflow:hidden}.lesson .stage-write:not(.at-3) .paper{align-content:start}.lesson .stage-write.at-3 .paper{-webkit-mask-image:linear-gradient(#0000,#000 24px);mask-image:linear-gradient(#0000,#000 24px)}.lesson .stage-write:not(.at-2) .opener,.lesson .stage-write:not(.at-3) .para,.lesson .stage-write:not(.at-4) .closing,.lesson .stage-write:not(.at-5) .w-meter{display:none}}.lesson .slot-note{padding:4px 8px;font-size:11.5px}.lesson .clockline{padding:8px 10px}.lesson .dial-rows>div{grid-template-columns:minmax(0,1fr);gap:2px}.lesson .rw li{grid-template-columns:minmax(0,1fr)}.lesson .rw-pair>p{font-size:16px}.lesson .eng-cols{display:none}.lesson .eng-row{grid-template-columns:minmax(0,1fr);gap:4px}.lesson .mm{width:84px;bottom:8px;left:8px}.lesson .ring60{width:64px;height:64px;top:8px;right:8px}.lesson .ring60 svg{width:54px;height:54px;inset:5px}.lesson .ring60 b{font-size:14px}.lesson .ring60 small{display:none}.lesson .caption{grid-template-columns:minmax(0,1fr);min-height:0;padding:10px 12px;font-size:14.5px}.lesson .caption .ic{display:none}.lesson .lap-screen{border-radius:12px 12px 4px 4px;padding:8px 6px 6px}.lesson .lap-base{height:8px;margin:0 -8px}}.lesson .plan{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px;display:grid}.lesson .plan-col{gap:10px;display:grid}.lesson .plan-col>h2{font:700 24px/1.1 var(--display);font-variation-settings:"opsz" 24;align-items:center;gap:10px;display:flex}.lesson .plan-col>h2:before{content:"";background:var(--skill);border-radius:4px 4px 1px 1px;width:14px;height:24px}.lesson .kit{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.lesson .kit>div{background:#fff;border-radius:14px;align-content:start;gap:6px;padding:16px 18px;display:grid}.lesson .kit b{font:700 17px/1.2 var(--display);font-variation-settings:"opsz" 24}.lesson .kit p{color:var(--muted);font-size:15px;line-height:1.5}.lesson .note-panel{background:#fff;border-radius:16px;gap:10px;max-width:900px;padding:20px 24px;display:grid}.lesson .note-panel h2{font:700 22px/1.15 var(--display)}.lesson .note-panel li{padding-left:18px;font-size:16px;line-height:1.5;position:relative}.lesson .note-panel li:before{content:"";background:var(--plum);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:2px}.lesson .note-panel code{background:var(--plum-soft);border-radius:5px;padding:1px 5px;font-size:14px}@media (width<=1000px){.lesson .plan,.lesson .kit{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.lesson .plan,.lesson .kit{grid-template-columns:minmax(0,1fr)}.lesson .board-head h1{font-size:38px}}.lesson .s-sky{fill:var(--lake-soft)}.lesson .s-sun{fill:var(--maple-soft)}.lesson .s-cloud{fill:#fff}.lesson .s-tree{fill:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.lesson .s-tree{fill:color-mix(in srgb,var(--speaking) 40%,white)}}.lesson .s-tree2{fill:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.lesson .s-tree2{fill:color-mix(in srgb,var(--speaking) 60%,white)}}.lesson .s-grass{fill:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.lesson .s-grass{fill:color-mix(in srgb,var(--speaking) 17%,white)}}.lesson .s-shade{fill:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.lesson .s-shade{fill:color-mix(in srgb,var(--speaking) 32%,white)}}.lesson .s-path{fill:var(--birch)}.lesson .s-wall{fill:var(--wall)}.lesson .s-plum{fill:var(--plum)}.lesson .s-plumd{fill:var(--plum-dark)}.lesson .s-white{fill:#fff}.lesson .s-maple{fill:var(--maple)}.lesson .s-maples{fill:var(--maple-soft)}.lesson .s-ink{fill:var(--ink)}.lesson .s-muted{fill:var(--muted)}.lesson .s-line{fill:var(--line-strong)}.lesson .s-oak{fill:var(--oak)}.lesson .s-oakd{fill:var(--oak-dark)}.lesson .s-lake{fill:var(--listening)}.lesson .s-green{fill:var(--speaking)}.lesson .s-k1{fill:var(--birch)}.lesson .s-k2{fill:var(--oak)}.lesson .s-k3{fill:var(--oak-dark)}.lesson .s-k4{fill:var(--maple-dark)}.lesson .s-water{fill:var(--listening)}@supports (color:color-mix(in lab, red, red)){.lesson .s-water{fill:color-mix(in srgb,var(--listening) 24%,white)}}.lesson .s-tub{fill:var(--listening)}@supports (color:color-mix(in lab, red, red)){.lesson .s-tub{fill:color-mix(in srgb,var(--listening) 48%,white)}}.lesson .st{fill:none;stroke-linecap:round;stroke-linejoin:round}.lesson .st-ink{stroke:var(--ink)}.lesson .st-muted{stroke:var(--muted)}.lesson .st-k1{stroke:var(--birch)}.lesson .st-k2{stroke:var(--oak)}.lesson .st-k3{stroke:var(--oak-dark)}.lesson .st-oak{stroke:var(--oak)}.lesson .st-oakd{stroke:var(--oak-dark)}.lesson .st-plum{stroke:var(--plum)}.lesson .s-text{fill:var(--plum);font:700 17px var(--body)}.lesson .bk-wheel{fill:none;stroke:var(--ink);stroke-width:6px}.lesson .bk-hub{fill:var(--muted)}.lesson .bk-frame{fill:none;stroke:var(--bike,var(--plum));stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.lesson .bk-bar{fill:none;stroke:var(--ink);stroke-width:5px;stroke-linecap:round}.lesson .bk-seat{fill:var(--ink)}.lesson .l2-event{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.lesson .l2-event{color:color-mix(in srgb, var(--ink) 38%, var(--wall))}}.lesson .l2-hero{width:min(100%,470px);box-shadow:0 2px 0 var(--wall-deep), 0 22px 30px -26px #4a1b3a80;background:#fff;border-radius:12px;margin-right:8px;padding:12px 14px 8px;rotate:-1deg}.lesson .l2-hero svg{width:100%;height:auto;display:block;overflow:visible}.lesson .l2-h-badge{fill:var(--plum)}.lesson .l2-h-badge.is-b{fill:var(--skill)}.lesson .l2-h-init{fill:#fff;font:700 19px var(--display);text-anchor:middle}.lesson .l2-h-rail{stroke:var(--line);stroke-width:2px}.lesson .l2-h-bar{fill:var(--plum)}.lesson .l2-h-bar.is-b{fill:var(--skill)}.lesson .l2-h-arc{fill:none;stroke:var(--maple);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.lesson .l2-h-glow{fill:var(--maple-soft);transform-box:fill-box;transform-origin:50%}.lesson .l2-h-core{fill:var(--maple);stroke:#fff;stroke-width:3px;transform-box:fill-box;transform-origin:50%}.lesson .l2-h-word{transform-box:fill-box;transform-origin:bottom}.lesson .l2-h-word rect{fill:var(--maple-soft)}.lesson .l2-h-word text{fill:var(--maple-dark);font:700 19px var(--body);text-anchor:middle}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l2-event{animation:lesson-l2-dim .7s .9s var(--ease-out) both}.lesson .l2-h-bar{animation:.26s both lesson-fade;animation-delay:calc(.3s + var(--i) * 70ms)}.lesson .l2-h-glow{animation:lesson-l2-glow .62s var(--t) var(--ease-spring) both}.lesson .l2-h-core{animation:lesson-pop .32s var(--t) var(--ease-spring) both}.lesson .l2-h-word{animation:lesson-pop .34s calc(var(--t) + 80ms) var(--ease-spring) both}.lesson .l2-h-arc{animation:lesson-draw .46s calc(var(--t) + .16s) var(--ease-out) both}}@keyframes lesson-l2-dim{0%{color:var(--ink)}}@keyframes lesson-l2-glow{0%{background-color:#0000}to{background-color:var(--plum-soft)}}.lesson .l2-stage{--pos:40;gap:12px;display:grid}.lesson .l2-tl{background:#fff;border-radius:14px;padding:10px 12px 6px}.lesson .l2-tl svg{width:100%;max-width:640px;height:auto;margin:0 auto;display:block;overflow:visible}.lesson .l2-badge{fill:var(--plum)}.lesson .l2-badge.is-o{fill:var(--skill)}.lesson .l2-init{fill:#fff;font:700 13px var(--display);text-anchor:middle}.lesson .l2-rail{stroke:var(--line);stroke-width:1.5px}.lesson .l2-clip{fill:var(--wall)}.lesson .l2-fill{transform-box:fill-box;transform-origin:0;transition:transform .46s var(--ease-out) var(--dl,0s)}.lesson .l2-tone-o{fill:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .l2-tone-o{fill:color-mix(in srgb, var(--skill) 55%, white)}}.lesson .l2-tone-r{fill:var(--maple)}.lesson .l2-tone-d{fill:var(--plum)}.lesson .l2-tone-r2{fill:var(--maple)}@supports (color:color-mix(in lab, red, red)){.lesson .l2-tone-r2{fill:color-mix(in srgb, var(--maple) 45%, white)}}.lesson .l2-tone-d2{fill:var(--plum)}@supports (color:color-mix(in lab, red, red)){.lesson .l2-tone-d2{fill:color-mix(in srgb, var(--plum) 40%, white)}}.lesson .l2-arc{fill:none;stroke:var(--maple);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .62s var(--ease-out) var(--dl,0s), opacity .3s var(--ease-out)}.lesson .l2-a3{stroke:var(--plum);stroke-width:3px}.lesson .l2-land{fill:var(--plum);stroke:#fff;stroke-width:1.5px;transition:opacity .24s var(--ease-out)}.lesson .l2-off{fill:var(--line-strong)}.lesson .l2-on{fill:var(--maple);transform-box:fill-box;transform-origin:50%;transition:transform .3s var(--ease-spring) var(--dl,0s)}.lesson .l2-glow{fill:var(--maple-soft);transform-box:fill-box;transform-origin:50%;transition:transform .46s var(--ease-spring) var(--dl,0s)}.lesson .l2-tag{fill:var(--maple-dark);stroke:#fff;stroke-width:3px;paint-order:stroke;font:700 9px var(--body);text-anchor:middle;transition:opacity .24s var(--ease-out)}.lesson .l2-tag.l2-t3{text-anchor:end}.lesson .l2-doubt{fill:var(--maple-dark);font:800 16px var(--display);text-anchor:middle;transition:opacity .24s var(--ease-out), transform .3s var(--ease-spring);transform-box:fill-box;transform-origin:50%}.lesson .l2-head{transform:translateX(calc(var(--pos) * 1px));transition:transform .9s var(--ease-io)}.lesson .l2-head line{stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:2 3}.lesson .l2-below{gap:12px;display:grid}.lesson .l2-talk{grid-template-rows:minmax(0,1fr) auto;gap:8px;display:grid}.lesson .l2-subs{gap:8px;display:grid}.lesson .l2-sub{background:#fff;border-radius:12px;align-content:center;gap:6px;padding:12px 16px;font-size:18px;line-height:1.45;display:grid}.lesson .l2-sub b{color:var(--skill);font-weight:700}.lesson .l2-sub mark{background:var(--maple-soft);color:var(--maple-dark);border-radius:5px 3px 6px;padding:0 3px;font-weight:700}.lesson .l2-led{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1.3fr);gap:6px;display:grid}.lesson .l2-led li{min-height:40px;transition:opacity .3s var(--ease-out);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:15px;font-weight:700;display:flex;position:relative}.lesson .l2-led svg{flex:none;width:34px;height:12px;overflow:visible}.lesson .l2-led path{fill:none;stroke:var(--maple);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .5s var(--ease-out) var(--dl,0s)}.lesson .l2-why{color:var(--maple-dark)}.lesson .l2-did{color:var(--plum)}.lesson .l2-q-mark{font:800 18px/1 var(--display);color:var(--maple-dark);margin-left:auto;font-style:normal}.lesson .l2-q{background:#fff;border-radius:12px;align-items:center;gap:9px;padding:10px 12px;font-size:16px;font-weight:600;display:flex}.lesson .l2-q svg{fill:none;width:20px;height:20px;stroke:var(--skill);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.lesson .l2-ask{align-content:start;gap:8px;display:grid}.lesson .l2-ans{gap:6px;display:grid}.lesson .l2-ans li{background:#fff;border-radius:10px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;font-size:15px;line-height:1.35;display:grid}.lesson .l2-ans em{color:var(--maple-dark);white-space:nowrap;font-size:13px;font-style:normal;font-weight:700}.lesson .l2-k{background:var(--wall);width:24px;height:24px;color:var(--plum);font:700 13px/1 var(--body);border-radius:50%;place-items:center;display:grid}.lesson .l2-ans .l2-right{background:var(--green-soft);color:var(--green-dark)}.lesson .l2-ans .l2-right em{color:var(--green-dark)}.lesson .l2-ans .l2-right .l2-k{background:var(--green);color:#fff}@media (scripting:enabled){.lesson .l2-below>*,.lesson .l2-subs>*{grid-area:1/1}.lesson .l2-fill{transform:scaleX(0)}.lesson .l2-stage.at-1 .l2-fill.l2-at1,.lesson .l2-stage.at-2 .l2-fill.l2-at2,.lesson .l2-stage.at-3 .l2-fill.l2-at3{transform:none}.lesson .l2-arc{stroke-dashoffset:1px;opacity:0}.lesson .l2-stage.at-1 .l2-a1,.lesson .l2-stage.at-3 .l2-a2,.lesson .l2-stage.at-3 .l2-a3{stroke-dashoffset:0;opacity:1}.lesson .l2-stage.at-3 .l2-a1{opacity:.25}.lesson .l2-land{opacity:0}.lesson .l2-stage.at-1 .l2-land{opacity:1;transition-delay:1.1s}.lesson .l2-on,.lesson .l2-glow{transform:scale(0)}.lesson .l2-stage.at-1 .l2-lamp.l2-at1 .l2-on,.lesson .l2-stage.at-1 .l2-lamp.l2-at1 .l2-glow,.lesson .l2-stage.at-3 .l2-lamp.l2-at3 .l2-on,.lesson .l2-stage.at-3 .l2-lamp.l2-at3 .l2-glow{transform:none}.lesson .l2-tag{opacity:0}.lesson .l2-stage.at-1 .l2-t1{opacity:1;transition-delay:.44s}.lesson .l2-stage.at-3 .l2-t2{opacity:1;transition-delay:.24s}.lesson .l2-stage.at-3 .l2-t3{opacity:1;transition-delay:.9s}.lesson .l2-doubt{opacity:0;transform:scale(.4)}.lesson .l2-stage.at-2:not(.at-3) .l2-doubt{opacity:1;transform:none}.lesson .l2-sub{opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);transform:translateY(8px)}.lesson .l2-stage[data-at="1"] .l2-sub1,.lesson .l2-stage[data-at="2"] .l2-sub2,.lesson .l2-stage[data-at="3"] .l2-sub3,.lesson .l2-stage[data-at="4"] .l2-sub3{opacity:1;transform:none}.lesson .l2-led li{opacity:0}.lesson .l2-led path{stroke-dashoffset:1px}.lesson .l2-stage.at-1 .l2-l1,.lesson .l2-stage.at-3 .l2-l2,.lesson .l2-stage.at-3 .l2-l3{opacity:1}.lesson .l2-stage.at-1 .l2-l1 path,.lesson .l2-stage.at-3 .l2-l2 path,.lesson .l2-stage.at-3 .l2-l3 path{stroke-dashoffset:0}.lesson .l2-stage.at-1 .l2-l1 path{transition-delay:.7s}.lesson .l2-stage.at-3 .l2-l2,.lesson .l2-stage.at-3 .l2-l2 path{transition-delay:.3s}.lesson .l2-stage.at-3 .l2-l3,.lesson .l2-stage.at-3 .l2-l3 path{transition-delay:1.1s}.lesson .l2-q-mark{opacity:0;transition:opacity .24s var(--ease-out)}.lesson .l2-stage.at-2:not(.at-3) .l2-q-mark{opacity:1}.lesson .l2-stage.at-3 .l2-l1{opacity:.45}.lesson .l2-stage.at-4 .l2-l2,.lesson .l2-stage.at-4 .l2-l3{border-radius:8px;margin-inline:-6px;padding-inline:6px}.lesson .l2-stage.at-4 .l2-l2{background:var(--plum-soft)}@supports (color:color-mix(in lab, red, red)){.lesson .l2-stage.at-4 .l2-l2{background:color-mix(in srgb, var(--plum-soft) 50%, white)}}.lesson .l2-stage.at-4 .l2-l3{background:var(--plum-soft)}.lesson .l2-ask{opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out), visibility 0s .3s;transform:translateY(10px)}.lesson .l2-stage.at-5 .l2-ask{opacity:1;visibility:visible;transition-delay:.16s,.16s,0s;transform:none}.lesson .l2-talk{transition:opacity .24s var(--ease-out), visibility 0s}.lesson .l2-stage.at-5 .l2-talk{opacity:0;visibility:hidden;transition:opacity .24s var(--ease-out), visibility 0s .24s}.lesson .l2-stage .l2-ask em{opacity:0;transition:opacity .28s var(--ease-out)}.lesson .l2-stage.at-5 .l2-ask em{opacity:1;transition-delay:.7s}.lesson .l2-stage .l2-ask .l2-right{color:var(--ink);transition:background-color .32s var(--ease-out), color .32s var(--ease-out);background:#fff}.lesson .l2-stage.at-5 .l2-ask .l2-right{background:var(--green-soft);color:var(--green-dark);transition-delay:1s}}.lesson .l2-fork{grid-template-columns:116px minmax(0,1fr);display:grid;position:relative}.lesson .l2-branches{grid-area:1/1;width:100%;height:100%}.lesson .l2-branches path{fill:none;stroke:var(--maple);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.lesson .l2-fine-word{background:var(--stage);font:700 21px/1 var(--display);font-variation-settings:"opsz" 24;padding:6px 2px;position:absolute;top:50%;left:0;translate:0 -50%}.lesson .l2-rows{grid-area:1/2;grid-auto-rows:1fr;gap:10px;display:grid}.lesson .l2-rows li{background:#fff;border-radius:12px;align-content:center;gap:2px;padding:10px 14px;display:grid}.lesson .l2-rows small{color:var(--muted);font-size:13px;font-weight:700}.lesson .l2-rows p{font-size:17px;font-weight:500;line-height:1.3}.lesson .l2-means{border-radius:6px 3px 7px 4px;justify-self:start;margin-top:4px;padding:2px 9px;font-size:13.5px;font-weight:700}.lesson .l2-means.is-plain{background:var(--green-soft);color:var(--green-dark)}.lesson .l2-means.is-cross{background:var(--maple-soft);color:var(--maple-dark)}.lesson .l2-means.is-polite{background:var(--plum-soft);color:var(--plum)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l2-fine-word{animation:lesson-pop .38s .15s var(--ease-spring) both}.lesson .l2-br1{animation:lesson-draw .5s .6s var(--ease-out) both}.lesson .l2-br2{animation:lesson-draw .42s 1.7s var(--ease-out) both}.lesson .l2-br3{animation:lesson-draw .5s 2.8s var(--ease-out) both}.lesson .l2-row1{animation:lesson-fade-up .36s .95s var(--ease-out) both}.lesson .l2-row2{animation:lesson-fade-up .36s 2.05s var(--ease-out) both}.lesson .l2-row3{animation:lesson-fade-up .36s 3.15s var(--ease-out) both}.lesson .l2-row1 .l2-means{animation:lesson-pop .32s 1.45s var(--ease-spring) both}.lesson .l2-row2 .l2-means{animation:lesson-pop .32s 2.55s var(--ease-spring) both}.lesson .l2-row3 .l2-means{animation:lesson-pop .32s 3.65s var(--ease-spring) both}}.lesson .l2-heard{background:#fff;border-radius:12px;margin-bottom:8px;padding:10px 14px;font-size:15px;line-height:1.35;display:grid}.lesson .l2-heard-line{opacity:0;grid-area:1/1}.lesson .l2-heard-line:last-child{opacity:1}.lesson .l2-heard-line b{color:var(--skill);margin-right:6px;font-weight:700}.lesson .l2-pad{background:#fff;border-radius:14px;padding:14px 14px 14px 56px;position:relative}.lesson .l2-pad ol{grid-template-rows:38px 38px 56px 38px 38px;gap:4px;display:grid}.lesson .l2-note{align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.lesson .l2-who{width:24px;font:700 24px/1 var(--display);text-align:center;color:var(--plum);flex:none;display:block;position:relative}.lesson .l2-who-t{color:var(--skill)}.lesson .l2-moved{background:var(--plum-soft);border-radius:10px;align-items:flex-end;margin-left:-10px;padding:0 10px 7px}.lesson .l2-wrote{white-space:nowrap}.lesson .l2-moved em{text-align:right;color:var(--maple-dark);align-self:center;margin-left:auto;font-size:13px;font-style:normal;font-weight:700;line-height:1.2}.lesson .l2-was{color:var(--muted)}.lesson .l2-was:after{content:"";background:var(--maple);border-radius:2px;height:3px;position:absolute;top:50%;left:-2px;right:-2px;transform:rotate(-24deg)}.lesson .l2-over{color:var(--skill);font-size:22px;font-style:normal;position:absolute;bottom:calc(100% - 2px);left:0}.lesson .l2-pencil{opacity:0;width:40px;height:24px;position:absolute;top:19px;left:12px;overflow:visible}.lesson .l2-pen-end{fill:var(--maple)}.lesson .l2-pen-body{fill:var(--plum)}.lesson .l2-pen-wood{fill:var(--birch)}.lesson .l2-pen-lead{fill:var(--ink)}.lesson .l2-verdict{gap:8px;margin-top:12px;display:grid}.lesson .l2-sort .l2-wrong>span:nth-child(2),.lesson .l2-fun .l2-wrong>span:nth-child(2){color:var(--muted)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l2-heard-line{animation:lesson-l2-said var(--for) var(--t) linear both}.lesson .l2-heard-line:last-child{animation:lesson-fade-up .32s var(--t) var(--ease-out) both}.lesson .l2-pencil{animation:5.5s .2s both lesson-l2-pencil}.lesson .l2-note>.l2-who{animation:lesson-pop .28s calc(var(--t) + .18s) var(--ease-spring) both}.lesson .l2-wrote{animation:lesson-l2-write .42s calc(var(--t) + .34s) var(--ease-out) both}.lesson .l2-was{animation:lesson-pop .28s calc(var(--t) + .18s) var(--ease-spring) both, lesson-l2-spent .3s 3.76s var(--ease-out) both}.lesson .l2-was:after{animation:lesson-l2-strike .32s 3.72s var(--ease-out) both}.lesson .l2-over{animation:lesson-pop .32s 4.32s var(--ease-spring) both}.lesson .l2-moved{animation:lesson-l2-glow .42s 4.32s var(--ease-out) both}.lesson .l2-moved em{animation:lesson-pop .32s 4.64s var(--ease-spring) both}.lesson .l2-verdict{animation:lesson-fade-up .4s 6s var(--ease-out) both}.lesson .l2-verdict .l2-right{animation:lesson-l2-mark .4s 6.5s var(--ease-out) both}.lesson .l2-verdict em{animation:lesson-pop .32s 6.6s var(--ease-spring) both}}@keyframes lesson-l2-said{0%{opacity:0}12%{opacity:1}88%{opacity:1}to{opacity:0}}@keyframes lesson-l2-write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -4px 0 0)}}@keyframes lesson-l2-spent{0%{color:var(--plum)}to{color:var(--muted)}}@keyframes lesson-l2-strike{0%{transform:rotate(-24deg)scaleX(0)}to{transform:rotate(-24deg)scaleX(1)}}@keyframes lesson-l2-pencil{0%{opacity:0;animation-timing-function:var(--ease-io);transform:translateY(0)}3%,13%{opacity:1;animation-timing-function:var(--ease-io);transform:translateY(0)}17%,29%{animation-timing-function:var(--ease-io);transform:translateY(42px)}33%,43%{animation-timing-function:var(--ease-io);transform:translateY(102px)}47%,58%{animation-timing-function:var(--ease-io);transform:translateY(144px)}65%,72%{animation-timing-function:var(--ease-io);transform:translateY(102px)}76%,84%{animation-timing-function:var(--ease-io);transform:translateY(80px)}89%,97%{opacity:1;transform:translateY(186px)}to{opacity:0;transform:translateY(186px)}}@keyframes lesson-l2-mark{0%{color:var(--ink);background:#fff}}.lesson .l2-said{background:#fff;border-radius:12px;padding:12px 14px;font-size:17px;line-height:1.5}.lesson .l2-said u{background:var(--maple-soft);border-radius:5px;padding:0 3px;font-weight:700;text-decoration:none}.lesson .l2-funnel{width:min(100%,400px);height:auto;margin:2px auto 0;display:block;overflow:visible}.lesson .l2-fn{fill:#fff;stroke:var(--line-strong);stroke-width:3px;stroke-linejoin:round}.lesson .l2-chip{opacity:0;transform-box:fill-box;transform-origin:50%}.lesson .l2-chip rect{fill:var(--maple-soft)}.lesson .l2-chip text{fill:var(--maple-dark);font:700 17px var(--body);text-anchor:middle}.lesson .l2-drop{fill:var(--plum);opacity:0;transform-box:fill-box;transform-origin:50%}.lesson .l2-own{font:700 23px/1.2 var(--display);font-variation-settings:"opsz" 24;color:var(--plum);text-align:center;justify-items:center;gap:2px;margin-bottom:10px;display:grid}.lesson .l2-own small{font:700 13px/1.2 var(--body);color:var(--muted)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l2-chip{animation:lesson-l2-fall 1.3s var(--dl) var(--ease-io) both}.lesson .l2-drop{animation:lesson-l2-drip .62s 2.2s var(--ease-io) both}.lesson .l2-own{animation:lesson-pop .38s 2.75s var(--ease-spring) both}.lesson .l2-fun .l2-ans li{animation:lesson-fade-up .34s var(--ease-out) both}.lesson .l2-fun .l2-ans li:first-child{animation-delay:3.35s}.lesson .l2-fun .l2-ans li:nth-child(2){animation-delay:3.65s}.lesson .l2-fun .l2-ans .l2-right{animation-name:lesson-fade-up,lesson-l2-mark;animation-duration:.34s,.4s;animation-delay:3.65s,4.1s}}@keyframes lesson-l2-fall{0%{opacity:0;transform:translateY(-8px)scale(1)}20%{opacity:1;transform:translate(0)scale(1)}70%{opacity:1;transform:translate(var(--dx), 62px) scale(.55)}to{opacity:0;transform:translate(var(--dx), 88px) scale(.2)}}@keyframes lesson-l2-drip{0%{opacity:0;transform:translateY(-12px)scale(.5)}40%{opacity:1}to{opacity:0;transform:translateY(38px)scale(1)}}@media (width<=520px){.lesson .ls-hero:has(.l2-hero){padding-left:0}.lesson .ls-hero:has(.l2-hero)>.bv-host{width:92px;inset:-82px 4px auto auto}.lesson .l2-hero{width:auto;margin-right:0;padding:8px 8px 4px}.lesson .l2-stage{gap:8px}.lesson .l2-tl{padding:6px 6px 2px}.lesson .l2-tag{font-size:12px}.lesson .l2-below{gap:8px}.lesson .l2-sub{gap:3px;padding:8px 10px;font-size:14px;line-height:1.38}.lesson .l2-led{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.lesson .l2-led li{gap:5px;min-height:30px;padding:3px 8px;font-size:12.5px}.lesson .l2-led svg{width:18px;height:8px}.lesson .l2-l3{grid-column:1/-1}.lesson .l2-q{padding:7px 10px;font-size:14px}.lesson .l2-ans{gap:4px}.lesson .l2-ans li{grid-template-columns:20px minmax(0,1fr);gap:6px;padding:5px 8px;font-size:13.5px}.lesson .l2-ask .l2-ans em{white-space:normal;grid-column:2;font-size:11.5px}.lesson .l2-ask .l2-ans li:not(.l2-right) em{display:none}.lesson .l2-sort .l2-ans em,.lesson .l2-fun .l2-ans em{white-space:normal;grid-column:2}.lesson .l2-k{width:20px;height:20px;font-size:11px}.lesson .l2-fork{grid-template-columns:62px minmax(0,1fr)}.lesson .l2-fine-word{font-size:15px}.lesson .l2-rows p{font-size:15.5px}.lesson .l2-rows li{padding:8px 10px}.lesson .l2-heard{padding:9px 11px;font-size:14.5px}.lesson .l2-pad{padding:12px 10px 12px 50px}.lesson .l2-pencil{top:17px;left:7px}.lesson .l2-note{font-size:15.5px}.lesson .l2-moved em{font-size:12px}.lesson .l2-own{font-size:20px}}.lesson .l3-unl{white-space:nowrap;display:inline-block;position:relative}.lesson .l3-unl svg{width:100%;height:.24em;position:absolute;top:96%;left:0;right:0;overflow:visible}.lesson .l3-unl path{fill:none;stroke:var(--maple);stroke-width:3.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.lesson .l3-hero{width:min(100%,470px);box-shadow:0 2px 0 var(--wall-deep), 0 22px 30px -26px #4a1b3a80;background:#fff;border-radius:12px;margin-right:8px;padding:12px 14px;rotate:1deg}.lesson .l3-hero svg{width:100%;height:auto;display:block;overflow:visible}.lesson .l3-h-rule{fill:var(--plum);font:700 28px var(--display);font-variation-settings:"opsz" 24}.lesson .l3-h-trunk{fill:none;stroke:var(--plum);stroke-width:11px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.lesson .l3-h-fork{fill:none;stroke:var(--skill);stroke-width:7px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.lesson .l3-h-f3{stroke:var(--maple);stroke-width:9px}.lesson .l3-h-end{fill:var(--skill);transform-box:fill-box;transform-origin:50%}.lesson .l3-h-e0{fill:var(--plum)}.lesson .l3-h-lit{fill:var(--maple)}.lesson .l3-h-tag{transform-box:fill-box;transform-origin:50%}.lesson .l3-h-tag rect{fill:var(--maple-soft)}.lesson .l3-h-tag text{fill:var(--maple-dark);font:700 20px var(--body);text-anchor:middle}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l3-unl path{animation:lesson-draw .7s .5s var(--ease-out) both}.lesson .l3-unl .l3-unl-b{animation-delay:1s}.lesson .l3-h-rule{animation:.4s .2s both lesson-fade}.lesson .l3-h-trunk{animation:lesson-draw .9s .3s var(--ease-out) both}.lesson .l3-h-e0{animation:lesson-pop .3s 1.15s var(--ease-spring) both}.lesson .l3-h-f1{animation:lesson-draw .9s 1.3s var(--ease-out) both}.lesson .l3-h-t1{animation:lesson-pop .32s 1.75s var(--ease-spring) both}.lesson .l3-h-e1{animation:lesson-pop .3s 2.15s var(--ease-spring) both}.lesson .l3-h-f2{animation:lesson-draw .9s 2.35s var(--ease-out) both}.lesson .l3-h-t2{animation:lesson-pop .32s 2.8s var(--ease-spring) both}.lesson .l3-h-e2{animation:lesson-pop .3s 3.2s var(--ease-spring) both}.lesson .l3-h-f3{animation:lesson-draw .8s 3.4s var(--ease-out) both}.lesson .l3-h-t3{animation:lesson-pop .32s 3.8s var(--ease-spring) both}.lesson .l3-h-e3{animation:lesson-pop .36s 4.15s var(--ease-spring) both}}.lesson .l3-stage{gap:12px;display:grid}.lesson .l3-subs{display:grid}.lesson .l3-sub{background:#fff;border-radius:12px;padding:12px 14px;font-size:16px;line-height:1.45}.lesson .l3-sub b{color:var(--skill);font-weight:700}.lesson .l3-sub mark{background:var(--maple-soft);color:var(--maple-dark);border-radius:5px 3px 6px;padding:0 3px;font-weight:700}.lesson .l3-body{display:grid}.lesson .l3-tree{background:#fff;border-radius:14px;gap:46px;padding:16px;display:grid;position:relative}.lesson .l3-tree .links{z-index:0}.lesson .l3-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lesson .l3-n{z-index:1;background:var(--stage);text-align:center;min-height:44px;transition:opacity .3s var(--ease-out), background-color .3s var(--ease-out), color .3s var(--ease-out);border-radius:10px;align-content:center;padding:8px 12px;font-size:16px;font-weight:600;line-height:1.3;display:grid;position:relative}.lesson .l3-root{background:var(--plum);color:#fff;justify-self:center;width:min(100%,320px)}.lesson .l3-root b{font-weight:700}.lesson .l3-end{background:var(--wall)}.lesson .l3-fork{background:var(--maple-soft);color:var(--maple-dark);white-space:nowrap;border-radius:99px;padding:0 7px;font-size:12px;font-weight:700;line-height:17px;position:absolute;top:-19px;left:calc(50% + 12px)}.lesson .l3-stage .lk{stroke:var(--line-strong);stroke-width:2.5px;transition:stroke-dashoffset .62s var(--ease-out), stroke .4s var(--ease-out), stroke-width .4s var(--ease-out), opacity 60ms}.lesson .l3-q{background:#fff;border-radius:12px;align-items:center;gap:9px;padding:10px 12px;font-size:16px;font-weight:600;display:flex}.lesson .l3-q svg{fill:none;width:20px;height:20px;stroke:var(--skill);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.lesson .l3-ask{align-content:center;gap:8px;display:grid}.lesson .l3-ans{gap:6px;display:grid}.lesson .l3-ans li{background:#fff;border-radius:4px 12px 12px 4px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;font-size:15px;line-height:1.35;display:grid}.lesson .l3-ans em{color:var(--maple-dark);white-space:nowrap;font-size:13px;font-style:normal;font-weight:700}.lesson .l3-k{background:var(--plum-soft);width:26px;height:26px;color:var(--plum);font:700 13px/1 var(--display);border-radius:6px;place-items:center;display:grid}.lesson .l3-ans .l3-right{background:var(--green-soft);color:var(--green-dark)}.lesson .l3-ans .l3-right em{color:var(--green-dark)}.lesson .l3-ans .l3-right .l3-k{background:var(--green);color:#fff}.lesson .l3-wrong .l3-cut{color:var(--muted);justify-self:start;position:relative}.lesson .l3-wrong .l3-cut:after{content:"";background:var(--maple);transform-origin:0;border-radius:2px;height:2.5px;position:absolute;top:52%;left:-3px;right:-3px}@media (scripting:enabled){.lesson .l3-subs>*,.lesson .l3-body>*{grid-area:1/1}.lesson .l3-sub{opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);transform:translateY(8px)}.lesson .l3-stage[data-at="1"] .l3-sub1,.lesson .l3-stage[data-at="2"] .l3-sub2,.lesson .l3-stage[data-at="3"] .l3-sub3,.lesson .l3-stage[data-at="4"] .l3-sub4,.lesson .l3-stage[data-at="5"] .l3-sub4{opacity:1;transform:none}.lesson .l3-n{opacity:0}.lesson .l3-stage.at-1 .l3-a1,.lesson .l3-stage.at-2 .l3-a2,.lesson .l3-stage.at-3 .l3-a3,.lesson .l3-stage.at-3 .l3-a3b{opacity:1}.lesson .l3-stage.at-2 .l3-a2,.lesson .l3-stage.at-3 .l3-a3{transition-delay:.38s}.lesson .l3-stage.at-3 .l3-a3b{transition-delay:1.1s}.lesson .l3-stage .lk{stroke-dashoffset:1px;opacity:0}.lesson .l3-stage.at-2 .lk:nth-of-type(-n+2),.lesson .l3-stage.at-3 .lk:nth-of-type(-n+6){stroke-dashoffset:0;opacity:1}.lesson .l3-stage.at-3 .lk:nth-of-type(3),.lesson .l3-stage.at-3 .lk:nth-of-type(4){transition-delay:.15s}.lesson .l3-stage.at-3 .lk:nth-of-type(5),.lesson .l3-stage.at-3 .lk:nth-of-type(6){transition-delay:.8s}.lesson .l3-stage.at-4 .lk:nth-of-type(2),.lesson .l3-stage.at-4 .lk:nth-of-type(4),.lesson .l3-stage.at-4 .lk:nth-of-type(6){stroke:var(--maple);stroke-width:4px}.lesson .l3-stage.at-4 .lk:nth-of-type(4){transition-delay:0s,.4s,.4s,0s}.lesson .l3-stage.at-4 .lk:nth-of-type(6){transition-delay:0s,.8s,.8s,0s}.lesson .l3-stage.at-4 .l3-end{opacity:.45}.lesson .l3-stage.at-4 .l3-route{background:var(--maple-soft);color:var(--maple-dark)}.lesson .l3-stage.at-4 .l3-route:nth-child(2){transition-delay:.4s}.lesson .l3-stage.at-4 .l3-goal{background:var(--plum);color:#fff;transition-delay:1.1s}.lesson .l3-stage.at-4 .l3-fork{background:#fff}.lesson .l3-ask{opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out), visibility 0s .3s;transform:translateY(10px)}.lesson .l3-stage.at-5 .l3-ask{opacity:1;visibility:visible;transition-delay:.16s,.16s,0s;transform:none}.lesson .l3-tree{transition:opacity .24s var(--ease-out), visibility 0s}.lesson .l3-stage.at-5 .l3-tree{opacity:0;visibility:hidden;transition:opacity .24s var(--ease-out), visibility 0s .24s}.lesson .l3-stage .l3-ask em{opacity:0;transition:opacity .28s var(--ease-out)}.lesson .l3-stage.at-5 .l3-ask em{opacity:1;transition-delay:.7s}.lesson .l3-stage .l3-ask .l3-right{color:var(--ink);transition:background-color .32s var(--ease-out), color .32s var(--ease-out);background:#fff}.lesson .l3-stage.at-5 .l3-ask .l3-right{background:var(--green-soft);color:var(--green-dark);transition-delay:1s}}.lesson .l3-needline{background:var(--maple-soft);border-radius:12px;margin-bottom:10px;padding:10px 14px;font-size:15.5px;font-weight:600;line-height:1.4}.lesson .l3-table{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:6px;display:grid}.lesson .l3-tr{display:contents}.lesson .l3-plan{font:700 15px/1.15 var(--display);font-variation-settings:"opsz" 24;text-align:center;align-self:end;padding:6px 4px}.lesson .l3-need{background:#ffffff8c;border-radius:10px;align-items:center;padding:8px 10px;font-size:14px;font-weight:700;line-height:1.25;display:flex}.lesson .l3-cell{text-align:center;background:#fff;border-radius:10px;align-content:center;justify-items:center;gap:3px;min-height:66px;padding:6px 4px;font-size:13.5px;font-weight:600;line-height:1.2;display:grid}.lesson .l3-cell.l3-best{box-shadow:inset 0 0 0 2.5px var(--plum)}.lesson .l3-plan.l3-best{color:var(--plum)}.lesson .l3-mk{width:22px;height:22px;overflow:visible}.lesson .l3-mk path{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.lesson .l3-yes path{stroke:var(--green)}.lesson .l3-no path{stroke:var(--maple)}.lesson .l3-verdict{margin-top:12px;font-size:15.5px;font-weight:600;line-height:1.4}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l3-plan{animation:.28s both lesson-fade;animation-delay:calc(.35s + var(--k) * .3s)}.lesson .l3-cell{animation:lesson-tile-in .38s var(--ease-spring) both;animation-delay:calc(.45s + var(--k) * .3s)}.lesson .l3-mk path{animation:lesson-draw .32s var(--ease-out) both;animation-delay:calc(.76s + var(--k) * .3s)}.lesson .l3-no path:nth-child(2){animation-delay:calc(.9s + var(--k) * .3s)}.lesson .l3-cell.l3-best{animation-name:lesson-tile-in,lesson-l3-best;animation-duration:.38s,.5s;animation-delay:calc(.45s + var(--k) * .3s), 3.7s;animation-fill-mode:both}.lesson .l3-verdict{animation:lesson-fade-up .42s 4s var(--ease-out) both}}@keyframes lesson-l3-best{0%{box-shadow:inset 0 0 0 0 var(--plum)}}.lesson .l3-scale{width:100%;height:auto;display:block;overflow:visible}.lesson .l3-post{stroke:var(--line-strong);stroke-width:7px;stroke-linecap:round}.lesson .l3-pivot{fill:var(--plum)}.lesson .l3-beam{transform-box:view-box;transform-origin:200px 14px;transform:rotate(7deg)}.lesson .l3-beam line{stroke:var(--plum);stroke-width:7px;stroke-linecap:round}.lesson .l3-beam circle{fill:var(--maple)}.lesson .l3-pans{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.lesson .l3-pan{background:#fff;border-radius:12px;align-content:start;gap:4px;padding:10px 12px;font-size:15.5px;line-height:1.4;display:grid}.lesson .l3-pan small{color:var(--muted);font-size:13px;font-weight:700}.lesson .l3-pan mark{background:var(--maple-soft);color:var(--maple-dark);border-radius:5px 3px 6px;padding:0 3px;font-weight:700}.lesson .l3-pan-a{color:var(--muted);transform:translateY(-12px)}.lesson .l3-pan-b{box-shadow:inset 0 0 0 2.5px var(--plum);transform:translateY(16px)}.lesson .l3-bal .l3-ans{margin-top:26px}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l3-beam{animation:lesson-l3-tip .8s 1.9s var(--ease-spring) both}.lesson .l3-pan-a{animation:lesson-l3-rise .8s 1.9s var(--ease-spring) both}.lesson .l3-pan-b{animation:lesson-l3-sink .8s 1.9s var(--ease-spring) both}.lesson .l3-pan-b mark{animation:lesson-pop .32s 1.6s var(--ease-spring) both}.lesson .l3-bal .l3-ans li{animation:lesson-fade-up .34s var(--ease-out) both}.lesson .l3-bal .l3-ans li:first-child{animation-delay:3s}.lesson .l3-bal .l3-ans li:nth-child(2){animation-delay:3.3s}.lesson .l3-bal .l3-cut:after{animation:lesson-strike .42s 3.8s var(--ease-out) both}.lesson .l3-bal .l3-right{animation-name:lesson-fade-up,lesson-l3-mark;animation-duration:.34s,.4s;animation-delay:3.3s,4.2s}}@keyframes lesson-l3-tip{0%{transform:rotate(0)}}@keyframes lesson-l3-rise{0%{color:var(--ink);transform:none}}@keyframes lesson-l3-sink{0%{box-shadow:inset 0 0 0 0 var(--plum);transform:none}}@keyframes lesson-l3-mark{0%{color:var(--ink);background:#fff}}.lesson .l3-close{--d0:1.2s;--pace:75ms}.lesson .l3-tape{background:#fff;border-radius:10px;align-items:center;gap:3px;height:40px;padding:0 12px;display:flex}.lesson .l3-tape i{height:var(--h);background:var(--line-strong);border-radius:99px;flex:1}.lesson .l3-tape .l3-end-bar{background:var(--maple)}.lesson .l3-fan{width:100%;height:34px;display:block;overflow:visible}.lesson .l3-fan path{fill:none;stroke:var(--maple);stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:none}.lesson .l3-said{background:#fff;border-radius:12px;padding:12px 14px;font-size:17px;line-height:1.55}.lesson .l3-said i{background:linear-gradient(var(--maple-soft), var(--maple-soft)) 0 88% / 100% 40% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-style:normal;font-weight:700}.lesson .l3-do{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.lesson .l3-do li{background:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px 11px;font-size:14px;font-weight:700;line-height:1.25;display:flex}.lesson .l3-do svg{flex:none;width:18px;height:18px;overflow:visible}.lesson .l3-do path{fill:none;stroke:var(--green);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l3-tape i{animation:.2s both lesson-fade;animation-delay:calc(.1s + var(--i) * 26ms)}.lesson .l3-fan path{animation:lesson-draw .42s .9s var(--ease-out) both}.lesson .l3-said i{animation:lesson-l3-mark-in .38s var(--ease-out) both;animation-delay:calc(var(--d0) + var(--i0) * var(--pace) + .12s)}.lesson .l3-do li{animation:lesson-fade-up .32s var(--t) var(--ease-out) both}.lesson .l3-do path{animation:lesson-draw .32s calc(var(--t) + .18s) var(--ease-out) both}.lesson .l3-close>.l3-q{animation:lesson-fade-up .4s 4.3s var(--ease-out) both}}@keyframes lesson-l3-mark-in{0%{background-size:0% 40%}to{background-size:100% 40%}}@media (width<=1000px){.lesson .l3-tree{gap:24px}}@media (width<=520px){.lesson .ls-hero:has(.l3-hero){padding-left:0}.lesson .ls-hero:has(.l3-hero)>.bv-host{width:92px;inset:-82px 4px auto auto}.lesson .l3-hero{width:auto;margin-right:0;padding:8px}.lesson .l3-stage{gap:8px}.lesson .l3-sub{padding:8px 10px;font-size:13.5px;line-height:1.38}.lesson .l3-tree{gap:21px;padding:8px}.lesson .l3-row{gap:8px}.lesson .l3-n{min-height:38px;padding:5px 7px;font-size:13px;line-height:1.22}.lesson .l3-fork{font-size:11px;line-height:15px;top:-17px;left:calc(50% + 7px)}.lesson .l3-q{padding:7px 10px;font-size:14px}.lesson .l3-ans{gap:4px}.lesson .l3-ans li{grid-template-columns:22px minmax(0,1fr);gap:7px;padding:6px 8px;font-size:13.5px}.lesson .l3-ans em{white-space:normal;grid-column:2;font-size:11.5px}.lesson .l3-ask .l3-ans li:not(.l3-right) em{display:none}.lesson .l3-k{width:22px;height:22px;font-size:12px}.lesson .l3-table{grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,1fr));gap:4px}.lesson .l3-plan{font-size:12.5px}.lesson .l3-need{padding:6px;font-size:12px}.lesson .l3-cell{min-height:60px;font-size:12px}.lesson .l3-pan{padding:8px 10px;font-size:14px}.lesson .l3-said{font-size:16px}.lesson .l3-do{grid-template-columns:minmax(0,1fr);gap:5px}.lesson .l3-do li{padding:7px 10px}}.lesson .l4-t{display:inline-block}.lesson .l4-tf{color:var(--plum)}.lesson .l4-hero{width:min(100%,470px);box-shadow:0 2px 0 var(--wall-deep), 0 22px 30px -26px #4a1b3a80;background:#fff;border-radius:12px;margin-right:8px;padding:10px 14px 12px;rotate:-1deg}.lesson .l4-hero svg{width:100%;height:auto;display:block;overflow:visible}.lesson .l4-h-wave path{fill:none;stroke:var(--skill);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.lesson .l4-h-empty{fill:var(--stage)}.lesson .l4-h-fill{fill:var(--skill);transform-box:fill-box;transform-origin:top}.lesson .l4-h-shelf:nth-child(2) .l4-h-fill{fill:var(--plum)}.lesson .l4-h-shelf:nth-child(3) .l4-h-fill{fill:var(--maple-dark)}.lesson .l4-h-shelf:nth-child(4) .l4-h-fill{fill:var(--skill)}.lesson .l4-h-shelf:nth-child(5) .l4-h-fill{fill:var(--green-dark)}.lesson .l4-h-txt{fill:#fff;font:700 25px var(--display);font-variation-settings:"opsz" 24;text-anchor:middle}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l4-t{animation:lesson-l4-land .46s var(--ease-spring) both;animation-delay:calc(.15s + var(--k) * .11s)}.lesson .l4-h-wave path{animation:lesson-draw .6s .2s var(--ease-out) both}.lesson .l4-h-fill{animation:lesson-l4-pour .72s var(--ease-out) both;animation-delay:calc(.6s + var(--k) * .82s)}.lesson .l4-h-txt{animation:.3s both lesson-fade;animation-delay:calc(.9s + var(--k) * .82s)}}@keyframes lesson-l4-land{0%{opacity:0;transform:translateY(-.35em)}to{opacity:1;transform:none}}@keyframes lesson-l4-pour{0%{opacity:.4;transform:scaleY(0)}to{opacity:1;transform:none}}.lesson .l4-stage{gap:12px;display:grid}.lesson .l4-top{background:#fff;border-radius:14px;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:16px;padding:14px;display:grid}.lesson .l4-pyr{width:100%;height:auto;display:block;overflow:visible}.lesson .l4-empty{fill:var(--stage)}.lesson .l4-fill{transform-box:fill-box;transform-origin:top;transition:transform .64s var(--ease-out), opacity .2s var(--ease-out)}.lesson .l4-f1{fill:var(--plum)}.lesson .l4-f2{fill:var(--maple-dark)}.lesson .l4-f3{fill:var(--skill)}.lesson .l4-f4{fill:var(--green-dark)}.lesson .l4-lab{fill:#fff;font:700 16px var(--display);font-variation-settings:"opsz" 24;text-anchor:middle;transition:fill .4s var(--ease-out)}.lesson .l4-notes{grid-template-rows:repeat(4,1fr);display:grid}.lesson .l4-notes li{border-bottom:2px solid var(--line);align-items:center;font-size:16px;font-weight:700;line-height:1.25;display:flex}.lesson .l4-notes li:last-child{border-bottom:0}.lesson .l4-notes li>span{transition:clip-path .56s var(--ease-out)}.lesson .l4-subs{display:grid}.lesson .l4-sub{background:#fff;border-radius:12px;padding:12px 14px;font-size:16px;line-height:1.45}.lesson .l4-sub .pill{background:var(--stage);margin-right:6px;font-size:13px}.lesson .l4-screen{border:2px solid var(--stage-line);background:#fff;border-radius:14px;gap:4px;padding:10px 12px;font-size:15px;line-height:1.3;display:grid}.lesson .l4-screen li{flex-wrap:wrap;align-items:center;gap:4px 7px;padding:3px 0;display:flex}.lesson .l4-screen i{background:var(--c);border-radius:3px;flex:none;width:10px;height:10px}.lesson .l4-slot{border:2px solid var(--line-strong);color:var(--muted);border-radius:8px;padding:1px 9px 2px;font-weight:600}.lesson .l4-slot.l4-won{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark);font-weight:700}@media (scripting:enabled){.lesson .l4-subs>*{grid-area:1/1}.lesson .l4-sub{opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);transform:translateY(8px)}.lesson .l4-stage[data-at="1"] .l4-s1,.lesson .l4-stage[data-at="2"] .l4-s2,.lesson .l4-stage[data-at="3"] .l4-s3,.lesson .l4-stage[data-at="4"] .l4-s4,.lesson .l4-stage[data-at="5"] .l4-s5,.lesson .l4-stage[data-at="6"] .l4-s5{opacity:1;transform:none}.lesson .l4-fill{opacity:.4;transform:scaleY(0)}.lesson .l4-stage.at-2 .l4-f1,.lesson .l4-stage.at-3 .l4-f2,.lesson .l4-stage.at-4 .l4-f3,.lesson .l4-stage.at-5 .l4-f4{opacity:1;transform:none}.lesson .l4-lab{fill:var(--muted)}.lesson .l4-stage.at-2 .l4-lab:first-of-type,.lesson .l4-stage.at-2 g:first-of-type .l4-lab,.lesson .l4-stage.at-3 g:nth-of-type(2) .l4-lab,.lesson .l4-stage.at-4 g:nth-of-type(3) .l4-lab,.lesson .l4-stage.at-5 g:nth-of-type(4) .l4-lab{fill:#fff}.lesson .l4-notes li>span{clip-path:inset(0 100% 0 0)}.lesson .l4-stage.at-2 .l4-n1>span,.lesson .l4-stage.at-3 .l4-n2>span,.lesson .l4-stage.at-4 .l4-n3>span,.lesson .l4-stage.at-5 .l4-n4>span{clip-path:inset(0 -4px 0 0);transition-delay:.26s}.lesson .l4-screen{opacity:.45;transition:opacity .32s var(--ease-out)}.lesson .l4-stage.at-6 .l4-screen{opacity:1}.lesson .l4-stage .l4-slot.l4-won{border-color:var(--line-strong);color:#0000;transition:border-color .32s var(--ease-out), background-color .32s var(--ease-out), color .32s var(--ease-out);background:#fff}.lesson .l4-stage.at-6 .l4-slot.l4-won{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark);transition-delay:.5s}}.lesson .l4-rows{gap:8px;display:grid}.lesson .l4-rows li{grid-template-columns:112px 22px minmax(0,1fr);align-items:stretch;display:grid}.lesson .l4-name,.lesson .l4-claim{background:#fff;align-items:center;padding:9px 12px;font-size:16px;font-weight:700;line-height:1.2;display:flex}.lesson .l4-name{color:var(--plum);border-radius:12px 4px 4px 12px;align-content:center;display:grid}.lesson .l4-name small{color:var(--muted);font-size:12.5px;font-weight:600}.lesson .l4-claim{border-radius:4px 12px 12px 4px;font-weight:600}.lesson .l4-link{background:var(--maple);align-self:center;height:12px}.lesson .l4-stem{background:#fff;border-radius:14px;gap:8px;margin-top:14px;padding:12px 14px;font-size:16px;font-weight:600;line-height:1.35;display:grid}.lesson .l4-stem ol{gap:6px;display:grid}.lesson .l4-stem li{background:var(--stage);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 12px;padding:7px 11px;font-weight:500;display:flex}.lesson .l4-stem em{color:var(--maple-dark);font-size:13px;font-style:normal;font-weight:700}.lesson .l4-bad{color:var(--muted)}.lesson .l4-cut{position:relative}.lesson .l4-cut:after{content:"";background:var(--maple);transform-origin:0;border-radius:2px;height:2.5px;position:absolute;top:52%;left:-3px;right:-3px}.lesson .l4-stem .l4-good{background:var(--green-soft);color:var(--green-dark)}.lesson .l4-stem .l4-good em{color:var(--green-dark)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l4-name{animation:lesson-l4-snap-l .52s var(--ease-spring) both;animation-delay:calc(.4s + var(--k) * .8s)}.lesson .l4-claim{animation:lesson-l4-snap-r .52s var(--ease-spring) both;animation-delay:calc(.4s + var(--k) * .8s)}.lesson .l4-link{animation:lesson-l4-clasp .26s var(--ease-spring) both;animation-delay:calc(.86s + var(--k) * .8s)}.lesson .l4-pairs .l4-stem{animation:lesson-fade-up .42s 3.1s var(--ease-out) both}.lesson .l4-pairs .l4-cut:after{animation:lesson-strike .42s 3.9s var(--ease-out) both}.lesson .l4-pairs .l4-bad em{animation:lesson-pop .32s 4.2s var(--ease-spring) both}.lesson .l4-pairs .l4-good{animation:lesson-l4-mark .4s 4.7s var(--ease-out) both}.lesson .l4-pairs .l4-good em{animation:lesson-pop .32s 4.8s var(--ease-spring) both}}@keyframes lesson-l4-snap-l{0%{opacity:0;transform:translate(-44px)}to{opacity:1;transform:none}}@keyframes lesson-l4-snap-r{0%{opacity:0;transform:translate(84px)}to{opacity:1;transform:none}}@keyframes lesson-l4-clasp{0%{transform:scaleX(0)}to{transform:none}}@keyframes lesson-l4-mark{0%{background:var(--stage);color:var(--ink)}}.lesson .l4-nums{flex-wrap:wrap;gap:10px;display:flex}.lesson .l4-num{background:#fff;border-radius:14px;flex:auto;justify-items:start;gap:4px;padding:12px 16px;display:grid;position:relative}.lesson .l4-digits{font:700 44px/1 var(--display);font-variation-settings:"opsz" 36;font-variant-numeric:tabular-nums;color:var(--plum);display:inline-flex}.lesson .l4-col{height:1em;display:inline-block;overflow:hidden}.lesson .l4-strip{transform:translateY(calc(var(--v) * -1em));display:block}.lesson .l4-strip span{height:1em;display:block}.lesson .l4-unit{background:var(--maple-soft);color:var(--maple-dark);border-radius:7px 4px 8px;padding:2px 10px;font-size:15px;font-weight:700}.lesson .l4-huh{font:700 28px/1 var(--display);color:var(--maple);opacity:0;position:absolute;top:10px;right:12px}.lesson .l4-odo .l4-stem p{color:var(--ink)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l4-strip{animation:lesson-l4-roll .9s var(--ease-out) both;animation-delay:calc(.3s + var(--k,0) * 0s)}.lesson .l4-num:nth-child(2) .l4-strip{animation-delay:.95s}.lesson .l4-num:nth-child(3) .l4-strip{animation-delay:1.6s}.lesson .l4-huh{animation:lesson-l4-huh 1.5s var(--ease-out) both;animation-delay:calc(.3s + var(--k) * .65s)}.lesson .l4-unit{animation:lesson-tile-in .42s var(--ease-spring) both;animation-delay:calc(1.7s + var(--k) * .65s)}.lesson .l4-odo .l4-stem{animation:lesson-fade-up .42s 3.4s var(--ease-out) both}.lesson .l4-odo .l4-cut:after{animation:lesson-strike .42s 4.2s var(--ease-out) both}.lesson .l4-odo .l4-bad em{animation:lesson-pop .32s 4.5s var(--ease-spring) both}.lesson .l4-odo .l4-good{animation:lesson-l4-mark .4s 4.9s var(--ease-out) both}.lesson .l4-odo .l4-good em{animation:lesson-pop .32s 5s var(--ease-spring) both}}@keyframes lesson-l4-roll{0%{transform:translateY(0)}to{transform:translateY(calc(var(--v) * -1em))}}@keyframes lesson-l4-huh{0%,70%{opacity:1;transform:none}to{opacity:0;transform:scale(.5)}}.lesson .l4-lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lesson .l4-lane{background:#fff;border-radius:14px;gap:8px;padding:12px 14px 14px;display:grid}.lesson .l4-lane h3{font:700 18px/1.15 var(--display);font-variation-settings:"opsz" 24}.lesson .l4-clock{background:var(--wall-deep);border-radius:99px;height:8px;overflow:hidden}.lesson .l4-clock i{background:var(--skill);transform-origin:0;border-radius:99px;height:100%;display:block;transform:scaleX(0)}.lesson .l4-lane ol{gap:6px;display:grid}.lesson .l4-qr{grid-template-columns:22px minmax(0,1fr) 42px;align-items:center;gap:8px;height:26px;font-size:13px;display:grid}.lesson .l4-qr>b{background:var(--stage);width:22px;height:22px;font:700 13px/1 var(--body);color:var(--plum);border-radius:6px;place-items:center;display:grid}.lesson .l4-track{background:var(--wall);border-radius:99px;height:12px;display:block;overflow:hidden}.lesson .l4-track i{background:var(--plum);transform-origin:0;border-radius:99px;height:100%;display:block}.lesson .l4-fast .l4-track i{background:var(--green)}.lesson .l4-qr em{color:var(--maple-dark);font-size:13px;font-style:normal;font-weight:700}.lesson .l4-sq4 .l4-track i,.lesson .l4-sq5 .l4-track i{transform:scaleX(0)}.lesson .l4-race-note{margin-top:12px;font-size:15.5px;font-weight:600;line-height:1.4}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l4-clock i{animation:5.2s linear .3s both lesson-l4-drain}.lesson .l4-track i{animation:lesson-grow .42s var(--ease-out) both}.lesson .l4-sq1 .l4-track i{animation-delay:.6s}.lesson .l4-sq2 .l4-track i{animation-duration:3s;animation-timing-function:linear;animation-delay:1.1s}.lesson .l4-sq3 .l4-track i{animation-delay:4.3s}.lesson .l4-sq4 .l4-track i,.lesson .l4-sq5 .l4-track i{animation:none}.lesson .l4-sq4 em,.lesson .l4-sq5 em{animation:lesson-pop .32s 5.5s var(--ease-spring) both}.lesson .l4-fq1 .l4-track i{animation-delay:.6s}.lesson .l4-fq3 .l4-track i{animation-delay:1.05s}.lesson .l4-fq5 .l4-track i{animation-delay:1.5s}.lesson .l4-fq2 .l4-track i{animation-duration:.9s;animation-timing-function:linear;animation-delay:2.1s}.lesson .l4-fq4 .l4-track i{animation-duration:.9s;animation-timing-function:linear;animation-delay:3.2s}.lesson .l4-race-note{animation:lesson-fade-up .42s 5.8s var(--ease-out) both}}@keyframes lesson-l4-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (width<=1000px){.lesson .l4-top{grid-template-columns:minmax(0,200px) minmax(0,1fr)}}@media (width<=520px){.lesson .ls-hero:has(.l4-hero){padding-left:0}.lesson .ls-hero:has(.l4-hero)>.bv-host{width:92px;inset:-82px 4px auto auto}.lesson .l4-hero{width:auto;margin-right:0;padding:8px}.lesson .l4-stage{gap:8px}.lesson .l4-top{grid-template-columns:108px minmax(0,1fr);gap:10px;padding:8px}.lesson .l4-lab{font-size:19px}.lesson .l4-notes{grid-template-rows:repeat(4,minmax(0,1fr))}.lesson .l4-notes li{font-size:12.5px;line-height:1.2}.lesson .l4-long{display:none}.lesson .l4-sub{padding:6px 9px;font-size:13px;line-height:1.35}.lesson .l4-sub .pill{font-size:12px}.lesson .l4-screen{gap:2px;padding:6px 9px;font-size:12.5px}.lesson .l4-screen .l4-more{display:none}.lesson .l4-screen li{display:block}.lesson .l4-screen i{margin-right:6px;display:inline-block}.lesson .l4-slot{padding:0 7px;display:inline-block}.lesson .l4-rows li{grid-template-columns:84px 12px minmax(0,1fr)}.lesson .l4-name,.lesson .l4-claim{padding:7px 8px;font-size:14px}.lesson .l4-name small{font-size:11.5px}.lesson .l4-stem{padding:10px 12px;font-size:15px}.lesson .l4-stem em{font-size:12px}.lesson .l4-digits{font-size:36px}.lesson .l4-num{padding:9px 12px}.lesson .l4-lane{padding:10px}.lesson .l4-qr{grid-template-columns:22px minmax(0,1fr) 36px;gap:5px}.lesson .l4-lane h3{font-size:16px}}.lesson .l5-p1{--p:var(--skill);--p-soft:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .l5-p1{--p-soft:color-mix(in srgb, var(--skill) 18%, white)}}.lesson .l5-p2{--p:var(--maple);--p-soft:var(--maple-soft)}.lesson .l5-p3{--p:var(--plum);--p-soft:var(--plum-soft)}.lesson .l5-body,.lesson .l5-hair{fill:var(--p)}.lesson .l5-skin{fill:var(--p-soft)}.lesson .l5-eye{fill:var(--ink)}.lesson .l5-brow,.lesson .l5-mouth,.lesson .l5-mouth-flat{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.lesson .l5-mouth-flat{opacity:0}.lesson .l5-head,.lesson .l5-brow,.lesson .l5-mouth,.lesson .l5-mouth-flat{transform-box:fill-box;transform-origin:50%}.lesson .l5-tw{white-space:nowrap;display:inline-block;position:relative}.lesson .l5-tw svg{width:100%;height:.3em;position:absolute;bottom:-.12em;left:0;overflow:visible}.lesson .l5-tw path{fill:none;stroke-width:5px;stroke-linecap:round;transform-box:fill-box;transform-origin:0}.lesson .l5-tw-a{stroke:var(--skill)}.lesson .l5-tw-b{stroke:var(--maple)}.lesson .l5-tw-c{stroke:var(--plum)}.lesson .l5-head-art{width:min(100%,470px);height:auto;margin-bottom:-6px;margin-right:8px;overflow:visible}.lesson .l5-sheet{fill:#fff;filter:drop-shadow(0 12px 16px #4a1b3a24)}.lesson .l5-rule-d{stroke:var(--line);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1}.lesson .l5-hc rect{fill:var(--p-soft)}.lesson .l5-hc text{font:700 17px/1 var(--body);fill:var(--ink);text-anchor:middle}.lesson .l5-hc-x{stroke:var(--maple);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1}.lesson .l5-hc{transform-box:fill-box;transform-origin:50%}.lesson .l5-he{transform-box:fill-box;transform-origin:50% 100%}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l5-tw-a{animation:lesson-l5-tdraw .5s .5s var(--ease-out) both, lesson-l5-close-a .46s 1.05s var(--ease-io) both}.lesson .l5-tw-b{animation:lesson-l5-tdraw .5s .65s var(--ease-out) both}.lesson .l5-tw-c{animation:lesson-l5-tdraw .5s .8s var(--ease-out) both, lesson-l5-close-c .46s 1.05s var(--ease-io) both}.lesson .l5-rule-d.l5-r1{animation:lesson-draw .6s .3s var(--ease-out) both}.lesson .l5-rule-d.l5-r2{animation:lesson-draw .6s .48s var(--ease-out) both}.lesson .l5-he1{animation:lesson-l5-nod .42s .95s var(--ease-out) both}.lesson .l5-he2{animation:lesson-l5-nod .42s 1.95s var(--ease-out) both}.lesson .l5-he3{animation:lesson-l5-nod .42s 2.95s var(--ease-out) both}.lesson .l5-hc1{animation:lesson-pop .34s 1.15s var(--ease-spring) both}.lesson .l5-hc2{animation:lesson-pop .34s 2.15s var(--ease-spring) both}.lesson .l5-hc3{animation:lesson-pop .34s 3.15s var(--ease-spring) both}.lesson .l5-hc6{animation:lesson-pop .34s 4.8s var(--ease-spring) both}.lesson .l5-hc1 .l5-hc-x{animation:lesson-draw .34s 2.45s var(--ease-out) both}.lesson .l5-hc2 .l5-hc-x{animation:lesson-draw .34s 3.45s var(--ease-out) both}.lesson .l5-hc4{animation:lesson-l5-hc-a .82s 4.1s var(--ease-io) both}.lesson .l5-hc5{animation:lesson-l5-hc-b .82s 4.45s var(--ease-io) both}}@keyframes lesson-l5-tdraw{0%{transform:scaleX(0)}}@keyframes lesson-l5-close-a{0%{translate:0 -7px}}@keyframes lesson-l5-close-c{0%{translate:0 7px}}@keyframes lesson-l5-nod{0%,to{transform:none}45%{transform:translateY(-7px)}}@keyframes lesson-l5-hc-a{0%{opacity:0;transform:translate(280px,-50px)}12%{opacity:1;transform:translate(270px,-56px)}55%{transform:translate(130px,-92px)}to{opacity:1;transform:none}}@keyframes lesson-l5-hc-b{0%{opacity:0;transform:translate(140px,-50px)}12%{opacity:1;transform:translate(134px,-56px)}55%{transform:translate(66px,-84px)}to{opacity:1;transform:none}}.lesson .l5-stage{--l5-g:8px;--l5-row:60px;gap:12px;display:grid}.lesson .l5-top{display:grid}.lesson .l5-top>*{grid-area:1/1}.lesson .l5-say{background:#fff;border-radius:14px;align-content:start;gap:2px;min-height:88px;padding:10px 14px 12px;font-size:16.5px;font-weight:500;line-height:1.42;display:grid}.lesson .l5-say>b{color:var(--skill);transition:color .24s var(--ease-out);font-size:13px;font-weight:700}.lesson .l5-stage[data-at="2"] .l5-say>b{color:var(--skill)}.lesson .l5-stage[data-at="3"] .l5-say>b{color:var(--maple-dark)}.lesson .l5-stage[data-at="4"] .l5-say>b{color:var(--plum)}.lesson .l5-ask{background:#fff;border-radius:14px;align-self:start;min-height:88px;padding:11px 14px 12px;font-size:16.5px;font-weight:500;line-height:1.5}.lesson .l5-menu{border:2px solid var(--green-line);background:var(--green-soft);color:var(--green-dark);border-radius:9px;align-items:center;gap:7px;margin-top:3px;padding:2px 9px 3px 10px;font-weight:700;line-height:1.35;display:inline-flex}.lesson .l5-menu svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:11px;height:8px}.lesson .l5-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto repeat(4, var(--l5-row));gap:var(--l5-g);background:#fff;border-radius:14px;padding:12px 10px;display:grid;position:relative}.lesson .l5-h{grid-row:1;justify-items:center;gap:2px;font-size:14px;font-weight:700;display:grid}.lesson .l5-h svg{width:62px;height:auto}.lesson .l5-h.l5-h1{grid-column:1}.lesson .l5-h.l5-h2{grid-column:2}.lesson .l5-h.l5-h3{grid-column:3}.lesson .l5-rule{background:var(--line);transform-origin:top;width:2px;position:absolute;top:12px;bottom:12px}.lesson .l5-rule.l5-ru1{left:calc(33.33% + 2px)}.lesson .l5-rule.l5-ru2{left:calc(66.66% - 2px)}.lesson .l5-band{background:var(--maple-soft);border-radius:10px;grid-area:5/1/6/-1;margin:0 -4px}.lesson .l5-hits{pointer-events:none;grid-area:2/1/6/-1;width:100%;height:100%;overflow:visible}.lesson .l5-hit{fill:none;stroke:var(--p);stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.lesson .l5-card{z-index:1;background:var(--p-soft);border-radius:10px;align-content:center;gap:1px;padding:5px 9px;font-size:14.5px;font-weight:700;line-height:1.2;display:grid;position:relative}.lesson .l5-card small{color:var(--muted);font-size:12px;font-weight:600}.lesson .l5-c-fee{grid-area:2/1}.lesson .l5-c-spon{grid-area:3/2}.lesson .l5-c-hall{grid-area:4/3}.lesson .l5-c-end1{grid-area:5/1}.lesson .l5-c-end2{grid-area:5/2}.lesson .l5-c-end3{grid-area:5/3}.lesson .l5-x{justify-self:start;position:relative}.lesson .l5-x:after{content:"";background:var(--maple);transform-origin:0;border-radius:3px;height:2.5px;position:absolute;top:52%;left:-2px;right:-2px;rotate:-2deg}.lesson .l5-c-end2{transition:background-color .32s var(--ease-out), box-shadow .32s var(--ease-out)}.lesson .l5-stage.at-6 .l5-c-end2{background:var(--green-soft);box-shadow:inset 0 0 0 2px var(--green-line);color:var(--green-dark);transition-delay:.42s}@media (scripting:enabled){.lesson .l5-say{transition:opacity .26s var(--ease-out)}.lesson .l5-ask{opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out), visibility 0s .3s;transform:translateY(8px)}.lesson .l5-stage.at-6 .l5-say{opacity:0}.lesson .l5-stage.at-6 .l5-ask{opacity:1;visibility:visible;transition-delay:.16s,.16s,0s;transform:none}.lesson .l5-rule{transition:transform .62s var(--ease-out);transform:scaleY(0)}.lesson .l5-stage.at-1 .l5-rule{transform:none}.lesson .l5-stage.at-1 .l5-rule.l5-ru2{transition-delay:.13s}.lesson .l5-h{opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);transform:translateY(8px)}.lesson .l5-stage.at-1 .l5-h{opacity:1;transform:none}.lesson .l5-stage.at-1 .l5-h.l5-h2{transition-delay:90ms}.lesson .l5-stage.at-1 .l5-h.l5-h3{transition-delay:.18s}.lesson .l5-card{opacity:0;transition:opacity .28s var(--ease-out), transform .36s var(--ease-spring);transform:translateY(-8px)scale(.96)}.lesson .l5-stage.at-2 .l5-c-fee,.lesson .l5-stage.at-3 .l5-c-spon,.lesson .l5-stage.at-4 .l5-c-hall,.lesson .l5-stage.at-5 .l5-c-end3{opacity:1;transform:none}.lesson .l5-stage.at-2 .l5-c-fee,.lesson .l5-stage.at-3 .l5-c-spon,.lesson .l5-stage.at-4 .l5-c-hall{transition-delay:.15s}.lesson .l5-card small{opacity:0;transition:opacity .26s var(--ease-out)}.lesson .l5-stage.at-3 .l5-c-fee small,.lesson .l5-stage.at-4 .l5-c-spon small{opacity:1;transition-delay:.76s}.lesson .l5-x:after{transition:transform .36s var(--ease-out);transform:scaleX(0)}.lesson .l5-stage.at-3 .l5-c-fee .l5-x:after,.lesson .l5-stage.at-4 .l5-c-spon .l5-x:after{transition-delay:.56s;transform:none}.lesson .l5-hit{clip-path:inset(-6px -6px -6px 100%);transition:clip-path .42s var(--ease-out)}.lesson .l5-stage.at-3 .l5-hit1,.lesson .l5-stage.at-4 .l5-hit2{clip-path:inset(-6px);transition-delay:.2s}.lesson .l5-band{opacity:0;transition:opacity .32s var(--ease-out)}.lesson .l5-stage.at-5 .l5-band{opacity:1}.lesson .l5-c-end1,.lesson .l5-c-end2{visibility:hidden}.lesson .l5-stage.at-5 .l5-c-end1,.lesson .l5-stage.at-5 .l5-c-end2{visibility:visible;opacity:1;transition:none;transform:none}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l5-say .w{animation:lesson-word .24s var(--ease-out) both;animation-delay:calc(var(--i) * 42ms)}.lesson .l5-stage[data-at="2"] .l5-h1 svg,.lesson .l5-stage[data-at="3"] .l5-h2 svg,.lesson .l5-stage[data-at="4"] .l5-h3 svg,.lesson .l5-stage[data-at="5"] .l5-h1 svg,.lesson .l5-stage[data-at="5"] .l5-h2 svg{animation:lesson-l5-nod .42s var(--ease-out) both}.lesson .l5-stage[data-at="2"] .l5-h1 .l5-mouth,.lesson .l5-stage[data-at="3"] .l5-h2 .l5-mouth,.lesson .l5-stage[data-at="4"] .l5-h3 .l5-mouth,.lesson .l5-stage[data-at="5"] .l5-h1 .l5-mouth,.lesson .l5-stage[data-at="5"] .l5-h2 .l5-mouth{animation:.26s ease-in-out 8 alternate both lesson-l5-talk}.lesson .l5-stage.at-5 .l5-c-end1{animation:lesson-l5-fly-a .9s var(--ease-io) both}.lesson .l5-stage.at-5 .l5-c-end2{animation:lesson-l5-fly-b .9s .48s var(--ease-io) both}.lesson .l5-stage.at-5 .l5-c-end3{transition-delay:1.1s}}@keyframes lesson-l5-talk{0%{transform:scaleY(.55)}to{transform:scaleY(1.6)}}@keyframes lesson-l5-fly-a{0%{opacity:0;transform:translate(calc(200% + 2 * var(--l5-g)), calc(-100% - var(--l5-g)))}10%{opacity:1}52%{transform:translate(calc(100% + var(--l5-g)), -165%)}to{opacity:1;transform:none}}@keyframes lesson-l5-fly-b{0%{opacity:0;transform:translate(calc(100% + var(--l5-g)), calc(-100% - var(--l5-g)))}10%{opacity:1}52%{transform:translate(52%,-150%)}to{opacity:1;transform:none}}.lesson .l5-falls{--d0:.25s;--pace:82ms}.lesson .l5-stream{background:#fff;border-radius:14px;padding:14px 16px;font-size:16.5px;line-height:1.7}.lesson .l5-stream b{color:var(--skill);font-weight:700}.lesson .l5-falls .fw{background:linear-gradient(var(--maple-soft), var(--maple-soft)) 0 0 / 100% 100% no-repeat;border-radius:5px;padding:0 .12em;font-style:normal;font-weight:700;position:relative}.lesson .l5-falls .fw:before{content:none}.lesson .l5-boards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;padding-top:12px;display:grid}.lesson .l5-b{grid-template-rows:124px auto;place-items:end center;gap:8px;display:grid}.lesson .l5-post{border-bottom:5px solid var(--plum);perspective:420px;border-radius:2px;place-items:end center;width:100%;height:100%;display:grid}.lesson .l5-plank{width:min(100%,148px);height:116px;font:700 17px/1.2 var(--display);text-align:center;transform-origin:bottom;box-shadow:0 2px 0 var(--stage-line);background:#fff;border-radius:10px 10px 2px 2px;place-items:center;padding:10px;display:grid;position:relative}.lesson .l5-plank .circled{width:calc(100% + 16px);height:calc(100% + 12px);inset:-6px -8px}.lesson .l5-plank .circled path{stroke-dasharray:none}.lesson .l5-b1 .l5-plank,.lesson .l5-b3 .l5-plank{background:var(--wall);color:var(--muted);transform:rotateX(-68deg)}.lesson .l5-patch{background:var(--maple);color:#fff;white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12.5px;font-style:normal;font-weight:700;position:absolute;top:0;left:50%;translate:-50%}.lesson .l5-b{position:relative}.lesson .l5-why{text-align:center;color:var(--muted);font-size:13.5px;font-weight:500;line-height:1.35}.lesson .l5-why b{color:var(--ink);font-weight:700;display:block}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l5-falls .fw{animation:lesson-sweep-full .34s var(--ease-out) both;animation-delay:calc(var(--d0) + var(--i0) * var(--pace) + 80ms)}.lesson .l5-falls .l5-b1 .l5-plank{animation:.62s cubic-bezier(.55,0,.8,.4) both lesson-l5-fall;animation-delay:calc(var(--d0) + var(--f1) * var(--pace) + .32s)}.lesson .l5-falls .l5-b2 .l5-plank{animation:lesson-l5-fall .62s cubic-bezier(.55, 0, .8, .4) both, lesson-l5-rise .7s var(--ease-spring) forwards;animation-delay:calc(var(--d0) + var(--f2) * var(--pace) + .32s), calc(var(--d0) + var(--f4) * var(--pace) + .42s)}.lesson .l5-falls .l5-b3 .l5-plank{animation:.62s cubic-bezier(.55,0,.8,.4) both lesson-l5-fall;animation-delay:calc(var(--d0) + var(--f3) * var(--pace) + .32s)}.lesson .l5-falls .l5-why{animation:lesson-fade-up .3s var(--ease-out) both}.lesson .l5-falls .l5-b1 .l5-why{animation-delay:calc(var(--d0) + var(--f1) * var(--pace) + .88s)}.lesson .l5-falls .l5-b2 .l5-why{animation-delay:calc(var(--d0) + var(--f2) * var(--pace) + .88s)}.lesson .l5-falls .l5-b3 .l5-why{animation-delay:calc(var(--d0) + var(--f3) * var(--pace) + .88s)}.lesson .l5-falls .l5-patch{animation:lesson-pop .34s var(--ease-spring) both;animation-delay:calc(var(--d0) + var(--f4) * var(--pace) + 1.12s)}.lesson .l5-falls .circled{animation:lesson-l5-wipe .62s var(--ease-out) both;animation-delay:calc(var(--d0) + var(--f4) * var(--pace) + 1.4s)}}@keyframes lesson-l5-wipe{0%{clip-path:inset(-10px 100% -10px -10px)}to{clip-path:inset(-10px)}}@keyframes lesson-l5-fall{0%{color:var(--ink);background:#fff;transform:rotateX(0)}72%{transform:rotateX(-74deg)}86%{transform:rotateX(-60deg)}to{background:var(--wall);color:var(--muted);transform:rotateX(-68deg)}}@keyframes lesson-l5-rise{0%{background:var(--wall);color:var(--muted);transform:rotateX(-68deg)}to{color:var(--ink);background:#fff;transform:rotateX(0)}}.lesson .l5-term{gap:4px;display:grid}.lesson .l5-term>.demo-bar{margin-bottom:12px}.lesson .l5-tape{background:#fff;border-radius:14px;padding:18px 20px;font-size:18px;font-weight:500;line-height:1.55}.lesson .l5-tm{background:var(--maple-soft);border-radius:7px;padding:1px 6px 2px;font-weight:700}.lesson .l5-tape mark{background:var(--plum-soft);color:inherit;border-radius:5px;padding:0 3px;font-weight:700}.lesson .l5-hook{justify-self:center;width:40px;height:40px;overflow:visible}.lesson .l5-hook path{fill:none;stroke:var(--maple);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1}.lesson .l5-note{background:#fff;border-radius:14px 14px 14px 4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;padding:12px 16px;font-size:17px;font-weight:600;display:flex}.lesson .l5-note .l5-n1{color:var(--maple-dark);font-weight:700}.lesson .l5-note .l5-n2{font-family:var(--display);color:var(--muted);font-size:22px}.lesson .l5-q{background:#fff9;border-radius:12px;margin-top:10px;padding:12px 14px;font-size:15.5px;font-weight:500;line-height:1.5}.lesson .l5-flags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.lesson .l5-flags li{background:#fff;border-radius:999px;padding:3px 10px;font-size:14px;font-weight:600}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l5-tape{text-align:center;place-items:center;min-height:112px;display:grid;overflow:hidden}.lesson .l5-chunk{animation:lesson-l5-pass var(--dur) var(--at) linear both;grid-area:1/1;display:block}.lesson .l5-chunk.l5-c4{animation:lesson-l5-stop var(--dur) var(--at) var(--ease-out) both}.lesson .l5-chunk.l5-c2 .l5-tm{animation:lesson-l5-catch .7s 2.05s var(--ease-out) both}.lesson .l5-term .l5-hook path{animation:lesson-draw .52s 2.2s var(--ease-out) both}.lesson .l5-note .l5-n1{animation:lesson-fade-up .36s 2.5s var(--ease-out) both}.lesson .l5-note .l5-n2{animation:lesson-pop .3s 4.6s var(--ease-spring) both}.lesson .l5-note .l5-n3{animation:lesson-fade-up .36s 4.75s var(--ease-out) both}.lesson .l5-q{animation:lesson-fade-up .36s 5.8s var(--ease-out) both}.lesson .l5-q .l5-menu{animation:lesson-pop .32s 6.2s var(--ease-spring) both}.lesson .l5-flags li{animation:lesson-fade-up .3s var(--ease-out) both}.lesson .l5-flags li:first-child{animation-delay:6.6s}.lesson .l5-flags li:nth-child(2){animation-delay:6.7s}.lesson .l5-flags li:nth-child(3){animation-delay:6.8s}.lesson .l5-flags li:nth-child(4){animation-delay:6.9s}.lesson .l5-flags li:nth-child(5){animation-delay:7s}}@keyframes lesson-l5-pass{0%{opacity:0;transform:translate(44%)}16%{opacity:1;transform:translate(3%)}82%{opacity:1;transform:translate(-3%)}to{opacity:0;transform:translate(-44%)}}@keyframes lesson-l5-stop{0%{opacity:0;transform:translate(44%)}to{opacity:1;transform:none}}@keyframes lesson-l5-catch{0%{box-shadow:0 0 0 0 var(--maple)}40%{box-shadow:0 0 0 4px var(--maple)}to{box-shadow:0 0 #0000}}.lesson .l5-screen{background:#fff;border-radius:14px;padding:8px 8px 0;overflow:hidden}.lesson .l5-screen svg{width:100%;height:auto;display:block}.lesson .l5-seats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.lesson .l5-seats li{background:#fff;border-radius:12px;justify-items:center;gap:4px;padding:8px 6px 10px;font-size:14px;font-weight:700;display:grid}.lesson .l5-seats li>.l5-seat,.lesson .l5-seats li>.l5-name{grid-area:1/1}.lesson .l5-seat{color:var(--muted);opacity:0;font-weight:600}.lesson .l5-name{color:var(--p)}.lesson .l5-cell{text-align:center;justify-content:center;align-items:center;gap:6px;min-height:26px;font-size:14px;font-weight:600;display:flex}.lesson .l5-flag{background:var(--maple);color:#fff;width:20px;height:20px;font:700 14px/1 var(--body);border-radius:50%;place-items:center;font-style:normal;display:grid}.lesson .l5-line{background:#fff;border-radius:12px;margin-top:8px;padding:9px 12px;font-size:16px;font-weight:500;line-height:1.4}.lesson .l5-line b{color:var(--skill);font-weight:700}.lesson .l5-line.l5-l2 b{color:var(--plum)}.lesson .l5-ben .l5-brow-l{transform:translateY(4px)rotate(18deg)}.lesson .l5-ben .l5-brow-r{transform:translateY(4px)rotate(-18deg)}.lesson .l5-ben .l5-head{transform:rotate(-7deg)}.lesson .l5-ben .l5-mouth{opacity:0}.lesson .l5-ben .l5-mouth-flat{opacity:1}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l5-fa{--pace:.12s}.lesson .l5-fa .l5-l1{--d0:.9s}.lesson .l5-fa .l5-l2{--d0:4s}.lesson .l5-seat{animation:2.6s .2s both lesson-l5-swap-out}.lesson .l5-name{animation:.32s 2.9s both lesson-fade}.lesson .l5-noor .l5-mouth{animation:.15s ease-in-out .9s 12 alternate both lesson-l5-talk}.lesson .l5-ben .l5-brow-l{animation:lesson-l5-brow-l .46s 2.3s var(--ease-out) both}.lesson .l5-ben .l5-brow-r{animation:lesson-l5-brow-r .46s 2.3s var(--ease-out) both}.lesson .l5-ben .l5-head{animation:lesson-l5-tilt .52s 2.3s var(--ease-out) both}.lesson .l5-ben .l5-mouth{animation:.26s 2.4s both lesson-fade-out}.lesson .l5-ben .l5-mouth-flat{animation:.26s 2.4s both lesson-fade,.15s ease-in-out 4s 8 alternate lesson-l5-talk}.lesson .l5-flag{animation:lesson-pop .32s 2.9s var(--ease-spring) both}.lesson .l5-n-noor{animation:lesson-fade-up .32s 2.1s var(--ease-out) both}.lesson .l5-n-note{animation:lesson-fade-up .32s 5s var(--ease-out) both}}@keyframes lesson-l5-swap-out{0%{opacity:0}12%,86%{opacity:1}to{opacity:0}}@keyframes lesson-l5-brow-l{0%{transform:none}}@keyframes lesson-l5-brow-r{0%{transform:none}}@keyframes lesson-l5-tilt{0%{transform:none}55%{transform:rotate(-10deg)}}@media (width<=1000px){.lesson .l5-stage{--l5-row:58px}.lesson .l5-head-art{margin-right:0}}@media (width<=520px){.lesson .l5-stage{--l5-g:5px;--l5-row:45px;gap:6px}.lesson .l5-say,.lesson .l5-ask{min-height:70px;padding:6px 10px 7px;font-size:13.5px;line-height:1.34}.lesson .l5-say>b{font-size:11.5px}.lesson .l5-menu{padding:1px 7px;font-size:13px}.lesson .l5-grid{padding:8px 6px}.lesson .l5-h{gap:0;font-size:12px}.lesson .l5-h svg{width:38px}.lesson .l5-card{border-radius:8px;padding:2px 6px;font-size:12px;line-height:1.14}.lesson .l5-card small{font-size:10.5px;line-height:1.1}.lesson .l5-stream{font-size:15px}.lesson .l5-boards{gap:7px}.lesson .l5-b{grid-template-rows:100px auto}.lesson .l5-plank{height:94px;padding:6px;font-size:14.5px}.lesson .l5-why{font-size:12px}.lesson .l5-patch{padding:1px 7px;font-size:11px}.lesson .l5-tape{padding:14px 12px;font-size:16px}.lesson .l5-note{padding:10px;font-size:15px}.lesson .l5-seats li,.lesson .l5-cell{font-size:12.5px}.lesson .l5-line{font-size:14.5px}}.lesson .l6-stage,.lesson .l6-head{--l6-a:var(--skill);--l6-b:var(--maple);--l6-swing:var(--ease-spring)}@supports (transition-timing-function:linear(0, 1)){.lesson .l6-stage,.lesson .l6-head{--l6-swing:linear(0, .3 9%, .86 20%, 1.2 31%, 1.26 37%, 1.13 47%, .92 59%, .87 65%, .97 76%, 1.05 84%, 1)}}.lesson .l6-tw{white-space:nowrap;display:inline-block;position:relative}.lesson .l6-tw svg{width:100%;height:.32em;position:absolute;bottom:-.32em;left:0;overflow:visible}.lesson .l6-tw path:first-child{fill:none;stroke:var(--maple);stroke-width:4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.lesson .l6-tw path:last-child{fill:var(--maple)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l6-tw{transform-origin:50% 118%;animation:lesson-l6-title 2.4s .5s var(--ease-io) both}}@keyframes lesson-l6-title{0%{transform:none}22%{transform:rotate(-3.2deg)}50%{transform:rotate(2.2deg)}76%{transform:rotate(-.9deg)}to{transform:none}}.lesson .l6-mic line{stroke:var(--ink);stroke-width:6px;stroke-linecap:round}.lesson .l6-mic-foot{fill:var(--ink)}.lesson .l6-mic rect{fill:var(--plum)}.lesson .l6-mic>path:not(.l6-mic-foot){fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;opacity:.7}.lesson .l6-beam-line{stroke:var(--plum);stroke-width:8px;stroke-linecap:round}.lesson .l6-pin{fill:#fff;stroke:var(--plum);stroke-width:3px}.lesson .l6-chain{fill:none;stroke:var(--line-strong);stroke-width:2.5px}.lesson .l6-dish{stroke-width:3px;stroke-linejoin:round}.lesson .l6-dish-a{fill:var(--l6-a)}@supports (color:color-mix(in lab, red, red)){.lesson .l6-dish-a{fill:color-mix(in srgb, var(--l6-a) 16%, white)}}.lesson .l6-dish-a{stroke:var(--l6-a)}.lesson .l6-dish-b{fill:var(--maple-soft);stroke:var(--l6-b)}.lesson .l6-w text{font:700 15px/1 var(--body);fill:#fff;text-anchor:middle}.lesson .l6-w-a rect{fill:var(--l6-a)}.lesson .l6-w-b rect{fill:var(--l6-b)}.lesson .l6-pan-name{font:700 16px/1 var(--body);fill:var(--ink);text-anchor:middle}.lesson .l6-head{width:min(100%,470px);height:auto;margin-bottom:22px;overflow:visible}.lesson .l6-hb{transform-box:view-box;transform-origin:235px 72px;transform:rotate(2deg)}.lesson .l6-hh-a{transform-box:view-box;transform-origin:65px 72px;transform:rotate(-2deg)}.lesson .l6-hh-b{transform-box:view-box;transform-origin:405px 72px;transform:rotate(-2deg)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l6-hb{animation:lesson-l6-rock 6.2s .3s var(--ease-io) both}.lesson .l6-hh{animation:lesson-l6-rock-back 6.2s .34s var(--ease-io) both}.lesson .l6-hw1{animation:lesson-l6-land .38s .5s var(--ease-out) both}.lesson .l6-hw2{animation:lesson-l6-land .38s 1.75s var(--ease-out) both}.lesson .l6-hw3{animation:lesson-l6-land .38s 3s var(--ease-out) both}.lesson .l6-hw4{animation:lesson-l6-land .38s 4.25s var(--ease-out) both}}@keyframes lesson-l6-rock{0%,7%{transform:rotate(0)}17%{transform:rotate(-8.5deg)}24%{transform:rotate(-5.5deg)}31%,33%{transform:rotate(-6.5deg)}43%{transform:rotate(7deg)}50%{transform:rotate(3deg)}57%,59%{transform:rotate(4deg)}69%{transform:rotate(-7deg)}76%{transform:rotate(-3.5deg)}83%,85%{transform:rotate(-4.5deg)}94%{transform:rotate(3.4deg)}to{transform:rotate(2deg)}}@keyframes lesson-l6-rock-back{0%,7%{transform:rotate(0)}17%{transform:rotate(10deg)}24%{transform:rotate(4deg)}31%,33%{transform:rotate(6.5deg)}43%{transform:rotate(-9deg)}50%{transform:rotate(-2deg)}57%,59%{transform:rotate(-4deg)}69%{transform:rotate(9deg)}76%{transform:rotate(2.5deg)}83%,85%{transform:rotate(4.5deg)}94%{transform:rotate(-4deg)}to{transform:rotate(-2deg)}}@keyframes lesson-l6-land{0%{opacity:0;transform:translateY(-46px)}70%{opacity:1}to{opacity:1;transform:none}}.lesson .l6-stage{--tilt:5deg;gap:10px;display:grid}.lesson .l6-top{display:grid}.lesson .l6-top>*{grid-area:1/1}.lesson .l6-report{background:#fff;border-radius:14px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;min-height:104px;padding:11px 14px 12px;display:grid}.lesson .l6-report svg{fill:none;width:22px;height:22px;stroke:var(--plum);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}.lesson .l6-report p{gap:2px;font-size:16.5px;font-weight:500;line-height:1.42;display:grid}.lesson .l6-report b{color:var(--plum);font-size:13px;font-weight:700}.lesson .l6-ask{background:#fff;border-radius:14px;align-self:stretch;padding:12px 14px;font-size:16.5px;font-weight:500;line-height:1.5}.lesson .l6-menu{border:2px solid var(--green-line);background:var(--green-soft);color:var(--green-dark);border-radius:9px;align-items:center;gap:7px;margin-top:3px;padding:2px 9px 3px 10px;font-weight:700;line-height:1.35;display:inline-flex}.lesson .l6-menu svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:11px;height:8px}.lesson .l6-bal{width:100%;height:auto;display:block;overflow:visible}.lesson .l6-beam{transform-box:view-box;transform-origin:240px 62px;transform:rotate(var(--tilt));transition:transform 1.15s var(--l6-swing) .26s}.lesson .l6-hang{transform-box:view-box;transform:rotate(calc(var(--tilt) * -1));transition:transform 1.2s var(--l6-swing) .3s}.lesson .l6-hang-a{transform-origin:72px 62px}.lesson .l6-hang-b{transform-origin:408px 62px}.lesson .l6-reply{fill:none;stroke:var(--plum);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1}.lesson .l6-ledger{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lesson .l6-col{background:#fff;border-radius:12px;align-content:start;gap:4px;padding:9px 12px 10px;display:grid}.lesson .l6-col h3{font-size:14px;font-weight:700}.lesson .l6-col-a h3{color:var(--skill)}.lesson .l6-col-b h3{color:var(--maple-dark)}.lesson .l6-col ul{gap:2px;min-height:44px;font-size:14.5px;font-weight:600;line-height:1.3;display:grid}.lesson .l6-col li{transition:color .3s var(--ease-out), background-color .3s var(--ease-out)}.lesson .l6-col em{color:var(--plum);font-size:12px;font-style:normal;font-weight:700}.lesson .l6-stage.at-6 .l6-lb2{background:var(--green-soft);color:var(--green-dark);border-radius:7px;margin:0 -6px;padding:0 6px;transition-delay:.38s}.lesson .l6-stage.at-6 .l6-col-a{opacity:.5;transition:opacity .32s var(--ease-out) .24s}.lesson .l6-a2,.lesson .l6-b1,.lesson .l6-reply{opacity:0}@media (scripting:enabled){.lesson .l6-report{transition:opacity .26s var(--ease-out)}.lesson .l6-stage.at-6 .l6-report{opacity:0}.lesson .l6-ask{opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out), visibility 0s .3s;transform:translateY(8px)}.lesson .l6-stage.at-6 .l6-ask{opacity:1;visibility:visible;transition-delay:.16s,.16s,0s;transform:none}.lesson .l6-stage .l6-w{opacity:0;transition:opacity .24s var(--ease-out), transform .32s cubic-bezier(.55, 0, .8, .5);transform:translateY(-64px)}.lesson .l6-stage.at-2 .l6-a1,.lesson .l6-stage.at-3 .l6-b1,.lesson .l6-stage.at-4 .l6-a2,.lesson .l6-stage.at-5 .l6-b2{opacity:1;transform:none}.lesson .l6-stage.at-4 .l6-b1,.lesson .l6-stage.at-5 .l6-a2{opacity:0;transition:opacity .3s var(--ease-out) .32s, transform .5s var(--ease-io) .28s;transform:translateY(-64px)}.lesson .l6-reply{stroke-dashoffset:1px;opacity:1;transition:stroke-dashoffset .52s var(--ease-out), opacity .26s var(--ease-out)}.lesson .l6-stage[data-at="4"] .l6-reply-a,.lesson .l6-stage[data-at="5"] .l6-reply-b{stroke-dashoffset:0;transition-delay:.1s}.lesson .l6-stage[data-at="5"] .l6-reply-a,.lesson .l6-stage[data-at="6"] .l6-reply-a,.lesson .l6-stage[data-at="6"] .l6-reply-b{opacity:0}.lesson .l6-col li,.lesson .l6-col em{opacity:0;transition:opacity .28s var(--ease-out), transform .28s var(--ease-out);transform:translateY(6px)}.lesson .l6-stage.at-2 .l6-la1,.lesson .l6-stage.at-3 .l6-lb1,.lesson .l6-stage.at-4 .l6-la2,.lesson .l6-stage.at-4 .l6-col em,.lesson .l6-stage.at-5 .l6-lb2{opacity:1;transition-delay:.5s;transform:none}.lesson .l6-stage.at-4 .l6-col em{transition-delay:.9s}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l6-report .w{animation:lesson-word .24s var(--ease-out) both;animation-delay:calc(var(--i) * 42ms)}}.lesson .l6-names{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:8px;font-size:14px;font-weight:700;display:grid}.lesson .l6-na{color:var(--skill)}.lesson .l6-nb{color:var(--maple-dark)}.lesson .l6-zig{--r:66px;--c:calc(var(--r) * .4545);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:var(--r) var(--c) var(--r) var(--c) var(--r) var(--c) var(--r) var(--c) var(--r);column-gap:10px;display:grid;position:relative}.lesson .l6-z-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lesson .l6-z-line{fill:none;stroke:var(--plum);stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.lesson .l6-z-stay{stroke:var(--line-strong)}.lesson .l6-zc{z-index:1;background:#fff;border-radius:11px;align-content:center;align-self:stretch;padding:7px 12px;font-size:15px;font-weight:500;line-height:1.32;display:grid;position:relative}.lesson .l6-zc.l6-za{background:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .l6-zc.l6-za{background:color-mix(in srgb, var(--skill) 14%, white)}}.lesson .l6-zc.l6-zb{background:var(--maple-soft)}@supports (color:color-mix(in lab, red, red)){.lesson .l6-zc.l6-zb{background:color-mix(in srgb, var(--maple-soft) 60%, white)}}.lesson .l6-z1{grid-area:1/1}.lesson .l6-z2{grid-area:3/2}.lesson .l6-z3{grid-area:5/1}.lesson .l6-z4{grid-area:7/2}.lesson .l6-z5{grid-area:9/2}.lesson .l6-sc{z-index:2;background:var(--plum);color:#fff;white-space:nowrap;border-radius:999px;grid-column:1/-1;place-self:center;padding:2px 10px;font-size:13.5px;font-weight:700;position:relative}.lesson .l6-c1{grid-row:2}.lesson .l6-c2{grid-row:4}.lesson .l6-c3{grid-row:6}.lesson .l6-c4{grid-area:8/2}.lesson .l6-stay{color:var(--ink);box-shadow:inset 0 0 0 2px var(--line-strong);background:#fff}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l6-sign .l6-zc{animation:lesson-fade-up .36s var(--ease-out) both;animation-delay:calc(.3s + var(--k) * 1.15s + .62s)}.lesson .l6-sign .l6-z1{animation-delay:.3s}.lesson .l6-sc{animation:lesson-pop .3s var(--ease-spring) both;animation-delay:calc(.3s + var(--k) * 1.15s)}.lesson .l6-z-line{animation:lesson-l6-reveal .46s var(--ease-out) both;animation-delay:calc(.3s + var(--k) * 1.15s + .18s)}}@keyframes lesson-l6-reveal{0%{clip-path:inset(-6px -6px 100%)}to{clip-path:inset(-6px)}}.lesson .l6-scale{color:var(--muted);justify-content:space-between;margin:0 2px 8px;font-size:13px;font-weight:700;display:flex}.lesson .l6-atts{gap:10px;display:grid}.lesson .l6-att{background:#fff;border-radius:13px;grid-template-columns:minmax(0,1fr) 152px;align-items:center;gap:8px 12px;padding:11px 14px 12px;display:grid}.lesson .l6-quote{grid-column:1/-1;font-size:15.5px;font-weight:500;line-height:1.38}.lesson .l6-quote b{color:var(--plum);font-weight:700}.lesson .l6-track{background:linear-gradient(90deg, var(--maple-soft), var(--wall) 50%, var(--skill));border-radius:99px;height:16px;position:relative}@supports (color:color-mix(in lab, red, red)){.lesson .l6-track{background:linear-gradient(90deg, var(--maple-soft), var(--wall) 50%, color-mix(in srgb, var(--skill) 22%, white))}}.lesson .l6-track:after{content:"";background:var(--line-strong);border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px;left:calc(50% - 1px)}.lesson .l6-run{transform:translateX(var(--to));position:absolute;inset:0}.lesson .l6-bead{background:var(--plum);border-radius:50%;width:24px;height:24px;position:absolute;top:-4px;left:-12px;box-shadow:0 3px 6px -2px #4a1b3a80,inset 0 0 0 4px #ffffff57}.lesson .l6-verdict{background:var(--plum);color:#fff;white-space:nowrap;border-radius:999px;justify-self:start;padding:3px 11px;font-size:13.5px;font-weight:700}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l6-att{animation:lesson-fade-up .34s var(--ease-out) both;animation-delay:calc(.25s + var(--k) * 1.5s)}.lesson .l6-run{animation:lesson-l6-slide .82s var(--ease-spring) both;animation-delay:calc(.65s + var(--k) * 1.5s)}.lesson .l6-verdict{animation:lesson-pop .3s var(--ease-spring) both;animation-delay:calc(1.25s + var(--k) * 1.5s)}}@keyframes lesson-l6-slide{0%{transform:translate(50%)}}.lesson .l6-sents{gap:6px;display:grid}.lesson .l6-sent{background:#fff;border-radius:12px;padding:10px 14px;font-size:15.5px;font-weight:500;line-height:1.4}.lesson .l6-sent mark{background:var(--maple-soft);color:inherit;border-radius:5px;padding:0 3px;font-weight:700}.lesson .l6-route{height:160px;padding-top:62px;position:relative}.lesson .l6-pipes{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lesson .l6-pipes path{fill:none;stroke:var(--stage-line);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.lesson .l6-pipes .l6-tok{vector-effect:none;stroke-width:10px;stroke-dasharray:.09 1.2;stroke-dashoffset:-1.1px}.lesson .l6-t1{stroke:var(--skill)}.lesson .l6-t2{stroke:var(--maple)}.lesson .l6-t3{stroke:var(--plum)}.lesson .l6-trays{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;height:90px;display:grid;position:relative}.lesson .l6-tray{background:#fff;border-radius:12px;align-content:start;gap:3px;padding:9px 12px;font-size:14px;font-weight:600;line-height:1.32;display:grid}.lesson .l6-tray b{font-size:13.5px;font-weight:700}.lesson .l6-tray-a b{color:var(--skill)}.lesson .l6-tray-b b{color:var(--maple-dark)}.lesson .l6-box{border:2px dashed var(--plum);background:var(--plum-soft);border-radius:12px;gap:3px;padding:11px 14px;font-size:15px;font-weight:600;line-height:1.35;display:grid;position:relative}.lesson .l6-box b{color:var(--plum);font-size:13.5px;font-weight:700}.lesson .l6-q{background:#fff9;border-radius:12px;margin-top:10px;padding:11px 14px;font-size:15.5px;font-weight:500;line-height:1.5}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .l6-sents{min-height:76px}.lesson .l6-sent{animation:lesson-l6-sent 2.1s var(--ease-out) both;grid-area:1/1}.lesson .l6-s1{animation-delay:.3s}.lesson .l6-s2{animation-delay:2.5s}.lesson .l6-s3{animation:lesson-fade-up .4s 4.7s var(--ease-out) both}.lesson .l6-t1{animation:lesson-l6-run .62s 1.5s var(--ease-io) both}.lesson .l6-t2{animation:lesson-l6-run .62s 3.7s var(--ease-io) both}.lesson .l6-t3{animation:lesson-l6-run .9s 5.9s var(--ease-io) both}.lesson .l6-n1{animation:lesson-fade-up .32s 2.1s var(--ease-out) both}.lesson .l6-n2{animation:lesson-fade-up .32s 4.3s var(--ease-out) both}.lesson .l6-box{animation:lesson-l6-box .62s 6.8s var(--ease-out) both}.lesson .l6-n3{animation:lesson-fade-up .32s 6.8s var(--ease-out) both}.lesson .l6-q{animation:lesson-fade-up .36s 7.7s var(--ease-out) both}.lesson .l6-q .l6-menu{animation:lesson-pop .32s 8.1s var(--ease-spring) both}}@keyframes lesson-l6-sent{0%{opacity:0;transform:translateY(10px)}14%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@keyframes lesson-l6-run{0%{stroke-dashoffset:.1px}to{stroke-dashoffset:-1.1px}}@keyframes lesson-l6-box{0%{background:var(--stage)}45%{background:var(--maple-soft)}to{background:var(--plum-soft)}}@media (width<=1000px){.lesson .l6-head{margin-bottom:0}}@media (width<=520px){.lesson .l6-stage{gap:6px}.lesson .l6-report{grid-template-columns:18px minmax(0,1fr);gap:8px;min-height:84px;padding:7px 10px 8px}.lesson .l6-report svg{width:18px;height:18px}.lesson .l6-report p,.lesson .l6-ask{font-size:13.5px;line-height:1.34}.lesson .l6-report b{font-size:11.5px}.lesson .l6-ask{padding:7px 10px}.lesson .l6-menu{padding:1px 7px;font-size:13px}.lesson .l6-w text{font-size:19px}.lesson .l6-pan-name{font-size:21px}.lesson .l6-col{gap:2px;padding:6px 8px 7px}.lesson .l6-col h3{font-size:12.5px}.lesson .l6-col ul{gap:1px;min-height:30px;font-size:12px;line-height:1.22}.lesson .l6-col em{font-size:10.5px}.lesson .l6-zig{--r:82px;column-gap:8px}.lesson .l6-zc{padding:6px 9px;font-size:13.5px}.lesson .l6-sc,.lesson .l6-names{font-size:12.5px}.lesson .l6-att{grid-template-columns:minmax(0,1fr);gap:7px 10px;padding:9px 11px 10px}.lesson .l6-verdict{justify-self:end;margin-top:-2px}.lesson .l6-quote{font-size:14.5px}.lesson .l6-verdict{font-size:12.5px}.lesson .l6-sent{font-size:14px}.lesson .l6-sents{min-height:88px}.lesson .l6-trays{gap:26px}.lesson .l6-tray{padding:7px 9px;font-size:13px}.lesson .l6-box{font-size:14px}.lesson .l6-q{font-size:14.5px}}.lesson .r1-tm{border:.04em solid var(--plum);background:var(--plum-soft);color:var(--plum);white-space:nowrap;border-bottom-width:.07em;border-radius:.16em;align-items:center;gap:.2em;padding:.04em .2em .04em .18em;line-height:1.1;display:inline-flex;position:relative;overflow:hidden}.lesson .r1-tm:after{content:"";border:solid var(--plum);border-width:0 .06em .06em 0;flex:none;width:.2em;height:.2em;translate:0 -.08em;rotate:45deg}.lesson .r1-tm-reel{display:inline-block;position:relative}.lesson .r1-tm-reel i{font-style:normal;position:absolute;left:0}.lesson .r1-tm-reel i:first-child{top:-2.2em}.lesson .r1-tm-reel i:nth-child(2){top:-1.1em}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r1-tm-reel{animation:lesson-r1-reel 1.9s .5s var(--ease-io) both}}@keyframes lesson-r1-reel{0%,18%{transform:translateY(2.2em)}42%,58%{transform:translateY(1.1em)}86%,to{transform:none}}.lesson .r1-hero{width:min(100%,520px);height:auto;margin-right:6px;display:block;overflow:visible}.lesson .r1-h-sheet{fill:#fff;filter:drop-shadow(0 2px 0 var(--wall-deep))}.lesson .r1-h-label{fill:var(--muted);font:700 16px var(--body)}.lesson .r1-h-text{fill:var(--ink);font:600 23px var(--body)}.lesson .r1-h-old{fill:var(--muted)}.lesson .r1-h-strike{stroke:var(--maple);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1}.lesson .r1-h-caret{fill:none;stroke:var(--maple);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.lesson .r1-h-new{fill:var(--plum);font:800 25px var(--body)}.lesson .r1-h-bar{fill:var(--line)}.lesson .r1-h-menu{fill:var(--plum-soft);stroke:var(--plum);stroke-width:2.5px}.lesson .r1-h-pick{fill:var(--plum);font:700 21px var(--body)}.lesson .r1-h-chev{fill:none;stroke:var(--plum);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.lesson .r1-h-thread{fill:none;stroke:var(--maple);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1}.lesson .r1-h-dot{fill:var(--maple)}.lesson .r1-h-tick{fill:none;stroke:var(--green);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r1-h-strike{animation:lesson-draw .42s .6s var(--ease-out) both}.lesson .r1-h-caret{animation:lesson-pop .32s 1s var(--ease-spring) both;transform-box:fill-box;transform-origin:50%}.lesson .r1-h-new{animation:lesson-drop .42s 1.1s var(--ease-out) both}.lesson .r1-h-thread{animation:lesson-draw 1.1s 1.6s var(--ease-io) both}.lesson .r1-h-dot{animation:lesson-pop .3s 2.65s var(--ease-spring) both;transform-box:fill-box;transform-origin:50%}.lesson .r1-h-reel{animation:lesson-r1-spin 1.5s 2.7s var(--ease-io) both}.lesson .r1-h-tick{animation:lesson-draw .36s 4.25s var(--ease-out) both}}@keyframes lesson-r1-spin{0%,12%{transform:translateY(132px)}36%,44%{transform:translateY(88px)}62%,72%{transform:translateY(44px)}to{transform:none}}.lesson .r1-stage{gap:12px;display:grid}.lesson .r1-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:52px;display:grid;position:relative}.lesson .r1-sheet{transition:opacity .32s var(--ease-out);background:#fff;border-radius:10px 10px 4px 4px;align-content:start;gap:8px;padding:14px 16px 16px;font-size:15px;line-height:1.6;display:grid}.lesson .r1-sheet h3{font:700 13px/1 var(--body);color:var(--muted)}.lesson .r1-reply p{line-height:2.25}.lesson .r1-src{background:linear-gradient(var(--maple-soft), var(--maple-soft)) 0 0 / 100% 100% no-repeat;color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;margin:0 -3px;padding:0 3px;font-weight:600}.lesson .r1-old{color:var(--muted);position:relative}.lesson .r1-old:after{content:"";background:var(--maple);transform-origin:0;border-radius:3px;height:2.5px;position:absolute;top:52%;left:-2px;right:-2px;rotate:-2deg}.lesson .r1-react{background:linear-gradient(var(--wall), var(--wall)) 0 0 / 100% 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;margin:0 -3px;padding:0 3px;font-weight:600}.lesson .r1-m{border:2px solid var(--plum);background:var(--plum-soft);color:var(--plum);white-space:nowrap;vertical-align:.04em;transition:border-color .28s var(--ease-out), background-color .28s var(--ease-out), color .28s var(--ease-out);border-bottom-width:3px;border-radius:9px;align-items:center;gap:6px;padding:0 8px 0 4px;font-size:14px;font-weight:700;line-height:24px;display:inline-flex}.lesson .r1-m>b{background:var(--wall);width:20px;height:20px;color:var(--plum);font:700 12px/1 var(--body);border-radius:6px;place-items:center;display:grid}.lesson .r1-m:after{content:"";border:solid var(--muted);border-width:0 2px 2px 0;flex:none;width:7px;height:7px;margin-left:2px;translate:0 -2px;rotate:45deg}.lesson .r1-pick{display:inline-grid}.lesson .r1-pick>i{transition:opacity .26s var(--ease-out);grid-area:1/1;font-style:normal}.lesson .r1-pick-empty{opacity:0}.lesson .r1-threads{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lesson .r1-th{fill:none;stroke:var(--maple);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.lesson .r1-tray{min-height:96px;display:grid}.lesson .r1-tp{visibility:hidden;opacity:0;background:#fff;border-radius:14px;grid-area:1/1;align-content:start;gap:8px;padding:12px 14px;display:grid}.lesson .r1-t9{visibility:visible;opacity:1}.lesson .r1-tp>b{color:var(--muted);font-size:13px;font-weight:700}.lesson .r1-tp ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.lesson .r1-tp ul{flex-wrap:wrap;gap:8px;display:flex}.lesson .r1-t0 li{justify-items:center;gap:3px;display:grid}.lesson .r1-t0 span{background:var(--maple-soft);border-radius:999px;padding:4px 12px;font-size:14.5px;font-weight:700}.lesson .r1-t0 small{color:var(--muted);font-size:12.5px;font-weight:700}.lesson .r1-opt{border:2px solid var(--line);color:var(--muted);border-bottom-width:4px;border-radius:10px;align-content:start;gap:2px;padding:7px 10px 8px;font-size:14px;font-weight:600;line-height:1.25;display:grid}.lesson .r1-opt .x{justify-self:start}.lesson .r1-opt em{color:var(--maple-dark);font-size:12.5px;font-style:normal;font-weight:700}.lesson .r1-opt.is-right{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark)}.lesson .r1-opt.is-right em{color:var(--green-dark)}@media (scripting:enabled){.lesson .r1-stage .r1-m{border-color:var(--line-strong);color:var(--muted);background:#fff;font-weight:600}.lesson .r1-stage .r1-pick-empty{opacity:1}.lesson .r1-stage .r1-pick-word{opacity:0}.lesson .r1-stage.at-3 .r1-m7,.lesson .r1-stage.at-4 .r1-m8,.lesson .r1-stage.at-5 .r1-m9{border-color:var(--plum);background:var(--plum-soft);color:var(--plum);font-weight:700;transition-delay:1s}.lesson .r1-stage.at-3 .r1-m7 .r1-pick-empty,.lesson .r1-stage.at-4 .r1-m8 .r1-pick-empty,.lesson .r1-stage.at-5 .r1-m9 .r1-pick-empty{opacity:0;transition-delay:1s}.lesson .r1-stage.at-3 .r1-m7 .r1-pick-word,.lesson .r1-stage.at-4 .r1-m8 .r1-pick-word,.lesson .r1-stage.at-5 .r1-m9 .r1-pick-word{opacity:1;transition-delay:1s}.lesson .r1-stage .r1-letter{opacity:.42}.lesson .r1-stage.at-2 .r1-letter{opacity:1}.lesson .r1-stage[data-at="2"] .r1-reply{opacity:.42}.lesson .r1-stage .r1-react{transition:background-size .42s var(--ease-out);background-size:0% 100%}.lesson .r1-stage.at-1 .r1-react{background-size:100% 100%}.lesson .r1-stage .r1-react:nth-of-type(2){transition-delay:.26s}.lesson .r1-stage .r1-react:nth-of-type(3){transition-delay:.52s}.lesson .r1-stage .r1-src{transition:background-size .46s var(--ease-out);background-size:0% 100%}.lesson .r1-stage.at-2 .r1-src{background-size:100% 100%}.lesson .r1-stage.at-2 .r1-src[data-tie="8"]{transition-delay:.3s}.lesson .r1-stage.at-2 .r1-src[data-tie="9"]{transition-delay:.6s}.lesson .r1-stage .r1-old:after{transition:transform .36s var(--ease-out);transform:scaleX(0)}.lesson .r1-stage.at-2 .r1-old:after{transition-delay:.42s;transform:none}.lesson .r1-stage .r1-th{opacity:0;stroke-dashoffset:1px;transition:stroke-dashoffset 1s var(--ease-io), opacity 60ms linear}.lesson .r1-stage.at-3 .r1-th-7,.lesson .r1-stage.at-4 .r1-th-8,.lesson .r1-stage.at-5 .r1-th-9{opacity:1;stroke-dashoffset:0}.lesson .r1-stage .r1-tp{transition:opacity .26s var(--ease-out), visibility 0s linear .26s}.lesson .r1-stage .r1-t9{visibility:hidden;opacity:0}.lesson .r1-stage[data-at="1"] .r1-t0,.lesson .r1-stage[data-at="2"] .r1-t0,.lesson .r1-stage[data-at="3"] .r1-t7,.lesson .r1-stage[data-at="4"] .r1-t8,.lesson .r1-stage[data-at="5"] .r1-t9{visibility:visible;opacity:1;transition:opacity .28s .18s var(--ease-out), visibility 0s}.lesson .r1-stage .r1-t0 li{opacity:0;transition:opacity .26s var(--ease-out), transform .3s var(--ease-spring);transform:translateY(6px)scale(.92)}.lesson .r1-stage.at-2 .r1-t0 li{opacity:1;transform:none}.lesson .r1-stage.at-2 .r1-t0 li:nth-child(2){transition-delay:.3s}.lesson .r1-stage.at-2 .r1-t0 li:nth-child(3){transition-delay:.6s}.lesson .r1-stage .r1-opt .x:after{transition:transform .3s var(--ease-out);transform:scaleX(0)}.lesson .r1-stage .r1-opt em{opacity:0;transition:opacity .26s var(--ease-out)}.lesson .r1-stage .r1-opt.is-right{border-color:var(--line);color:var(--muted);transition:background-color .3s var(--ease-out), border-color .3s var(--ease-out), color .3s var(--ease-out);background:#fff}.lesson .r1-stage.at-3 .r1-t7 .r1-opt .x:after,.lesson .r1-stage.at-4 .r1-t8 .r1-opt .x:after,.lesson .r1-stage.at-5 .r1-t9 .r1-opt .x:after{transition-delay:calc(.5s + var(--k) * .16s);transform:none}.lesson .r1-stage.at-3 .r1-t7 .r1-opt em,.lesson .r1-stage.at-4 .r1-t8 .r1-opt em,.lesson .r1-stage.at-5 .r1-t9 .r1-opt em{opacity:1;transition-delay:calc(.6s + var(--k) * .16s)}.lesson .r1-stage.at-3 .r1-t7 .r1-opt.is-right,.lesson .r1-stage.at-4 .r1-t8 .r1-opt.is-right,.lesson .r1-stage.at-5 .r1-t9 .r1-opt.is-right{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark);transition-delay:1.1s}}.lesson .r1-sv-mail{background:#fff;border-radius:12px;padding:12px 14px;font-size:15.5px;line-height:1.5}.lesson .r1-sv-mail small{color:var(--muted);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.lesson .r1-sv-sent{background:#fff;border-radius:12px;margin-top:10px;padding:12px 14px;font-size:17px;font-weight:500;line-height:1.7}.lesson .r1-sv-blank{border:2px solid var(--plum);background:var(--plum-soft);color:var(--plum);white-space:nowrap;border-bottom-width:3px;border-radius:9px;padding:0 10px;font-weight:700;line-height:1.5;display:inline-grid}.lesson .r1-sv-w{opacity:0;grid-area:1/1;font-style:normal}.lesson .r1-sv-w.w2{opacity:1}.lesson .r1-flow{height:266px;margin-top:14px;position:relative}.lesson .r1-gate{gap:2px;display:grid;position:absolute;inset:auto 0}.lesson .r1-gate span{background:#fff;border-radius:999px;justify-self:end;padding:2px 9px;font-size:13px;font-weight:700}.lesson .r1-g1{top:56px}.lesson .r1-g1 span{color:var(--green-dark)}.lesson .r1-g2{top:150px}.lesson .r1-g2 span{color:var(--maple-dark)}.lesson .r1-gate svg{width:100%;height:12px;display:block;overflow:visible}.lesson .r1-gate path{fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;vector-effect:non-scaling-stroke}.lesson .r1-g1 path{stroke:var(--green)}.lesson .r1-g2 path{stroke:var(--maple)}.lesson .r1-lanes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid;position:absolute;inset:0}.lesson .r1-lane{position:relative}.lesson .r1-token{border:2px solid var(--line-strong);text-align:center;min-height:46px;color:var(--muted);background:#fff;border-bottom-width:4px;border-radius:11px;place-items:center;padding:4px 8px;font-size:14px;font-weight:700;line-height:1.2;display:grid;position:absolute;top:0;left:0;right:0;transform:translateY(98px)}.lesson .r1-lane em{text-align:center;color:var(--maple-dark);font-size:13px;font-style:normal;font-weight:700;position:absolute;top:196px;left:0;right:0}.lesson .r1-lane.is-right .r1-token{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark);transform:translateY(192px)}.lesson .r1-lane.is-right em{color:var(--green-dark);top:246px}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r1-sieve .r1-gate path{animation:lesson-draw .7s var(--ease-out) both}.lesson .r1-sieve .r1-g2 path{animation-delay:.15s}.lesson .r1-sieve .r1-gate span{animation:.3s .5s both lesson-fade}.lesson .r1-sieve .r1-token{animation:lesson-r1-stop 2.9s calc(.9s + var(--k) * .16s) var(--ease-io) both}.lesson .r1-sieve .is-right .r1-token{animation-name:lesson-r1-pass,lesson-r1-ripe;animation-duration:2.9s,.3s;animation-delay:calc(.9s + var(--k) * .16s), 3.4s;animation-timing-function:var(--ease-io), var(--ease-out)}.lesson .r1-sieve .r1-lane em{animation:lesson-pop .3s calc(3.2s + var(--k) * .16s) var(--ease-spring) both}.lesson .r1-sieve .is-right em{animation-delay:3.5s}.lesson .r1-sieve .w1{animation:.62s .6s both lesson-r1-flash}.lesson .r1-sieve .w3{animation:.62s 1.18s both lesson-r1-flash}.lesson .r1-sieve .w4{animation:.62s 1.76s both lesson-r1-flash}.lesson .r1-sieve .w2{animation:.24s 2.34s both lesson-fade}}@keyframes lesson-r1-stop{0%{border-color:var(--line-strong);transform:translateY(0)}34%,54%{border-color:var(--green-line);transform:translateY(98px)}76%{transform:translateY(124px)}86%{transform:translateY(90px)}to{border-color:var(--line-strong);transform:translateY(98px)}}@keyframes lesson-r1-pass{0%{transform:translateY(0)}34%,54%{transform:translateY(98px)}to{transform:translateY(192px)}}@keyframes lesson-r1-ripe{0%{border-color:var(--line-strong);color:var(--muted);background:#fff}}@keyframes lesson-r1-flash{0%,to{opacity:0}12%,88%{opacity:1}}.lesson .r1-ow-blank{color:var(--green-dark);background:var(--green-soft);border-color:var(--green-line)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r1-own .r1-ow-blank{animation:lesson-r1-ripe .32s 4.2s var(--ease-out) both}}.lesson .r1-own{container-type:inline-size}.lesson .r1-rail{margin-top:18px;position:relative}.lesson .r1-rail>svg{width:100%;height:16px;position:absolute;top:26px;left:0;right:0}.lesson .r1-rail path{fill:none;stroke:var(--oak-dark);stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.lesson .r1-pegs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid;position:relative}.lesson .r1-pegs>li{align-content:start;justify-items:center;gap:22px;min-height:148px;display:grid}.lesson .r1-pegs h3{z-index:1;font:700 15px/1.3 var(--body);background:#fff;border-radius:999px;padding:3px 16px;position:relative}.lesson .r1-pegs .is-asked h3{background:var(--plum);color:#fff}.lesson .r1-pegs ul{justify-items:center;gap:8px;width:100%;display:grid}.lesson .r1-tag{border:2px solid var(--line-strong);text-align:center;color:var(--muted);background:#fff;border-radius:9px;padding:6px 12px 8px;font-size:14.5px;font-weight:700;line-height:1.25;position:relative}.lesson .r1-tag:before{content:"";background:var(--oak-dark);width:2px;height:21px;position:absolute;top:-23px;left:50%}.lesson .r1-tag+.r1-tag:before{height:8px;top:-10px}.lesson .r1-tag.is-right{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r1-own .r1-tag{transform-origin:50% -22px;animation:lesson-r1-fly .72s var(--ease-out) both, lesson-r1-swing 1.1s var(--ease-out) both}.lesson .r1-own .t1{--fx:33cqw;--fy:-66px;animation-delay:.4s,1.12s}.lesson .r1-own .t2{--fx:33cqw;--fy:-102px;animation-delay:1.05s,1.77s}.lesson .r1-own .t3{--fx:-33cqw;--fy:-66px;animation-delay:1.7s,2.42s}.lesson .r1-own .t4{--fx:0cqw;--fy:-66px;animation-delay:2.4s,3.12s}.lesson .r1-own .t4.is-right{animation-name:lesson-r1-fly,lesson-r1-swing,lesson-r1-ripe;animation-duration:.72s,1.1s,.32s;animation-delay:2.4s,3.12s,3.9s}}@keyframes lesson-r1-fly{0%{opacity:0;translate:var(--fx) var(--fy)}20%{opacity:1}to{opacity:1;translate:0}}@keyframes lesson-r1-swing{0%{rotate:9deg}34%{rotate:-6deg}66%{rotate:3deg}to{rotate:0deg}}@property --r1-sec{syntax:"<integer>";inherits:false;initial-value:40}.lesson .r1-count{color:var(--muted);align-items:baseline;gap:12px;padding:6px 2px 14px;font-size:17px;font-weight:600;display:flex}.lesson .r1-sec{--r1-sec:40;counter-reset:r1s var(--r1-sec);font:700 62px/1 var(--display);font-variation-settings:"opsz" 48;font-variant-numeric:tabular-nums;color:var(--plum);flex:none}.lesson .r1-sec:after{content:counter(r1s)}.lesson .r1-tiles{grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;display:grid}.lesson .r1-tiles li{color:#fff;height:58px;font:700 15px/1 var(--display);border-radius:8px;place-items:center;display:grid}.lesson .r1-tiles .s-mail,.lesson .r1-spans .s-mail{--c:var(--maple)}.lesson .r1-tiles .s-q,.lesson .r1-spans .s-q{--c:var(--skill)}.lesson .r1-tiles .s-re,.lesson .r1-spans .s-re{--c:var(--plum)}.lesson .r1-tiles .s-back,.lesson .r1-spans .s-back{--c:var(--oak-dark)}.lesson .r1-tiles li{background:var(--c)}.lesson .r1-tiles span{opacity:0}.lesson .r1-spans{grid-template-columns:2fr 4fr 4fr 1fr;gap:4px;margin-top:8px;display:grid}.lesson .r1-spans li{border-top:3px solid var(--c);align-content:start;gap:2px;padding-top:7px;font-size:13.5px;font-weight:600;line-height:1.25;display:grid}.lesson .r1-spans b{font:700 16px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--ink)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r1-clock .r1-sec{animation:lesson-r1-count 1.5s 2.2s var(--ease-io) both}.lesson .r1-clock .r1-tiles li{animation:lesson-r1-tile-pale .38s calc(1.9s + var(--i) * 70ms) var(--ease-out) both}.lesson .r1-clock .r1-tiles span{animation:lesson-r1-tile-num 1.9s calc(.16s + var(--i) * 40ms) both}.lesson .r1-clock .r1-spans li{animation:lesson-fade-up .42s var(--ease-out) both}.lesson .r1-clock .r1-spans .s-mail{animation-delay:2.3s}.lesson .r1-clock .r1-spans .s-q{animation-delay:2.55s}.lesson .r1-clock .r1-spans .s-re{animation-delay:2.8s}.lesson .r1-clock .r1-spans .s-back{animation-delay:3.05s}}@keyframes lesson-r1-count{0%{--r1-sec:60}to{--r1-sec:40}}@keyframes lesson-r1-tile-pale{0%{background:var(--wall-deep);color:var(--plum)}}@keyframes lesson-r1-tile-num{0%{opacity:0}12%,80%{opacity:1}to{opacity:0}}@media (width<=720px){.lesson .r1-pair{grid-template-columns:minmax(0,1fr);gap:8px}.lesson .r1-greet{display:none}.lesson .r1-sheet{gap:3px;padding:9px 12px 10px;font-size:13.5px;line-height:1.42}.lesson .r1-reply p{line-height:1.95}.lesson .r1-sheet h3{font-size:12px}.lesson .r1-m{gap:4px;padding:0 6px 0 3px;font-size:12.5px;line-height:21px}.lesson .r1-m>b{width:17px;height:17px;font-size:11px}.lesson .r1-wide{display:none}.lesson .r1-stage{gap:8px}.lesson .r1-tray{min-height:50px}.lesson .r1-tp{gap:4px;padding:7px 8px}.lesson .r1-tp>b{display:none}.lesson .r1-tp ol{flex-wrap:wrap;gap:4px;display:flex}.lesson .r1-opt{border-width:2px 2px 3px;padding:2px 8px 3px;font-size:12.5px}.lesson .r1-opt em{display:none}.lesson .r1-t0 span{padding:2px 10px;font-size:13px}.lesson .r1-t0 small{display:none}}@media (width<=520px){.lesson .ls-hero:has(.r1-hero){grid-template-columns:minmax(0,1fr);justify-items:stretch;padding-left:0}.lesson .ls-hero:has(.r1-hero)>.bv-host{width:92px;inset:-82px 4px auto auto}.lesson .r1-hero{width:100%;margin-right:0}.lesson .r1-sv-sent{font-size:15.5px}.lesson .r1-token{padding:3px 4px;font-size:12.5px}.lesson .r1-gate span,.lesson .r1-lane em{font-size:12px}.lesson .r1-tag{padding:5px 6px 6px;font-size:12.5px}.lesson .r1-pegs>li{gap:18px;min-height:140px}.lesson .r1-sec{font-size:50px}.lesson .r1-count{font-size:15px}.lesson .r1-tiles li{height:44px;font-size:12px}.lesson .r1-spans{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}}.lesson .r2-tr{isolation:isolate;padding:0 .14em;display:inline-block;position:relative}.lesson .r2-tr:before{content:"";z-index:-1;background:var(--maple-soft);border-radius:.1em;position:absolute;inset:.12em 0 .04em}.lesson .r2-tr:after{content:"";z-index:-1;border:.035em dashed var(--oak);border-radius:.12em;position:absolute;inset:.12em -.08em .04em}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r2-tr:before{animation:lesson-r2-settle .7s .9s var(--ease-spring) both}.lesson .r2-tr:after{animation:lesson-r2-tip .9s .3s var(--ease-io) both}}@keyframes lesson-r2-settle{0%{opacity:0;transform:translateY(-.5em)}to{opacity:1;transform:none}}@keyframes lesson-r2-tip{0%,30%{opacity:1;transform:none}to{opacity:0;transform:translateY(.9em)rotate(7deg)}}.lesson .r2-hero{width:min(100%,520px);height:auto;margin-right:6px;display:block;overflow:visible;rotate:1deg}.lesson .r2-h-sheet{fill:#fff;filter:drop-shadow(0 2px 0 var(--wall-deep))}.lesson .r2-h-title{fill:var(--ink);font:700 25px var(--display)}.lesson .r2-h-slot rect{fill:var(--stage);stroke:var(--oak);stroke-width:2px;stroke-dasharray:7 7}.lesson .r2-h-slot text{fill:var(--maple-dark);font:700 19px var(--body)}.lesson .r2-h-row rect{fill:var(--stage);stroke:var(--stage-line);stroke-width:2px}.lesson .r2-h-row{transform-box:fill-box;transform-origin:0 100%;opacity:0}.lesson .r2-h-keep rect{fill:var(--maple-soft)}.lesson .r2-h-name{fill:var(--ink);font:700 21px var(--body)}.lesson .r2-h-cell{fill:var(--muted);font:600 19px var(--body)}.lesson .r2-h-circle{fill:none;stroke:var(--maple);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r2-h-row{animation:lesson-r2-h-fall 1s var(--ease-io) both}.lesson .r2-h-r1{animation-delay:.9s}.lesson .r2-h-r2{animation-delay:2s}.lesson .r2-h-r3{animation-delay:3.1s}.lesson .r2-h-circle{animation:lesson-draw .8s 4.3s var(--ease-out) both}.lesson .r2-h-slot text{animation:.3s 1.5s both lesson-fade}.lesson .r2-h-slot:nth-of-type(3) text{animation-delay:2.6s}.lesson .r2-h-slot:nth-of-type(5) text{animation-delay:3.7s}}@keyframes lesson-r2-h-fall{0%{opacity:1;transform:none}30%{opacity:1;transform:rotate(3deg)}to{opacity:0;transform:translateY(120px)rotate(9deg)}}.lesson .r2-stage{gap:12px;display:grid}.lesson .r2-strip{min-height:90px;display:grid}.lesson .r2-tp{visibility:hidden;opacity:0;background:#fff;border-radius:14px;grid-area:1/1;align-content:start;gap:8px;padding:12px 14px;display:grid}.lesson .r2-t2{visibility:visible;opacity:1}.lesson .r2-tp>b{color:var(--muted);font-size:13px;font-weight:700}.lesson .r2-tp ul{flex-wrap:wrap;gap:8px;display:flex}.lesson .r2-tp ul li{justify-items:center;gap:3px;display:grid}.lesson .r2-tp ul span{background:var(--maple-soft);transition:background-color .24s var(--ease-out), color .24s var(--ease-out);border-radius:999px;padding:4px 12px;font-size:15px;font-weight:700}.lesson .r2-tp ul small{color:var(--muted);font-size:12.5px;font-weight:700}.lesson .r2-tp ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.lesson .r2-opt{border:2px solid var(--line);color:var(--muted);border-bottom-width:4px;border-radius:10px;align-content:start;gap:2px;padding:7px 10px 8px;font-size:14px;font-weight:600;line-height:1.25;display:grid}.lesson .r2-opt .x{justify-self:start}.lesson .r2-opt em{color:var(--maple-dark);font-size:12.5px;font-style:normal;font-weight:700}.lesson .r2-opt.is-right{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark)}.lesson .r2-opt.is-right em{color:var(--green-dark)}.lesson .r2-split{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.lesson .r2-doc{background:#fff;border-radius:10px 10px 4px 4px;gap:4px;padding:12px 12px 10px;display:grid;position:relative}.lesson .r2-doc h3{font:700 15px/1.2 var(--display);padding:2px 2px 8px}.lesson .r2-row{min-height:38px;position:relative}.lesson .r2-head{min-height:22px}.lesson .r2-cells{z-index:1;background:var(--skill);border-radius:8px;grid-template-columns:minmax(0,1.2fr) .45fr .95fr minmax(0,1.2fr);align-items:center;gap:4px;min-height:38px;padding:0 8px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.lesson .r2-cells{background:color-mix(in srgb, var(--skill) 7%, white)}}.lesson .r2-cells{transform-origin:0 100%;font-size:13.5px;font-weight:600;line-height:1.2}.lesson .r2-head .r2-cells{min-height:22px;color:var(--muted);background:0 0;font-size:12.5px;font-weight:700}.lesson .r2-cells .c-room{font-weight:700}.lesson .r2-cells>span{transition:background-color .28s var(--ease-out), color .28s var(--ease-out);border-radius:5px}.lesson .r2-r4 .r2-cells{background:var(--maple-soft)}.lesson .r2-ghost{border:2px dashed var(--oak);color:var(--maple-dark);border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.lesson .r2-ghost>span{grid-area:1/1}.lesson .r2-why{visibility:hidden;opacity:0}.lesson .r2-source{background:var(--maple-soft);color:var(--ink);border-radius:999px;padding:1px 10px}.lesson .r2-r1 .r2-cells,.lesson .r2-r2 .r2-cells,.lesson .r2-r3 .r2-cells{visibility:hidden}.lesson .r2-small{color:var(--muted);transition:color .28s var(--ease-out);padding:4px 4px 0;font-size:12.5px;font-weight:600}.lesson .r2-email{background:#fff;border-radius:10px 10px 4px 4px;align-content:start;gap:8px;padding:14px 16px 16px;font-size:15px;line-height:2.2;display:grid}.lesson .r2-email h3{font:700 13px/1 var(--body);color:var(--muted)}.lesson .r2-lim{background:linear-gradient(var(--maple-soft), var(--maple-soft)) 0 0 / 100% 100% no-repeat;color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;margin:0 -3px;padding:0 3px;font-weight:700}.lesson .r2-m{border:2px solid var(--plum);background:var(--plum-soft);color:var(--plum);white-space:nowrap;vertical-align:.04em;transition:border-color .28s var(--ease-out), background-color .28s var(--ease-out), color .28s var(--ease-out);border-bottom-width:3px;border-radius:9px;align-items:center;gap:6px;padding:0 8px 0 4px;font-size:14px;font-weight:700;line-height:24px;display:inline-flex}.lesson .r2-m>b{background:var(--wall);width:20px;height:20px;color:var(--plum);font:700 12px/1 var(--body);border-radius:6px;place-items:center;display:grid}.lesson .r2-m:after{content:"";border:solid var(--muted);border-width:0 2px 2px 0;flex:none;width:7px;height:7px;margin-left:2px;translate:0 -2px;rotate:45deg}.lesson .r2-pick{display:inline-grid}.lesson .r2-pick>i{transition:opacity .26s var(--ease-out);grid-area:1/1;font-style:normal}.lesson .r2-pick-empty{opacity:0}@media (scripting:enabled){.lesson .r2-stage .r2-tp{transition:opacity .26s var(--ease-out), visibility 0s linear .26s}.lesson .r2-stage .r2-t2{visibility:hidden;opacity:0}.lesson .r2-stage:is([data-at="1"],[data-at="2"],[data-at="3"],[data-at="4"]) .r2-t0,.lesson .r2-stage[data-at="5"] .r2-t1,.lesson .r2-stage[data-at="6"] .r2-t2{visibility:visible;opacity:1;transition:opacity .28s .18s var(--ease-out), visibility 0s}.lesson .r2-stage .r2-t0 li{opacity:0;transition:opacity .26s var(--ease-out), transform .3s var(--ease-spring);transform:translateY(6px)scale(.92)}.lesson .r2-stage.at-1 .r2-t0 li{opacity:1;transform:none}.lesson .r2-stage.at-1 .r2-t0 .n2{transition-delay:.42s}.lesson .r2-stage.at-1 .r2-t0 .n3{transition-delay:.84s}.lesson .r2-stage[data-at="2"] .r2-t0 .n1 span,.lesson .r2-stage[data-at="3"] .r2-t0 .n2 span,.lesson .r2-stage[data-at="4"] .r2-t0 .n3 span{background:var(--maple);color:#fff}.lesson .r2-stage .r2-lim{transition:background-size .42s var(--ease-out);background-size:0% 100%}.lesson .r2-stage.at-1 .r2-lim{background-size:100% 100%}.lesson .r2-stage.at-1 .r2-lim.l2{transition-delay:.42s}.lesson .r2-stage.at-1 .r2-lim.l3{transition-delay:.84s}.lesson .r2-stage .r2-r1 .r2-cells,.lesson .r2-stage .r2-r2 .r2-cells,.lesson .r2-stage .r2-r3 .r2-cells{visibility:visible;transition:transform .62s cubic-bezier(.55,0,.85,.35) .72s,opacity .2s linear 1.18s,visibility 0s linear 1.4s}.lesson .r2-stage.at-2 .r2-r1 .r2-cells,.lesson .r2-stage.at-3 .r2-r2 .r2-cells,.lesson .r2-stage.at-4 .r2-r3 .r2-cells{opacity:0;visibility:hidden;transform:translateY(76px)rotate(7deg)}.lesson .r2-stage .r2-ghost{opacity:0;transition:opacity .26s var(--ease-out)}.lesson .r2-stage.at-2 .r2-r1 .r2-ghost,.lesson .r2-stage.at-3 .r2-r2 .r2-ghost,.lesson .r2-stage.at-4 .r2-r3 .r2-ghost{opacity:1;transition-delay:1.2s}.lesson .r2-stage .r2-why{visibility:visible;opacity:1;transition:opacity .24s var(--ease-out)}.lesson .r2-stage .r2-source{opacity:0;transition:opacity .26s var(--ease-out), transform .3s var(--ease-spring);transform:scale(.9)}.lesson .r2-stage.at-6 .r2-why{opacity:0}.lesson .r2-stage.at-6 .r2-source{opacity:1;transform:none}.lesson .r2-stage.at-6 .r2-r2 .r2-source{transition-delay:.24s}.lesson .r2-stage.at-6 .r2-r3 .r2-source{transition-delay:.48s}.lesson .r2-stage[data-at="2"] .c-seats,.lesson .r2-stage[data-at="3"] .c-days,.lesson .r2-stage[data-at="4"] .c-note{background:var(--maple-soft)}@supports (color:color-mix(in lab, red, red)){.lesson .r2-stage[data-at="2"] .c-seats,.lesson .r2-stage[data-at="3"] .c-days,.lesson .r2-stage[data-at="4"] .c-note{background:color-mix(in srgb, var(--maple-soft) 55%, white)}}.lesson .r2-stage[data-at="2"] .r2-r1 .c-seats,.lesson .r2-stage[data-at="3"] .r2-r2 .c-days,.lesson .r2-stage[data-at="4"] .r2-r3 .c-note{background:var(--maple);color:#fff}.lesson .r2-stage[data-at="4"] .r2-small{color:var(--maple-dark)}.lesson .r2-stage .r2-r4 .r2-cells{background:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .r2-stage .r2-r4 .r2-cells{background:color-mix(in srgb, var(--skill) 7%, white)}}.lesson .r2-stage .r2-r4 .r2-cells{transition:background-color .42s var(--ease-out)}.lesson .r2-stage.at-5 .r2-r4 .r2-cells{background:var(--maple-soft)}.lesson .r2-stage .r2-m{border-color:var(--line-strong);color:var(--muted);background:#fff;font-weight:600}.lesson .r2-stage .r2-pick-empty{opacity:1}.lesson .r2-stage .r2-pick-word{opacity:0}.lesson .r2-stage.at-5 .r2-m1,.lesson .r2-stage.at-6 .r2-m2{border-color:var(--plum);background:var(--plum-soft);color:var(--plum);font-weight:700;transition-delay:.9s}.lesson .r2-stage.at-5 .r2-m1 .r2-pick-empty,.lesson .r2-stage.at-6 .r2-m2 .r2-pick-empty{opacity:0;transition-delay:.9s}.lesson .r2-stage.at-5 .r2-m1 .r2-pick-word,.lesson .r2-stage.at-6 .r2-m2 .r2-pick-word{opacity:1;transition-delay:.9s}.lesson .r2-stage .r2-opt .x:after{transition:transform .3s var(--ease-out);transform:scaleX(0)}.lesson .r2-stage .r2-opt em{opacity:0;transition:opacity .26s var(--ease-out)}.lesson .r2-stage .r2-opt.is-right{border-color:var(--line);color:var(--muted);transition:background-color .3s var(--ease-out), border-color .3s var(--ease-out), color .3s var(--ease-out);background:#fff}.lesson .r2-stage.at-5 .r2-t1 .r2-opt .x:after,.lesson .r2-stage.at-6 .r2-t2 .r2-opt .x:after{transition-delay:calc(.35s + var(--k) * .15s);transform:none}.lesson .r2-stage.at-5 .r2-t1 .r2-opt em,.lesson .r2-stage.at-6 .r2-t2 .r2-opt em{opacity:1;transition-delay:calc(.45s + var(--k) * .15s)}.lesson .r2-stage.at-5 .r2-t1 .r2-opt.is-right,.lesson .r2-stage.at-6 .r2-t2 .r2-opt.is-right{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark);transition-delay:.9s}}@property --r2-lx{syntax:"<length>";inherits:true;initial-value:232px}@property --r2-ly{syntax:"<length>";inherits:true;initial-value:58px}.lesson .r2-finedemo{--r2-lx:232px;--r2-ly:58px}.lesson .r2-fn{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.lesson .r2-sheet{background:#fff;border-radius:10px 10px 4px 4px;gap:8px;padding:14px 16px 16px;display:grid}.lesson .r2-sheet h3{font:700 15px/1.2 var(--display)}.lesson .r2-passes{gap:4px;display:grid}.lesson .r2-passes li{background:var(--skill);border-radius:8px;justify-content:space-between;gap:10px;padding:6px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.lesson .r2-passes li{background:color-mix(in srgb, var(--skill) 7%, white)}}.lesson .r2-passes li{font-size:14.5px;font-weight:700}.lesson .r2-passes li span{color:var(--muted);font-weight:500}.lesson .r2-passes .is-flex{transition:background-color .28s var(--ease-out);position:relative}.lesson .r2-passes .is-flex:after{content:"";background:var(--maple);transform-origin:0;border-radius:3px;height:3px;position:absolute;top:50%;left:6px;right:6px;rotate:-1deg}.lesson .r2-print{height:80px;margin-top:2px;position:relative}.lesson .r2-print p{white-space:nowrap;color:var(--muted);padding:0 0 0 8px;font-size:12px;font-weight:500;line-height:22px}.lesson .r2-print p.r2-hit{color:var(--maple-dark);font-weight:700}.lesson .r2-lens{pointer-events:none;width:96px;height:120px;transform:translate(calc(var(--r2-lx) - 48px), calc(var(--r2-ly) - 48px));position:absolute;top:0;left:0}.lesson .r2-lens>svg{width:96px;height:120px;position:absolute;inset:0;overflow:visible}.lesson .r2-lens circle{fill:none;stroke:var(--oak-dark);stroke-width:5px}.lesson .r2-lens path{fill:none;stroke:var(--oak-dark);stroke-width:10px;stroke-linecap:round}.lesson .r2-lens-glass{background:#fff;border-radius:50%;width:90px;height:90px;position:absolute;top:3px;left:3px;overflow:hidden}.lesson .r2-big{transform-origin:0 0;width:max-content;transform:translate(calc(45px - var(--r2-lx) * 1.9), calc(45px - var(--r2-ly) * 1.9)) scale(1.9);padding-left:0;position:absolute;top:0;left:0}.lesson .r2-big p{color:var(--ink)}.lesson .r2-fn-mail{background:#fff;border-radius:12px;align-self:stretch;padding:14px 16px;font-size:16px;line-height:1.5}.lesson .r2-fn-mail small{color:var(--muted);margin-bottom:3px;font-size:13px;font-weight:700;display:block}.lesson .r2-fn-mail mark{background:var(--maple-soft);color:inherit;border-radius:4px;margin:0 -3px;padding:0 3px;font-weight:700}.lesson .r2-sum{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.lesson .r2-sum>span,.lesson .r2-sum>b{background:#fff;border-radius:10px;padding:6px 12px;font-size:14.5px;font-weight:700;line-height:1.25}.lesson .r2-sum>b{background:var(--maple);color:#fff}.lesson .r2-sum .p{font-style:normal;font:700 19px/1 var(--display);color:var(--muted)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r2-finedemo{animation:lesson-r2-lens 4.2s .4s var(--ease-io) both}.lesson .r2-finedemo .r2-print .r2-hit{animation:lesson-r2-hit .3s 3.9s var(--ease-out) both}.lesson .r2-finedemo .is-flex:after{animation:lesson-strike .42s 5s var(--ease-out) both}.lesson .r2-finedemo .r2-fn-mail mark{animation:lesson-sweep-full .48s 4.2s var(--ease-out) both;background-image:linear-gradient(var(--maple-soft), var(--maple-soft));background-color:#0000;background-repeat:no-repeat}.lesson .r2-finedemo .r2-sum>*{animation:lesson-fade-up .34s var(--ease-out) both}.lesson .r2-finedemo .r2-sum .a{animation-delay:4.4s}.lesson .r2-finedemo .r2-sum .p{animation-delay:4.65s}.lesson .r2-finedemo .r2-sum .b{animation-delay:4.9s}.lesson .r2-finedemo .r2-sum .p.e{animation-delay:5.1s}.lesson .r2-finedemo .r2-sum>b{animation:lesson-pop .34s 5.3s var(--ease-spring) both}}@keyframes lesson-r2-lens{0%{--r2-lx:30px;--r2-ly:11px}24%{--r2-lx:200px;--r2-ly:11px}30%{--r2-lx:30px;--r2-ly:33px}54%{--r2-lx:200px;--r2-ly:33px}60%{--r2-lx:30px;--r2-ly:58px}76%,86%{--r2-lx:118px;--r2-ly:58px}to{--r2-lx:232px;--r2-ly:58px}}@keyframes lesson-r2-hit{0%{color:var(--muted)}}.lesson .r2-doc-off{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.lesson .r2-doc-pill{color:var(--muted);background:#fff;border-radius:8px;padding:4px 12px;font-weight:700;position:relative}.lesson .r2-doc-pill:after{content:"";background:var(--maple);transform-origin:0;border-radius:3px;height:3px;position:absolute;top:52%;left:4px;right:4px;rotate:-3deg}.lesson .r2-pe-mail{background:#fff;border-radius:12px;margin-top:12px;padding:12px 14px;font-size:15.5px;line-height:1.6}.lesson .r2-pe-mail small{color:var(--muted);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.lesson .r2-pe-mail mark{background:linear-gradient(var(--maple-soft), var(--maple-soft)) 0 0 / 100% 100% no-repeat;color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;margin:0 -3px;padding:1px 3px;font-weight:600}.lesson .r2-pe-scene{width:min(100%,560px);height:auto;margin:12px auto 2px;display:block;overflow:visible}.lesson .r2-pe-face{fill:var(--skill)}.lesson .r2-pe-face.b{fill:var(--plum)}.lesson .r2-pe-who{fill:#fff;font:700 25px var(--display)}.lesson .r2-pe-link,.lesson .r2-pe-arrow,.lesson .r2-pe-head{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.lesson .r2-pe-link{stroke:var(--oak-dark);stroke-dasharray:1}.lesson .r2-pe-arrow{stroke:var(--maple);stroke-dasharray:1}.lesson .r2-pe-head{stroke:var(--maple)}.lesson .r2-pe-label{fill:var(--ink);font:700 24px var(--body)}.lesson .r2-pe-bubble rect,.lesson .r2-pe-bubble circle{fill:#fff;stroke:var(--oak);stroke-width:2.5px}.lesson .r2-pe-bubble text{fill:var(--plum);font:700 21px var(--body)}.lesson .r2-pe-qs{gap:6px;margin-top:6px;display:grid}.lesson .r2-pe-qs li{color:var(--muted);background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:8px 12px;font-size:14.5px;font-weight:500;display:grid}.lesson .r2-pe-qs b{color:var(--green-dark);font-weight:700}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r2-people .r2-doc-pill:after{animation:lesson-strike .42s .4s var(--ease-out) both}.lesson .r2-people .r2-doc-off span:last-child{animation:.34s .8s both lesson-fade}.lesson .r2-people .m1{animation:lesson-sweep-full .46s 1.3s var(--ease-out) both}.lesson .r2-people .m2{animation:lesson-sweep-full .46s 2.9s var(--ease-out) both}.lesson .r2-people .m3{animation:lesson-sweep-full .46s 4.3s var(--ease-out) both}.lesson .r2-pe-arrow{animation:lesson-draw .68s 1.7s var(--ease-io) both}.lesson .r2-pe-head{animation:.2s 2.35s both lesson-fade}.lesson .r2-pe-label.l1{animation:.3s 2.1s both lesson-fade}.lesson .r2-pe-link{animation:lesson-draw .68s 3.3s var(--ease-io) both}.lesson .r2-pe-label.l2{animation:.3s 3.7s both lesson-fade}.lesson .r2-pe-bubble{animation:lesson-pop .42s 4.75s var(--ease-spring) both;transform-box:fill-box;transform-origin:20% 100%}.lesson .r2-pe-qs .q1{animation:lesson-fade-up .38s 2.5s var(--ease-out) both}.lesson .r2-pe-qs .q2{animation:lesson-fade-up .38s 4s var(--ease-out) both}.lesson .r2-pe-qs .q3{animation:lesson-fade-up .38s 5.2s var(--ease-out) both}}.lesson .r2-tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lesson .r2-track{background:#fff;border-radius:16px;align-content:start;gap:10px;padding:14px;display:grid}.lesson .r2-track h3{font:700 17px/1.2 var(--display)}.lesson .r2-sample{color:var(--muted);font-size:14px;font-weight:500}.lesson .r2-match{background:var(--stage);border-radius:12px;gap:4px;padding:14px 10px;display:grid}.lesson .r2-l-doc,.lesson .r2-l-menu{font:700 clamp(19px, 2.4vw, 27px)/1.2 var(--display);justify-content:center;display:flex}.lesson .r2-l-doc i,.lesson .r2-l-menu i{font-style:normal;display:inline-block}.lesson .r2-l-menu i{color:var(--green-dark)}.lesson .r2-flip{background:var(--stage);perspective:500px;border-radius:12px;place-items:center;min-height:92px;padding:10px;display:grid}.lesson .r2-flip-in{transform-style:preserve-3d;text-align:center;width:100%;display:grid}.lesson .r2-flip-in>span{font:700 clamp(16px, 2vw, 21px)/1.2 var(--display);backface-visibility:hidden;background:#fff;border-radius:9px;grid-area:1/1;align-self:center;padding:6px 8px}.lesson .r2-f-a{color:var(--muted);transform:rotateX(180deg)}.lesson .r2-f-b{color:var(--green-dark)}.lesson .r2-verdict{color:var(--plum);font-size:14.5px;font-weight:700}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r2-namesdemo .r2-l-menu i{animation:lesson-r2-letter .32s calc(.4s + var(--i) * 75ms) var(--ease-out) both}.lesson .r2-namesdemo .r2-track:first-child .r2-verdict{animation:.34s 1.5s both lesson-fade}.lesson .r2-namesdemo .r2-flip-in{animation:lesson-r2-flipper 1s 2.2s var(--ease-io) both}.lesson .r2-namesdemo .is-details .r2-verdict{animation:.34s 3.3s both lesson-fade}}@keyframes lesson-r2-letter{0%{opacity:0;color:var(--ink);transform:translateY(-16px)}}@keyframes lesson-r2-flipper{0%{transform:rotateX(180deg)}to{transform:none}}@media (width<=720px){.lesson .r2-split{grid-template-columns:minmax(0,1fr);gap:8px}.lesson .r2-greet{display:none}.lesson .r2-stage{gap:8px}.lesson .r2-wide,.lesson .r2-email h3{display:none}.lesson .r2-strip{min-height:50px}.lesson .r2-tp{gap:4px;padding:7px 8px}.lesson .r2-tp>b{display:none}.lesson .r2-tp ul span{padding:2px 10px;font-size:13px}.lesson .r2-tp ul small{display:none}.lesson .r2-tp ol{flex-wrap:wrap;gap:4px;display:flex}.lesson .r2-opt{border-width:2px 2px 3px;padding:2px 8px 3px;font-size:12.5px}.lesson .r2-opt em{display:none}.lesson .r2-doc{gap:3px;padding:8px 8px 6px}.lesson .r2-doc h3{padding:0 2px 3px;font-size:13.5px}.lesson .r2-row,.lesson .r2-cells{min-height:27px}.lesson .r2-head,.lesson .r2-head .r2-cells{min-height:17px}.lesson .r2-cells{padding:0 6px;font-size:12px}.lesson .r2-head .r2-cells{font-size:11px}.lesson .r2-small{padding-top:1px;font-size:11px}.lesson .r2-ghost{font-size:12px}.lesson .r2-email{gap:2px;padding:8px 12px 10px;font-size:13.5px;line-height:1.95}.lesson .r2-email h3{font-size:12px}.lesson .r2-m{gap:4px;padding:0 6px 0 3px;font-size:12.5px;line-height:21px}.lesson .r2-m>b{width:17px;height:17px;font-size:11px}.lesson .r2-fn,.lesson .r2-tracks{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.lesson .ls-hero:has(.r2-hero){grid-template-columns:minmax(0,1fr);justify-items:stretch;padding-left:0}.lesson .ls-hero:has(.r2-hero)>.bv-host{width:92px;inset:-82px 4px auto auto}.lesson .r2-hero{width:100%;margin-right:0;rotate:0deg}.lesson .r2-pe-qs li{grid-template-columns:minmax(0,1fr);gap:2px}}.lesson .r3-word{color:var(--ink);display:inline-block;position:relative}@supports (color:color-mix(in lab, red, red)){.lesson .r3-word{color:color-mix(in srgb, var(--ink) 42%, var(--wall))}}.lesson .r3-word:after{content:"";background:var(--maple);transform-origin:0;border-radius:99px;height:.075em;position:absolute;top:.56em;left:-.05em;right:-.05em}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r3-word:after{animation:lesson-strike .48s 1s var(--ease-out) both}}.lesson .r3-menu{vertical-align:baseline;border:2px solid var(--skill);color:var(--skill);font:700 14px/1.3 var(--body);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:2px 5px 2px 9px;display:inline-flex}.lesson .r3-menu>svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:13px;height:13px}.lesson .r3-val{display:inline-grid}.lesson .r3-val>span{grid-area:1/1}.lesson .r3-from{opacity:0}.lesson .r3-st{font-size:17px;font-weight:600;line-height:1.7}.lesson .r3-st mark{background:var(--maple-soft);color:inherit;border-radius:5px;padding:1px 3px}.lesson .r3-st u,.lesson .r3-hero-p u,.lesson .r3-proof .r3-p u{background:var(--green-soft);color:var(--green-dark);white-space:nowrap;border-radius:5px;padding:1px 3px;text-decoration:none}.lesson .r3-hero{width:min(100%,500px);box-shadow:0 2px 0 var(--wall-deep), 0 22px 30px -26px #4a1b3a80;background:#fff;border-radius:10px 10px 4px 4px;margin-right:10px;padding:22px 22px 24px;rotate:-1deg}.lesson .r3-hero-in{position:relative}.lesson .r3-hero-p{grid-template-columns:24px minmax(0,1fr);gap:10px;font-size:17px;line-height:1.55;display:grid}.lesson .r3-hero-s{margin-top:74px;font-size:16.5px}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r3-hero .lk{animation:lesson-draw .76s var(--ease-out) both;animation-delay:calc(.6s + var(--d) * .52s)}.lesson .r3-hero .r3-menu{animation:lesson-pop .32s 1.9s var(--ease-spring) both}}.lesson .r3-stage{--row:42px;gap:12px;display:grid}.lesson .r3-window{background:#fff;border-radius:14px;align-items:start;padding:20px 22px;display:grid}.lesson .r3-l{grid-area:1/1;min-width:0}.lesson .r3-p{grid-template-columns:24px minmax(0,1fr);gap:12px;font-size:17.5px;line-height:1.55;display:grid}.lesson .r3-la,.lesson .r3-lb,.lesson .r3-lc,.lesson .r3-ld,.lesson .r3-ls{opacity:0}.lesson .r3-proof{position:relative}.lesson .r3-proof .lk{stroke-width:3px}.lesson .r3-proof .r3-st{margin-top:76px;font-size:18px;line-height:1.75}.lesson .r3-pad{background:#fff;border-radius:14px;align-content:start;gap:8px;padding:14px 16px;display:grid}.lesson .r3-pad-h{color:var(--muted);font-size:13px;font-weight:700}.lesson .r3-pad ol{grid-auto-rows:var(--row);display:grid;position:relative}.lesson .r3-row{border-bottom:2px solid var(--line);transition:opacity .32s var(--ease-out);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;display:grid;position:relative}.lesson .r3-lab{font:600 14.5px/1.15 var(--display)}.lesson .r3-glance{height:var(--row);background:var(--maple-soft);opacity:0;transform:translateY(var(--row));border-radius:9px;position:absolute;top:0;left:-6px;right:-6px}.lesson .r3-stage.at-5 .r3-row:not(.r3-r2){opacity:.4}@media (scripting:enabled){.lesson .r3-l{transition:opacity .34s var(--ease-out), transform .34s var(--ease-out);transform:translateY(10px)}.lesson .r3-proof{opacity:0}.lesson .r3-proof u{color:inherit;transition:background-color .3s var(--ease-out), color .3s var(--ease-out);background:0 0}.lesson .r3-proof .lk{stroke-dashoffset:1px;transition:stroke-dashoffset .76s var(--ease-out)}.lesson .r3-lab{clip-path:inset(-4px 100% -4px 0);transition:clip-path .64s var(--ease-out)}.lesson .r3-glance{transition:opacity .26s var(--ease-out), transform .48s var(--ease-out);transform:none}.lesson .r3-stage.at-1 .r3-la{opacity:1;transform:none}.lesson .r3-stage.at-2 .r3-la{opacity:0;transform:translateY(26px)scale(.84)}.lesson .r3-stage.at-2 .r3-lb{opacity:1;transform:none}.lesson .r3-stage.at-3 .r3-lb{opacity:0;transform:translateY(26px)scale(.84)}.lesson .r3-stage.at-3 .r3-ld{opacity:1;transition-delay:1.5s;transform:none}.lesson .r3-stage.at-4 .r3-ld{opacity:0;transition-delay:0s;transform:translateY(26px)scale(.84)}.lesson .r3-stage.at-4 .r3-ls{opacity:1;transform:none}.lesson .r3-stage.at-5 .r3-ls{opacity:0;transform:translateY(-8px)}.lesson .r3-stage.at-5 .r3-proof{opacity:1;transform:none}.lesson .r3-stage.at-5 .r3-proof u{background:var(--green-soft);color:var(--green-dark);transition-delay:.5s}.lesson .r3-stage.at-5 .r3-proof .lk{stroke-dashoffset:0;transition-delay:calc(.3s + var(--d) * .28s)}.lesson .r3-stage.at-1 .r3-r1 .r3-lab,.lesson .r3-stage.at-2 .r3-r2 .r3-lab{clip-path:inset(-4px -4px -4px 0);transition-delay:.45s}.lesson .r3-stage.at-3 .r3-r3 .r3-lab{clip-path:inset(-4px -4px -4px 0);transition-delay:.5s}.lesson .r3-stage.at-3 .r3-r4 .r3-lab{clip-path:inset(-4px -4px -4px 0);transition-delay:2.1s}.lesson .r3-stage.at-4 .r3-glance{opacity:1;transform:translateY(var(--row));transition-delay:0s,.52s}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r3-stage.at-3 .r3-lc{animation:lesson-r3-pass 1.5s var(--ease-out) both}}@keyframes lesson-r3-pass{0%{opacity:0;transform:translateY(10px)}14%,84%{opacity:1;transform:none}to{opacity:0;transform:translateY(26px)scale(.84)}}.lesson .r3-find{gap:12px;display:grid}.lesson .r3-find>.demo-bar{margin-bottom:0}.lesson .r3-search{border:2px solid var(--stage-line);background:#fff;border-radius:12px;align-items:center;gap:9px;padding:8px 12px;font-size:15px;font-weight:700;display:flex}.lesson .r3-search svg{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:2.4px;stroke-linecap:round;flex:none}.lesson .r3-typed{white-space:nowrap;overflow:hidden}.lesson .r3-count{color:var(--maple-dark);margin-left:auto;font-size:13px;font-weight:700}.lesson .r3-rows{gap:7px;display:grid}.lesson .r3-fr{background:#fff;border-radius:12px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:3px 10px;padding:10px 12px;font-size:15px;line-height:1.45;display:grid}.lesson .r3-fr mark{background:var(--maple-soft);color:inherit;border-radius:4px;padding:0 2px}.lesson .r3-fr em{grid-column:2;font-size:13px;font-style:normal;font-weight:700}.lesson .r3-bad{opacity:.62}.lesson .r3-bad em{color:var(--maple-dark)}.lesson .r3-good{background:var(--green-soft)}.lesson .r3-good b,.lesson .r3-good em{color:var(--green-dark)}.lesson .r3-good .key{background:var(--green);color:#fff}@keyframes lesson-r3-type{0%{clip-path:inset(-2px 100% -2px 0)}to{clip-path:inset(-2px -2px -2px 0)}}@keyframes lesson-r3-dim{0%{opacity:1}}@keyframes lesson-r3-good{0%{background-color:#fff}}@keyframes lesson-r3-key{0%{background:var(--wall);color:var(--plum)}}@keyframes lesson-r3-mark{0%{background-color:#0000}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r3-find .r3-typed{animation:.62s steps(6,end) .3s both lesson-r3-type}.lesson .r3-find .r3-count{animation:lesson-pop .26s 1.05s var(--ease-spring) both}.lesson .r3-find .r3-rows mark{animation:lesson-r3-mark .3s 1.2s var(--ease-out) both}.lesson .r3-find .r3-bad{animation:lesson-r3-dim .38s var(--ease-out) both;animation-delay:calc(2.3s + var(--k) * .85s)}.lesson .r3-find .r3-bad em{animation:lesson-fade-up .38s var(--ease-out) both;animation-delay:calc(2.3s + var(--k) * .85s)}.lesson .r3-find .r3-good{animation:lesson-r3-good .46s 4s var(--ease-out) both}.lesson .r3-find .r3-good .key{animation:lesson-r3-key .46s 4s var(--ease-out) both}.lesson .r3-find .r3-good em{animation:lesson-fade-up .4s 4.15s var(--ease-out) both}.lesson .r3-find .r3-from{animation:4.7s linear both lesson-r3-hold}.lesson .r3-find .r3-to{animation:lesson-fade .24s 4.7s var(--ease-out) both}}@keyframes lesson-r3-hold{0%,99%{opacity:1}to{opacity:0}}.lesson .r3-br{grid-template-columns:minmax(0,1fr) 150px minmax(0,1.15fr);display:grid}.lesson .r3-br-h{color:var(--muted);padding-bottom:8px;font-size:13px;font-weight:700}.lesson .r3-br ol{grid-auto-rows:60px;display:grid}.lesson .r3-br li{align-content:center;font-size:16px;font-weight:700;line-height:1.2;display:grid;position:relative}.lesson .r3-br-l li{text-align:right;justify-items:end;padding-right:12px}.lesson .r3-br-r li{padding-left:12px}.lesson .r3-br-r small{font-size:12.5px;font-weight:700;line-height:1.2}.lesson .r3-br-l li:after,.lesson .r3-br-r li:before{content:"";background:var(--c,var(--skill));border-radius:50%;width:10px;height:10px;position:absolute;top:calc(50% - 5px)}.lesson .r3-br-l li:after{background:var(--ink);right:-5px}.lesson .r3-br-r li:before{left:-5px}.lesson .r3-wires{display:block;overflow:visible}.lesson .r3-wires-narrow{display:none}.lesson .r3-wire{fill:none;stroke:var(--c);stroke-width:9px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.lesson .r3-c0{--c:var(--skill)}.lesson .r3-c1{--c:var(--plum)}.lesson .r3-c2{--c:var(--green)}.lesson .r3-c3{--c:var(--maple)}.lesson .r3-br-r small{color:var(--c)}.lesson .r3-br-r .r3-c3 small{color:var(--maple-dark)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r3-bridge .r3-br-l li{animation:lesson-fade-up .3s var(--ease-out) both;animation-delay:calc(.2s + var(--k) * .9s)}.lesson .r3-bridge .r3-wire{animation:lesson-draw .76s var(--ease-io) both;animation-delay:calc(.42s + var(--k) * .9s)}.lesson .r3-bridge .r3-br-r li{animation:lesson-fade .28s var(--ease-out) both;animation-delay:calc(1.08s + var(--k) * .9s)}.lesson .r3-bridge .r3-br-r li:before{animation:lesson-pop .26s var(--ease-spring) both;animation-delay:calc(1.08s + var(--k) * .9s)}}.lesson .r3-nog{gap:12px;display:grid}.lesson .r3-nog>.demo-bar{margin-bottom:0}.lesson .r3-nog .r3-st u{background:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .r3-nog .r3-st u{background:color-mix(in srgb, var(--skill) 14%, white)}}.lesson .r3-nog .r3-st u{color:inherit}.lesson .r3-mx{background:#fff;border-radius:12px;position:relative;overflow:clip}.lesson .r3-mx table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px;line-height:1.25;position:relative}.lesson .r3-mx tr{height:46px}.lesson .r3-mx thead tr{height:40px}.lesson .r3-mx th,.lesson .r3-mx td{text-align:left;padding:0 10px}.lesson .r3-mx thead th{color:var(--muted);font-size:13px;font-weight:700}.lesson .r3-mx th:first-child{width:44px}.lesson .r3-mx tbody tr{border-top:2px solid var(--line)}.lesson .r3-yes{color:var(--green-dark);font-weight:700}.lesson .r3-yes:before{content:"✓ "}.lesson .r3-no{color:var(--muted)}.lesson .r3-no:before{content:"– "}.lesson .r3-scan{background:var(--maple-soft);opacity:0;height:46px;position:absolute;top:40px;left:0;right:0}.lesson .r3-ring{border:3px solid var(--maple);pointer-events:none;border-radius:12px;width:calc(50% - 25px);position:absolute;top:3px;bottom:3px;right:3px}.lesson .r3-e{background:var(--maple-soft);border-radius:10px;padding:8px 12px;font-size:15px;font-weight:700}@keyframes lesson-r3-scan{0%{opacity:1;transform:none}92%{opacity:1;transform:translateY(138px)}to{opacity:0;transform:translateY(138px)}}@keyframes lesson-r3-e{0%{background-color:#0000}}@keyframes lesson-r3-ring{0%{clip-path:inset(-4px 100% 100% -4px)}45%{clip-path:inset(-4px -4px 100%)}to{clip-path:inset(-4px)}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r3-nog .r3-scan{animation:2.2s steps(4,jump-none) .3s both lesson-r3-scan}.lesson .r3-nog tbody tr td{animation:lesson-fade .26s var(--ease-out) both;animation-delay:calc(.36s + var(--k,0) * .68s)}.lesson .r3-nog tbody tr:first-child td{--k:0}.lesson .r3-nog tbody tr:nth-child(2) td{--k:1}.lesson .r3-nog tbody tr:nth-child(3) td{--k:2}.lesson .r3-nog tbody tr:nth-child(4) td{--k:3}.lesson .r3-nog .r3-ring{animation:lesson-r3-ring .7s 2.8s var(--ease-out) both}.lesson .r3-nog .r3-e{animation:lesson-r3-e .42s 3.5s var(--ease-out) both}.lesson .r3-nog .r3-from{animation:3.7s linear both lesson-r3-hold}.lesson .r3-nog .r3-to{animation:lesson-fade .24s 3.7s var(--ease-out) both}}.lesson .r3-spread{justify-content:center;gap:12px;display:flex}.lesson .r3-spread>div{justify-items:center;gap:6px;display:grid}.lesson .r3-dots{flex-direction:column-reverse;gap:4px;min-height:52px;display:flex}.lesson .r3-dots i{background:var(--skill);border-radius:50%;width:14px;height:14px;display:block}@media (width<=1000px){.lesson .r3-stage{--row:32px;grid-template-columns:minmax(0,1fr);gap:8px}.lesson .r3-window{padding:12px 14px}.lesson .r3-pad{gap:2px;padding:8px 12px}.lesson .r3-p{font-size:14.5px;line-height:1.45}.lesson .r3-proof .r3-st{margin-top:44px;font-size:15px;line-height:1.6}.lesson .r3-lab{font-size:14px}}@media (width<=520px){.lesson .ls-hero:has(.r3-hero){grid-template-columns:minmax(0,1fr);justify-items:stretch;padding-left:0}.lesson .ls-hero:has(.r3-hero)>.bv-host{width:92px;inset:-82px 4px auto auto}.lesson .r3-hero{width:auto;margin-right:0;padding:16px 14px 18px}.lesson .r3-proof .key{display:none}.lesson .r3-proof .r3-p{grid-template-columns:minmax(0,1fr);font-size:14px}.lesson .r3-tail{display:none}.lesson .r3-hero-p{gap:8px;font-size:14px}.lesson .r3-hero-s{margin-top:52px;font-size:15.5px}.lesson .r3-st{font-size:16px}.lesson .r3-br{grid-template-columns:minmax(0,1fr) 64px minmax(0,1.15fr)}.lesson .r3-wires-wide{display:none}.lesson .r3-wires-narrow{display:block}.lesson .r3-br li{font-size:15px}.lesson .r3-br-r small{font-size:12px}.lesson .r3-mx th,.lesson .r3-mx td{padding:0 6px}.lesson .r3-mx table{font-size:13px}.lesson .r3-pad-h{display:none}}.lesson .r4-meter{width:100%;height:auto;display:block;overflow:visible}.lesson .r4-arc{fill:none;stroke-width:9px}.lesson .r4-arc-a{stroke:var(--maple)}.lesson .r4-arc-m{stroke:var(--wall-deep)}.lesson .r4-arc-f{stroke:var(--green)}.lesson .r4-needle,.lesson .r4-needle2{transform-origin:60px 62px}.lesson .r4-needle{transform:rotate(var(--a))}.lesson .r4-needle2{transform:rotate(var(--b))}.lesson .r4-needle line{stroke:var(--plum);stroke-width:4px;stroke-linecap:round}.lesson .r4-hub{fill:var(--plum)}.lesson .r4-meter text{font:700 9.5px var(--body);fill:var(--muted)}.lesson .r4-menu{vertical-align:baseline;border:2px solid var(--skill);color:var(--skill);font:700 14px/1.3 var(--body);background:#fff;border-radius:8px;align-items:center;gap:5px;padding:2px 5px 2px 9px;display:inline-flex}.lesson .r4-menu>svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:13px;height:13px}.lesson .r4-val{display:inline-grid}.lesson .r4-val>span{grid-area:1/1}.lesson .r4-from{opacity:0}.lesson .r4-s{font-size:17px;font-weight:600;line-height:1.7}@keyframes lesson-r4-hold{0%,99%{opacity:1}to{opacity:0}}.lesson .r4-hero{width:min(100%,440px);box-shadow:0 2px 0 var(--wall-deep), 0 22px 30px -26px #4a1b3a80;background:#fff;border-radius:10px 10px 4px 4px;margin-right:10px;padding:20px 20px 14px;rotate:1deg}.lesson .r4-hero svg{width:100%;height:auto;display:block;overflow:visible}.lesson .r4-hero .r4-arc{stroke-width:22px}.lesson .r4-hn,.lesson .r4-hc{transform-origin:230px 246px;transform:rotate(var(--a))}.lesson .r4-hn line{stroke:var(--muted);stroke-width:5px;stroke-linecap:round}.lesson .r4-hc line{stroke:var(--plum);stroke-width:11px;stroke-linecap:round}.lesson .r4-tag{font:700 19px var(--body);fill:var(--ink)}.lesson .r4-hero-foot{text-align:center;color:var(--plum);margin-top:6px;font-size:14px;font-weight:700}@keyframes lesson-r4-swing{0%{transform:rotate(0)}to{transform:rotate(var(--a))}}@keyframes lesson-r4-comment{0%{transform:rotate(70deg)}55%{transform:rotate(calc(var(--a) - 9deg))}to{transform:rotate(var(--a))}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r4-hn{animation:lesson-r4-swing 1s var(--ease-spring) both;animation-delay:calc(.3s + var(--k) * .34s)}.lesson .r4-tag{animation:lesson-fade .28s var(--ease-out) both;animation-delay:calc(.76s + var(--k) * .34s)}.lesson .r4-hc{animation:lesson-r4-comment 1.3s 1.7s var(--ease-io) both}.lesson .r4-hero-foot{animation:lesson-fade .3s 2.7s var(--ease-out) both}}.lesson .r4-stage{gap:12px;display:grid}.lesson .r4-slot{background:#fff;border-radius:14px;align-items:start;padding:14px 16px;font-size:17px;line-height:1.55;display:grid}.lesson .r4-x{opacity:0;grid-area:1/1;min-width:0}.lesson .r4-x5{opacity:1;font-weight:600}.lesson .r4-x mark{background:var(--maple-soft);color:inherit;border-radius:5px;padding:0 3px}.lesson .r4-name{font-weight:700;display:inline-block;position:relative}.lesson .r4-name .circled{width:calc(100% + 16px);height:calc(100% + 5px);inset:-3px -8px -2px}.lesson .r4-gauges{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.lesson .r4-v{transition:opacity .32s var(--ease-out), border-color .32s var(--ease-out);background:#fff;border:2px solid #0000;border-radius:14px;align-content:start;justify-items:start;gap:2px;padding:12px 12px 10px;display:grid}.lesson .r4-v b{font-size:15px;line-height:1.2}.lesson .r4-v small{color:var(--muted);font-size:12.5px;font-weight:600}.lesson .r4-v .r4-meter{width:72%;margin:6px auto 0}.lesson .r4-v4{border:2px dashed var(--stage-line);background:0 0}.lesson .r4-ghost .r4-arc,.lesson .r4-ghost .r4-needle line{stroke:var(--stage-line)}.lesson .r4-ghost .r4-hub{fill:var(--stage-line)}.lesson .r4-stage[data-at="2"] .r4-v1,.lesson .r4-stage[data-at="3"] .r4-v2,.lesson .r4-stage[data-at="4"] .r4-v3,.lesson .r4-stage[data-at="5"] .r4-v3{border-color:var(--skill)}.lesson .r4-stage[data-at="5"] .r4-v1,.lesson .r4-stage[data-at="5"] .r4-v2{opacity:.5}@media (scripting:enabled){.lesson .r4-x{transition:opacity .32s var(--ease-out)}.lesson .r4-x5{opacity:0}.lesson .r4-stage[data-at="1"] .r4-x1,.lesson .r4-stage[data-at="2"] .r4-x2,.lesson .r4-stage[data-at="3"] .r4-x3,.lesson .r4-stage[data-at="4"] .r4-x4,.lesson .r4-stage[data-at="5"] .r4-x5{opacity:1}.lesson .r4-name .circled path{stroke-dashoffset:1px;transition:stroke-dashoffset .62s var(--ease-out)}.lesson .r4-stage.at-1 .r4-name .circled path{stroke-dashoffset:0;transition-delay:.3s}.lesson .r4-stage.at-1 .r4-name:nth-of-type(2) .circled path{transition-delay:.7s}.lesson .r4-stage.at-1 .r4-name:nth-of-type(3) .circled path{transition-delay:1.1s}.lesson .r4-stage .r4-needle,.lesson .r4-stage .r4-needle2{transition:transform 1s var(--ease-spring);transform:rotate(0)}.lesson .r4-stage.at-2 .r4-v1 .r4-needle,.lesson .r4-stage.at-3 .r4-v2 .r4-needle,.lesson .r4-stage.at-4 .r4-v3 .r4-needle{transform:rotate(var(--a))}.lesson .r4-stage.at-4 .r4-v3 .r4-needle2{transform:rotate(var(--b));transition-delay:1.2s}}.lesson .r4-tip{--d0:.2s;--pace:75ms;gap:12px;display:grid}.lesson .r4-tip>.demo-bar{margin-bottom:0}.lesson .r4-c{background:#fff;border-radius:14px;padding:14px 16px;font-size:18px;line-height:1.6}.lesson .r4-but{background:var(--maple-soft);border-radius:5px;padding:0 3px;font-style:normal;font-weight:700}.lesson .r4-caps{justify-content:space-between;gap:16px;display:flex}.lesson .r4-cap{gap:1px;font-size:14px;display:grid}.lesson .r4-cap b{color:var(--muted);font-size:13px}.lesson .r4-cap-r{text-align:right;color:var(--plum);font-weight:700}.lesson .r4-cap-l{color:var(--muted)}.lesson .r4-saw{width:100%;height:auto;margin-top:-8px;display:block;overflow:visible}.lesson .r4-beam{transform-origin:200px 70px;transform:rotate(9deg)}.lesson .r4-beam line{stroke:var(--plum);stroke-width:7px;stroke-linecap:round}.lesson .r4-weight-l{fill:var(--wall-deep)}.lesson .r4-weight-r{fill:var(--plum)}.lesson .r4-fulc{fill:var(--maple)}.lesson .r4-fulc-t{font:700 15px var(--body);fill:#fff}.lesson .r4-verdict{background:#fff;border-radius:14px;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:16px;padding:12px 16px;font-size:16px;line-height:1.4;display:grid}@keyframes lesson-r4-tip{0%{transform:rotate(0)}20%,42%{transform:rotate(-9deg)}82%{transform:rotate(11deg)}to{transform:rotate(9deg)}}@keyframes lesson-r4-cap{0%{color:var(--ink);font-weight:700}}@keyframes lesson-r4-capr{0%{color:var(--muted);font-weight:400}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r4-tip .r4-beam{animation:lesson-r4-tip 2.5s .3s var(--ease-io) both}.lesson .r4-tip .r4-cap-l{animation:lesson-r4-cap .3s 1.6s var(--ease-out) both}.lesson .r4-tip .r4-cap-r{animation:lesson-r4-capr .3s 1.8s var(--ease-out) both}.lesson .r4-tip .r4-verdict .r4-needle{animation:lesson-r4-swing 1s 3s var(--ease-spring) both}.lesson .r4-tip .r4-verdict p{animation:lesson-fade .32s 3.5s var(--ease-out) both}.lesson .r4-tip .r4-fulc-t{animation:lesson-pop .28s .95s var(--ease-spring) both;transform-box:fill-box;transform-origin:50%}}.lesson .r4-follow{gap:12px;display:grid}.lesson .r4-follow>.demo-bar{margin-bottom:0}.lesson .r4-side{background:#fff;border-radius:14px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;padding:10px 14px;font-size:15px;line-height:1.4;display:grid}.lesson .r4-opts{gap:7px;display:grid}.lesson .r4-o{border:2px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:2px 12px;padding:8px 12px;font-size:15px;font-weight:600;line-height:1.3;display:grid}.lesson .r4-o .r4-meter{grid-row:span 2}.lesson .r4-o .r4-meter text{display:none}.lesson .r4-o em{color:var(--maple-dark);font-size:12.5px;font-style:normal;font-weight:700}.lesson .r4-out{color:var(--muted)}.lesson .r4-out span{justify-self:start;position:relative}.lesson .r4-out span:after{content:"";background:var(--maple);transform-origin:0;border-radius:99px;height:2px;position:absolute;top:52%;left:0;right:0}.lesson .r4-keep{border-color:var(--green-line);background:var(--green-soft);color:var(--green-dark)}.lesson .r4-keep em{color:var(--green-dark)}@keyframes lesson-r4-keep{0%{border-color:var(--line);color:var(--ink);background:#fff}}@keyframes lesson-r4-out{0%{color:var(--ink)}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r4-follow .r4-o .r4-needle{animation:lesson-r4-swing .8s var(--ease-spring) both;animation-delay:calc(.3s + var(--k) * .3s)}.lesson .r4-follow .r4-side .r4-needle{animation:lesson-r4-swing .8s 0s var(--ease-spring) both}.lesson .r4-follow .r4-out{animation:lesson-r4-out .3s var(--ease-out) both;animation-delay:calc(2.1s + var(--k) * .24s)}.lesson .r4-follow .r4-out span:after{animation:lesson-strike .34s var(--ease-out) both;animation-delay:calc(2.1s + var(--k) * .24s)}.lesson .r4-follow .r4-o em{animation:lesson-fade .28s var(--ease-out) both;animation-delay:calc(2.1s + var(--k) * .24s)}.lesson .r4-follow .r4-keep{animation:lesson-r4-keep .38s 3.1s var(--ease-out) both}.lesson .r4-follow .r4-keep em{animation-delay:3.1s}.lesson .r4-follow .r4-from{animation:3.5s linear both lesson-r4-hold}.lesson .r4-follow .r4-to{animation:lesson-fade .24s 3.5s var(--ease-out) both}}.lesson .r4-dir{gap:14px;display:grid}.lesson .r4-dir>.demo-bar{margin-bottom:0}.lesson .r4-dir .r4-s{background:#fff;border-radius:14px;padding:14px 16px}.lesson .r4-clue{background:var(--maple-soft);border-radius:5px;padding:0 3px}.lesson .r4-blot{color:var(--plum);font-weight:700;display:inline-block;position:relative}.lesson .r4-blot:before{content:"";background:var(--ink);opacity:0;border-radius:42% 58% 55% 45%/62% 44% 56% 38%;position:absolute;inset:2px -6px}.lesson .r4-tally{grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:16px;display:grid}.lesson .r4-tiles{gap:7px;display:grid}.lesson .r4-tiles li{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-weight:700;display:flex}.lesson .r4-tiles i{background:var(--maple);color:#fff;width:24px;height:24px;font:700 18px/1 var(--body);border-radius:7px;place-items:center;font-style:normal;display:grid}.lesson .r4-point{justify-items:center;gap:4px;display:grid}.lesson .r4-point svg{width:84px;height:84px}.lesson .r4-point path{fill:none;stroke:var(--maple);stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.lesson .r4-point b{color:var(--maple-dark);text-align:center;font-size:15px}.lesson .r4-reveal{background:#fff;border-radius:12px;padding:10px 14px;font-size:15px;line-height:1.45}@keyframes lesson-r4-blot{0%,86%{opacity:1}to{opacity:0}}@keyframes lesson-r4-clue{0%{background-color:#0000}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .r4-dir .r4-blot:before{animation:4.8s linear both lesson-r4-blot}.lesson .r4-dir .r4-clue{animation:lesson-r4-clue .32s var(--ease-out) both;animation-delay:calc(.5s + var(--k) * .62s)}.lesson .r4-dir .r4-tiles li{animation:lesson-drop .34s var(--ease-out) both;animation-delay:calc(.64s + var(--k) * .62s)}.lesson .r4-dir .r4-point path{animation:lesson-draw .76s 2.6s var(--ease-out) both}.lesson .r4-dir .r4-point b{animation:lesson-fade .32s 3.3s var(--ease-out) both}.lesson .r4-dir .r4-reveal{animation:lesson-fade-up .38s 4.7s var(--ease-out) both}}@media (width<=1000px){.lesson .r4-slot{padding:10px 12px;font-size:14.5px;line-height:1.45}.lesson .r4-gauges{gap:8px}.lesson .r4-v{padding:8px 10px 6px}.lesson .r4-v b{font-size:14px}.lesson .r4-v small{font-size:12px}.lesson .r4-v .r4-meter{width:88%;margin:2px auto 0}}@media (width<=520px){.lesson .r4-stage{gap:8px}.lesson .r4-slot{padding:8px 10px;font-size:14px}.lesson .r4-v{padding:6px 8px 4px}.lesson .r4-v small{font-size:11.5px}.lesson .r4-v .r4-meter{width:64%;margin:0 auto}.lesson .ls-hero:has(.r4-hero){grid-template-columns:minmax(0,1fr);justify-items:stretch;padding-left:0}.lesson .ls-hero:has(.r4-hero)>.bv-host{width:92px;inset:-82px 4px auto auto}.lesson .r4-hero{width:auto;margin-right:0;padding:14px 14px 10px}.lesson .r4-s{font-size:16px}.lesson .r4-c{font-size:17px}.lesson .r4-verdict{grid-template-columns:96px minmax(0,1fr);padding:10px 12px;font-size:15px}.lesson .r4-tally{grid-template-columns:minmax(0,1fr) 96px;gap:10px}.lesson .r4-point svg{width:64px;height:64px}}.lesson .w2-sheet{width:min(100%,460px);box-shadow:0 2px 0 var(--wall-deep), 0 22px 30px -26px #4a1b3a80;background:#fff;border-radius:10px 10px 4px 4px;gap:14px;margin-right:8px;padding:18px 20px 20px;display:grid;rotate:-1.2deg}.lesson .w2-sheet-top{border-bottom:2px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;font-size:13px;font-weight:700;display:flex}.lesson .w2-row{grid-template-columns:26px minmax(0,1fr);align-items:center;gap:6px 12px;display:grid}.lesson .w2-row b{font:700 17px/1.25 var(--body)}.lesson .w2-check{border:2px solid var(--plum);background:var(--plum);border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.lesson .w2-check-off{border-color:var(--line-strong);background:#fff}.lesson .w2-check svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;width:18px;height:18px}.lesson .w2-ink{grid-column:1/-1;width:100%;height:auto;overflow:visible}.lesson .w2-ink path{fill:none;stroke:var(--skill);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1}.lesson .w2-ink .w2-ink-b{stroke:var(--line-strong)}.lesson .w2-stall circle{fill:var(--maple)}@keyframes lesson-w2-check{0%{border-color:var(--line-strong);background:#fff}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .w2-ink-a{animation:2.6s linear .3s both lesson-draw}.lesson .w2-ink-b{animation:.7s linear .3s both lesson-draw}.lesson .w2-stall circle{animation:.24s both lesson-fade}.lesson .w2-stall circle:first-child{animation-delay:1.1s}.lesson .w2-stall circle:nth-child(2){animation-delay:1.4s}.lesson .w2-stall circle:nth-child(3){animation-delay:1.7s}.lesson .w2-sheet .w2-check:not(.w2-check-off){animation:lesson-w2-check .26s 3s var(--ease-out) both}.lesson .w2-check path{animation:lesson-draw .32s 3.1s var(--ease-out) both}}.lesson .w2-stage{--tilt:3;gap:12px;display:grid}.lesson .w2-top{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.35;display:flex}.lesson .w2-top b{background:var(--plum-soft);color:var(--plum);font-variant-numeric:tabular-nums;border-radius:99px;flex:none;padding:3px 10px}.lesson .w2-scale{aspect-ratio:600/440;width:100%;max-width:540px;margin-inline:auto;position:relative;container-type:inline-size}.lesson .w2-rig{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lesson .w2-post{fill:var(--oak-dark)}.lesson .w2-beam{fill:var(--plum-dark);transform-box:view-box;transform-origin:300px 48px;transform:rotate(calc(var(--tilt) * -1deg));transition:transform .9s var(--ease-spring)}.lesson .w2-pivot{fill:var(--plum)}.lesson .w2-pin{fill:var(--maple-soft)}.lesson .w2-cord{fill:none;stroke:var(--oak-dark);stroke-width:3px;stroke-linecap:round}.lesson .w2-dish{fill:var(--oak)}.lesson .w2-hang{transition:transform .9s var(--ease-spring)}.lesson .w2-hang-a{transform:translateY(calc(var(--tilt) * 2.97px))}.lesson .w2-hang-b{transform:translateY(calc(var(--tilt) * -2.97px))}.lesson .w2-pan{width:31.3333%;height:68.1818%;transition:transform .9s var(--ease-spring);position:absolute;top:0}.lesson .w2-pan-a{transform:translateY(calc(var(--tilt) * .495cqw));left:6%}.lesson .w2-pan-b{transform:translateY(calc(var(--tilt) * -.495cqw));right:6%}.lesson .w2-load{flex-direction:column-reverse;gap:5px;height:100%;padding-bottom:3px;display:flex}.lesson .w2-wt{border-bottom:3px solid var(--plum-dark);background:var(--skill);color:#fff;text-align:center;border-radius:9px;padding:7px 9px 8px;font-size:13px;font-weight:600;line-height:1.25;position:relative}.lesson .w2-wt:before{content:"";border:2.5px solid var(--plum-dark);border-bottom:0;border-radius:8px 8px 0 0;width:12px;height:8px;position:absolute;top:-7px;left:50%;translate:-50%}.lesson .w2-b1{border-bottom-color:var(--oak-dark);background:var(--birch);color:var(--ink)}.lesson .w2-b1:before{border-color:var(--oak-dark)}.lesson .w2-air{border:2px dashed var(--line-strong);color:var(--muted);background:#fff;font-style:italic}.lesson .w2-air:before{display:none}.lesson .w2-air small{color:var(--maple-dark);margin-top:1px;font-size:11.5px;font-style:normal;font-weight:700;display:block}.lesson .w2-opt{text-align:center;font-size:13.5px;font-weight:700;line-height:1.25;position:absolute;top:calc(100% + 8cqw);left:0;right:0}.lesson .w2-opt b{background:var(--wall);width:20px;height:20px;color:var(--plum);font:700 12px/1 var(--display);vertical-align:1px;border-radius:6px;place-items:center;margin-right:3px;display:inline-grid}.lesson .w2-verdict{background:var(--maple-soft);border-radius:12px;padding:10px 14px;font-size:15px;font-weight:600;line-height:1.35}.lesson .w2-verdict b{font-weight:800}@media (scripting:enabled){.lesson .w2-stage .w2-wt{opacity:0;transition:opacity .24s var(--ease-out), transform .52s var(--ease-spring);transform:translateY(-34px)scale(.92)}.lesson .w2-stage .w2-verdict{opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);transform:translateY(8px)}}.lesson .w2-stage.at-2 .w2-a1,.lesson .w2-stage.at-2 .w2-a2,.lesson .w2-stage.at-3 .w2-b1,.lesson .w2-stage.at-4 .w2-air{opacity:1;transform:none}.lesson .w2-stage.at-2 .w2-a2{transition-delay:.45s}.lesson .w2-stage.at-5 .w2-air{opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-out);transform:translateY(-64px)rotate(-5deg)}.lesson .w2-stage.at-5 .w2-verdict{opacity:1;transform:none}.lesson .w2-map{background:#fff;border-radius:12px;gap:64px;padding:16px 18px;font-size:16px;line-height:1.55;display:grid;position:relative}.lesson .w2-map p{position:relative}.lesson .w2-map u{background:linear-gradient(var(--maple-soft), var(--maple-soft)) 0 0 / 100% 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5px 3px 6px;padding:0 2px;font-weight:700;text-decoration:none}.lesson .w2-paras{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;font-size:14.5px;line-height:1.5;display:grid}.lesson .w2-paras u{color:var(--ink)}.lesson .w2-map .lk{stroke:var(--maple)}.lesson .w2-note{margin-top:12px;font-size:15px;font-weight:700}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .w2-opener u{animation:lesson-sweep-full .38s var(--ease-out) both}.lesson .w2-opener u:first-of-type{animation-delay:.3s}.lesson .w2-opener u:last-of-type{animation-delay:.8s}.lesson .w2-map .lk{animation:lesson-draw .62s var(--ease-out) both;animation-delay:calc(1.4s + var(--d) * .3s)}.lesson .w2-paras p{animation:.32s 1.9s both lesson-fade}.lesson .w2-paras u{animation:lesson-sweep-full .38s var(--ease-out) both}.lesson .w2-paras p:first-child u{animation-delay:2s}.lesson .w2-paras p:last-child u{animation-delay:2.3s}.lesson .w2-note{animation:lesson-fade-up .34s 2.7s var(--ease-out) both}}.lesson .w2-chain{gap:8px;display:grid;position:relative}.lesson .w2-link{background:#fff;border-radius:12px;grid-template-columns:78px minmax(0,1fr);align-items:start;gap:12px;padding:11px 14px;font-size:15.5px;line-height:1.45;display:grid;position:relative}.lesson .w2-tag{background:var(--maple-soft);border-radius:6px 3px 7px 4px;justify-self:start;padding:2px 8px;font-size:13px;font-weight:700}.lesson .w2-tally{background:#fff;border-radius:14px;gap:7px;margin-top:10px;padding:12px 14px;display:grid}.lesson .w2-tally-top{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;display:flex}@property --w2-words{syntax:"<integer>";inherits:false;initial-value:169}.lesson .w2-count{--w2-words:169;counter-reset:w2 var(--w2-words);font:700 20px/1 var(--display);color:var(--plum);font-variant-numeric:tabular-nums}.lesson .w2-count:after{content:counter(w2) " words"}.lesson .w2-bar{background:var(--wall-deep);border-radius:99px;height:14px;position:relative}.lesson .w2-bar:before{content:"";background:var(--maple-soft);width:20%;box-shadow:inset 0 0 0 2px var(--maple);border-radius:6px;position:absolute;top:-4px;bottom:-4px;left:60%}.lesson .w2-bar i{top:0;bottom:0;left:calc(var(--a) / 250 * 100%);width:calc(var(--n) / 250 * 100%);background:var(--c);transform-origin:0;position:absolute}.lesson .w2-bar i:first-child{border-radius:99px 0 0 99px}.lesson .w2-bar i:last-child{border-radius:0 99px 99px 0}.lesson .w2-legend{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:12.5px;font-weight:600;display:flex}.lesson .w2-legend li{align-items:center;gap:5px;display:flex}.lesson .w2-legend li:before{content:"";background:var(--c);border-radius:3px;width:9px;height:9px}@keyframes lesson-w2-count{0%{--w2-words:0}to{--w2-words:169}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .w2-link{animation:lesson-fade-up .4s var(--ease-out) both;animation-delay:calc(.25s + var(--k) * .9s)}.lesson .w2-bar i{animation:lesson-grow .46s var(--ease-out) both;animation-delay:calc(2.9s + var(--k) * .34s)}.lesson .w2-count{animation:1.8s linear 2.9s both lesson-w2-count}.lesson .w2-legend{animation:.4s 2.8s both lesson-fade}}.lesson .w2-road{padding-top:4px;position:relative}.lesson .w2-road svg{width:100%;height:auto;display:block;overflow:visible}.lesson .w2-rd-base{fill:none;stroke:#fff;stroke-width:16px;stroke-linecap:round;stroke-linejoin:round}.lesson .w2-rd-straight{fill:none;stroke:var(--stage-line);stroke-width:4px;stroke-dasharray:2 12;stroke-linecap:round}.lesson .w2-rd-fill{fill:none;stroke:var(--skill);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.lesson .w2-rider{fill:var(--maple);stroke:#fff;stroke-width:4px;offset-path:path("M20 150 H190 C240 150 250 44 320 44 C390 44 400 150 450 150 H620");offset-rotate:0deg;offset-distance:100%}.lesson .w2-rd-lab{color:var(--muted);font-size:13px;font-weight:700;position:absolute}.lesson .w2-rd-start{bottom:8%;left:2%}.lesson .w2-rd-end{bottom:8%;right:2%}.lesson .w2-rd-top{white-space:nowrap;color:var(--plum);top:0;left:50%;translate:-50%}.lesson .w2-turn{background:#fff;border-radius:12px;margin-top:12px;padding:13px 16px;font-size:17px;font-weight:500;line-height:1.5}.lesson .w2-hinge{background:var(--maple-soft);border-radius:5px 3px 6px;padding:0 5px;font-weight:800;display:inline-block}@keyframes lesson-w2-ride{0%{offset-distance:0%}to{offset-distance:100%}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .w2-rd-fill{animation:lesson-draw 3.6s .3s var(--ease-io) both}.lesson .w2-rider{animation:lesson-w2-ride 3.6s .3s var(--ease-io) both}.lesson .w2-rd-top{animation:.3s .9s both lesson-fade}.lesson .w2-t1{animation:.36s 1s both lesson-fade}.lesson .w2-hinge{animation:lesson-pop .32s 2.5s var(--ease-spring) both}.lesson .w2-t2{animation:.38s 2.7s both lesson-fade}}@media (width<=1000px){.lesson .w2-scale{max-width:460px}}@media (width<=520px){.lesson .w2-sheet{width:auto;margin-right:0;padding:14px 14px 16px}.lesson .w2-row b{font-size:15.5px}.lesson .w2-top{padding:8px 10px;font-size:13px}.lesson .w2-wt{padding:5px 5px 6px;font-size:11.5px;line-height:1.2}.lesson .w2-opt{font-size:12px}.lesson .w2-opt b{width:17px;height:17px}.lesson .w2-verdict{padding:8px 10px;font-size:13.5px}.lesson .w2-map{gap:54px;padding:12px;font-size:15px}.lesson .w2-paras{gap:10px;font-size:13px}.lesson .w2-link{grid-template-columns:minmax(0,1fr);gap:6px;padding:10px 12px;font-size:14.5px}.lesson .w2-turn{font-size:15.5px}.lesson .w2-road{padding-bottom:16px}.lesson .w2-rd-lab{font-size:12px}.lesson .w2-rd-start,.lesson .w2-rd-end{bottom:0}.lesson .w2-rd-top{white-space:normal;text-align:center;width:62%;line-height:1.2}}.lesson .s1-phone{border:6px solid var(--plum-dark);background:#fff;border-radius:26px 26px 10px 10px;gap:10px;width:min(100%,390px);margin-right:10px;padding:14px 16px 18px;display:grid;box-shadow:0 22px 30px -26px #4a1b3a80}.lesson .s1-ph-top{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:8px;font-size:15px;font-weight:800;display:flex}.lesson .s1-ph-top svg{width:40px;height:40px;rotate:-90deg}.lesson .s1-ph-top circle{fill:none;stroke-width:6px}.lesson .s1-ph-track{stroke:var(--wall-deep)}.lesson .s1-ph-arc{stroke:var(--skill)}.lesson .s1-bub{padding:9px 13px 10px;font-size:16px;line-height:1.4}.lesson .s1-in{background:var(--wall);border-radius:14px 14px 14px 4px;justify-self:start;max-width:84%}.lesson .s1-out{background:var(--skill);border-radius:14px 14px 4px;justify-self:end;width:86%}@supports (color:color-mix(in lab, red, red)){.lesson .s1-out{background:color-mix(in srgb, var(--skill) 13%, white)}}.lesson .s1-out ol{counter-reset:s1-tip;gap:4px;display:grid}.lesson .s1-out li{counter-increment:s1-tip;grid-template-columns:20px minmax(0,1fr);align-items:baseline;gap:6px;font-weight:600;display:grid}.lesson .s1-out li:before{content:counter(s1-tip);color:var(--skill);font:700 15px/1 var(--display)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s1-in{animation:lesson-fade-up .42s .3s var(--ease-out) both}.lesson .s1-out{animation:lesson-fade-up .42s 1.3s var(--ease-out) both}.lesson .s1-out li{animation:lesson-fade-up .34s var(--ease-out) both;animation-delay:calc(1.5s + var(--k) * .52s)}.lesson .s1-ph-arc{animation:.3s both lesson-fade}.lesson .s1-ph-a1{animation-delay:1.5s}.lesson .s1-ph-a2{animation-delay:2.02s}.lesson .s1-ph-a3{animation-delay:2.54s}}.lesson .s1-stage{--worry:0;--calm:1;gap:12px;display:grid}.lesson .s1-top{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:18px;display:grid}.lesson .s1-dial{justify-items:center;gap:4px;min-width:0;display:grid}.lesson .s1-dial svg{width:100%;max-width:330px;height:auto;display:block;overflow:visible}.lesson .s1-part{color:var(--skill);font-size:14px;font-weight:700;display:none}.lesson .s1-seg{fill:none;stroke:var(--stage-line);stroke-width:34px}.lesson .s1-fill{fill:none;stroke:var(--skill);stroke-width:34px;stroke-dasharray:var(--l) 90;transition:stroke-dasharray 1s var(--ease-out)}.lesson .s1-f1,.lesson .s1-f5{stroke:var(--maple)}.lesson .s1-n{font:700 22px/1 var(--display);fill:#fff;transition:fill .3s var(--ease-out)}.lesson .s1-worry{fill:none;stroke:var(--maple-dark);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:var(--worry) 100;opacity:0;transition:stroke-dasharray .9s var(--ease-out), opacity .3s var(--ease-out)}.lesson .s1-skin{fill:var(--oak)}.lesson .s1-hair{fill:var(--plum-dark)}.lesson .s1-eye{fill:var(--ink)}.lesson .s1-brow{fill:none;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%;transition:transform .7s var(--ease-out)}.lesson .s1-brow-l{transform:rotate(calc(var(--calm) * 19deg))}.lesson .s1-brow-r{transform:rotate(calc(var(--calm) * -19deg))}.lesson .s1-mouth{fill:none;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round;transition:opacity .42s var(--ease-out)}.lesson .s1-frown,.lesson .s1-flat{opacity:0}.lesson .s1-time{font:700 30px/1 var(--display);fill:var(--ink);font-variant-numeric:tabular-nums}.lesson .s1-led{gap:6px;display:grid}.lesson .s1-led li{transition:opacity .28s var(--ease-out), box-shadow .28s var(--ease-out);background:#fff;border-radius:12px;grid-template-columns:42px minmax(0,1fr);align-items:baseline;gap:8px;padding:8px 12px;font-size:15px;font-weight:700;line-height:1.3;display:grid}.lesson .s1-led b{font:700 14px/1 var(--display);color:var(--skill);font-variant-numeric:tabular-nums}.lesson .s1-led small{color:var(--muted);margin-top:2px;font-size:13px;font-weight:500;display:block}.lesson .s1-stage .caption{min-height:132px}@media (scripting:enabled){.lesson .s1-stage .s1-fill{stroke-dasharray:0 90}.lesson .s1-stage .s1-n{fill:var(--muted)}.lesson .s1-stage .s1-led li{opacity:.36}.lesson .s1-stage .s1-worry,.lesson .s1-stage .s1-frown{opacity:1}.lesson .s1-stage .s1-smile{opacity:0}}.lesson .s1-stage.at-1 .s1-f1,.lesson .s1-stage.at-2 .s1-f2,.lesson .s1-stage.at-3 .s1-f3,.lesson .s1-stage.at-4 .s1-f4,.lesson .s1-stage.at-5 .s1-f5{stroke-dasharray:var(--l) 90}.lesson .s1-stage.at-2 .s1-n1,.lesson .s1-stage.at-3 .s1-n2,.lesson .s1-stage.at-4 .s1-n3{fill:#fff}.lesson .s1-stage[data-at="1"] .s1-r1,.lesson .s1-stage[data-at="2"] .s1-r2,.lesson .s1-stage[data-at="3"] .s1-r3,.lesson .s1-stage[data-at="4"] .s1-r4,.lesson .s1-stage[data-at="5"] .s1-r5{opacity:1;box-shadow:inset 0 0 0 2px var(--skill)}.lesson .s1-stage.at-2 .s1-r1,.lesson .s1-stage.at-3 .s1-r2,.lesson .s1-stage.at-4 .s1-r3,.lesson .s1-stage.at-5 .s1-r4{opacity:1}.lesson .s1-stage.at-3 .s1-frown{opacity:0}.lesson .s1-stage.at-3 .s1-flat{opacity:1}.lesson .s1-stage.at-5 .s1-worry,.lesson .s1-stage.at-5 .s1-flat{opacity:0}.lesson .s1-stage.at-5 .s1-smile{opacity:1}.lesson .s1-tracks{background:#fff;border-radius:14px;gap:14px;padding:14px 16px;display:grid}.lesson .s1-track-row h3{font:700 14px/1.2 var(--body);margin-bottom:7px}.lesson .s1-track{background:var(--wall-deep);border-radius:8px;gap:2px;height:26px;display:flex;position:relative;overflow:hidden}.lesson .s1-track i{flex:0 0 calc(var(--s) / 90 * 100% - 2px);background:var(--skill);transform-origin:0}.lesson .s1-bare .s1-track i{background:var(--skill)}.lesson .s1-track .s1-tone-a{background:var(--maple)}.lesson .s1-track .s1-why{background:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .s1-track .s1-why{background:color-mix(in srgb, var(--skill) 60%, white)}}.lesson .s1-track .s1-eg{background:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .s1-track .s1-eg{background:color-mix(in srgb, var(--skill) 32%, white)}}.lesson .s1-dead{color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex;position:absolute;inset:0 6px 0 14.5%;overflow:hidden}.lesson .s1-unit{gap:7px;margin-top:12px;display:grid}.lesson .s1-unit p{background:#fff;border-radius:12px;grid-template-columns:76px minmax(0,1fr);align-items:baseline;gap:10px;padding:9px 12px;font-size:16px;line-height:1.4;display:grid}.lesson .s1-tag{white-space:nowrap;border-radius:6px 3px 7px 4px;justify-self:start;padding:1px 8px;font-size:13px;font-style:normal;font-weight:700}.lesson .s1-tag-tip{background:var(--skill);color:#fff}.lesson .s1-tag-why{background:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .s1-tag-why{background:color-mix(in srgb, var(--skill) 60%, white)}}.lesson .s1-tag-why{color:var(--ink)}.lesson .s1-tag-eg{background:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .s1-tag-eg{background:color-mix(in srgb, var(--skill) 24%, white)}}.lesson .s1-tag-eg{color:var(--ink)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s1-bare .s1-track i{animation:lesson-grow .3s var(--ease-out) both;animation-delay:calc(.25s + var(--k) * .28s)}.lesson .s1-dead{animation:.36s 1.25s both lesson-fade}.lesson .s1-full h3{animation:.3s 1.9s both lesson-fade}.lesson .s1-full .s1-track i{animation:lesson-grow .3s var(--ease-out) both;animation-delay:calc(2.1s + var(--k) * .24s)}.lesson .s1-unit p{animation:lesson-fade-up .34s var(--ease-out) both;animation-delay:calc(2.5s + var(--k) * .5s)}}.lesson .s1-drums{gap:8px;display:grid}.lesson .s1-drum-row{background:#fff;border-radius:12px;grid-template-columns:176px minmax(0,1fr);align-items:center;gap:12px;padding:10px 14px;font-size:18px;font-weight:600;line-height:1.3;display:grid}.lesson .s1-drum{background:var(--maple-soft);border-radius:9px;height:44px;padding:0 10px;display:block;position:relative;overflow:hidden}.lesson .s1-reel{transform:translateY(calc(var(--n) * -44px));display:grid}.lesson .s1-reel span{white-space:nowrap;align-items:center;height:44px;font-weight:700;display:flex}.lesson .s1-rest{min-width:0}.lesson .s1-more{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.lesson .s1-more li{background:#fff;border-radius:999px;padding:5px 11px;font-size:14.5px;font-weight:600}@keyframes lesson-s1-spin{0%{transform:translateY(0)}45%{transform:translateY(calc(var(--n) * -44px + 12px))}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s1-reel{animation:lesson-s1-spin 1.5s var(--ease-io) both;animation-delay:calc(.45s + var(--k) * .95s)}.lesson .s1-more li{animation:lesson-fade-up .3s var(--ease-out) both}.lesson .s1-more li:first-child{animation-delay:3.5s}.lesson .s1-more li:nth-child(2){animation-delay:3.64s}.lesson .s1-more li:nth-child(3){animation-delay:3.78s}.lesson .s1-more li:nth-child(4){animation-delay:3.92s}}.lesson .s1-end{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:18px;display:grid}.lesson .s1-cd{place-items:center;width:120px;height:120px;display:grid;position:relative}.lesson .s1-cd svg{position:absolute;inset:0;rotate:-90deg}.lesson .s1-cd circle{fill:none;stroke-width:11px}.lesson .s1-cd-trk{stroke:#fff}.lesson .s1-cd-arc{stroke:var(--maple);stroke-dasharray:10 10}@property --s1-sec{syntax:"<integer>";inherits:false;initial-value:0}.lesson .s1-cd-num{--s1-sec:0;counter-reset:s1 var(--s1-sec);font:700 28px/1 var(--display);font-variant-numeric:tabular-nums}.lesson .s1-cd-num:after{content:"0:" counter(s1, decimal-leading-zero)}.lesson .s1-end-say{gap:8px;min-width:0;display:grid}.lesson .s1-weak{color:var(--muted);font-size:15px}.lesson .s1-last{--d0:.5s;--pace:.36s;background:#fff;border-radius:12px;padding:12px 14px;font-size:18px;font-weight:500;line-height:1.45}.lesson .s1-last mark{background:var(--maple-soft);color:inherit;border-radius:5px 3px 6px;padding:0 2px}.lesson .s1-keys{flex-wrap:wrap;gap:6px;margin-top:12px;font-size:13px;display:flex}.lesson .s1-keys li{background:var(--maple-soft);border-radius:999px;padding:3px 10px}@keyframes lesson-s1-drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:-10px}}@keyframes lesson-s1-cd{0%{--s1-sec:10}to{--s1-sec:0}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s1-cd-arc{animation:8.2s linear .4s both lesson-s1-drain}.lesson .s1-cd-num{animation:8.2s linear .4s both lesson-s1-cd}.lesson .s1-weak .x:after{animation:lesson-strike .34s .7s var(--ease-out) both}.lesson .s1-keys li{animation:lesson-pop .3s var(--ease-spring) both}.lesson .s1-keys li:first-child{animation-delay:1s}.lesson .s1-keys li:nth-child(2){animation-delay:2.7s}.lesson .s1-keys li:nth-child(3){animation-delay:6.3s}}@media (width<=1000px){.lesson .s1-top{grid-template-columns:minmax(0,1fr)}.lesson .s1-led{display:none}.lesson .s1-dial svg{max-width:190px}.lesson .s1-part{display:block}.lesson .s1-stage .caption{min-height:158px;font-size:15px;line-height:1.4}}@media (width<=520px){.lesson .s1-phone{width:auto;margin-right:0;padding:12px 12px 14px}.lesson .s1-bub{font-size:15px}.lesson .s1-dial svg{max-width:150px}.lesson .s1-stage .caption{min-height:164px;padding:10px 12px;font-size:14.5px}.lesson .s1-tracks{padding:12px}.lesson .s1-dead{font-size:11.5px;left:15%;right:2px}.lesson .s1-unit p{grid-template-columns:minmax(0,1fr);gap:4px;font-size:15px}.lesson .s1-drum-row{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 12px;font-size:16px}.lesson .s1-drum{justify-self:start;width:172px}.lesson .s1-end{grid-template-columns:minmax(0,1fr);justify-items:center}.lesson .s1-end-say{width:100%}.lesson .s1-last{font-size:16px}}.lesson .s2-strike{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.lesson .s2-strike{color:color-mix(in srgb, var(--ink) 42%, var(--wall))}}.lesson .s2-strike:after{border-radius:99px;height:.08em}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s2-strike:after{animation:lesson-strike .52s .7s var(--ease-out) both}}.lesson .s2-cal{width:min(100%,400px);box-shadow:0 2px 0 var(--wall-deep), 0 22px 30px -26px #4a1b3a80;background:#fff;border-radius:10px 10px 4px 4px;gap:10px;margin-right:10px;padding:16px 18px 20px;display:grid;rotate:1.2deg}.lesson .s2-cal-top{border-bottom:2px solid var(--line);font:700 18px/1 var(--display);padding-bottom:8px}.lesson .s2-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.lesson .s2-day{aspect-ratio:1;background:var(--wall);color:var(--muted);opacity:.3;border-radius:7px;place-items:center;font-size:12px;font-weight:600;display:grid}.lesson .s2-day-on{z-index:1;background:var(--maple);color:#fff;opacity:1;font-weight:800;position:relative;transform:scale(1.5)}.lesson .s2-cal-say{font:700 22px/1.15 var(--display);color:var(--plum);justify-self:center}@keyframes lesson-s2-day{0%{opacity:1}}@keyframes lesson-s2-day-on{0%{opacity:1;background:var(--wall);color:var(--muted);transform:scale(1)}60%{transform:scale(1.65)}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s2-day{animation:lesson-s2-day .42s var(--ease-out) both;animation-delay:calc(.4s + var(--k) * 42ms)}.lesson .s2-day-on{animation:lesson-s2-day-on .62s 1.9s var(--ease-spring) both}.lesson .s2-cal-say{animation:lesson-fade-up .42s 2.5s var(--ease-out) both}}.lesson .s2-stage{--p:100;--x:100;gap:12px;display:grid}.lesson .s2-prompt{background:#fff;border-radius:14px;padding:10px 14px;font-size:15px;font-weight:600;line-height:1.35}.lesson .s2-plot{padding-bottom:22px;position:relative}.lesson .s2-plot svg{width:100%;height:auto;display:block;overflow:visible}.lesson .s2-band{fill:var(--maple-soft);opacity:.55;transition:opacity .5s var(--ease-out)}.lesson .s2-area{fill:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .s2-area{fill:color-mix(in srgb, var(--skill) 14%, white)}}.lesson .s2-area{clip-path:inset(0 calc(100% - var(--x) * 1%) 0 0);transition:clip-path 1.2s var(--ease-out)}.lesson .s2-ghost{fill:none;stroke:var(--stage-line);stroke-width:4px;stroke-linecap:round;stroke-dasharray:2 10}.lesson .s2-curve{fill:none;stroke:var(--skill);stroke-width:6px;stroke-linecap:round;stroke-dasharray:var(--p) 100;transition:stroke-dasharray 1.2s var(--ease-out)}.lesson .s2-axis{fill:none;stroke:var(--line-strong);stroke-width:2px}.lesson .s2-peak{fill:var(--maple);stroke:#fff;stroke-width:4px;transform-box:fill-box;transform-origin:50%;transition:transform .42s var(--ease-spring), opacity .3s var(--ease-out)}.lesson .s2-dot{fill:#fff;stroke:var(--skill);stroke-width:5px;offset-path:path("M30 272 C70 272 90 260 107 252 C150 232 190 170 223 148 C280 112 330 66 385 54 C410 48 425 80 450 116 C490 170 520 188 560 178 C590 170 600 160 610 154");offset-rotate:0deg;offset-distance:calc(var(--p) * 1%);transition:offset-distance 1.2s var(--ease-out)}.lesson .s2-lab{color:var(--muted);white-space:nowrap;transition:opacity .32s var(--ease-out);font-size:13px;font-weight:700;position:absolute}.lesson .s2-lab-1{top:62%;left:4%}.lesson .s2-lab-2{top:38%;left:21%}.lesson .s2-lab-3{color:var(--maple-dark);top:0;left:60%;translate:-50%}.lesson .s2-lab-4{color:var(--maple-dark);top:72%;left:50.2%;translate:-50%}.lesson .s2-lab-5{top:26%;right:1%}.lesson .s2-ticks{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.lesson .s2-ticks span{position:absolute;bottom:0;translate:-50%}.lesson .s2-speech{background:#fff;border-radius:14px;align-content:start;gap:4px;min-height:124px;padding:12px 16px 14px;display:grid}.lesson .s2-speech small{color:var(--skill);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.lesson .s2-speech p{font-size:17px;font-weight:500;line-height:1.5}@media (scripting:enabled){.lesson .s2-stage .s2-band{opacity:0}.lesson .s2-stage .s2-peak{opacity:0;transform:scale(.3)}.lesson .s2-stage .s2-lab{opacity:0}}.lesson .s2-stage.at-2 .s2-lab-1,.lesson .s2-stage.at-3 .s2-lab-2,.lesson .s2-stage.at-4 .s2-lab-3,.lesson .s2-stage.at-4 .s2-lab-4,.lesson .s2-stage.at-6 .s2-lab-5{opacity:1}.lesson .s2-stage.at-4 .s2-band{opacity:.55}.lesson .s2-stage.at-4 .s2-peak{opacity:1;transition-delay:.9s;transform:scale(1)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s2-speech .w{animation:lesson-word .24s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms)}}.lesson .s2-slot{border-top:8px solid var(--plum-dark);border-radius:4px 4px 0 0;padding-top:10px;overflow:hidden}.lesson .s2-ticket{box-shadow:inset 0 3px 0 var(--stage-line);background:#fff;border-radius:0 0 12px 12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px 16px 16px;display:grid}.lesson .s2-field{align-content:start;gap:3px;display:grid}.lesson .s2-field small{color:var(--muted);font-size:12.5px;font-weight:700}.lesson .s2-field b{font:700 18px/1.15 var(--display)}.lesson .s2-said{background:#fff;border-radius:12px;margin-top:12px;padding:12px 14px;font-size:18px;font-weight:500;line-height:1.45}.lesson .s2-said mark{background:var(--maple-soft);color:inherit;border-radius:5px 3px 6px;padding:0 2px}.lesson .s2-long{color:var(--muted);gap:3px;margin-top:12px;font-size:14.5px;line-height:1.45;display:grid}.lesson .s2-crossed{-webkit-text-decoration:line-through 2px var(--maple);-webkit-text-decoration:line-through 2px var(--maple);-webkit-text-decoration:line-through 2px var(--maple);text-decoration:line-through 2px var(--maple)}.lesson .s2-long em{color:var(--maple-dark);font-style:normal;font-weight:700}@keyframes lesson-s2-print{0%{transform:translateY(-105%)}}@keyframes lesson-s2-cross{0%{text-decoration-color:#0000}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s2-ticket{animation:lesson-s2-print .9s .3s var(--ease-out) both}.lesson .s2-field{animation:.32s both lesson-fade;animation-delay:calc(.9s + var(--k) * .3s)}.lesson .s2-said{animation:lesson-fade-up .36s 1.9s var(--ease-out) both}.lesson .s2-long{animation:.32s 2.6s both lesson-fade}.lesson .s2-crossed{animation:lesson-s2-cross .4s 3.1s var(--ease-out) both}}.lesson .s2-zoom{background:#fff;border-radius:14px;gap:6px;padding:14px 16px 16px;display:grid}.lesson .s2-zoom-top{color:var(--muted);justify-content:space-between;gap:10px;font-size:13px;font-weight:700;display:flex}.lesson .s2-zoom svg{width:100%;height:76px;display:block;overflow:visible}.lesson .s2-fan{fill:var(--maple-soft);opacity:.7}.lesson .s2-zoom-line{fill:none;stroke:var(--line-strong);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1;vector-effect:non-scaling-stroke}.lesson .s2-zoom-hit{fill:none;stroke:var(--maple);stroke-width:10px;stroke-linecap:round;vector-effect:non-scaling-stroke}.lesson .s2-slow{font:700 20px/1.5 var(--display);--d0:1.4s;--pace:.23s;padding:4px 2px 2px}.lesson .s2-gap{background:var(--maple);vertical-align:.3em;border-radius:2px;width:1.1em;height:3px;margin:0 .2em;display:inline-block}.lesson .s2-sum{border-top:2px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding-top:8px;font-size:14.5px;display:flex}.lesson .s2-sum em{color:var(--maple-dark);font-style:normal;font-weight:700}@keyframes lesson-s2-fan{0%{clip-path:polygon(62% 0,67% 0,67% 0,62% 0);opacity:0}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:.7}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s2-zoom-line{animation:lesson-draw .62s .25s var(--ease-out) both}.lesson .s2-zoom-hit{animation:.24s .8s both lesson-fade}.lesson .s2-fan{animation:lesson-s2-fan .62s .95s var(--ease-out) both}.lesson .s2-sum{animation:.3s 5.8s both lesson-fade}.lesson .s2-sum .x:after{animation:lesson-strike .34s 6.1s var(--ease-out) both}}.lesson .s2-carry{position:relative}.lesson .s2-carry svg{width:min(100%,440px);height:auto;margin-inline:auto;display:block;overflow:visible}.lesson .s2-chain{fill:none;stroke:var(--oak-dark);stroke-width:3px;stroke-linecap:round}.lesson .s2-now-line{fill:none;stroke:var(--line-strong);stroke-width:3px;stroke-dasharray:3 9;stroke-linecap:round}.lesson .s2-box rect{fill:var(--oak-dark)}.lesson .s2-lid{fill:var(--oak)}.lesson .s2-ring{fill:none;stroke:var(--maple);stroke-width:7px;transform-box:view-box;transform-origin:0 0;transform:translate(285px,-10px)}.lesson .s2-gem{fill:var(--plum);stroke:#fff;stroke-width:3px}.lesson .s2-cap{color:var(--muted);font-size:13px;font-weight:700;position:absolute;top:0}.lesson .s2-then{left:26%}.lesson .s2-nowc{color:var(--maple-dark);right:21%}.lesson .s2-weak{color:var(--muted);margin-top:8px;font-size:15px}.lesson .s2-strong{--d0:2.2s;--pace:90ms;background:#fff;border-radius:12px;margin-top:6px;padding:12px 14px;font-size:18px;font-weight:500;line-height:1.45}@keyframes lesson-s2-carry{0%,20%{transform:none}60%{transform:translate(140px,-40px)}to{transform:translate(285px,-10px)}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s2-ring{animation:lesson-s2-carry 1.6s .4s var(--ease-io) both}.lesson .s2-weak .x:after{animation:lesson-strike .38s 1s var(--ease-out) both}}@media (width<=1000px){.lesson .s2-speech{min-height:148px}.lesson .s2-speech p{font-size:15.5px;line-height:1.45}}@media (width<=520px){.lesson .s2-cal{width:auto;margin-right:0;padding:12px 14px 16px}.lesson .s2-days{gap:4px}.lesson .s2-cal-say{font-size:19px}.lesson .s2-prompt{display:none}.lesson .s2-lab{font-size:11px}.lesson .s2-lab-1,.lesson .s2-lab-2,.lesson .s2-lab-4{display:none}.lesson .s2-speech{min-height:151px;padding:10px 12px 12px}.lesson .s2-speech p{font-size:14px;line-height:1.35}.lesson .s2-ticket{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}.lesson .s2-said{font-size:16px}.lesson .s2-zoom{padding:12px}.lesson .s2-zoom-top{font-size:12px}.lesson .s2-slow{font-size:17px}.lesson .s2-strong{font-size:16px}}.s4-sky,.s4-field{fill:var(--lake-soft)}@supports (color:color-mix(in lab, red, red)){.s4-field{fill:color-mix(in srgb, var(--lake-soft) 45%, white)}}.s4-white{fill:#fff}.s4-ball{stroke:var(--lake-line);stroke-width:3px}.s4-shade{fill:var(--lake-line)}.s4-slope{fill:none;stroke:var(--lake-line);stroke-width:4px}.s4-track{fill:none;stroke:var(--lake-soft);stroke-width:3px;stroke-linecap:round}.s4-tree-back{fill:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.s4-tree-back{fill:color-mix(in srgb, var(--speaking) 38%, white)}}.s4-tree-front{fill:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.s4-tree-front{fill:color-mix(in srgb, var(--speaking) 62%, white)}}.s4-ink{fill:var(--ink)}.s4-muted{fill:var(--muted)}.s4-plum{fill:var(--plum)}.s4-plum-dark{fill:var(--plum-dark)}.s4-wall{fill:var(--wall)}.s4-maple{fill:var(--maple)}.s4-maple-soft{fill:var(--maple-soft)}.s4-maple-dark{fill:var(--maple-dark)}.s4-oak{fill:var(--oak)}.s4-oakd{fill:var(--oak-dark)}.s4-lake{fill:var(--listening)}.s4-green{fill:var(--speaking)}.s4-k1{fill:var(--birch)}.s4-k2{fill:var(--oak)}.s4-k3{fill:var(--oak-dark)}.s4-plate{stroke:var(--plum);stroke-width:3px}.s4-board{stroke:var(--maple);stroke-width:4px}.s4-text{fill:var(--plum);font:700 22px var(--body)}.s4-text-w{fill:#fff}.s4-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round}.s4-s-ink{stroke:var(--ink)}.s4-s-plum{stroke:var(--plum)}.s4-s-lake{stroke:var(--listening)}.s4-s-maple{stroke:var(--maple)}.s4-s-maple-dark{stroke:var(--maple-dark)}.s4-s-oak{stroke:var(--oak)}.s4-s-oakd{stroke:var(--oak-dark)}.lesson .s4-sun{transform:translate(72px,224px)}.lesson .s4-cloud{transform:translate(190px,8px)}.lesson .s4-sunset{opacity:1}.lesson .s4-sign-last{opacity:0}.lesson .s4-queue{opacity:0;transform:translate(-30px)}.lesson .s4-owner{transform:translate(620px)}.lesson .s4-man{transform:translate(200px)}.lesson .s4-man-a{opacity:0}.lesson .s4-snowbody{transform-origin:690px 494px;transform:rotate(7deg)}.lesson .s4-head-x{transform:translate(84px)}.lesson .s4-head-y{transform:translateY(176px)}.lesson .s4-nose{opacity:0}.lesson .s4-toboggan{transform:translate(411px,203px)}.lesson .s4-dog{transform:translate(540px,-8px)}.lesson .s4-puff{fill:#fff;opacity:0;transform-origin:660px 420px}.lesson .s4-dusk{fill:var(--plum);opacity:.36}.lesson .s4-lit{fill:var(--maple-soft);opacity:.85}.lesson .s4-flakes{fill:#fff}.lesson .s4-nowrap{white-space:nowrap}.lesson .s4-next{display:inline-block;position:relative}.lesson .s4-next svg{width:100%;height:.24em;position:absolute;bottom:-.2em;left:0;right:0;overflow:visible}.lesson .s4-next path{fill:none;stroke:var(--maple);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .is-on .s4-next path{animation:lesson-draw .8s .4s var(--ease-out) both}.lesson .is-on .s4-next .s4-next-tip{animation-duration:.26s;animation-delay:1.15s}}.lesson .s4-frame{width:min(100%,540px);box-shadow:0 2px 0 var(--wall-deep), 0 22px 30px -26px #4a1b3a80;background:#fff;border-radius:14px;gap:10px;padding:12px 12px 14px;display:grid;rotate:-1.2deg}.lesson .s4-mat{aspect-ratio:16/10;border-radius:8px;overflow:hidden}.lesson .s4-mat svg{width:100%;height:100%;display:block}.lesson .s4-scrub{color:var(--muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;font-size:13px;font-weight:700;display:grid}.lesson .s4-scrub i{background:var(--line);border-radius:2px;height:4px;display:block;position:relative}.lesson .s4-scrub i:before{content:"";background:var(--skill);transform-origin:0;border-radius:2px;position:absolute;inset:0}.lesson .s4-scrub b{display:block;position:absolute;inset:0}.lesson .s4-scrub b:after{content:"";background:var(--plum);border-radius:50%;width:14px;height:14px;position:absolute;top:-5px;right:-7px}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .is-on .s4-frame .s4-toboggan{animation:1.1s cubic-bezier(.5,0,.9,.6) .5s both lesson-s4-home}.lesson .is-on .s4-frame .s4-snowbody{animation:lesson-s4-home .26s 1.56s var(--ease-out) both}.lesson .is-on .s4-frame .s4-head-x{animation:1s linear 1.56s both lesson-s4-home}.lesson .is-on .s4-frame .s4-head-y{animation:1s cubic-bezier(.3,-.9,.7,.7) 1.56s both lesson-s4-home}.lesson .is-on .s4-frame .s4-puff{animation:lesson-s4-puff .8s 1.56s var(--ease-out) both}.lesson .is-on .s4-frame .s4-dog{animation:lesson-s4-dog 2.8s 2.8s var(--ease-io) both}.lesson .is-on .s4-frame .s4-nose{animation:.1s 4s both lesson-s4-gone}.lesson .is-on .s4-frame .s4-bite{animation:.1s 4s both lesson-s4-arrive}.lesson .is-on .s4-frame .s4-owner{animation:lesson-s4-home 2.6s 3s var(--ease-io) both}.lesson .is-on .s4-frame .s4-man-a{animation:.1s 3.3s both lesson-s4-gone}.lesson .is-on .s4-frame .s4-man-b{animation:.1s 3.3s both lesson-s4-arrive}.lesson .is-on .s4-frame .s4-man{animation:lesson-s4-home 1.1s 4.5s var(--ease-io) both}.lesson .is-on .s4-frame .s4-queue{animation:lesson-s4-gone-home .7s 4.5s var(--ease-out) both}.lesson .is-on .s4-frame .s4-sign-last{animation:.2s 5s both lesson-s4-gone}.lesson .is-on .s4-frame .s4-sign-out{animation:.2s 5s both lesson-s4-arrive}.lesson .is-on .s4-frame .s4-sun{animation:lesson-s4-home 3s 4.4s var(--ease-io) both}.lesson .is-on .s4-frame .s4-cloud{animation:3s linear 4.4s both lesson-s4-home}.lesson .is-on .s4-frame .s4-sunset{animation:3s linear 4.4s both lesson-s4-arrive}.lesson .is-on .s4-frame .s4-dusk{animation:2.2s linear 5.4s both lesson-s4-arrive}.lesson .is-on .s4-frame .s4-lit{animation:lesson-s4-arrive .5s 7s var(--ease-out) both}.lesson .is-on .s4-frame .s4-flakes{animation:lesson-fade-up 1s 7.2s var(--ease-out) both}.lesson .is-on .s4-scrub i:before{animation:7.3s linear .5s both lesson-grow}.lesson .is-on .s4-scrub b{animation:7.3s linear .5s both lesson-s4-scrub}}@keyframes lesson-s4-home{0%{transform:none}}@keyframes lesson-s4-gone{0%{opacity:1}}@keyframes lesson-s4-arrive{0%{opacity:0}}@keyframes lesson-s4-gone-home{0%{opacity:1;transform:none}}@keyframes lesson-s4-puff{0%{opacity:0;transform:scale(.3)}25%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes lesson-s4-dog{0%{transform:none}42%,58%{transform:translate(180px,-8px)}to{transform:translate(540px,-8px)}}@keyframes lesson-s4-flash{0%{opacity:0}12%{opacity:1}55%{opacity:1}to{opacity:0}}@keyframes lesson-s4-scrub{0%{transform:translate(-100%)}}.lesson .s4-stage{--c:4;gap:12px;display:grid}.lesson .s4-shot{aspect-ratio:16/10;background:var(--lake-soft);border-radius:14px;position:relative;overflow:hidden}.lesson .s4-shot>svg{width:100%;height:100%;position:absolute;inset:0}.lesson .s4-when{background:#fff;border-radius:99px;align-items:center;gap:7px;padding:5px 12px 5px 7px;font-size:15px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.lesson .s4-when svg{fill:none;width:20px;height:20px;stroke:var(--plum);stroke-width:2.4px;stroke-linecap:round}.lesson .s4-when-hand{transform-origin:12px 12px;transform:rotate(calc(var(--c) * 80deg));transition:transform .5s var(--ease-out)}.lesson .s4-fc path{fill:none;stroke:var(--maple);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.lesson .s4-fc path[pathLength]{stroke-dasharray:1}.lesson .s4-fc{opacity:0}.lesson .s4-rail{gap:4px;display:grid}.lesson .s4-ends{color:var(--muted);justify-content:space-between;font-size:13px;font-weight:700;display:flex}.lesson .s4-rungs{background:#fff;border-radius:12px;padding:4px;position:relative}.lesson .s4-rungs ol{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.lesson .s4-rungs li{text-align:center;min-height:34px;color:var(--muted);transition:color .3s var(--ease-out);place-items:center;padding:0 4px;font-size:14.5px;font-weight:700;line-height:1.1;display:grid}.lesson .s4-stage:not([data-at]) .s4-rungs li:nth-child(5),.lesson .s4-stage[data-at="1"] .s4-rungs li:first-child,.lesson .s4-stage[data-at="2"] .s4-rungs li:nth-child(2),.lesson .s4-stage[data-at="3"] .s4-rungs li:nth-child(3),.lesson .s4-stage[data-at="4"] .s4-rungs li:nth-child(4),.lesson .s4-stage[data-at="5"] .s4-rungs li:nth-child(5){color:#fff}.lesson .s4-bead{background:var(--plum);width:calc(20% - 1.6px);transform:translateX(calc(var(--c) * 100%));transition:transform .5s var(--ease-out);border-radius:9px;position:absolute;top:4px;bottom:4px;left:4px}@media (scripting:enabled){.lesson .s4-stage .s4-sun,.lesson .s4-stage .s4-cloud{transition:transform 1.1s var(--ease-io)}.lesson .s4-stage .s4-sunset,.lesson .s4-stage .s4-dusk{transition:opacity 1.1s var(--ease-io)}.lesson .s4-stage .s4-lit,.lesson .s4-stage .s4-flakes{transition:opacity .7s var(--ease-out), transform .9s var(--ease-out)}.lesson .s4-stage .s4-sign-last,.lesson .s4-stage .s4-sign-out,.lesson .s4-stage .s4-queue,.lesson .s4-stage .s4-nose,.lesson .s4-stage .s4-bite,.lesson .s4-stage .s4-man-a,.lesson .s4-stage .s4-man-b{transition:opacity .3s var(--ease-out), transform .5s var(--ease-out)}.lesson .s4-stage .s4-toboggan{transition:transform 1.1s cubic-bezier(.5,0,.9,.6)}.lesson .s4-stage .s4-snowbody{transition:transform .26s var(--ease-out)}.lesson .s4-stage .s4-head-x{transition:transform .9s linear}.lesson .s4-stage .s4-head-y{transition:transform .9s cubic-bezier(.3,-.9,.7,.7)}.lesson .s4-stage .s4-dog,.lesson .s4-stage .s4-owner,.lesson .s4-stage .s4-man{transition:transform .9s var(--ease-io)}.lesson .s4-stage .s4-fc{transition:opacity .24s var(--ease-out)}.lesson .s4-stage .s4-fc path[pathLength]{stroke-dashoffset:1px;transition:stroke-dashoffset .64s var(--ease-out)}.lesson .s4-stage .s4-fc-tip{opacity:0;transition:opacity .2s var(--ease-out)}.lesson .s4-stage .s4-sun,.lesson .s4-stage .s4-cloud,.lesson .s4-stage .s4-toboggan,.lesson .s4-stage .s4-snowbody,.lesson .s4-stage .s4-head-x,.lesson .s4-stage .s4-head-y,.lesson .s4-stage .s4-dog,.lesson .s4-stage .s4-owner,.lesson .s4-stage .s4-man{transform:none}.lesson .s4-stage .s4-sunset,.lesson .s4-stage .s4-dusk,.lesson .s4-stage .s4-lit,.lesson .s4-stage .s4-flakes,.lesson .s4-stage .s4-sign-out,.lesson .s4-stage .s4-bite,.lesson .s4-stage .s4-man-b{opacity:0}.lesson .s4-stage .s4-sign-last,.lesson .s4-stage .s4-queue,.lesson .s4-stage .s4-nose,.lesson .s4-stage .s4-man-a{opacity:1}.lesson .s4-stage .s4-queue{transform:none}.lesson .s4-stage.at-1 .s4-fc1{opacity:1}.lesson .s4-stage.at-1 .s4-fc1 path[pathLength]{stroke-dashoffset:0;transition-delay:.24s}.lesson .s4-stage.at-1 .s4-fc1 .s4-fc-tip{opacity:1;transition-delay:.86s}.lesson .s4-stage.at-2 .s4-fc1{opacity:0}.lesson .s4-stage.at-2 .s4-toboggan{transform:translate(411px,203px)}.lesson .s4-stage.at-2 .s4-snowbody{transition-delay:1.04s;transform:rotate(7deg)}.lesson .s4-stage.at-2 .s4-head-x{transition-delay:1.04s;transform:translate(84px)}.lesson .s4-stage.at-2 .s4-head-y{transition-delay:1.04s;transform:translateY(176px)}.lesson .s4-stage.at-3 .s4-fc2 path[pathLength]{stroke-dashoffset:0;transition-delay:.1s}.lesson .s4-stage.at-3 .s4-fc2 .s4-fc-tip{opacity:1;transition-delay:.72s}.lesson .s4-stage.at-3 .s4-dog{transition-delay:.64s;transform:translate(180px,-8px)}.lesson .s4-stage.at-3 .s4-owner{transition-delay:.64s;transform:translate(70px)}.lesson .s4-stage.at-3 .s4-man-a{opacity:0;transition-delay:.8s}.lesson .s4-stage.at-3 .s4-man-b{opacity:1;transition-delay:.8s}.lesson .s4-stage.at-3 .s4-nose{opacity:0;transition-delay:1.4s}.lesson .s4-stage.at-3 .s4-bite{opacity:1;transition-delay:1.4s}.lesson .s4-stage.at-4 .s4-dog{transition-delay:0s;transform:translate(540px,-8px)}.lesson .s4-stage.at-4 .s4-owner{transition-delay:0s;transform:translate(620px)}.lesson .s4-stage.at-4 .s4-man{transform:translate(200px)}.lesson .s4-stage.at-4 .s4-queue{opacity:0;transform:translate(-30px)}.lesson .s4-stage.at-4 .s4-sign-last{opacity:0;transition-delay:.5s}.lesson .s4-stage.at-4 .s4-sign-out{opacity:1;transition-delay:.5s}.lesson .s4-stage.at-4 .s4-sun{transform:translate(36px,98px)}.lesson .s4-stage.at-4 .s4-cloud{transform:translate(80px,4px)}.lesson .s4-stage.at-4 .s4-sunset{opacity:.55}.lesson .s4-stage.at-4 .s4-dusk{opacity:.08}.lesson .s4-stage.at-4 .s4-fc3{opacity:1}.lesson .s4-stage.at-4 .s4-fc3 path[pathLength]{stroke-dashoffset:0;transition-delay:.7s}.lesson .s4-stage.at-5 .s4-fc3{opacity:0}.lesson .s4-stage.at-5 .s4-sun{transform:translate(72px,224px)}.lesson .s4-stage.at-5 .s4-cloud{transform:translate(190px,8px)}.lesson .s4-stage.at-5 .s4-sunset{opacity:1}.lesson .s4-stage.at-5 .s4-dusk{opacity:.36}.lesson .s4-stage.at-5 .s4-lit{opacity:.85;transition-delay:.9s}.lesson .s4-stage.at-5 .s4-flakes{opacity:1;transition-delay:1.1s}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s4-stage.at-2 .s4-puff{animation:lesson-s4-puff .8s 1.04s var(--ease-out) both}.lesson .s4-stage.at-3:not(.at-4) .s4-fc2{animation:lesson-s4-flash 1.5s var(--ease-out) both}}.lesson .s4-bare{flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:14px;font-size:17px;font-weight:500;display:flex}.lesson .s4-bare em{background:var(--maple-soft);color:var(--maple-dark);border-radius:99px;padding:2px 10px;font-size:14px;font-style:normal;font-weight:700}.lesson .s4-threads{gap:10px;display:grid}.lesson .s4-threads>li{grid-template-columns:120px 46px minmax(0,1fr);align-items:center;display:grid}.lesson .s4-crop{aspect-ratio:16/10;background:var(--lake-soft);border-radius:10px;overflow:hidden}.lesson .s4-crop svg{width:100%;height:100%;display:block}.lesson .s4-crop ellipse{fill:none;stroke:var(--maple);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1}.lesson .s4-string{width:100%;height:26px;overflow:visible}.lesson .s4-string path{fill:none;stroke:var(--maple);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1}.lesson .s4-threads p{background:#fff;border-radius:12px;padding:10px 14px;font-size:16px;font-weight:500;line-height:1.4}.lesson .s4-threads b{color:var(--plum);font-weight:700}.lesson .s4-joins{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.lesson .s4-joins li{color:var(--plum);background:#fff;border-radius:99px;padding:4px 11px;font-size:14px;font-weight:700}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s4-bare .x:after{animation:lesson-strike .4s .5s var(--ease-out) both}.lesson .s4-bare em{animation:lesson-pop .3s 1s var(--ease-spring) both}.lesson .s4-crop{animation:lesson-tile-in .42s calc(1.2s + var(--k) * .9s) var(--ease-out) both}.lesson .s4-threads>li>.s4-crop{animation-delay:calc(1.2s + var(--k) * .9s)}.lesson .s4-crop ellipse{animation:lesson-draw .5s calc(1.5s + var(--k) * .9s) var(--ease-out) both}.lesson .s4-string path{animation:lesson-draw .36s calc(1.9s + var(--k) * .9s) var(--ease-out) both}.lesson .s4-threads p{animation:lesson-fade-up .38s calc(2.15s + var(--k) * .9s) var(--ease-out) both}.lesson .s4-joins li{animation:lesson-pop .26s calc(4.8s + var(--i,0) * 70ms) var(--ease-spring) both}}.lesson .s4-sky-arc{border-radius:12px;overflow:hidden}.lesson .s4-sky-arc svg{width:100%;height:auto;display:block}.lesson .s4-arc-dusk{fill:var(--plum);opacity:.32}.lesson .s4-arc-line{fill:none;stroke:#fff;stroke-width:3px;stroke-dasharray:3 10;stroke-linecap:round}.lesson .s4-orbit{transform-origin:320px 420px;transform:rotate(53.13deg)}.lesson .s4-pips{fill:var(--plum);stroke:#fff;stroke-width:3px}.lesson .s4-pegs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.lesson .s4-pegs li{background:#fff;border-radius:12px;align-content:start;gap:4px;padding:10px 12px;font-size:15px;font-weight:500;line-height:1.35;display:grid}.lesson .s4-pegs b{font:700 16px/1.15 var(--display);font-variation-settings:"opsz" 24;color:var(--skill)}.lesson .s4-pegs em{font-style:normal;font-weight:700}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s4-orbit{animation:4.2s linear .3s both lesson-s4-orbit}.lesson .s4-arc-dusk{animation:1.4s linear 3.1s both lesson-s4-arrive}.lesson .s4-pips circle{animation:lesson-pop .24s calc(.4s + var(--k) * 1.3s) var(--ease-spring) both;transform-box:fill-box;transform-origin:50%}.lesson .s4-pegs li{animation:lesson-fade-up .38s calc(.45s + var(--k) * 1.3s) var(--ease-out) both}.lesson .s4-pegs .sweep{animation-delay:4.77s}}@keyframes lesson-s4-orbit{0%{transform:rotate(-53.13deg)}9%{transform:rotate(-53.13deg)}31%{transform:rotate(-15.47deg)}40%{transform:rotate(-15.47deg)}62%{transform:rotate(15.47deg)}71%{transform:rotate(15.47deg)}to{transform:rotate(53.13deg)}}.lesson .s4-minute{gap:6px;margin-bottom:14px;display:grid}.lesson .s4-minute-track{background:var(--skill);border-radius:8px;height:16px;overflow:hidden}.lesson .s4-minute-track i{background:var(--line-strong);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(.08)}.lesson .s4-minute-keys{color:var(--muted);justify-content:space-between;font-size:13px;font-weight:700;display:flex}.lesson .s4-minute-keys span:last-child{color:var(--skill)}.lesson .s4-push{gap:10px;display:grid}.lesson .s4-push li{background:#fff;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.lesson .s4-was{color:var(--muted);font-size:15px}.lesson .s4-now{font-size:17px;font-weight:600;line-height:1.35}.lesson .s4-now b{color:var(--plum);font-weight:700}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s4-minute-track i{animation:lesson-s4-shrink 3.2s .5s var(--ease-io) both}.lesson .s4-push .x:after{animation:lesson-strike .34s calc(.7s + var(--k) * 1.1s) var(--ease-out) both}.lesson .s4-now{animation:lesson-fade-up .36s calc(1s + var(--k) * 1.1s) var(--ease-out) both}}@keyframes lesson-s4-shrink{0%,10%{transform:scaleX(.72)}34%,44%{transform:scaleX(.5)}68%,78%{transform:scaleX(.28)}to{transform:scaleX(.08)}}.lesson .s4-fan{background:#fff;border-radius:14px;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px;display:grid}.lesson .s4-fan svg{width:110px;height:auto}.lesson .s4-fan circle{fill:var(--plum)}.lesson .s4-fan path{fill:none;stroke:var(--maple);stroke-width:5px;stroke-linecap:round}.lesson .s4-fan p{font-size:15px;line-height:1.4}.lesson .s4-fan b{font:700 21px/1.1 var(--display);color:var(--maple-dark);display:block}@media (width<=1000px){.lesson .s4-frame{margin-right:6px}}@media (width<=520px){.lesson .ls-hero:has(.s4-frame){padding-left:0}.lesson .ls-hero:has(.s4-frame)>.bv-host{width:90px;inset:-78px 6px auto auto}.lesson .s4-frame{width:auto;margin-right:0;padding:8px 8px 10px}.lesson .s4-when{padding:3px 9px 3px 5px;font-size:12.5px;top:6px;left:6px}.lesson .s4-when svg{width:16px;height:16px}.lesson .s4-stage{gap:8px}.lesson .s4-rungs{padding:3px}.lesson .s4-rungs li{min-height:28px;padding:0 2px;font-size:11.5px}.lesson .s4-bead{width:calc(20% - 1.2px);top:3px;bottom:3px;left:3px}.lesson .s4-ends{font-size:12px}.lesson .s4-stage .caption{min-height:86px;font-size:14px;line-height:1.4}.lesson .s4-threads>li{grid-template-columns:84px 24px minmax(0,1fr)}.lesson .s4-threads p{padding:8px 10px;font-size:14.5px}.lesson .s4-pegs{grid-template-columns:minmax(0,1fr);gap:6px}.lesson .s4-pegs li{padding:8px 10px}.lesson .s4-fan{grid-template-columns:84px minmax(0,1fr)}.lesson .s4-fan svg{width:84px}}.s5-oak{fill:var(--oak)}.s5-oakd{fill:var(--oak-dark)}.s5-plum{fill:var(--plum)}.s5-ink{fill:var(--ink)}.s5-white{fill:#fff}.s5-mat{fill:var(--plum-soft)}.s5-lake{fill:var(--listening)}@supports (color:color-mix(in lab, red, red)){.s5-lake{fill:color-mix(in srgb, var(--listening) 70%, white)}}.s5-water{fill:var(--listening)}@supports (color:color-mix(in lab, red, red)){.s5-water{fill:color-mix(in srgb, var(--listening) 34%, white)}}.s5-maple{fill:var(--maple)}.s5-k2{fill:var(--oak)}.s5-k3{fill:var(--oak-dark)}.s5-steam{fill:none;stroke:var(--line-strong);stroke-width:4px;stroke-linecap:round}.s5-staves{fill:none;stroke:var(--oak-dark);stroke-width:2.5px}.s5-net{fill:none;stroke:var(--line-strong);stroke-width:2.5px}.s5-leg{fill:none;stroke:var(--ink);stroke-width:5px;stroke-linecap:round}.s5-rib{fill:none;stroke:#fff;stroke-width:3px;opacity:.5}.s5-ladder{fill:none;stroke:var(--muted);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.s5-label{fill:var(--ink);font:700 18px var(--body)}.s5-label-w{fill:#fff;font-size:17px}.s5-label-m{fill:var(--muted);font-size:16px}.lesson .s5-two{display:inline-block;position:relative}.lesson .s5-two svg{pointer-events:none;width:calc(100% + .4em);height:calc(100% + .06em);position:absolute;inset:-.04em -.2em -.02em;overflow:visible}.lesson .s5-two path{fill:none;stroke:var(--maple);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:1}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .is-on .s5-two path{animation:lesson-draw .8s .5s var(--ease-out) both}}.lesson .s5-scale{width:min(100%,500px);margin-right:8px}.lesson .s5-scale svg{width:100%;height:auto;display:block;overflow:visible}.lesson .s5-chain{fill:none;stroke:var(--muted);stroke-width:3px;stroke-linecap:round}.lesson .s5-beam{transform-origin:270px 80px;transform:rotate(-8deg)}.lesson .s5-hang-l{transform:translate(1.85px,26.4px)}.lesson .s5-hang-r{transform:translate(-1.85px,-26.4px)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .is-on .s5-b1{animation:.62s cubic-bezier(.5,0,.9,.7) .7s both lesson-s5-drop}.lesson .is-on .s5-b2{animation:.62s cubic-bezier(.5,0,.9,.7) 2s both lesson-s5-drop}.lesson .is-on .s5-beam{animation:lesson-s5-beam 3s .7s var(--ease-io) both}.lesson .is-on .s5-hang-l{animation:lesson-s5-left 3s .7s var(--ease-io) both}.lesson .is-on .s5-hang-r{animation:lesson-s5-right 3s .7s var(--ease-io) both}}@keyframes lesson-s5-drop{0%{opacity:0;transform:translateY(-110px)}10%{opacity:1}}@keyframes lesson-s5-beam{0%,20%{transform:none}34%,62%{transform:rotate(-4deg)}80%,to{transform:rotate(-8deg)}}@keyframes lesson-s5-left{0%,20%{transform:none}34%,62%{transform:translate(.46px,13.25px)}80%,to{transform:translate(1.85px,26.4px)}}@keyframes lesson-s5-right{0%,20%{transform:none}34%,62%{transform:translate(-.46px,-13.25px)}80%,to{transform:translate(-1.85px,-26.4px)}}.lesson .s5-stage{gap:12px;display:grid}.lesson .s5-phases{background:#fff;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.lesson .s5-phases li{min-height:30px;color:var(--muted);transition:background-color .3s var(--ease-out), color .3s var(--ease-out);border-radius:9px;place-items:center;font-size:14px;font-weight:700;display:grid}.lesson .s5-stage:not([data-at]) .p3,.lesson .s5-stage[data-at="1"] .p1,.lesson .s5-stage[data-at="2"] .p1,.lesson .s5-stage[data-at="3"] .p1,.lesson .s5-stage[data-at="4"] .p2,.lesson .s5-stage[data-at="5"] .p2,.lesson .s5-stage[data-at="6"] .p3{background:var(--plum);color:#fff}.lesson .s5-bout{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);align-items:center;display:grid}.lesson .s5-mine{position:relative}.lesson .s5-mine .circled{width:calc(100% + 16px);height:calc(100% + 14px);inset:-7px -8px}.lesson .s5-mine .circled path{vector-effect:none;stroke-width:.9px}.lesson .s5-theirs{display:grid}.lesson .s5-theirs>*{grid-area:1/1}.lesson .s5-card{background:#fff;border-radius:14px;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:6px 12px;min-height:150px;padding:14px 16px;display:grid;position:relative}.lesson .s5-pic{width:104px;height:auto;display:block}.lesson .s5-card>div{gap:2px;display:grid}.lesson .s5-card>div b{font:700 18px/1.1 var(--display);font-variation-settings:"opsz" 24}.lesson .s5-card>div span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.lesson .s5-card ul{grid-column:1/-1;gap:2px;font-size:14px;line-height:1.3;display:grid}.lesson .s5-card li{padding-left:13px;position:relative}.lesson .s5-card li:before{content:"";background:var(--skill);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:1px}.lesson .s5-tag{z-index:1;background:var(--maple-soft);color:var(--maple-dark);border-radius:99px;padding:3px 10px;font-size:12.5px;font-weight:700;position:absolute;top:-11px;left:12px}.lesson .s5-b{opacity:0;transform:translate(46px)rotate(5deg)}.lesson .s5-vs{place-items:center;display:grid}.lesson .s5-vs b{font:700 32px/1 var(--display);font-variation-settings:"opsz" 24;color:var(--plum);font-variant-numeric:tabular-nums}.lesson .s5-rows{gap:14px;display:grid}.lesson .s5-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 3px;display:grid}.lesson .s5-labels{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;gap:8px;display:grid}.lesson .s5-labels span{color:var(--muted);text-align:center;font-size:14px;font-weight:700}.lesson .s5-val{font:700 21px/1.1 var(--display);font-variation-settings:"opsz" 24}.lesson .s5-val:last-child{text-align:right}.lesson .s5-labels>b:first-child{color:var(--plum)}.lesson .s5-track{background:#fff;border-radius:0 6px 6px 0;height:18px;display:block;overflow:hidden}.lesson .s5-track.is-l{border-radius:6px 0 0 6px}.lesson .s5-track i{background:var(--oak);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--v));transition:transform .76s var(--ease-out);transition-delay:var(--d,0s);display:block}.lesson .s5-track.is-l i{background:var(--plum);transform-origin:100%}.lesson .s5-mode{color:var(--skill);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.lesson .s5-stage .caption{min-height:112px}@media (scripting:enabled){.lesson .s5-a .s5-tag{opacity:0;transition:opacity .24s var(--ease-out), transform .24s var(--ease-out);transform:translateY(6px)}.lesson .s5-stage.at-3 .s5-a .s5-tag{opacity:1;transform:none}.lesson .s5-mine .circled{opacity:0;transition:opacity .12s var(--ease-out)}.lesson .s5-stage.at-3 .s5-mine .circled{opacity:1}.lesson .s5-mine .circled path{stroke-dashoffset:1px;transition:stroke-dashoffset .62s var(--ease-out)}.lesson .s5-stage.at-3 .s5-mine .circled path{stroke-dashoffset:0}.lesson .s5-b,.lesson .s5-c{transition:opacity .42s var(--ease-out), transform .62s var(--ease-spring)}.lesson .s5-b{opacity:1;transform:none}.lesson .s5-c{opacity:0;transform:translate(46px)rotate(5deg)}.lesson .s5-stage.at-3 .s5-b{opacity:.55}.lesson .s5-stage.at-4 .s5-b{opacity:0;transform:translateY(40px)rotate(7deg)}.lesson .s5-stage.at-4 .s5-c{opacity:1;transition-delay:.24s;transform:none}.lesson .s5-val{opacity:0;transition:opacity .26s var(--ease-out)}.lesson .s5-stage.at-2 .s5-val{opacity:1;transition-delay:.3s}.lesson .s5-stage.at-4:not(.at-5) .s5-val{opacity:0;transition-delay:0s}.lesson .s5-track i{transform:scaleX(var(--v,0))}}.lesson .s5-roots{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:stretch;gap:12px;display:grid}.lesson .s5-roots h3{font:700 15px/1.2 var(--body);color:var(--muted)}.lesson .s5-shallow,.lesson .s5-deep{background:#fff9;border-radius:16px;align-content:start;gap:8px;padding:14px;display:grid}.lesson .s5-shallow svg{width:100%;height:auto;display:block}.lesson .s5-soil{fill:none;stroke:var(--oak-dark);stroke-width:3px;stroke-linecap:round}.lesson .s5-stem{fill:none;stroke:var(--skill);stroke-width:4px;stroke-linecap:round}.lesson .s5-short path{fill:none;stroke:var(--oak);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1}.lesson .s5-shallow ul{flex-wrap:wrap;gap:5px;display:flex}.lesson .s5-shallow li{color:var(--muted);background:#fff;border-radius:99px;padding:3px 9px;font-size:14px;font-weight:600}.lesson .s5-deep-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.lesson .s5-deep-cols>div{align-content:start;gap:8px;display:grid;position:relative}.lesson .s5-deep-cols>div>b{font:700 17px/1.15 var(--display);font-variation-settings:"opsz" 24;color:var(--plum)}.lesson .s5-root{width:18px;height:calc(100% - 32px);position:absolute;top:32px;bottom:0;left:0;overflow:visible}.lesson .s5-root path{fill:none;stroke:var(--oak-dark);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1}.lesson .s5-deep ol{gap:10px;padding-left:26px;font-size:15px;font-weight:500;line-height:1.35;display:grid}.lesson .s5-deep small{color:var(--skill);font-size:12.5px;font-weight:700;display:block}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s5-short path{animation:lesson-draw .32s calc(.3s + var(--k) * .13s) var(--ease-out) both}.lesson .s5-shallow li{animation:lesson-pop .26s calc(.32s + var(--k) * .13s) var(--ease-spring) both}.lesson .s5-root path{animation:lesson-draw 1.8s var(--ease-io) both;animation-delay:calc(1.3s + var(--c,0) * .7s)}.lesson .s5-deep-cols>div:nth-child(2) .s5-root path{animation-delay:2s}.lesson .s5-deep-cols li{animation:lesson-fade-up .34s var(--ease-out) both;animation-delay:calc(1.5s + var(--k) * .56s)}.lesson .s5-deep-cols>div:nth-child(2) li{animation-delay:calc(2.2s + var(--k) * .56s)}}.lesson .s5-pass{width:100%;height:auto;display:block}.lesson .s5-arc{fill:none;stroke:var(--line-strong);stroke-width:3px;stroke-linecap:round;stroke-dasharray:.02 .03}.lesson .s5-arm{fill:none;stroke-width:11px;stroke-linecap:round}.lesson .s5-arm-lake{stroke:var(--listening)}@supports (color:color-mix(in lab, red, red)){.lesson .s5-arm-lake{stroke:color-mix(in srgb, var(--listening) 70%, white)}}.lesson .s5-arm-plum{stroke:var(--plum)}.lesson .s5-placard{fill:var(--wall);stroke:var(--wall-deep);stroke-width:3px}.lesson .s5-placard-mine{fill:var(--maple-soft);stroke:var(--maple);stroke-width:3px}.lesson .s5-card-x{transform:translate(160px)}.lesson .s5-said{gap:8px;display:grid}.lesson .s5-said p{background:#fff;border-radius:14px;max-width:94%;padding:11px 14px;font-size:16px;font-weight:500;line-height:1.45}.lesson .s5-said b{color:var(--muted);margin-bottom:1px;font-size:13px;font-weight:700;display:block}.lesson .s5-said .s5-yours{background:var(--plum-soft);justify-self:end}.lesson .s5-said u{background:var(--maple-soft);border-radius:4px;padding:0 4px;font-weight:700;text-decoration:none}.lesson .s5-frames{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.lesson .s5-frames li{color:var(--plum);background:#fff;border-radius:99px;padding:4px 11px;font-size:14px;font-weight:700}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s5-card-x{animation:1.1s linear 1s both lesson-s5-pass-x}.lesson .s5-card-y{animation:1.1s linear 1s both lesson-s5-pass-y}.lesson .s5-placard-mine{animation:.3s 2s both lesson-fade}.lesson .s5-his{animation:lesson-fade-up .34s .3s var(--ease-out) both}.lesson .s5-yours{animation:lesson-fade-up .42s 2.3s var(--ease-out) both}.lesson .s5-frames li{animation:lesson-pop .26s 2.9s var(--ease-spring) both}}@keyframes lesson-s5-pass-x{0%{transform:none}to{transform:translate(160px)}}@keyframes lesson-s5-pass-y{0%{transform:none}50%{animation-timing-function:ease-in;transform:translateY(-34px)}to{transform:none}}.lesson .s5-aim{width:100%;height:auto;display:block}.lesson .s5-needle{transform-origin:260px 158px;transform:rotate(50deg)}.lesson .s5-needle path{fill:none;stroke:var(--plum);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.lesson .s5-gone{opacity:.32}.lesson .s5-off{color:var(--muted);background:#fff9;border-radius:12px;margin-top:6px;padding:10px 14px;font-size:15.5px}.lesson .s5-on{background:#fff;border-radius:12px;margin-top:8px;padding:11px 14px;font-size:17px;font-weight:600;line-height:1.4}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s5-needle{animation:lesson-s5-swing 2.6s .3s var(--ease-io) both}.lesson .s5-gone{animation:lesson-s5-dim .5s 1.5s var(--ease-out) both}.lesson .s5-off .x:after{animation:lesson-strike .42s 1.3s var(--ease-out) both}.lesson .s5-on{animation:lesson-fade-up .4s 2.6s var(--ease-out) both}}@keyframes lesson-s5-swing{0%,34%{transform:rotate(-50deg)}to{transform:rotate(50deg)}}@keyframes lesson-s5-dim{0%{opacity:1}}.lesson .s5-yes{text-align:center;background:#fff;border-radius:14px;justify-items:center;gap:4px;padding:14px;display:grid}.lesson .s5-yes p{font-size:15px;font-weight:600;line-height:1.4}.lesson .s5-yes b{font:700 21px/1.1 var(--display);color:var(--maple-dark)}.lesson .s5-yes svg{fill:none;width:22px;height:22px;stroke:var(--maple);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}@media (width<=1000px){.lesson .s5-roots{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.lesson .s5-stage{gap:8px}.lesson .s5-phases li{min-height:26px;font-size:12.5px}.lesson .s5-bout{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}.lesson .s5-card{border-radius:12px;grid-template-columns:46px minmax(0,1fr);gap:2px 8px;min-height:64px;padding:8px 9px}.lesson .s5-pic{width:46px}.lesson .s5-card ul{display:none}.lesson .s5-card>div b{font-size:13.5px}.lesson .s5-card>div span{font-size:12.5px}.lesson .s5-tag{padding:1px 7px;font-size:11px;top:-9px;left:6px}.lesson .s5-vs b{font-size:18px}.lesson .s5-rows{gap:6px}.lesson .s5-labels span{font-size:11.5px}.lesson .s5-val{font-size:13.5px}.lesson .s5-track{height:9px}.lesson .s5-stage .caption{min-height:104px;font-size:13.5px;line-height:1.38}.lesson .s5-mode{margin-bottom:0;font-size:12px}.lesson .s5-deep-cols{grid-template-columns:minmax(0,1fr)}.lesson .s5-said p{max-width:100%;font-size:15px}.lesson .s5-scale{margin-right:0}}.s6-wall{fill:var(--wall)}.s6-lake{fill:var(--listening)}@supports (color:color-mix(in lab, red, red)){.s6-lake{fill:color-mix(in srgb, var(--listening) 70%, white)}}.s6-plum{fill:var(--plum)}.s6-ink{fill:var(--ink)}.s6-k1{fill:var(--birch)}.s6-k2{fill:var(--oak)}.s6-oakd{fill:var(--oak-dark)}.s6-mouth{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round}.s6-glass{fill:none;stroke:var(--ink);stroke-width:1.8px}.s6-lanyard{fill:none;stroke:var(--maple);stroke-width:2.5px}.lesson .s6-hero{justify-items:center;width:min(100%,520px);padding-top:96px;display:grid;position:relative}.lesson .s6-hero svg{width:100%;height:auto;display:block;overflow:visible}.lesson .s6-hero-say{font:700 clamp(22px, 2.6vw, 34px)/1.1 var(--display);font-variation-settings:"opsz" 48;white-space:nowrap;box-shadow:0 2px 0 var(--wall-deep);background:#fff;border-radius:22px;padding:16px 24px;display:grid;position:absolute;top:8px;left:26%}.lesson .s6-hero-say:after{content:"";background:#fff;border-radius:0 0 6px;width:26px;height:26px;position:absolute;bottom:-14px;left:34px;rotate:45deg}.lesson .s6-hero-say>*{grid-area:1/1}.lesson .s6-hero-old{color:var(--muted);opacity:0;position:relative}.lesson .s6-hero-old:after{content:"";background:var(--maple);transform-origin:0;border-radius:3px;height:4px;position:absolute;top:52%;left:-4px;right:-4px}.lesson .s6-hero-new{color:var(--plum)}.lesson .s6-keep{white-space:nowrap}.lesson .s6-road{fill:none;stroke:var(--oak-dark);stroke-width:5px;stroke-linecap:round}.lesson .s6-dash{fill:none;stroke:var(--oak);stroke-width:3px;stroke-linecap:round;stroke-dasharray:26 20}.lesson .s6-carbody{fill:var(--maple)}.lesson .s6-window{fill:var(--lake-soft)}.lesson .s6-pillar{fill:var(--maple-dark)}.lesson .s6-wheel{fill:var(--ink)}.lesson .s6-hub{fill:var(--line-strong)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .is-on .s6-car{animation:lesson-s6-pull 1.2s var(--ease-out) both}.lesson .is-on .s6-hero-say{animation:lesson-pop .32s 1.2s var(--ease-spring) both;transform-origin:20% 100%}.lesson .is-on .s6-hero-old{animation:1.7s 1.6s both lesson-s6-old}.lesson .is-on .s6-hero-old:after{animation:lesson-strike .34s 2.4s var(--ease-out) both}.lesson .is-on .s6-hero-new{animation:lesson-s6-new .42s 3.05s var(--ease-spring) both}}@keyframes lesson-s6-pull{0%{transform:translate(-340px)}}@keyframes lesson-s6-old{0%,86%{opacity:1}to{opacity:0}}@keyframes lesson-s6-new{0%{opacity:0;transform:translateY(14px)scale(.9)}}.lesson .s6-stage{gap:12px;display:grid}.lesson .s6-clock{font-variant-numeric:tabular-nums;background:#fff;border-radius:99px;justify-self:start;padding:4px 12px;font-size:14px;font-weight:700}.lesson .s6-people{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.lesson .s6-j .circled{width:calc(100% + 16px);height:calc(100% + 14px);inset:-7px -8px}.lesson .s6-j .circled path{vector-effect:none;stroke-width:.9px}.lesson .s6-person{background:#fff;border-radius:14px;grid-template-columns:60px minmax(0,1fr);align-content:start;align-items:center;gap:10px 12px;min-height:148px;padding:12px 14px;display:grid;position:relative}.lesson .s6-face{width:60px;height:60px;display:block}.lesson .s6-person>div{gap:2px;display:grid}.lesson .s6-person>div b{font:700 20px/1.1 var(--display);font-variation-settings:"opsz" 24}.lesson .s6-person>div span{color:var(--muted);font-size:14px;font-weight:500;line-height:1.3}.lesson .s6-chips{flex-wrap:wrap;grid-column:1/-1;gap:5px;display:flex}.lesson .s6-chips li{background:var(--maple-soft);color:var(--maple-dark);border-radius:99px;padding:3px 9px;font-size:13px;font-weight:700}.lesson .s6-r .s6-chips li{background:var(--line);color:var(--muted)}.lesson .s6-r{opacity:.34}.lesson .s6-swap{display:grid}.lesson .s6-swap>*{grid-area:1/1}.lesson .s6-prompt{opacity:0;background:#fff9;border-radius:14px;align-self:center;padding:12px 16px;font-size:15.5px;font-weight:500;line-height:1.45}.lesson .s6-bubble{background:#fff;border-radius:18px;align-items:center;min-height:118px;padding:14px 20px;display:grid;position:relative}.lesson .s6-tail{background:#fff;border-radius:5px 0 0;width:22px;height:22px;position:absolute;top:-9px;left:66px;rotate:45deg}.lesson .s6-line{font:700 clamp(22px, 2.3vw, 30px)/1.15 var(--display);font-variation-settings:"opsz" 48;gap:2px;display:grid}.lesson .s6-first{display:grid}.lesson .s6-first>*{grid-area:1/1}.lesson .s6-old{color:var(--muted);flex-wrap:wrap;justify-self:start;gap:0 .26em;display:flex;position:relative}.lesson .s6-oldw{opacity:0;display:inline-block}.lesson .s6-strike{background:var(--maple);opacity:0;transform-origin:0;border-radius:3px;height:4px;position:absolute;top:52%;left:-3px;right:-3px}.lesson .s6-new{color:var(--plum);justify-self:start}.lesson .s6-mode{color:var(--skill);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.lesson .s6-stage .caption{min-height:112px}@media (scripting:enabled){.lesson .s6-r{opacity:1;transition:opacity .42s var(--ease-out), transform .42s var(--ease-out)}.lesson .s6-stage.at-3 .s6-r{opacity:.34;transform:scale(.97)}.lesson .s6-chips li{opacity:0;transition:opacity .26s var(--ease-out), transform .26s var(--ease-spring);transform:translateY(6px)scale(.92)}.lesson .s6-stage.at-2 .s6-chips li{opacity:1;transition-delay:calc(var(--k) * .24s);transform:none}.lesson .s6-j .circled{opacity:0;transition:opacity .12s var(--ease-out)}.lesson .s6-stage.at-3 .s6-j .circled{opacity:1;transition-delay:.18s}.lesson .s6-j .circled path{stroke-dashoffset:1px;transition:stroke-dashoffset .62s var(--ease-out)}.lesson .s6-stage.at-3 .s6-j .circled path{stroke-dashoffset:0;transition-delay:.2s}.lesson .s6-prompt{opacity:1;transition:opacity .28s var(--ease-out)}.lesson .s6-stage.at-3 .s6-prompt{opacity:0}.lesson .s6-bubble{opacity:0;transition:opacity .28s var(--ease-out), transform .28s var(--ease-out);transform:translateY(8px)}.lesson .s6-stage.at-3 .s6-bubble{opacity:1;transition-delay:.14s;transform:none}.lesson .s6-oldw{opacity:1;transition:opacity .24s var(--ease-out), transform .42s cubic-bezier(.5, 0, .9, .6)}.lesson .s6-strike{opacity:1;transition:transform .32s var(--ease-out), opacity .2s var(--ease-out);transform:scaleX(0)}.lesson .s6-new{opacity:0;transform-origin:0;transition:opacity .24s var(--ease-out), transform .46s var(--ease-spring);transform:translateY(16px)scale(.86)}.lesson .s6-tail{opacity:0;transition:opacity .22s var(--ease-out), transform .34s var(--ease-spring);transform:scale(.3)}.lesson .s6-stage.at-4 .s6-strike{opacity:0;transition:transform .32s var(--ease-out) .24s, opacity .2s var(--ease-out) .8s;transform:scaleX(1)}.lesson .s6-stage.at-4 .s6-oldw{opacity:0;transform:translateY(18px) rotate(calc((var(--k) - 2) * 7deg));transition-delay:calc(.64s + var(--k) * 60ms)}.lesson .s6-stage.at-4 .s6-new{opacity:1;transition-delay:1.04s;transform:none}.lesson .s6-stage.at-4 .s6-tail{opacity:1;transition-delay:1.24s;transform:none}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s6-stage.at-4:not(.at-5) .s6-j .s6-face{animation:lesson-s6-nod .62s 1.3s var(--ease-out) both}}@keyframes lesson-s6-nod{0%,to{transform:none}45%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.lesson .s6-strike{opacity:0}}.lesson .s6-room{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:14px;display:grid}.lesson .s6-room svg{width:100%;height:auto;display:block}.lesson .s6-floor{fill:#fff9}.lesson .s6-desk{fill:var(--line-strong)}.lesson .s6-seat-b{fill:var(--listening)}@supports (color:color-mix(in lab, red, red)){.lesson .s6-seat-b{fill:color-mix(in srgb, var(--listening) 70%, white)}}.lesson .s6-tag{fill:#fff;font:700 15px var(--body)}.lesson .s6-tag-m{fill:var(--ink);font-size:14px}.lesson .s6-tag-w{fill:#fff}.lesson .s6-head{fill:var(--plum)}.lesson .s6-you{transform-origin:92px 118px;transform:rotate(68deg)}.lesson .s6-beam-a path{fill:var(--maple-soft);opacity:0}.lesson .s6-beam-b path{fill:var(--maple-soft)}.lesson .s6-flips{gap:8px;display:grid}.lesson .s6-flips li{background:#fff;border-radius:12px;gap:2px;padding:10px 14px;display:grid}.lesson .s6-was{color:var(--muted);font-size:14px}.lesson .s6-now{color:var(--plum);font-size:17px;font-weight:700;line-height:1.3}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s6-you{animation:lesson-s6-turn 1.5s .5s var(--ease-io) both}.lesson .s6-beam-a path{animation:1.1s .5s both lesson-s6-beam-off}.lesson .s6-beam-b path{animation:.4s 1.4s both lesson-fade}.lesson .s6-flips .x:after{animation:lesson-strike .32s calc(1.7s + var(--k) * .62s) var(--ease-out) both}.lesson .s6-now{animation:lesson-fade-up .34s calc(1.9s + var(--k) * .62s) var(--ease-out) both}}@keyframes lesson-s6-turn{0%{transform:rotate(205deg)}}@keyframes lesson-s6-beam-off{0%,50%{opacity:1}to{opacity:0}}.lesson .s6-bridge{width:100%;height:auto;display:block}.lesson .s6-cliff{fill:var(--speaking)}.lesson .s6-p1{fill:var(--plum)}.lesson .s6-p2{fill:var(--listening)}.lesson .s6-p3{fill:var(--maple-soft);stroke:var(--maple);stroke-width:2px}.lesson .s6-walker{transform:translate(464px)}.lesson .s6-walk-dot{fill:var(--maple)}.lesson .s6-beats{gap:8px;margin-top:8px;display:grid}.lesson .s6-beats li{background:#fff;border-radius:12px;padding:10px 14px;font-size:16px;font-weight:500;line-height:1.4}.lesson .s6-beats b{color:var(--skill);margin-bottom:1px;font-size:13px;font-weight:700;display:block}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s6-plank{animation:lesson-s6-plank .46s calc(.3s + var(--k) * .62s) var(--ease-spring) both}.lesson .s6-beats li{animation:lesson-fade-up .36s calc(.56s + var(--k) * .62s) var(--ease-out) both}.lesson .s6-walker{animation:lesson-s6-walk 1.5s 2.4s var(--ease-io) both}}@keyframes lesson-s6-plank{0%{opacity:0;transform:translateY(-60px)rotate(-4deg)}}@keyframes lesson-s6-walk{0%{transform:none}}.lesson .s6-edge{width:100%;height:56px;display:block}.lesson .s6-jag,.lesson .s6-smooth{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.lesson .s6-jag{stroke:var(--maple);clip-path:inset(0 0 0 100%)}.lesson .s6-smooth{stroke:var(--plum)}.lesson .s6-sand{gap:8px;margin-top:10px;display:grid}.lesson .s6-sand li{background:#fff;border-radius:12px;gap:2px;padding:10px 14px;display:grid}.lesson .s6-blunt{color:var(--muted);font-size:14px}.lesson .s6-kind{font-size:17px;font-weight:600;line-height:1.3}.lesson .s6-kind b{color:var(--plum);font-weight:700}.lesson .s6-firm{flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:12px;font-size:15px;font-weight:500;display:flex}.lesson .s6-firm em{background:var(--plum-soft);color:var(--plum);border-radius:99px;padding:2px 10px;font-size:14px;font-style:normal;font-weight:700}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s6-smooth{animation:3s linear .5s both lesson-s6-sand}.lesson .s6-jag{animation:3s linear .5s both lesson-s6-sand-off}.lesson .s6-kind{animation:lesson-fade-up .34s calc(.8s + var(--k) * 1s) var(--ease-out) both}.lesson .s6-firm .x:after{animation:lesson-strike .34s 4s var(--ease-out) both}.lesson .s6-firm em{animation:lesson-pop .28s 4.4s var(--ease-spring) both}}@keyframes lesson-s6-sand{0%,8%{clip-path:inset(0 100% 0 0)}33%,41%{clip-path:inset(0 66% 0 0)}66%,74%{clip-path:inset(0 33% 0 0)}to{clip-path:inset(0)}}@keyframes lesson-s6-sand-off{0%,8%{clip-path:inset(0)}33%,41%{clip-path:inset(0 0 0 34%)}66%,74%{clip-path:inset(0 0 0 67%)}to{clip-path:inset(0 0 0 100%)}}.lesson .s6-last{background:#fff;border-radius:14px;gap:8px;padding:14px;display:grid}.lesson .s6-last-tape{gap:3px;display:flex}.lesson .s6-last-tape i,.lesson .s6-last-tape b{background:var(--line);text-align:center;min-width:0;color:var(--muted);border-radius:6px;flex-basis:0;padding:6px 4px;font-size:12px;font-style:normal;font-weight:700}.lesson .s6-last-tape b{background:var(--maple);color:#fff}.lesson .s6-last p{font-size:15px;font-weight:600;line-height:1.4}@media (width<=1000px){.lesson .s6-room{grid-template-columns:180px minmax(0,1fr)}}@media (width<=520px){.lesson .ls-hero:has(.s6-hero){padding-left:0}.lesson .ls-hero:has(.s6-hero)>.bv-host{width:84px;inset:-60px 2px auto auto}.lesson .s6-hero{width:auto;padding-top:76px}.lesson .s6-hero-say{padding:11px 16px;font-size:21px;left:4%}.lesson .s6-hero-say:after{width:20px;height:20px;bottom:-11px;left:22px}.lesson .s6-stage{gap:8px}.lesson .s6-clock{padding:2px 10px;font-size:12.5px}.lesson .s6-people{gap:8px}.lesson .s6-person{border-radius:12px;grid-template-columns:40px minmax(0,1fr);gap:6px 8px;min-height:0;padding:8px 9px}.lesson .s6-face{width:40px;height:40px}.lesson .s6-person>div b{font-size:16px}.lesson .s6-person>div span{font-size:12px}.lesson .s6-chips li{padding:2px 7px;font-size:11.5px}.lesson .s6-prompt{padding:8px 10px;font-size:12.5px;line-height:1.38}.lesson .s6-bubble{border-radius:14px;min-height:92px;padding:10px 14px}.lesson .s6-tail{width:16px;height:16px;top:-7px;left:40px}.lesson .s6-line{font-size:20px}.lesson .s6-stage .caption{min-height:0;font-size:13.5px;line-height:1.38}.lesson .s6-mode{margin-bottom:0;font-size:12px}@media (scripting:enabled){.lesson .s6-stage:not(.at-2) .s6-chips,.lesson .s6-stage.at-2:not(.at-3) .s6-swap,.lesson .s6-stage.at-3 .s6-chips,.lesson .s6-stage.at-3 .s6-person>div span{display:none}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s6-stage.at-2:not(.at-3) .s6-chips li{animation:lesson-fade-up .26s calc(var(--k) * .2s) var(--ease-out) both}.lesson .s6-stage.at-3:not(.at-4) .s6-bubble{animation:lesson-fade-up .28s var(--ease-out) both}}.lesson .s6-room{grid-template-columns:minmax(0,1fr)}.lesson .s6-room svg{justify-self:center;width:180px}}.lesson .s7-twice{display:inline-block;position:relative}.lesson .s7-twice svg{width:100%;height:auto;position:absolute;bottom:-.2em;left:0;overflow:visible}.lesson .s7-twice path{fill:none;stroke:var(--maple);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1}.lesson .s7-draw{width:100%;height:auto;display:block;overflow:visible}.lesson .s7-d{fill:none;stroke-dasharray:1;stroke-dashoffset:0}.lesson .s7-water{fill:var(--listening)}@supports (color:color-mix(in lab, red, red)){.lesson .s7-water{fill:color-mix(in srgb, var(--listening) 14%, white)}}.lesson .s7-wave{fill:none;stroke:var(--listening)}@supports (color:color-mix(in lab, red, red)){.lesson .s7-wave{stroke:color-mix(in srgb, var(--listening) 36%, white)}}.lesson .s7-wave{stroke-width:2.5px;stroke-linecap:round}.lesson .s7-bank{fill:var(--oak)}@supports (color:color-mix(in lab, red, red)){.lesson .s7-bank{fill:color-mix(in srgb, var(--oak) 42%, white)}}.lesson .s7-bank{stroke:var(--oak-dark);stroke-width:2.5px;stroke-linejoin:round}.lesson .s7-pier{fill:var(--skill);transform-box:fill-box;transform-origin:50% 100%}.lesson .s7-arch{stroke:var(--skill);stroke-width:5px}.lesson .s7-spand{fill:none;stroke:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .s7-spand{stroke:color-mix(in srgb, var(--skill) 55%, white)}}.lesson .s7-spand{stroke-width:3px}.lesson .s7-brace{stroke:var(--skill);stroke-width:4px;stroke-linejoin:round}.lesson .s7-deck{stroke:var(--plum);stroke-width:8px}.lesson .s7-push .s7-d{stroke:var(--maple);stroke-width:5px;stroke-linejoin:round}.lesson .s7-arc{stroke:var(--maple);stroke-width:3px}.lesson .s7-pole{stroke:var(--ink);stroke-width:4px}.lesson .s7-cloth{fill:var(--maple);transform-box:fill-box}.lesson .s7-flag-l .s7-cloth{transform-origin:0}.lesson .s7-flag-r .s7-cloth{transform-origin:100%}.lesson .s7-walker{transform:translateX(calc(var(--x,610) * 1px))}.lesson .s7-walker circle{fill:var(--plum);stroke:#fff;stroke-width:3px}.lesson .s7-head{background-color:#fff;background-image:linear-gradient(var(--stage-line) 1px, transparent 1px), linear-gradient(90deg, var(--stage-line) 1px, transparent 1px);width:min(100%,540px);box-shadow:0 2px 0 var(--wall-deep), 0 22px 30px -26px #4a1b3a80;background-size:22px 22px;border-radius:10px 10px 4px 4px;gap:8px;margin-right:10px;padding:16px 18px 18px;display:grid;position:relative;rotate:-1.2deg}.lesson .s7-head-tag{background:var(--plum-soft);border-radius:999px;justify-self:start;padding:2px 10px;font-size:13px;font-weight:700}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s7-twice path:first-child{animation:lesson-draw .46s .6s var(--ease-out) both}.lesson .s7-twice path:last-child{animation:lesson-draw .46s 1s var(--ease-out) both}.lesson .s7-head .s7-walker{animation:4.4s linear .4s both lesson-s7-cross}.lesson .s7-head .s7-flag-l .s7-pole{animation:lesson-draw .32s .2s var(--ease-out) both}.lesson .s7-head .s7-flag-l .s7-cloth{animation:lesson-pop .32s .48s var(--ease-spring) both}.lesson .s7-head .s7-p1{animation:lesson-s7-rise .42s .9s var(--ease-out) both}.lesson .s7-head .s7-a1{animation:lesson-draw .56s 1.05s var(--ease-out) both}.lesson .s7-head .s7-s1{animation:.3s 1.4s both lesson-fade}.lesson .s7-head .s7-d1{animation:lesson-draw .7s 1.45s var(--ease-out) both}.lesson .s7-head .s7-p2{animation:lesson-s7-rise .42s 2s var(--ease-out) both}.lesson .s7-head .s7-a2{animation:lesson-draw .56s 2.15s var(--ease-out) both}.lesson .s7-head .s7-s2{animation:.3s 2.5s both lesson-fade}.lesson .s7-head .s7-d2{animation:lesson-draw .7s 2.55s var(--ease-out) both}.lesson .s7-head .s7-push .s7-d{animation:lesson-draw .38s 3.1s var(--ease-out) both}.lesson .s7-head .s7-brace{animation:lesson-draw .5s 3.45s var(--ease-out) both}.lesson .s7-head .s7-d3{animation:lesson-draw .42s 3.65s var(--ease-out) both}.lesson .s7-head .s7-bank-r{animation:lesson-fade-up .42s 3.95s var(--ease-out) both}.lesson .s7-head .s7-flag-r .s7-pole{animation:lesson-draw .3s 4.2s var(--ease-out) both}.lesson .s7-head .s7-flag-r .s7-cloth{animation:lesson-pop .32s 4.45s var(--ease-spring) both}.lesson .s7-head .s7-arc{animation:lesson-draw .8s 4.7s var(--ease-out) both}}@keyframes lesson-s7-rise{0%{transform:scaleY(0)}to{transform:none}}@keyframes lesson-s7-cross{0%{transform:translate(30px)}to{transform:translate(610px)}}.lesson .s7-stage{gap:12px;display:grid}.lesson .s7-sheet{background-color:#fff;background-image:linear-gradient(var(--stage-line) 1px, transparent 1px), linear-gradient(90deg, var(--stage-line) 1px, transparent 1px);background-size:24px 24px;border-radius:14px;gap:10px;padding:14px 16px 12px;display:grid}.lesson .s7-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.lesson .s7-top p{background:#fff;max-width:30em;padding:2px 6px;font-size:15px;font-weight:600;line-height:1.4}.lesson .s7-time{background:var(--plum-soft);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:3px 11px;font-size:13px;font-weight:700}.lesson .s7-time b{font-weight:700}.lesson .s7-spans{grid-template-columns:10fr 25fr 25fr 15fr 15fr;column-gap:2px;padding:0 4.7%;display:grid}.lesson .s7-spans li{background:#fff;gap:1px;min-width:0;padding:6px 0 6px 6px;font-size:13px;line-height:1.2;display:grid}.lesson .s7-spans b{font-weight:700}.lesson .s7-spans small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.lesson .s7-stage .caption{min-height:148px}.lesson .s7-stage .s7-walker{transition:transform 1.1s var(--ease-io)}@media (scripting:enabled){.lesson .s7-stage .s7-spans li{color:var(--muted);transition:background-color .3s var(--ease-out), color .3s var(--ease-out)}.lesson .s7-stage[data-at="1"] .s7-c1,.lesson .s7-stage[data-at="2"] .s7-c2,.lesson .s7-stage[data-at="3"] .s7-c3,.lesson .s7-stage[data-at="4"] .s7-c4,.lesson .s7-stage[data-at="5"] .s7-c5{background:var(--plum-soft);color:var(--ink)}.lesson .s7-stage .s7-d{stroke-dashoffset:1px;transition:stroke-dashoffset .7s var(--ease-out)}.lesson .s7-stage .s7-cloth{transition:transform .34s var(--ease-spring);transform:scale(0)}.lesson .s7-stage .s7-pier{transition:transform .46s var(--ease-out);transform:scaleY(0)}.lesson .s7-stage .s7-spand{opacity:0;transition:opacity .3s var(--ease-out)}.lesson .s7-stage .s7-bank-r{opacity:0;transition:opacity .42s var(--ease-out), transform .42s var(--ease-out);transform:translateY(24px)}.lesson .s7-stage.at-1 .s7-flag-l .s7-pole{stroke-dashoffset:0}.lesson .s7-stage.at-1 .s7-flag-l .s7-cloth{transition-delay:.26s;transform:none}.lesson .s7-stage.at-2 .s7-p1{transform:none}.lesson .s7-stage.at-2 .s7-a1{stroke-dashoffset:0;transition-delay:.18s}.lesson .s7-stage.at-2 .s7-s1{opacity:1;transition-delay:.62s}.lesson .s7-stage.at-2 .s7-d1{stroke-dashoffset:0;transition-delay:.48s}.lesson .s7-stage.at-3 .s7-p2{transform:none}.lesson .s7-stage.at-3 .s7-a2{stroke-dashoffset:0;transition-delay:.18s}.lesson .s7-stage.at-3 .s7-s2{opacity:1;transition-delay:.62s}.lesson .s7-stage.at-3 .s7-d2{stroke-dashoffset:0;transition-delay:.48s}.lesson .s7-stage.at-4 .s7-push .s7-d{stroke-dashoffset:0}.lesson .s7-stage.at-4 .s7-brace{stroke-dashoffset:0;transition-delay:.42s}.lesson .s7-stage.at-4 .s7-d3{stroke-dashoffset:0;transition-delay:.64s}.lesson .s7-stage.at-5 .s7-bank-r{opacity:1;transform:none}.lesson .s7-stage.at-5 .s7-flag-r .s7-pole{stroke-dashoffset:0;transition-delay:.3s}.lesson .s7-stage.at-5 .s7-flag-r .s7-cloth{transition-delay:.6s;transform:none}.lesson .s7-stage.at-5 .s7-arc{stroke-dashoffset:0;transition-duration:.9s;transition-delay:.82s}.lesson .s7-stage.at-5 .s7-push .s7-d{stroke-dashoffset:1px;transition-duration:.3s}}.lesson .s7-piers{gap:14px;display:grid}.lesson .s7-piers-draw{background:#fff;border-radius:14px;width:100%;height:auto;padding:6px 10px 0;display:block;overflow:hidden}.lesson .s7-ground{fill:none;stroke:var(--line-strong);stroke-width:4px;stroke-linecap:round}.lesson .s7-col{fill:var(--muted);transform-box:view-box;transform-origin:90px 210px;transform:rotate(-21deg)}.lesson .s7-crack{fill:none;stroke:var(--maple);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.lesson .s7-plank{fill:var(--plum)}.lesson .s7-plank-l{transform-box:view-box;transform-origin:90px 59px;transform:translate(96px,144px)}.lesson .s7-block rect{fill:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .s7-block rect{fill:color-mix(in srgb, var(--skill) 16%, white)}}.lesson .s7-block rect{stroke:var(--skill);stroke-width:2.5px}.lesson .s7-block text{fill:var(--ink);font:700 19px var(--body)}.lesson .s7-block{transform-box:fill-box;transform-origin:50% 100%}.lesson .s7-said{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:10px;display:grid}.lesson .s7-said p,.lesson .s7-turn p{background:#fff;border-radius:12px;padding:12px 14px;font-size:16.5px;line-height:1.45}.lesson .s7-said b,.lesson .s7-turn p b{color:var(--skill);margin-bottom:3px;font-size:13px;display:block}.lesson .s7-said mark{background:var(--skill);border-radius:5px 3px 6px;padding:0 3px}@supports (color:color-mix(in lab, red, red)){.lesson .s7-said mark{background:color-mix(in srgb, var(--skill) 16%, white)}}.lesson .s7-said mark{color:inherit}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s7-piers .s7-block{animation:lesson-s7-stack .42s var(--ease-spring) both;animation-delay:calc(.3s + var(--k) * .38s)}.lesson .s7-piers .s7-plank-r{animation:lesson-s7-plank-land .42s 1.65s var(--ease-out) both}.lesson .s7-piers .s7-plank-l{animation:lesson-s7-plank-fall 1.3s 1.65s var(--ease-io) both}.lesson .s7-piers .s7-col{animation:lesson-s7-col-tip 1.3s 1.65s var(--ease-io) both}.lesson .s7-piers .s7-crack{animation:.2s 2.15s both lesson-fade}}@keyframes lesson-s7-stack{0%{opacity:0;transform:translateY(-34px)}to{opacity:1;transform:none}}@keyframes lesson-s7-plank-land{0%{opacity:0;transform:translateY(-52px)}to{opacity:1;transform:none}}@keyframes lesson-s7-plank-fall{0%{opacity:0;transform:translateY(-52px)}26%{opacity:1;transform:none}44%{opacity:1;transform:none}to{opacity:1;transform:translate(96px,144px)}}@keyframes lesson-s7-col-tip{0%,40%{transform:none}to{transform:rotate(-21deg)}}.lesson .s7-weigh{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;display:grid}.lesson .s7-scale{width:100%;height:auto;display:block;overflow:visible}.lesson .s7-post{fill:none;stroke:var(--oak-dark);stroke-width:8px;stroke-linecap:round}.lesson .s7-beamline{fill:none;stroke:var(--plum);stroke-width:7px;stroke-linecap:round}.lesson .s7-pivot{fill:var(--plum);stroke:#fff;stroke-width:3px}.lesson .s7-string{fill:none;stroke:var(--muted);stroke-width:2px}.lesson .s7-dish{fill:var(--oak);stroke:var(--oak-dark);stroke-width:2px}.lesson .s7-wt rect{fill:#fff;stroke:var(--skill);stroke-width:2.5px}.lesson .s7-wt text{fill:var(--ink);font:700 15px var(--body)}.lesson .s7-wt-them rect{fill:var(--maple-soft);stroke:var(--maple)}.lesson .s7-wt-reply rect{fill:var(--skill)}@supports (color:color-mix(in lab, red, red)){.lesson .s7-wt-reply rect{fill:color-mix(in srgb, var(--skill) 16%, white)}}.lesson .s7-beam{transform-box:view-box;transform-origin:220px 62px;transform:rotate(-10deg)}.lesson .s7-pan{transform-box:view-box;transform:rotate(10deg)}.lesson .s7-pan-l{transform-origin:70px 62px}.lesson .s7-pan-r{transform-origin:370px 62px}.lesson .s7-turn{gap:8px;display:grid}.lesson .s7-pills{flex-wrap:wrap;gap:6px;padding-top:2px;display:flex}.lesson .s7-pills li{background:#fff;border-radius:999px;padding:4px 11px;font-size:14.5px;font-weight:600}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s7-weigh .s7-beam{animation:lesson-s7-tip 4s .3s var(--ease-io) both}.lesson .s7-weigh .s7-pan{animation:lesson-s7-tip-back 4s .3s var(--ease-io) both}.lesson .s7-weigh .s7-wt-them{animation:lesson-s7-weight .46s .78s var(--ease-out) both}.lesson .s7-weigh .s7-wt-reply{animation:lesson-s7-weight .46s 2.5s var(--ease-out) both}.lesson .s7-weigh .s7-t1{animation:lesson-fade-up .38s .9s var(--ease-out) both}.lesson .s7-weigh .s7-t2{animation:lesson-fade-up .38s 2.65s var(--ease-out) both}}@keyframes lesson-s7-tip{0%,14%{transform:rotate(-6deg)}28%,56%{transform:rotate(8deg)}70%,to{transform:rotate(-10deg)}}@keyframes lesson-s7-tip-back{0%,14%{transform:rotate(6deg)}28%,56%{transform:rotate(-8deg)}70%,to{transform:rotate(10deg)}}@keyframes lesson-s7-weight{0%{opacity:0;transform:translateY(-92px)}to{opacity:1;transform:none}}.lesson .s7-land{gap:10px;display:grid}.lesson .s7-land-draw{background:#fff;border-radius:14px;width:100%;height:auto;padding:6px 8px;display:block}.lesson .s7-mark{fill:none;stroke:var(--maple);stroke-width:2.5px;stroke-dasharray:5 6}.lesson .s7-mark-t{fill:var(--maple-dark);font:700 15px var(--body)}.lesson .s7-runway{fill:none;stroke:var(--plum);stroke-width:7px;stroke-linecap:round}.lesson .s7-trail-t{fill:var(--muted);font:700 16px var(--body)}.lesson .s7-trail{stroke-width:3.5px}.lesson .s7-trail-a{stroke:var(--line-strong)}.lesson .s7-trail-b{stroke:var(--skill)}.lesson .s7-trail-off{fill:none;stroke:var(--line-strong);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:2 7}.lesson .s7-plane path{fill:var(--muted)}.lesson .s7-plane-b path{fill:var(--plum)}.lesson .s7-plane-a{transform:translate(490px,52px)}.lesson .s7-plane-b{transform:translate(492px,170px)}.lesson .s7-end{color:var(--muted);background:#fff;border-radius:12px;padding:10px 14px;font-size:16px;line-height:1.45}.lesson .s7-end.is-good{color:var(--ink);font-weight:500}.lesson .s7-end mark{background:var(--maple-soft);color:inherit;border-radius:5px 3px 6px;padding:0 3px}.lesson .s7-recipe{flex-wrap:wrap;gap:6px;display:flex}.lesson .s7-recipe li{background:var(--skill);border-radius:999px;padding:4px 11px}@supports (color:color-mix(in lab, red, red)){.lesson .s7-recipe li{background:color-mix(in srgb, var(--skill) 14%, white)}}.lesson .s7-recipe li{font-size:14.5px;font-weight:600}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s7-land .s7-trail{animation:3.6s linear .3s both lesson-draw}.lesson .s7-land .s7-plane-a{animation:3.6s linear .3s both lesson-s7-fly-a}.lesson .s7-land .s7-plane-b{animation:3.6s linear .3s both lesson-s7-fly-b}.lesson .s7-land .s7-trail-off{animation:.4s 3.9s both lesson-fade}.lesson .s7-land .s7-end .x:after{animation:lesson-strike .4s 4.1s var(--ease-out) both}.lesson .s7-land .s7-end.is-good{animation:lesson-fade-up .42s 3.4s var(--ease-out) both}.lesson .s7-land .s7-recipe li{animation:lesson-pop .32s var(--ease-spring) both;animation-delay:calc(4.3s + var(--k) * .2s)}}@keyframes lesson-s7-fly-a{0%{transform:translate(20px,52px)}to{transform:translate(490px,52px)}}@keyframes lesson-s7-fly-b{0%{transform:translate(20px,106px)}83.3%{transform:translate(411px,106px)}90%{transform:translate(444px,122px)rotate(20deg)}96%{transform:translate(472px,156px)rotate(24deg)}to{transform:translate(492px,170px)}}.lesson .s7-fence{background:#fff;border-radius:14px;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px;padding:12px 16px;display:grid}.lesson .s7-fence svg{width:130px;height:auto;display:block;overflow:visible}.lesson .s7-rail{fill:none;stroke:var(--oak-dark);stroke-width:5px;stroke-linecap:round}.lesson .s7-sitter{fill:var(--plum);transform:translate(112px,74px)}.lesson .s7-fpole{stroke:var(--ink);stroke-width:3px}.lesson .s7-fcloth{fill:var(--maple);transform-box:fill-box;transform-origin:0}.lesson .s7-fence p{color:var(--muted);gap:4px;font-size:16px;display:grid}.lesson .s7-fence p .x{justify-self:start}.lesson .s7-fence p b{font:700 20px/1.15 var(--display);color:var(--ink)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s7-fence .s7-sitter{animation:lesson-s7-hop .9s .5s var(--ease-io) both}.lesson .s7-fence .s7-fpole{animation:lesson-draw .3s 1.4s var(--ease-out) both}.lesson .s7-fence .s7-fcloth{animation:lesson-pop .32s 1.68s var(--ease-spring) both}.lesson .s7-fence p .x:after{animation:lesson-strike .36s 1.4s var(--ease-out) both}}@keyframes lesson-s7-hop{0%{transform:translate(75px,14px)}55%{transform:translate(96px,6px)}to{transform:translate(112px,74px)}}@media (width<=1000px){.lesson .s7-head{margin-right:14px}.lesson .s7-stage .caption{min-height:118px}}@media (width<=720px){.lesson .s7-weigh{grid-template-columns:minmax(0,1fr)}.lesson .s7-scale{justify-self:center;max-width:360px}}@media (width<=520px){.lesson .s7-head{margin-right:4px;padding:10px 12px 12px}.lesson .s7-head-tag{font-size:11.5px}.lesson .s7-sheet{background-size:18px 18px;gap:6px;padding:8px}.lesson .s7-top{justify-content:flex-end}.lesson .s7-top p{display:none}.lesson .s7-time{padding:2px 9px;font-size:12px}.lesson .s7-spans{padding:0}.lesson .s7-spans li{padding:3px 0 3px 3px;font-size:10.5px}.lesson .s7-spans small{font-size:10.5px}.lesson .s7-stage{gap:8px}.lesson .s7-stage .caption{min-height:0;padding:8px 10px;font-size:13px;line-height:1.38}.lesson .s7-said{grid-template-columns:minmax(0,1fr)}.lesson .s7-said p,.lesson .s7-turn p{font-size:15.5px}.lesson .s7-fence{grid-template-columns:96px minmax(0,1fr)}.lesson .s7-fence svg{width:96px}}.lesson .s8-see{display:inline-block}.lesson .s8-sil{fill:var(--line-strong)}.lesson .s8-st{fill:none;stroke-linecap:round;stroke-linejoin:round}.lesson .s8-sil-st{stroke:var(--line-strong)}.lesson .s8-iron-st{stroke:var(--ink)}.lesson .s8-copper{fill:var(--maple)}@supports (color:color-mix(in lab, red, red)){.lesson .s8-copper{fill:color-mix(in srgb, var(--maple) 66%, var(--oak-dark))}}.lesson .s8-copper-d{fill:var(--maple)}@supports (color:color-mix(in lab, red, red)){.lesson .s8-copper-d{fill:color-mix(in srgb, var(--maple) 58%, var(--maple-dark))}}.lesson .s8-patina{fill:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.lesson .s8-patina{fill:color-mix(in srgb, var(--speaking) 42%, white)}}.lesson .s8-shine{fill:#fff;fill-opacity:.32}.lesson .s8-door{fill:var(--oak);stroke:var(--oak-dark);stroke-width:2.5px}.lesson .s8-latch{fill:var(--birch);stroke:var(--oak-dark);stroke-width:1.5px}.lesson .s8-hole{fill:var(--plum-dark);display:none}.lesson .s8-explode .s8-hole{display:inline}.lesson .s8-dent{stroke:var(--maple-dark)}@supports (color:color-mix(in lab, red, red)){.lesson .s8-dent{stroke:color-mix(in srgb, var(--maple-dark) 72%, transparent)}}.lesson .s8-rust{stroke:var(--maple)}.lesson .s8-sky{fill:var(--lake-soft)}.lesson .s8-spruce{fill:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.lesson .s8-spruce{fill:color-mix(in srgb, var(--speaking) 62%, white)}}.lesson .s8-spruce-2{fill:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.lesson .s8-spruce-2{fill:color-mix(in srgb, var(--speaking) 40%, white)}}.lesson .s8-grass{fill:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.lesson .s8-grass{fill:color-mix(in srgb, var(--speaking) 20%, white)}}.lesson .s8-gravel{fill:var(--birch)}.lesson .s8-pebbles{fill:none;stroke:var(--oak-dark);stroke-width:3px;stroke-linecap:round}.lesson .s8-tires{fill:var(--ink);stroke:var(--muted);stroke-width:2px}.lesson .s8-tire-in{fill:var(--muted)}.lesson .s8-head{justify-items:end;width:min(100%,500px);min-height:360px;margin-right:8px;display:grid;position:relative}.lesson .s8-cloud{aspect-ratio:400/350;background:#fff;border-radius:48% 52% 46% 54%/56% 50% 50% 44%;place-items:center;width:min(100%,400px);display:grid;position:relative;overflow:hidden}.lesson .s8-head-mind{width:66%}.lesson .s8-head-mind svg{width:100%;height:auto;display:block}.lesson .s8-phone{width:150px;height:auto;position:absolute;bottom:-4px;left:18%;overflow:visible;scale:-1 1}.lesson .s8-handset{fill:var(--plum)}.lesson .s8-arc{fill:none;stroke:var(--maple);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s8-see{animation:lesson-s8-see 1.5s .3s var(--ease-out) both}.lesson .s8-head-mind{animation:lesson-s8-focus 5.2s .3s var(--ease-io) both}.lesson .s8-head .s8-arc{animation:lesson-draw .5s var(--ease-out) both}.lesson .s8-head .s8-arc-1{animation-delay:.3s}.lesson .s8-head .s8-arc-2{animation-delay:.62s}.lesson .s8-head .s8-arc-3{animation-delay:.94s}}@keyframes lesson-s8-see{0%{filter:blur(11px);opacity:.5}to{filter:blur();opacity:1}}@keyframes lesson-s8-focus{0%,12%{filter:blur(20px)}26%,36%{filter:blur(13px)}50%,60%{filter:blur(8px)}74%,84%{filter:blur(3px)}to{filter:blur()}}.lesson .s8-stage{gap:12px;display:grid}.lesson .s8-call{background:#fff;border-radius:12px;align-items:center;gap:9px;padding:8px 14px;font-size:15px;display:flex}.lesson .s8-call>b{font-weight:700}.lesson .s8-clock{white-space:nowrap;background:var(--plum-soft);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;margin-left:auto;padding:2px 10px;font-size:13px;font-weight:700}.lesson .s8-clock b{font-weight:700}.lesson .s8-view{background:var(--lake-soft);aspect-ratio:560/340;border-radius:14px;position:relative;overflow:hidden}.lesson .s8-mind{position:absolute;inset:0}.lesson .s8-mind svg,.lesson .s8-notes{width:100%;height:100%;position:absolute;inset:0}.lesson .s8-tag{background:#fff;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700;position:absolute;top:10px;left:10px}.lesson .s8-you{background:#fff;border:2px solid #fff;border-radius:10px;width:26%;display:grid;position:absolute;top:10px;right:10px;overflow:hidden}.lesson .s8-you svg{width:100%;height:auto;display:block}.lesson .s8-you span{text-align:center;padding:2px 4px 3px;font-size:11.5px;font-weight:700}.lesson .s8-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.lesson .s8-five li{text-align:center;background:#fff;border-radius:10px;padding:6px 2px;font-size:13.5px;font-weight:700}.lesson .s8-stage .caption{min-height:104px}.lesson .s8-trace{fill:none;stroke:var(--plum);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.lesson .s8-person circle,.lesson .s8-person rect{fill:#fff;fill-opacity:.75;stroke:var(--plum);stroke-width:3px}.lesson .s8-guide{fill:none;stroke:var(--maple);stroke-width:3px;stroke-dasharray:1}.lesson .s8-dim{fill:none;stroke:var(--maple);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1}.lesson .s8-lead{fill:none;stroke:var(--plum);stroke-width:2.5px;stroke-dasharray:1}.lesson .s8-sw{stroke:#fff;stroke-width:4px;transform-box:fill-box;transform-origin:50%}.lesson .s8-sw-1{fill:var(--maple)}@supports (color:color-mix(in lab, red, red)){.lesson .s8-sw-1{fill:color-mix(in srgb, var(--maple) 66%, var(--oak-dark))}}.lesson .s8-sw-2{fill:var(--speaking)}@supports (color:color-mix(in lab, red, red)){.lesson .s8-sw-2{fill:color-mix(in srgb, var(--speaking) 42%, white)}}.lesson .s8-sw-3{fill:var(--ink)}.lesson .s8-lens-grip{fill:none;stroke:var(--plum);stroke-width:12px;stroke-linecap:round}.lesson .s8-lens{fill:none;stroke:var(--plum);stroke-width:8px}.lesson .s8-lens-in{fill:var(--maple)}@supports (color:color-mix(in lab, red, red)){.lesson .s8-lens-in{fill:color-mix(in srgb, var(--maple) 66%, var(--oak-dark))}}.lesson .s8-lens-dents{fill:none;stroke:var(--maple-dark);stroke-width:3.5px;stroke-linecap:round}.lesson .s8-n4{transform-box:fill-box;transform-origin:40% 40%}.lesson .s8-pin{fill:var(--maple);stroke:#fff;stroke-width:3px}.lesson .s8-pin-in{fill:#fff}@media (scripting:enabled){.lesson .s8-stage .s8-mind{filter:blur(var(--blur,0px));transition:filter .95s var(--ease-out)}.lesson .s8-stage .s8-mind :is(.s8-col,.s8-mat,.s8-place){opacity:0;transition:opacity .7s var(--ease-out)}.lesson .s8-stage.at-3 .s8-mind .s8-col,.lesson .s8-stage.at-4 .s8-mind .s8-mat,.lesson .s8-stage.at-5 .s8-mind .s8-place{opacity:1}.lesson .s8-stage .s8-mind .s8-shine{transition-duration:.9s}.lesson .s8-stage .s8-n{opacity:0;transition:opacity .32s var(--ease-out)}.lesson .s8-stage[data-at="1"] .s8-n1,.lesson .s8-stage[data-at="2"] .s8-n2,.lesson .s8-stage[data-at="3"] .s8-n3,.lesson .s8-stage[data-at="4"] .s8-n4,.lesson .s8-stage[data-at="5"] .s8-n5{opacity:1}.lesson .s8-stage :is(.s8-trace,.s8-guide,.s8-dim,.s8-lead){stroke-dashoffset:1px;transition:stroke-dashoffset .8s var(--ease-out)}.lesson .s8-stage[data-at="1"] .s8-trace,.lesson .s8-stage[data-at="2"] :is(.s8-guide,.s8-dim),.lesson .s8-stage[data-at="3"] .s8-lead{stroke-dashoffset:0}.lesson .s8-stage[data-at="2"] .s8-dim{transition-delay:.22s}.lesson .s8-stage .s8-sw{transition:transform .34s var(--ease-spring);transform:scale(0)}.lesson .s8-stage[data-at="3"] .s8-sw{transform:none}.lesson .s8-stage[data-at="3"] .s8-sw-1{transition-delay:.5s}.lesson .s8-stage[data-at="3"] .s8-sw-2{transition-delay:.64s}.lesson .s8-stage[data-at="3"] .s8-sw-3{transition-delay:.78s}.lesson .s8-stage .s8-n4{transition:opacity .28s var(--ease-out), transform .46s var(--ease-spring);transform:scale(.6)}.lesson .s8-stage[data-at="4"] .s8-n4{transform:none}.lesson .s8-stage .s8-n5{transition:opacity .24s var(--ease-out), transform .52s var(--ease-spring);transform:translateY(-70px)}.lesson .s8-stage[data-at="5"] .s8-n5{transition-delay:.3s;transform:none}.lesson .s8-stage .s8-five li{color:var(--muted);transition:background-color .3s var(--ease-out), color .3s var(--ease-out)}.lesson .s8-stage.at-1 .s8-f1,.lesson .s8-stage.at-2 .s8-f2,.lesson .s8-stage.at-3 .s8-f3,.lesson .s8-stage.at-4 .s8-f4,.lesson .s8-stage.at-5 .s8-f5{background:var(--plum);color:#fff}}.lesson .s8-cmp{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:center;gap:16px;display:grid}.lesson .s8-cmp-draw{width:100%;height:auto;display:block;overflow:visible}.lesson .s8-ghost :is(path,circle){fill:none;stroke:var(--plum);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.lesson .s8-cmp-rows{gap:8px;display:grid}.lesson .s8-cmp-rows>li{background:#fff;border-radius:12px;gap:2px;padding:9px 13px;display:grid}.lesson .s8-old{color:var(--muted);justify-self:start;font-size:14.5px}.lesson .s8-new{font-size:16.5px;font-weight:500;line-height:1.4}.lesson .s8-cmp mark,.lesson .s8-ask mark{background:var(--maple-soft);color:inherit;border-radius:5px 3px 6px;padding:0 3px}.lesson .s8-cmp-rows>.s8-but{font-size:16px;line-height:1.45;display:block}.lesson .s8-but b{color:var(--skill);font-size:13px;display:block}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s8-cmp .s8-ghost :is(path,circle){animation:lesson-draw .64s var(--ease-out) both;animation-delay:calc(.65s + var(--k) * 1.35s)}.lesson .s8-cmp-rows>li:not(.s8-but){--s:calc(.3s + var(--k) * 1.35s)}.lesson .s8-cmp-rows .x:after{animation:lesson-strike .34s var(--s) var(--ease-out) both}.lesson .s8-cmp-rows .s8-new{animation:lesson-fade-up .38s calc(var(--s) + .46s) var(--ease-out) both}.lesson .s8-cmp-rows .s8-but{animation:lesson-fade-up .42s 4.5s var(--ease-out) both}}.lesson .s8-explode{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:14px;display:grid}.lesson .s8-exp-draw{width:100%;height:auto;display:block}.lesson .s8-exp-line{fill:none;stroke:var(--plum);stroke-width:2px;stroke-dasharray:3 6}.lesson .s8-explode .s8-k-lid{transform:translateY(-62px)}.lesson .s8-explode .s8-k-spout{transform:translate(58px,-30px)}.lesson .s8-explode .s8-k-door{transform:translate(-112px,-26px)}.lesson .s8-explode .s8-k-legs{transform:translateY(46px)}.lesson .s8-badge circle{fill:var(--plum);stroke:#fff;stroke-width:3px}.lesson .s8-badge text{fill:#fff;font:700 19px var(--body)}.lesson .s8-badge{transform-box:fill-box;transform-origin:50%}.lesson .s8-parts{gap:8px;display:grid}.lesson .s8-parts li{background:#fff;border-radius:12px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;font-size:16px;line-height:1.42;display:grid}.lesson .s8-parts b{font-weight:700}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s8-explode :is(.s8-k-lid,.s8-k-spout,.s8-k-door,.s8-k-legs){animation:lesson-s8-apart .9s .5s var(--ease-io) both}.lesson .s8-explode .s8-exp-line{animation:.4s 1.35s both lesson-fade}.lesson .s8-explode .s8-badge{animation:lesson-pop .32s var(--ease-spring) both;animation-delay:calc(1.5s + var(--k) * .62s)}.lesson .s8-explode .s8-parts li{animation:lesson-fade-up .38s var(--ease-out) both;animation-delay:calc(1.56s + var(--k) * .62s)}}@keyframes lesson-s8-apart{0%{transform:none}}.lesson .s8-ask{gap:10px;display:grid}.lesson .s8-prompt{background:#fff;border-radius:12px;padding:11px 14px;font-size:15.5px;line-height:1.45}.lesson .s8-call-row{background:#fff;border-radius:12px;gap:3px;padding:8px 14px 9px;display:grid}.lesson .s8-call-row>b{font-size:14px;font-weight:700}.lesson .s8-call-row svg{width:100%;height:auto;display:block;overflow:visible}.lesson .s8-call-row small{color:var(--muted);font-size:13px;font-weight:600}.lesson .s8-tick{fill:none;stroke:var(--maple);stroke-width:2.5px;stroke-dasharray:4 5}.lesson .s8-voice{fill:none;stroke:var(--line-strong);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1}.lesson .s8-voice-b{stroke:var(--skill)}.lesson .s8-voice-q{stroke:var(--maple)}.lesson .s8-cut{fill:none;stroke:var(--maple-dark);stroke-width:4px;stroke-linecap:round}.lesson .s8-qmark circle{fill:var(--maple)}.lesson .s8-qmark text{fill:#fff;font:700 24px var(--display)}.lesson .s8-qmark{transform-box:fill-box;transform-origin:50%}.lesson .s8-q{background:var(--maple-soft);border-radius:12px;padding:11px 14px;font-size:17px;font-weight:500;line-height:1.42}.lesson .s8-q mark{background:#fff}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s8-ask .s8-prompt mark{animation:.4s .3s both lesson-fade}.lesson .s8-ask .s8-voice-a{animation:3s linear .7s both lesson-draw}.lesson .s8-ask .s8-cut{animation:lesson-pop .3s 3.7s var(--ease-spring) both;transform-box:fill-box;transform-origin:50%}.lesson .s8-ask .s8-voice-b{animation:2.5s linear .7s both lesson-draw}.lesson .s8-ask .s8-voice-q{animation:.5s linear 3.2s both lesson-draw}.lesson .s8-ask .s8-qmark{animation:lesson-pop .34s 3.7s var(--ease-spring) both}.lesson .s8-ask .s8-q{animation:lesson-fade-up .42s 4.05s var(--ease-out) both}}.lesson .s8-trapdemo{background:#fff;border-radius:14px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;padding:12px 16px;display:grid}.lesson .s8-trap-pic{filter:blur(7px);width:96px}.lesson .s8-trap-pic svg{width:100%;height:auto;display:block}.lesson .s8-trapdemo ul{flex-wrap:wrap;gap:6px;display:flex}.lesson .s8-trapdemo li{background:var(--maple-soft);border-radius:999px;padding:4px 11px;font-size:14.5px;font-weight:600}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.lesson .s8-trapdemo li{animation:lesson-pop .32s var(--ease-spring) both;animation-delay:calc(.5s + var(--k) * .42s)}}@media (width<=1000px){.lesson .s8-head{min-height:300px;margin-right:14px}.lesson .s8-stage .caption{min-height:92px}}@media (width<=720px){.lesson .s8-cmp,.lesson .s8-explode{grid-template-columns:minmax(0,1fr)}.lesson .s8-cmp-draw,.lesson .s8-exp-draw{justify-self:center;max-width:300px}}@media (width<=520px){.lesson .s8-head{min-height:230px;margin-right:0}.lesson .s8-phone{width:104px;left:6%}.lesson .s8-stage{gap:6px}.lesson .s8-call{white-space:nowrap;padding:4px 10px;font-size:12.5px}.lesson .s8-call .ic{width:16px;height:16px}.lesson .s8-clock{padding:1px 8px;font-size:12px}.lesson .s8-tag{padding:2px 8px;font-size:11px;top:6px;left:6px}.lesson .s8-you{border-radius:8px;width:28%;top:6px;right:6px}.lesson .s8-you span{padding:1px 2px;font-size:9.5px}.lesson .s8-five{gap:3px}.lesson .s8-five li{border-radius:7px;padding:3px 0;font-size:11px}.lesson .s8-stage .s8-mind{filter:blur(calc(var(--blur,0px) * .55))}.lesson .s8-stage .caption{min-height:0;padding:7px 10px;font-size:13.5px;line-height:1.38}.lesson .s8-trapdemo{grid-template-columns:64px minmax(0,1fr)}.lesson .s8-trap-pic{filter:blur(5px);width:64px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes clock-tick{to{transform:rotate(360deg)}}@keyframes page-wait{0%{transform:scaleX(0)}to{transform:scaleX(.92)}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(var(--from)) scale(.97)}}@keyframes cal-next{0%{opacity:0;transform:translate(10px)}}@keyframes cal-back{0%{opacity:0;transform:translate(-10px)}}@keyframes home-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes mark-draw{to{stroke-dashoffset:0}}@keyframes mug-steam{0%{opacity:0;transform:translateY(6px)}40%{opacity:.9}to{opacity:0;transform:translateY(-10px)}}@keyframes cloud-drift{0%{transform:translate(-30px)}to{transform:translate(30px)}}@keyframes say-in{0%{opacity:0;transform:translateY(6px)}}@keyframes code-caret{50%{opacity:0}}@keyframes plus-wait{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.25}}@keyframes drawer-in{0%{opacity:0;transform:translate(-24px)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@keyframes backdrop-in{0%{opacity:0}}@keyframes wait-pulse{50%{opacity:.3;transform:scale(.8)}}