@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-vietnamese-500-normal-CL6a8tp2.woff2)format("woff2"),url(/assets/newsreader-vietnamese-500-normal-BEAbKU8A.woff)format("woff");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:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-ext-500-normal-BNHmvKvI.woff2)format("woff2"),url(/assets/newsreader-latin-ext-500-normal-CZruMFou.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:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-500-normal-B66TYsaK.woff2)format("woff2"),url(/assets/newsreader-latin-500-normal-DFwuUcdu.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:Newsreader;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/newsreader-vietnamese-700-normal-DuQcgozP.woff2)format("woff2"),url(/assets/newsreader-vietnamese-700-normal-DtcFBl0j.woff)format("woff");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:Newsreader;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/newsreader-latin-ext-700-normal-Ougc6Dr0.woff2)format("woff2"),url(/assets/newsreader-latin-ext-700-normal-79d_He5Z.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:Newsreader;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/newsreader-latin-700-normal-rIgV_oaK.woff2)format("woff2"),url(/assets/newsreader-latin-700-normal-CluIqIw6.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:Newsreader;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/newsreader-vietnamese-500-italic-D26NjlyL.woff2)format("woff2"),url(/assets/newsreader-vietnamese-500-italic-BsTGSz8L.woff)format("woff");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:Newsreader;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-ext-500-italic-B83LgwQp.woff2)format("woff2"),url(/assets/newsreader-latin-ext-500-italic-Bz3NsAdg.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:Newsreader;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-500-italic-Bsgye1qA.woff2)format("woff2"),url(/assets/newsreader-latin-500-italic-m-xI0GeS.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:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-ext-600-normal-DDEJyoof.woff2)format("woff2"),url(/assets/caveat-cyrillic-ext-600-normal-BLVNc-Ct.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-600-normal-Ba_MyzgW.woff2)format("woff2"),url(/assets/caveat-cyrillic-600-normal-CqH0c_uj.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-ext-600-normal-DDJRD6ps.woff2)format("woff2"),url(/assets/caveat-latin-ext-600-normal-shBvSnoU.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:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(/assets/caveat-latin-600-normal-DUjB8dgm.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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.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}:root{--ink:#16141f;--paper:#efeadd;--paper-2:#f6f2e8;--desk:#d8dfd6;--wood:#e9e1cf;--orange:#ff8a3d;--blue:#4d6bff;--pink:#ff5fa2;--green:#2fa36b;--red:#d8433b;--glass:#fffc;--mute:#5d5a68;--accent:var(--orange);--serif:"Newsreader", Georgia, serif;--hand:"Caveat", cursive;--ui:"DM Sans", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.page{min-height:100%;padding:calc(28px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-left,0px)) 48px;background:var(--paper)}.page-inner{max-width:880px;margin:0 auto}.eyebrow{font:700 11px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0 0 4px}h1,h2,h3{font-family:var(--serif);text-wrap:balance}.page h1{margin:0 0 10px;font-size:clamp(30px,6vw,46px);line-height:1.05}.lede{font:500 clamp(17px, 2.4vw, 20px) / 1.45 var(--serif);color:#2b2836;max-width:60ch}.btn{border:1.5px solid var(--ink);font:700 14px var(--ui);cursor:pointer;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{box-shadow:0 4px 0 var(--ink);transform:translateY(-1px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:default;box-shadow:0 3px 0 var(--ink);transform:none}.btn.primary{background:var(--accent)}.btn.ink{background:var(--ink);color:#fff}.stage-card{border:1.5px solid var(--ink);background:var(--paper-2);box-shadow:0 4px 0 var(--ink);border-top:8px solid var(--stage-accent,var(--accent));border-radius:18px;margin:14px 0;padding:16px 18px}.stage-card h2{margin:0;font-size:22px}.stage-card .lessons{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.lesson-chip{border:1.5px solid var(--ink);font:500 16px var(--serif);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;display:flex}.lesson-chip:hover{background:#fffaf2}.lesson-chip .num{font:700 12px var(--ui);color:var(--mute);min-width:2.2em}body:has(.lesson){background:radial-gradient(circle at 30% 20%,#cfd8cd,#b7c3b5)}.lesson{height:calc(100% - 2 * var(--book-gap));min-height:520px;margin:var(--book-gap) calc(var(--book-gap) + 6px) var(--book-gap) var(--book-gap);border:1.5px solid var(--ink);box-shadow:2px 2px 0 #f3efe4, 3px 3px 0 var(--ink), 5px 5px 0 #f3efe4, 6px 6px 0 var(--ink), 0 18px 40px #16141f33;--book-gap:12px;background:linear-gradient(90deg,#16141f22 0,#16141f00 28px),#f3efe4;border-radius:4px 14px 14px 4px;position:relative;overflow:hidden}@media (width<=560px){.lesson{--book-gap:4px;border-radius:3px 10px 10px 3px}}.book-cover{z-index:50;perspective:2400px;cursor:pointer;position:absolute;inset:0}.cover-face{text-align:center;color:var(--ink);background:linear-gradient(90deg, #16141f40 0, #16141f00 34px), radial-gradient(circle at 50% 35%, #ffffff40, #fff0 60%), var(--accent);transform-origin:0;backface-visibility:hidden;border-radius:4px 14px 14px 4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px max(24px,8vw);transition:transform .9s cubic-bezier(.55,0,.3,1),opacity .9s;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 10px #16141f14,inset 0 0 0 12px #16141f}.book-cover.opening{pointer-events:none}.book-cover.opening .cover-face{opacity:0;transform:rotateY(-115deg)}.book-cover.still .cover-face{transition:opacity .2s}.book-cover.still.opening .cover-face{transform:none}.cover-kicker{font:700 12px var(--ui);letter-spacing:.14em;text-transform:uppercase;margin:0}.cover-number{font:600 28px/1 var(--hand);margin:12px 0 0}.cover-title{max-width:16ch;font:700 clamp(34px, 6vw, 64px) / 1.05 var(--serif);margin:0}.cover-summary{max-width:44ch;font:italic 500 clamp(16px, 2vw, 20px) / 1.4 var(--serif);margin:4px 0 8px}.cover-open{background:var(--paper-2);margin-top:8px;padding:12px 26px;font-size:17px}.cover-steps{font:600 13px var(--ui);opacity:.75;margin:0}.scene-area{touch-action:none;position:absolute;inset:0}.scene-area>svg{width:100%;height:100%;display:block}.lesson-title{left:max(16px, env(safe-area-inset-left,0px));top:calc(16px + env(safe-area-inset-top,0px));pointer-events:none;z-index:2;max-width:min(460px,100% - 140px);position:absolute}.lesson:has(.lesson-tools>:nth-child(2)) .lesson-title{max-width:min(460px,100% - 220px)}@media (width<=560px){.lesson-tools{left:max(16px, env(safe-area-inset-left,0px));flex-wrap:wrap;justify-content:flex-end;gap:6px}.lesson-title{top:calc(16px + var(--tools-h,32px) + 8px + env(safe-area-inset-top,0px));max-width:calc(100% - 32px)}.lesson:has(.lesson-tools>:nth-child(2)) .lesson-title{top:calc(16px + var(--tools-h,32px) + 8px + env(safe-area-inset-top,0px));max-width:calc(100% - 32px)}}.lesson-title h1{font:700 clamp(22px, 4vw, 32px) / 1.1 var(--serif);margin:0}.lesson-title .home-link{pointer-events:auto}.lesson-tools{right:max(16px, env(safe-area-inset-right,0px));top:calc(16px + env(safe-area-inset-top,0px));z-index:3;gap:8px;display:flex;position:absolute}.pill{border:1.5px solid var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:700 12px var(--ui);cursor:pointer;border-radius:999px;padding:6px 12px;text-decoration:none}.pill[aria-pressed=true]{background:var(--ink);color:#fff}.lesson-dock{left:max(16px, env(safe-area-inset-left,0px));bottom:calc(16px + var(--bar-h,56px) + 16px + env(safe-area-inset-bottom,0px));z-index:3;flex-direction:column;gap:10px;width:min(400px,100% - 32px);max-height:52%;display:flex;position:absolute}.action-slot{flex-wrap:wrap;gap:8px;display:flex}.action-slot:empty{display:none}.step-head{z-index:3;left:max(16px, env(safe-area-inset-left,0px));right:max(16px, env(safe-area-inset-right,0px));top:calc(var(--title-b,96px) + 10px);border:1.5px solid var(--ink);border-left:8px solid var(--accent);background:var(--paper-2,#fffdf7);max-width:760px;box-shadow:3px 3px 0 var(--ink);border-radius:14px;margin:0 auto;padding:10px 16px 10px 18px;position:absolute}@media (width>=1180px){.step-head{top:calc(16px + env(safe-area-inset-top,0px));max-width:none;margin:0;left:400px;right:330px}:is(.lesson .lesson-title,.lesson:has(.lesson-tools>:nth-child(2)) .lesson-title){max-width:360px}}.step-head p{margin:0}.step-label{font:700 11px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.step-label .your-turn{color:var(--ink)}.step-caption{font:600 clamp(17px, 1.9vw, 21px) / 1.3 var(--serif);margin-top:2px!important}.read-as-text{font:500 12px var(--ui);color:var(--mute);margin-top:4px}.read-as-text summary{cursor:pointer;width:max-content}.read-as-text ol{max-height:40vh;font:500 15px/1.45 var(--serif);color:var(--ink);margin:6px 0 0;padding-left:20px;overflow:auto}.note{font:500 16px/1.45 var(--serif)}.note p{margin:0 0 8px}.note p:last-child{margin-bottom:0}.note.docked{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid var(--ink);border-radius:18px;min-height:0;padding:12px 16px;overflow:auto}.note-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.note-arrow{fill:none;width:100%;height:100%;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:0;overflow:visible}.note-arrow .halo{stroke:var(--paper-2,#fffdf7);stroke-width:7px}.note-arrow .tip{stroke:var(--accent);stroke-width:3px;stroke-dasharray:4 4;transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite note-tip}@keyframes note-tip{50%{opacity:.6;transform:scale(1.25)}}.note.floating{border:1.5px solid var(--ink);width:380px;box-shadow:3px 3px 0 var(--ink);pointer-events:auto;background:#fff9d9;border-radius:4px 16px 16px;padding:12px 34px 12px 16px;animation:.35s ease-out note-in;position:absolute}@keyframes note-in{0%{opacity:0;transform:translateY(8px)}}.note.floating.folded{border-radius:50%;width:auto;padding:0}.note-fold,.note-open{cursor:pointer;font:700 18px/1 var(--ui);background:0 0;border:0}.note-fold{border-radius:50%;width:24px;height:24px;position:absolute;top:6px;right:8px}.note-fold:hover{background:#16141f14}.note-open{border-radius:50%;width:40px;height:40px;font-size:20px}.scene-action{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:3;position:absolute;transform:translate(-50%)}@media (width>=900px){.scene-action{left:auto;right:max(24px, env(safe-area-inset-right,0px));transform:none}}.stage-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid var(--ink);z-index:25;border-radius:999px;align-items:center;gap:6px;width:min(440px,100% - 32px);padding:8px 14px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 24px #0003}.stage-bar button{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.stage-bar button:hover{background:#16141f14}.stage-bar button:disabled{opacity:.3;cursor:default}.stage-bar svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.stage-bar .dots{flex:1;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 4px;list-style:none;display:flex}.stage-bar .dots li{border:1.5px solid var(--ink);border-radius:50%;width:9px;height:9px}.stage-bar .dots li.done{background:var(--ink)}.stage-bar .dots li.now{background:var(--accent);border-radius:999px;width:22px}.stage-bar button.ready{background:var(--accent);box-shadow:0 0 0 1.5px var(--ink)}.stage-bar button.ready:hover{background:var(--accent);filter:brightness(1.05)}.stage-menu{left:50%;bottom:calc(16px + var(--bar-h,56px) + 12px + env(safe-area-inset-bottom,0px));background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid var(--ink);z-index:26;border-radius:18px;width:min(460px,100% - 32px);max-height:60%;padding:12px 16px;position:absolute;overflow:auto;transform:translate(-50%)}.stage-menu h2{font:700 11px var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:10px 0 4px}.stage-menu ol{font-family:var(--serif);gap:6px;margin:0;padding-left:22px;font-size:16px;display:grid}.stage-menu a{text-decoration:none}.stage-menu a[aria-current=page]{font-weight:700}.bar-slot{flex:auto;align-items:center;min-width:0;display:flex}.bar-slot:empty{display:none}.stage-bar:has(.bar-slot:not(:empty)){width:min(680px,100% - 32px)}.stage-bar:has(.bar-slot:not(:empty)) .dots{flex:none}.tour{border-left:1px solid #16141f26;flex:1;align-items:center;gap:8px;min-width:0;padding-left:6px;display:flex}.stage-bar .tour-play{border:1.5px solid var(--ink);background:var(--paper-2,#fffdf7);width:34px;height:34px}.stage-bar .tour-play svg{width:16px;height:16px}.stage-bar .tour-play .fill{fill:currentColor}.tour-caption{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:italic 500 15px/1.2 var(--serif);flex:1;margin:0;overflow:hidden}@media (width<=700px){.tour-caption{display:none}.tour{flex:none}}.book-page{display:contents}.lesson[data-spread] .book-page{--k:var(--print-k,1);z-index:3;gap:calc(12px * var(--k));transform-origin:0 0;width:420px;height:520px;color:var(--ink);flex-direction:column;transition:opacity .5s ease-out;display:flex;position:absolute;top:0;left:0;overflow:hidden}.lesson[data-spread]:has(.sk-stage[data-pop=turn]) .book-page{opacity:0;transition:none}.lesson[data-spread] .step-head{max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:static}.lesson[data-spread] .step-label{font-size:calc(11px * var(--k));letter-spacing:.16em;color:color-mix(in srgb, var(--accent) 70%, var(--ink))}.lesson[data-spread] .step-label .your-turn{color:inherit}.lesson[data-spread] .step-caption{font:600 calc(25px * var(--k)) / 1.2 var(--serif);text-wrap:balance;margin-top:calc(6px * var(--k))!important}.lesson[data-spread] .read-as-text{font-size:calc(12px * var(--k))}.lesson[data-spread] .lesson-dock{gap:calc(12px * var(--k));width:auto;max-height:none;position:static}.lesson[data-spread] .note.docked{padding:calc(12px * var(--k)) 0 0;-webkit-backdrop-filter:none;backdrop-filter:none;font:500 calc(16px * var(--k)) / 1.5 var(--serif);background:0 0;border:0;border-top:1px solid #16141f30;border-radius:0;overflow:visible}.lesson[data-spread] .note.docked>p:first-child:first-letter{float:left;font:700 3.1em/.8 var(--serif);color:color-mix(in srgb, var(--accent) 70%, var(--ink));margin:.06em .08em 0 0}.lesson[data-spread] .lesson-dock .action-slot{padding:calc(16px * var(--k)) 12px 10px;border:1.5px dashed #16141f80;border-radius:10px;order:2;position:relative}.lesson[data-spread] .lesson-dock .action-slot:before{content:"Try it";font:700 calc(11px * var(--k)) var(--ui);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 70%, var(--ink));background:#fbf8f1;padding:0 6px;position:absolute;top:-.75em;left:10px}.lesson[data-spread] .lesson-dock .action-slot:empty{display:none}@media (width<=560px){.stage-bar{padding:6px 8px}.lesson-dock{max-height:44%}.note{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fallback{background:var(--paper);padding:100px max(16px, env(safe-area-inset-left,0px)) 180px;font:500 17px/1.5 var(--serif);position:absolute;inset:0;overflow:auto}.fallback ol{max-width:60ch}.fallback li[aria-current=step]{font-weight:700}.view-switch{display:inline-flex}.view-switch .pill:first-child{border-radius:999px 0 0 999px}.view-switch .pill:last-child{border-radius:0 999px 999px 0;margin-left:-1.5px}.summary-page{z-index:1;inset:var(--head-h,110px) max(16px, env(safe-area-inset-right,0px)) calc(16px + var(--bar-h,56px) + 16px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));overscroll-behavior:contain;touch-action:pan-y;border:1.5px solid var(--ink);background:repeating-linear-gradient(180deg, transparent 0 27px, #4d6bff1f 27px 28px), var(--paper-2,#fffdf7);box-shadow:4px 4px 0 var(--ink);border-radius:6px 18px 18px 6px;padding:18px 24px;position:absolute;overflow:auto}.summary-kicker{font:700 11px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:0}.summary-page h2{font:700 clamp(20px, 2.4vw, 26px) / 1.2 var(--serif);margin:2px 0 12px}.summary-page ol{columns:2 360px;column-gap:32px;margin:0;padding-left:22px}.summary-page li{break-inside:avoid;margin-bottom:14px}.summary-page h3{font:600 16px/1.3 var(--serif);margin:0 0 2px}.summary-page li p{font:500 15px/1.45 var(--serif);color:#3a3746;margin:0}.sk-stage,.sk-svg-stage{isolation:isolate;z-index:0;position:absolute;inset:0}.sk-stage canvas{touch-action:none}.sk-overlay{pointer-events:none;transition:opacity .4s ease-out;position:absolute;inset:0;overflow:hidden}.sk-stage:is([data-pop=turn],[data-pop=rise]) .sk-overlay{opacity:0;transition:none}.sk-anchor{will-change:transform;position:absolute;top:0;left:0}.sk-label{white-space:nowrap;font:600 21px var(--hand);color:var(--ink);text-shadow:0 0 6px var(--paper), 0 0 2px var(--paper)}.sk-label.small{font:700 11px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.sk-label.hint{font:700 12px var(--ui);background:var(--ink);color:#fff;text-shadow:none;border-radius:999px;padding:5px 10px;animation:1.2s ease-in-out infinite sk-pulse}@keyframes sk-pulse{50%{margin-top:-8px}}.sk-pick{opacity:0;pointer-events:none;cursor:pointer;background:0 0;border:0;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;padding:0}.sk-pick:focus-visible{opacity:1;outline:3px dashed var(--blue);outline-offset:4px}.sk-pick span{white-space:nowrap;font:700 12px var(--ui);background:var(--ink);color:#fff;border-radius:999px;padding:3px 9px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.sk-status{right:max(16px, env(safe-area-inset-right,0px));top:var(--head-h,60px);max-width:min(320px,100% - 32px);font:600 22px/1.1 var(--hand);color:var(--ink);text-align:right;text-shadow:0 0 6px var(--paper), 0 0 2px var(--paper);pointer-events:none;margin:0;position:absolute}.sk-status:empty{display:none}.sk-svg-stage{background:var(--paper)}.sk-svg-stage>svg{top:calc(var(--head-h,112px) + 12px);width:calc(100% - 32px);height:calc(100% - var(--head-h,112px) - 12px - 190px - env(safe-area-inset-bottom,0px));display:block;position:absolute;left:16px}.sk-svg-stage .sk-note{left:50%;top:var(--head-h,100px);width:max-content;max-width:calc(100% - 32px);font:500 13px var(--ui);color:var(--mute);text-align:center;margin:0;position:absolute;transform:translate(-50%)}.sk-svg-pick{cursor:pointer}.sk-svg-pick:focus{outline:none}.sk-svg-pick:focus-visible .sk-svg-focus{stroke:var(--blue);stroke-width:3px;stroke-dasharray:6 5;fill:none}@media (prefers-reduced-motion:reduce){.sk-label.hint{animation:none}}.quiz{max-width:680px}.quiz form{margin-top:18px}.quiz-q{border:1.5px solid var(--ink);background:var(--paper-2);box-shadow:0 4px 0 var(--ink);border-radius:18px;min-width:0;margin:0 0 16px;padding:14px 16px 16px}.quiz-q legend{float:left;width:100%;font:700 19px/1.3 var(--serif);align-items:baseline;gap:10px;padding:0;display:flex}.quiz-q legend+*{clear:both}.quiz-n{border:1.5px solid var(--ink);background:var(--accent);width:26px;height:26px;font:700 13px var(--ui);border-radius:50%;flex:none;place-items:center;display:inline-grid}.quiz-hint{font:500 14px/1.4 var(--ui);color:var(--mute);margin:6px 0 0 36px}.quiz-options{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.quiz-options.stacked{flex-direction:column}.quiz-option{border:1.5px solid var(--ink);font:500 16px/1.35 var(--serif);cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:10px;padding:9px 14px;display:flex}.quiz-option input{width:16px;height:16px;accent-color:var(--ink);flex:none;margin:3px 0 0}.quiz-option:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff4e8}.quiz-option:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.quiz-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.quiz-covers{font:500 17px/1.5 var(--serif);max-width:60ch}.path-bar{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:14px 0 6px;display:flex}.path-name{font:500 15px var(--ui);margin:0}.resume{margin:14px 0 22px}.resume .btn{max-width:100%}.stage-head{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.stage-head .eyebrow{margin:0}.tag{border:1.5px solid var(--ink);font:700 11px var(--ui);background:#fff;border-radius:999px;padding:1px 9px}.tag.done{background:var(--stage-accent,var(--accent))}.lesson-chip .chip-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lesson-chip .chip-summary{font:500 13px/1.35 var(--ui);color:var(--mute)}.lesson-chip .chip-state{font:700 12px var(--ui);color:var(--mute);flex:none;align-items:center;gap:4px;display:inline-flex}.chip-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.lesson-chip.locked{color:#3b3846;cursor:default;background:0 0;border-style:dashed}.lesson-chip.locked:hover{background:0 0}.lesson-chip.done .chip-state{color:var(--ink)}.lesson-chip.done .tick,.finish .tick{stroke:var(--ink);background:var(--stage-accent,var(--accent));border-radius:50%;padding:2px}.finish{margin-top:6px}.finish-title{font:700 17px var(--serif);align-items:center;gap:8px;display:flex}.finish .tick{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.finish-links{flex-wrap:wrap;gap:8px;display:flex}@media (width<=560px){.lesson-chip .chip-soon{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.mode-switch{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.mode-row{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.mode-toggle{font:700 12px var(--ui);color:var(--ink);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:2px 4px;text-decoration:underline}.mode-toggle:disabled{opacity:.5;cursor:default}.mode-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.mode-notice{border:1.5px solid var(--ink);width:min(280px,100vw - 32px);box-shadow:0 3px 0 var(--ink);font:500 13px / 1.4 var(--ui);background:#fff;border-radius:12px;padding:10px 12px}.mode-notice p{overflow-wrap:anywhere;margin:0 0 6px}.mode-notice-actions{justify-content:flex-end;gap:10px;display:flex}.lesson-tools{align-items:flex-start}