@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(../media/baloo-2-devanagari-700-normal.43cm44niltyml.woff2)format("woff2"),url(../media/baloo-2-devanagari-700-normal.0_b0yv599cipb.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(../media/baloo-2-vietnamese-700-normal.2nq01mxe-d-4r.woff2)format("woff2"),url(../media/baloo-2-vietnamese-700-normal.26t23-hnc2095.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:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(../media/baloo-2-latin-ext-700-normal.1q7suswm4h8w5.woff2)format("woff2"),url(../media/baloo-2-latin-ext-700-normal.0pe9dy09khekb.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:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(../media/baloo-2-latin-700-normal.33bfi-nzbke5g.woff2)format("woff2"),url(../media/baloo-2-latin-700-normal.2op1-24_e_2do.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:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(../media/baloo-2-devanagari-800-normal.3qo5xc520yk3i.woff2)format("woff2"),url(../media/baloo-2-devanagari-800-normal.2hh-z09l48a8x.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(../media/baloo-2-vietnamese-800-normal.3ri_4sijv9cw-.woff2)format("woff2"),url(../media/baloo-2-vietnamese-800-normal.2sfgogsuxlm2-.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:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(../media/baloo-2-latin-ext-800-normal.42uqbzdxh3759.woff2)format("woff2"),url(../media/baloo-2-latin-ext-800-normal.2p93n50980opk.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:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(../media/baloo-2-latin-800-normal.428mugxf_wc1g.woff2)format("woff2"),url(../media/baloo-2-latin-800-normal.1e3k48c41s__w.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:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(../media/nunito-cyrillic-ext-400-normal.34crvfo4bikju.woff2)format("woff2"),url(../media/nunito-cyrillic-ext-400-normal.1snkyqy5lmfmj.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:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(../media/nunito-cyrillic-400-normal.3vf7-b7slwvy8.woff2)format("woff2"),url(../media/nunito-cyrillic-400-normal.3xv1g58-1fv6d.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(../media/nunito-vietnamese-400-normal.1wv7yqfn0piyd.woff2)format("woff2"),url(../media/nunito-vietnamese-400-normal.2his8_yl4fvrr.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:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(../media/nunito-latin-ext-400-normal.2rq3-3ltcrq0e.woff2)format("woff2"),url(../media/nunito-latin-ext-400-normal.21l32o60d4zj-.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:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(../media/nunito-latin-400-normal.42g6mf0z9hfjn.woff2)format("woff2"),url(../media/nunito-latin-400-normal.1k7ln386wrq52.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:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(../media/nunito-cyrillic-ext-600-normal.1za7vd5i17imm.woff2)format("woff2"),url(../media/nunito-cyrillic-ext-600-normal.3cb6mfe4_boo5.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:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(../media/nunito-cyrillic-600-normal.19sdg24m6jocx.woff2)format("woff2"),url(../media/nunito-cyrillic-600-normal.263f_q7-wp3b6.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(../media/nunito-vietnamese-600-normal.2-ft1n-paf5hn.woff2)format("woff2"),url(../media/nunito-vietnamese-600-normal.3q5_-ga_39adv.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:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(../media/nunito-latin-ext-600-normal.1stcoqfy55vzo.woff2)format("woff2"),url(../media/nunito-latin-ext-600-normal.1hy849x6or1wf.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:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(../media/nunito-latin-600-normal.0v-cr6gnp8ujf.woff2)format("woff2"),url(../media/nunito-latin-600-normal.1u4s798gs3yad.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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(../media/nunito-cyrillic-ext-700-normal.2jh76weneccp2.woff2)format("woff2"),url(../media/nunito-cyrillic-ext-700-normal.3_z8-9kukbsg6.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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(../media/nunito-cyrillic-700-normal.1rizqix6q5n0x.woff2)format("woff2"),url(../media/nunito-cyrillic-700-normal.1x8k4-b9nsks9.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(../media/nunito-vietnamese-700-normal.3t__obstbcixn.woff2)format("woff2"),url(../media/nunito-vietnamese-700-normal.35a01hl9rw7be.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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(../media/nunito-latin-ext-700-normal.2ez-qtoapm8cw.woff2)format("woff2"),url(../media/nunito-latin-ext-700-normal.2t23ibyg0gogh.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:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(../media/nunito-latin-700-normal.2cbviyz0gssy3.woff2)format("woff2"),url(../media/nunito-latin-700-normal.2_zyou7jka_81.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:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(../media/nunito-cyrillic-ext-800-normal.1m3oamvz8nys4.woff2)format("woff2"),url(../media/nunito-cyrillic-ext-800-normal.26csd0tobrcio.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:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(../media/nunito-cyrillic-800-normal.08af44n_7dv9l.woff2)format("woff2"),url(../media/nunito-cyrillic-800-normal.1p00c77soo5qv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(../media/nunito-vietnamese-800-normal.1v0njq9s7npl3.woff2)format("woff2"),url(../media/nunito-vietnamese-800-normal.3t5twsp5ivkzy.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:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(../media/nunito-latin-ext-800-normal.2pr8hwn_g8oyp.woff2)format("woff2"),url(../media/nunito-latin-ext-800-normal.1hccvv6zb2toh.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:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(../media/nunito-latin-800-normal.28cmha9yehep-.woff2)format("woff2"),url(../media/nunito-latin-800-normal.3v1q-ykbecwrr.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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(../media/patrick-hand-vietnamese-400-normal.29z4vbfw6zsax.woff2)format("woff2"),url(../media/patrick-hand-vietnamese-400-normal.0bozqgi55nbx-.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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(../media/patrick-hand-latin-ext-400-normal.2a_mm5n3o1_jh.woff2)format("woff2"),url(../media/patrick-hand-latin-ext-400-normal.3rqbq9mtklc1y.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:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(../media/patrick-hand-latin-400-normal.221hkg14stmlx.woff2)format("woff2"),url(../media/patrick-hand-latin-400-normal.2pcu6yov5o8l0.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:#2e2140;--ink-soft:#4a3d5c;--muted:#5e5170;--ground:#fdf2f4;--card:#fff;--dusk:#e9e3f1;--pink:#ff8fb1;--butter:#ffd966;--mint:#95e1c5;--sky:#a3ccff;--lilac:#cdbbff;--peach:#ffb38a;--rose-text:#a8235a;--focus:#5b8fe0;--font-display:"Baloo 2", ui-rounded, "Segoe UI", system-ui, sans-serif;--font-body:"Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif;--font-hand:"Patrick Hand", "Comic Sans MS", cursive;--line:2.5px solid var(--ink);--shadow-sm:3px 3px 0 var(--ink);--shadow:4px 4px 0 var(--ink);--shadow-lg:6px 6px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:18px;line-height:1.65}h1,h2,h3,p,ol,ul{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}a{color:var(--ink)}a:hover{color:var(--rose-text)}::selection{background:var(--butter);color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}strong{color:var(--ink)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{max-width:1080px;margin:0 auto;padding-inline:24px}.page{padding-bottom:72px;overflow-x:clip}.display{font-family:var(--font-display);font-weight:800;line-height:1.2}.hand{font-family:var(--font-hand);font-weight:400}.soft{color:var(--ink-soft)}.small{font-size:16px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.brand{align-items:center;gap:10px;min-height:44px;text-decoration:none;display:flex}.brand span{font-family:var(--font-hand);font-size:28px;line-height:1}.nav{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--card);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;align-items:center;min-height:44px;padding:6px 16px;font-size:15px;font-weight:800;line-height:1.2;text-decoration:none;transition:background-color .15s;display:inline-flex}.pill:hover{background:var(--butter);color:var(--ink)}.hero{flex-wrap:wrap;align-items:center;gap:40px;padding-top:64px;display:flex}.hero-text{flex:540px;min-width:0}.kicker{background:var(--butter);border:2px solid var(--ink);font-family:var(--font-hand);border-radius:12px;margin-bottom:20px;padding:4px 16px;font-size:26px;line-height:1.3;display:inline-block;transform:rotate(-2deg)}.title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(52px,8vw,96px);font-weight:800;line-height:1.1}.title-chip{background:var(--pink);border:3px solid var(--ink);border-radius:18px;padding:0 14px;display:inline-block;transform:rotate(1.5deg)}.lead{max-width:560px;color:var(--ink-soft);margin-top:28px;font-size:21px}.hero-side{flex-direction:column;flex:320px;align-items:center;min-width:0;display:flex}.bubble{background:var(--card);border:var(--line);max-width:360px;box-shadow:5px 5px 0 var(--ink);border-radius:24px;padding:20px 24px;font-size:19px;line-height:1.55}.bubble-tail{background:var(--card);border-right:var(--line);border-bottom:var(--line);width:24px;height:24px;margin-top:-13px;transform:rotate(45deg)}.mascot-row{align-items:flex-end;gap:8px;margin-top:10px;display:flex}.mascot-row .sparkle{margin-bottom:90px}.mascot-row .heart{margin-bottom:140px}@media (prefers-reduced-motion:no-preference){.cat-big{transform-origin:50% 90%;animation:5s ease-in-out infinite wiggle}@keyframes wiggle{0%,86%,to{transform:rotate(0)}90%{transform:rotate(-4deg)}94%{transform:rotate(3deg)}}}.card{background:var(--card);border:var(--line);border-radius:22px;padding:22px}.card.raised{box-shadow:var(--shadow)}.card.raised-lg{box-shadow:var(--shadow-lg);border-radius:26px;padding:26px}.card-title{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:1.3}.card p+p{margin-top:8px}.grid{gap:20px;display:grid}.grid-210{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}.grid-230{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.grid-240{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.grid-280{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.grid-300{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.grid-380{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}.num{border:2px solid var(--ink);width:48px;height:48px;font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:24px;font-weight:800;line-height:1;display:flex}.num.sm{width:36px;height:36px;font-size:18px}.num.lg{border-width:2.5px;width:52px;height:52px;font-size:26px}.bg-pink{background:var(--pink)}.bg-butter{background:var(--butter)}.bg-mint{background:var(--mint)}.bg-sky{background:var(--sky)}.bg-lilac{background:var(--lilac)}.bg-peach{background:var(--peach)}.step0{background:var(--card);border:var(--line);box-shadow:var(--shadow-lg);border-radius:26px;gap:24px;margin-top:64px;padding:28px 30px}.step0 .eyebrow{font-family:var(--font-hand);color:var(--rose-text);font-size:22px}.step0 h2{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1.15}.step0 .label{font-weight:800}.step0 .label+p{color:var(--ink-soft);margin-top:4px;font-size:17px}.section-title{font-family:var(--font-display);font-size:clamp(32px,4vw,44px);font-weight:800;line-height:1.15}.toc{margin-top:24px}.toc-card{background:var(--card);border:var(--line);box-shadow:var(--shadow);color:var(--ink);border-radius:22px;align-items:flex-start;gap:16px;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.toc-card:hover{color:var(--ink);box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.toc-card:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.toc-card .t{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1.25;display:block}.toc-card .d{color:var(--ink-soft);margin-top:2px;font-size:16px;line-height:1.5;display:block}.chapter{padding-top:112px}.chapter-tag{border:2px solid var(--ink);font-family:var(--font-hand);border-radius:10px;padding:2px 14px;font-size:23px;line-height:1.4;display:inline-block;transform:rotate(-2deg)}.chapter-title{font-family:var(--font-display);margin-top:14px;font-size:clamp(38px,5vw,56px);font-weight:800;line-height:1.12}.chapter-lead{max-width:700px;color:var(--ink-soft);margin-top:12px;font-size:20px}.sub-title{font-family:var(--font-display);margin-top:48px;font-size:30px;font-weight:800;line-height:1.2}.formula{flex-wrap:wrap;align-items:stretch;gap:14px;margin-top:32px;display:flex}.formula-piece{border:var(--line);box-shadow:var(--shadow);border-radius:20px;flex:200px;padding:18px 20px}.formula-piece .k{font-family:var(--font-display);font-size:24px;font-weight:800;line-height:1.25}.formula-piece .v{margin-top:6px;font-size:16px;line-height:1.5}.plus{font-family:var(--font-display);align-self:center;font-size:36px;font-weight:800;line-height:1}.compare{gap:24px;margin-top:36px}.compare .card{box-shadow:5px 5px 0 var(--ink);border-radius:24px;flex-direction:column;padding:24px;display:flex}.chip{border:2px solid var(--ink);border-radius:999px;align-self:flex-start;padding:2px 12px;font-size:15px;font-weight:800}.chip.dusk{background:var(--dusk)}.say{background:var(--ground);border:2px solid var(--ink);border-radius:18px 18px 18px 4px;margin-top:14px;padding:14px 16px;font-size:17px;line-height:1.6}.say.on-white{background:var(--card)}.say.big{border-radius:20px 20px 20px 4px;padding:18px 20px;font-size:19px;line-height:1.65}.fill{background:var(--butter);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:0 4px;font-weight:700}.say.on-butter .fill,.on-butter .fill{background:var(--lilac)}.row-end{justify-content:flex-end;margin-top:12px;display:flex}.row-split{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.row-split>p{flex:220px}.btn{min-height:44px;color:var(--ink);border:2px solid var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:16px;font-weight:800;line-height:1.2;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex}.btn-copy{background:var(--butter);box-shadow:var(--shadow-sm)}.btn-copy.on-butter{background:var(--card)}.btn-copy:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn-copy:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-copy[data-done=true]{background:var(--mint)}.btn-ghost{background:var(--card)}.btn-ghost:hover{background:var(--dusk)}.tips{margin-top:18px}.builder{background:var(--lilac);border:var(--line);box-shadow:var(--shadow-lg);border-radius:28px;margin-top:48px;padding:30px}.builder-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.builder-head h3{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1.2}.builder-fields{gap:16px;margin-top:20px}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:16px;font-weight:800}.field input{background:var(--card);min-height:48px;color:var(--ink);border:2px solid var(--ink);border-radius:14px;padding:10px 14px;font-family:inherit;font-size:17px}.field input::placeholder{color:#7a6e8a}.built{background:var(--ink);color:#fff4f6;border-radius:18px;margin-top:6px;padding:18px 20px;font-size:18px;line-height:1.65}.built .fill{background:var(--pink)}.builder-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.two-col{flex-wrap:wrap;align-items:flex-start;gap:32px;margin-top:36px;display:flex}.steps{flex-direction:column;flex:999 560px;gap:22px;min-width:0;padding:0;list-style:none;display:flex}.steps>li{align-items:flex-start;gap:16px;display:flex}.steps .card{min-width:0;box-shadow:var(--shadow);flex:auto}.steps .card-title{font-size:24px;line-height:1.25}.steps .card-title+p{margin-top:6px}.side{flex-direction:column;flex:280px;gap:24px;min-width:0;display:flex}.note{border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:6px 6px 22px;padding:22px}.note .hand{font-size:26px;line-height:1.2}.note p+p{margin-top:8px}.tilt-l{transform:rotate(-1.5deg)}.tilt-r{transform:rotate(1.5deg)}.tilt-l1{transform:rotate(-1deg)}.tilt-r1{transform:rotate(1deg)}.keys{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.key{background:var(--ground);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);white-space:nowrap;border-radius:10px;padding:3px 12px;font-size:16px;font-weight:800;line-height:1.5;display:inline-flex}.key-sep{font-weight:800}.stack{flex-direction:column;gap:10px;display:flex}.step-tag{font-family:var(--font-hand);color:var(--rose-text);font-size:22px}.dashed{background:var(--card);border:2.5px dashed var(--ink);border-radius:22px;margin-top:24px;padding:22px 24px}.trio{margin-top:32px}.trio .item{border:var(--line);border-radius:22px;align-items:center;gap:16px;padding:22px;display:flex}.trio .item svg{flex:none}.trio .item .card-title{font-size:22px}.how{margin-top:24px}.how-list{gap:18px;margin-top:16px;padding:0;list-style:none}.how-list li{flex-direction:column;gap:8px;font-size:16px;display:flex}.how-list .num{width:40px;height:40px;font-size:20px}.apps{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.apps span{background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:6px 16px;font-size:16px;font-weight:800}.apps span.more{background:0 0;border-style:dashed;font-weight:700}.connect{flex:420px;min-width:0}.connect-list{flex-direction:column;gap:14px;margin-top:14px;padding:0;list-style:none;display:flex}.connect-list li{align-items:flex-start;gap:12px;font-size:16px;display:flex}.inset{background:var(--ground);border:2px solid var(--ink);border-radius:16px;margin-top:20px;padding:16px 18px;font-size:16px}.examples{flex-direction:column;flex:380px;gap:16px;min-width:0;display:flex}.example{background:var(--card);border:var(--line);border-radius:20px;padding:18px}.example p{font-size:16px;line-height:1.6}.spell{background:var(--butter);border:var(--line);box-shadow:var(--shadow-lg);border-radius:28px;margin-top:32px;padding:28px}.end{padding-top:112px}.end-card{background:var(--pink);border:var(--line);box-shadow:7px 7px 0 var(--ink);border-radius:30px;flex-wrap:wrap;align-items:center;gap:28px;padding:36px;display:flex}.end-card>div{flex:420px;min-width:0}.end-card .display{font-size:clamp(30px,4vw,40px)}.end-card .sign{font-family:var(--font-hand);margin-top:14px;font-size:28px;line-height:1.2}.src{color:var(--muted);margin-top:28px;font-size:14px}.shot{margin:18px 0 0}.shot-open{background:var(--card);border:var(--line);width:100%;box-shadow:var(--shadow);cursor:zoom-in;border-radius:16px;padding:0;display:block;overflow:hidden}.shot-open:hover{box-shadow:var(--shadow-lg)}.shot-dialog{background:var(--card);border:var(--line);width:min(96vw,1280px,147vh);max-width:none;box-shadow:var(--shadow-lg);cursor:zoom-out;border-radius:16px;padding:0;overflow:hidden}.shot-dialog::backdrop{background:#2e2140bf}.shot-close{background:var(--butter);border:2px solid var(--ink);box-shadow:var(--shadow-sm);font:800 16px/1.4 var(--font-body);color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 14px;position:absolute;top:10px;right:10px}html:has(.shot-dialog[open]){overflow:hidden}.shot img{width:100%;height:auto;display:block}.shot figcaption{font-family:var(--font-hand);color:var(--ink-soft);margin-top:10px;font-size:20px;line-height:1.3}.shot.wide{max-width:760px}.shots{margin-top:28px}.shots .shot{margin:0}@media (max-width:640px){body{font-size:17px}.wrap{padding-inline:16px}.nav{scrollbar-width:none;flex-wrap:nowrap;width:100%;padding:2px 2px 8px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.hero{gap:28px;padding-top:36px}.lead{font-size:19px}.mascot-row .sparkle{margin-bottom:70px}.mascot-row .heart{margin-bottom:110px}.cat-big{width:150px;height:auto}.step0{padding:22px}.chapter,.end{padding-top:80px}.chapter-lead{font-size:18px}.formula{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.formula-piece{padding:14px}.formula-piece .k{font-size:20px}.plus{display:none}.steps>li{flex-direction:column;gap:10px}.builder,.spell,.end-card,.card.raised-lg{padding:22px}.say.big{font-size:17px}}