@font-face{font-family:Fredoka;src:url(/fonts/fredoka-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}:root{--canvas: #faf6ee;--paper: #ffffff;--paper-2: #f4eede;--sunk: #efe7d6;--ink: #211c15;--ink-2: #5d564a;--ink-3: #8c8475;--line: #e7dcc7;--stroke: #211c15;--bw: 2px;--p-red: #e5484d;--p-orange: #f2660a;--p-yellow: #f5a623;--p-green: #29b566;--p-teal: #11a3a3;--p-blue: #3d63dd;--p-purple: #8e4ec6;--p-pink: #e93d82;--accent: #29b566;--accent-deep: #0c7a44;--accent-ink: #08361f;--focus: #0c7a44;--shadow-hard: 4px 4px 0 var(--stroke);--shadow-soft: 0 6px 22px rgba(33, 28, 21, .1);--radius: 16px;--radius-sm: 10px;--radius-pill: 999px;--font-display: "Fredoka", ui-rounded, "Baloo 2", "Hiragino Maru Gothic ProN", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", monospace;--maxw: 1080px;--maxw-wide: 1280px;--header-h: 64px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas: #14120d;--paper: #1d1a13;--paper-2:#242017;--sunk: #181610;--ink: #f4efe4;--ink-2: #bcb3a1;--ink-3: #8a8273;--line: #352f24;--stroke: #000000;--p-red: #ff6166;--p-orange: #ff8a3c;--p-yellow: #ffc24d;--p-green: #3ed884;--p-teal: #2bd0d0;--p-blue: #6f8bff;--p-purple: #b07cf0;--p-pink: #ff6fa5;--accent: #3ed884;--accent-deep: #7ff0ad;--accent-ink: #08361f;--focus: #7ff0ad;--shadow-soft: 0 6px 22px rgba(0, 0, 0, .45)}}:root[data-theme=dark]{--canvas: #14120d;--paper: #1d1a13;--paper-2: #242017;--sunk: #181610;--ink: #f4efe4;--ink-2: #bcb3a1;--ink-3: #8a8273;--line: #352f24;--stroke: #000000;--p-red:#ff6166;--p-orange:#ff8a3c;--p-yellow:#ffc24d;--p-green:#3ed884;--p-teal:#2bd0d0;--p-blue:#6f8bff;--p-purple:#b07cf0;--p-pink:#ff6fa5;--accent:#3ed884;--accent-deep:#7ff0ad;--accent-ink:#08361f;--focus:#7ff0ad;--shadow-soft: 0 6px 22px rgba(0,0,0,.45)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);overflow-x:hidden}body{overflow-x:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(40rem 28rem at 88% -8%,color-mix(in srgb,var(--p-green) 12%,transparent),transparent 60%),radial-gradient(34rem 24rem at -6% 4%,color-mix(in srgb,var(--p-blue) 9%,transparent),transparent 55%);background-attachment:fixed}img,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}::selection{background:color-mix(in srgb,var(--p-yellow) 55%,transparent);color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(16px,4vw,28px)}.wrap-wide{max-width:var(--maxw-wide)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.12;letter-spacing:-.01em;color:var(--ink)}h1{font-size:clamp(2rem,5vw,3.1rem)}h2{font-size:clamp(1.5rem,3.2vw,2.05rem)}h3{font-size:clamp(1.2rem,2.2vw,1.4rem)}p{color:var(--ink)}a{color:var(--accent-deep);text-decoration-color:color-mix(in srgb,var(--accent-deep) 40%,transparent);text-underline-offset:3px}a:hover{text-decoration-color:var(--accent-deep)}strong,b{font-weight:700;color:var(--ink)}small{font-size:.82em;color:var(--ink-2)}.brandmark{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.palette-bar{height:6px;width:100%;border:0;background:linear-gradient(90deg,var(--p-red) 0 12.5%,var(--p-orange) 12.5% 25%,var(--p-yellow) 25% 37.5%,var(--p-green) 37.5% 50%,var(--p-teal) 50% 62.5%,var(--p-blue) 62.5% 75%,var(--p-purple) 75% 87.5%,var(--p-pink) 87.5% 100%)}.swatch{display:inline-grid;place-items:center;width:1.55em;height:1.55em;flex:none;border:var(--bw) solid var(--stroke);border-radius:6px;background:var(--sw, var(--p-green));color:#fff;font-size:.78em;font-weight:700;box-shadow:2px 2px 0 var(--stroke)}.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-display);font-weight:600;font-size:1rem;line-height:1;padding:.7em 1.15em;cursor:pointer;border:var(--bw) solid var(--stroke);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-hard);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--stroke)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--stroke)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-ghost{box-shadow:none;background:transparent}.btn-ghost:hover{box-shadow:none;background:color-mix(in srgb,var(--accent) 14%,transparent);transform:none}.card{background:var(--paper);border:var(--bw) solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow-hard)}.callout{position:relative;margin:1.4rem 0;padding:1rem 1.1rem 1rem 1.2rem;background:var(--paper);border:var(--bw) solid var(--stroke);border-radius:var(--radius-sm);border-left-width:8px}.callout--tip{border-left-color:var(--p-green)}.callout--warn{border-left-color:var(--p-orange)}.callout--info{border-left-color:var(--p-blue)}.callout__label{font-family:var(--font-display);font-weight:600;font-size:.85rem;display:block;margin-bottom:.2rem}.prose{font-size:1.06rem}.prose>*+*{margin-top:1.05em}.prose h2{margin-top:2.4rem;padding-top:.2rem;scroll-margin-top:calc(var(--header-h) + 16px);display:flex;align-items:center;gap:.55rem}.prose h2:before{content:"";width:.7em;height:.7em;flex:none;border:var(--bw) solid var(--stroke);border-radius:4px;background:var(--sec, var(--p-green));box-shadow:2px 2px 0 var(--stroke)}.prose h3{margin-top:1.8rem}.prose p,.prose li{color:var(--ink)}.prose a{font-weight:600}.prose ul,.prose ol{padding-left:1.3rem}.prose li+li{margin-top:.4rem}.prose ul{list-style:none;padding-left:0}.prose ul>li{position:relative;padding-left:1.5rem}.prose ul>li:before{content:"";position:absolute;left:0;top:.62em;width:.6rem;height:.6rem;border-radius:2px;background:var(--sec, var(--p-green));transform:rotate(8deg)}.prose ol{list-style:none;counter-reset:step;padding-left:0}.prose ol>li{position:relative;padding-left:2.1rem;counter-increment:step}.prose ol>li:before{content:counter(step);position:absolute;left:0;top:.05em;width:1.5rem;height:1.5rem;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--accent-ink);background:var(--accent);border:var(--bw) solid var(--stroke);border-radius:50%}.prose blockquote{padding:.6rem 1rem;border-left:8px solid var(--p-purple);background:var(--paper-2);border-radius:var(--radius-sm);color:var(--ink-2);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.92em;background:var(--sunk);padding:.12em .4em;border-radius:5px;color:var(--accent-deep)}.prose table{width:100%;border-collapse:collapse;margin:1.4rem 0;border:var(--bw) solid var(--stroke);border-radius:var(--radius-sm);overflow:hidden}.prose th,.prose td{padding:.7rem .85rem;text-align:left;border-bottom:1px solid var(--line)}.prose thead th{background:var(--paper-2);font-family:var(--font-display);font-weight:600}.prose tbody tr:last-child td{border-bottom:0}.prose img{border:var(--bw) solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow-hard)}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(14px);animation:reveal .6s cubic-bezier(.16,1,.3,1) forwards}.reveal[data-d="1"]{animation-delay:.06s}.reveal[data-d="2"]{animation-delay:.12s}.reveal[data-d="3"]{animation-delay:.18s}@keyframes reveal{to{opacity:1;transform:none}}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:0;top:-100px;z-index:100;background:var(--accent);color:var(--accent-ink);padding:.6rem 1rem;border:var(--bw) solid var(--stroke);border-radius:0 0 var(--radius-sm) 0;font-family:var(--font-display);font-weight:600;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:0}#top-sentinel{position:absolute;top:0;left:0;width:1px;height:600px;opacity:0;pointer-events:none}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:var(--bw) solid var(--stroke)}.site-header__bar{height:var(--header-h);display:flex;align-items:center;gap:1rem;max-width:var(--maxw-wide);margin-inline:auto;padding-inline:clamp(14px,3vw,26px)}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);flex:none}.brand__logo{width:36px;height:36px;flex:none;border-radius:9px;border:var(--bw) solid var(--stroke);box-shadow:2px 2px 0 var(--stroke);background:conic-gradient(from 210deg,var(--p-red),var(--p-orange),var(--p-yellow),var(--p-green),var(--p-teal),var(--p-blue),var(--p-purple),var(--p-pink),var(--p-red));position:relative}.brand__logo:after{content:"";position:absolute;inset:34%;border-radius:50%;background:var(--paper);border:var(--bw) solid var(--stroke)}.brand__name{font-family:var(--font-display);font-weight:600;font-size:1.08rem;line-height:1;letter-spacing:-.02em}.brand__name small{display:block;font-size:.66rem;font-weight:500;color:var(--ink-3);letter-spacing:.02em}.nav{display:flex;align-items:center;gap:.15rem;margin-left:auto}.nav a{display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .5rem;border-radius:10px;font-family:var(--font-display);font-weight:500;font-size:.88rem;color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:background-color .12s ease,color .12s ease}.nav a .swatch{display:none;width:1.15em;height:1.15em;box-shadow:1.5px 1.5px 0 var(--stroke)}.nav a:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 13%,transparent)}.nav a[aria-current=page]{color:var(--ink);background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:inset 0 -3px 0 var(--accent)}.actions{display:flex;align-items:center;gap:.4rem;flex:none}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:var(--bw) solid var(--stroke);border-radius:10px;background:var(--paper);box-shadow:2px 2px 0 var(--stroke);cursor:pointer;color:var(--ink);transition:transform .1s ease,box-shadow .1s ease}.icon-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--stroke)}.icon-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--stroke)}.theme-toggle .i-sun{display:none}.theme-toggle .i-moon{display:block}:root[data-theme=dark] .theme-toggle .i-sun{display:block}:root[data-theme=dark] .theme-toggle .i-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .i-sun{display:block}:root:not([data-theme=light]) .theme-toggle .i-moon{display:none}}.langsw{position:relative}.langsw>summary{list-style:none;display:inline-flex;align-items:center;gap:.4rem;height:40px;padding:0 .7rem;cursor:pointer;border:var(--bw) solid var(--stroke);border-radius:10px;background:var(--paper);box-shadow:2px 2px 0 var(--stroke);font-family:var(--font-display);font-weight:500;font-size:.9rem}.langsw>summary::-webkit-details-marker{display:none}.langsw[open]>summary{box-shadow:1px 1px 0 var(--stroke)}.langsw__menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:232px;max-height:62vh;overflow-y:auto;background:var(--paper);border:var(--bw) solid var(--stroke);border-radius:var(--radius-sm);box-shadow:var(--shadow-hard);padding:.4rem}.langsw__menu a{display:flex;align-items:baseline;gap:.5rem;justify-content:space-between;padding:.5rem .6rem;border-radius:8px;text-decoration:none;color:var(--ink)}.langsw__menu a:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.langsw__menu a[aria-current=true]{background:color-mix(in srgb,var(--accent) 20%,transparent);font-weight:600}.langsw__menu .en{font-size:.78rem;color:var(--ink-3)}.nav-toggle,.hamburger{display:none}.site-footer{margin-top:4rem;border-top:var(--bw) solid var(--stroke);background:var(--paper)}.footer-grid{max-width:var(--maxw-wide);margin-inline:auto;padding:2.4rem clamp(16px,4vw,28px) 1.4rem;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2rem}.footer-brand .brand{margin-bottom:.7rem}.footer-brand p{color:var(--ink-2);font-size:.95rem;max-width:38ch}.footer-col h4{font-family:var(--font-display);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:.7rem}.footer-col ul{list-style:none;padding:0;display:grid;gap:.45rem}.footer-col a{color:var(--ink-2);text-decoration:none;font-size:.95rem}.footer-col a:hover{color:var(--accent-deep)}.footer-legal{max-width:var(--maxw-wide);margin-inline:auto;padding:1.1rem clamp(16px,4vw,28px) 2rem;border-top:1px solid var(--line);color:var(--ink-3);font-size:.82rem;line-height:1.6}.footer-legal .copy{margin-top:.5rem;font-weight:500;color:var(--ink-2)}.footer-legal a{color:var(--accent-deep)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.85rem;color:var(--ink-3);margin-bottom:.6rem}.breadcrumb a{color:var(--ink-2);text-decoration:none}.breadcrumb a:hover{color:var(--accent-deep)}.breadcrumb .sep{color:var(--ink-3)}.article-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1000px){.article-grid{grid-template-columns:minmax(0,1fr) 250px;align-items:start}}.toc{position:sticky;top:calc(var(--header-h) + 18px)}.toc__box{border:var(--bw) solid var(--stroke);border-radius:var(--radius-sm);background:var(--paper);box-shadow:var(--shadow-hard);padding:.5rem .6rem}.toc__title{font-family:var(--font-display);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:.35rem .4rem}.toc__list{list-style:none;padding:0;margin:0;display:grid;gap:.1rem}.toc__list a{display:block;padding:.4rem .5rem;border-radius:7px;font-size:.9rem;color:var(--ink-2);text-decoration:none;border-left:3px solid transparent}.toc__list a:hover{background:var(--paper-2);color:var(--ink)}.toc__list a.is-active{color:var(--ink);background:color-mix(in srgb,var(--accent) 14%,transparent);border-left-color:var(--accent);font-weight:600}.toc--mobile{display:none}.to-top{position:fixed;right:clamp(14px,4vw,28px);bottom:clamp(14px,4vw,26px);z-index:45;display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .9rem;border:var(--bw) solid var(--stroke);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:600;font-size:.9rem;box-shadow:var(--shadow-hard);cursor:pointer;text-decoration:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.to-top.is-shown{opacity:1;visibility:visible;transform:none}.to-top:hover{transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--stroke)}@media(prefers-reduced-motion:reduce){.to-top{transition:opacity .2s ease;transform:none}}.site-header[data-collapsed] .hamburger{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border:var(--bw) solid var(--stroke);border-radius:10px;background:var(--paper);box-shadow:2px 2px 0 var(--stroke);cursor:pointer;margin-left:.4rem}.site-header[data-collapsed] .nav a .swatch{display:inline-grid}.site-header[data-collapsed] .actions{margin-left:auto}.site-header[data-collapsed] .nav{position:absolute;left:0;right:0;top:100%;margin:0;flex-direction:column;align-items:stretch;gap:.15rem;background:var(--paper);border-bottom:var(--bw) solid var(--stroke);padding:.6rem clamp(14px,3vw,26px) 1rem;box-shadow:var(--shadow-soft);display:none}.site-header[data-collapsed] .nav a{padding:.7rem .6rem;font-size:1.02rem;gap:.5rem}.site-header[data-collapsed] .nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--accent)}.site-header[data-collapsed] .nav-toggle:checked~.nav{display:flex}.site-header[data-collapsed] .nav-toggle:checked~.hamburger{background:color-mix(in srgb,var(--accent) 18%,transparent)}@media(max-width:760px){.footer-grid{grid-template-columns:1fr;gap:1.5rem}.brand__name small{display:none}}@media(max-width:999px){.toc{position:static}.toc--desktop{display:none}.toc--mobile{display:block;margin-bottom:1.2rem}.toc--mobile>summary{list-style:none;cursor:pointer;font-family:var(--font-display);font-weight:600;padding:.7rem .9rem;border:var(--bw) solid var(--stroke);border-radius:var(--radius-sm);background:var(--paper);box-shadow:2px 2px 0 var(--stroke)}.toc--mobile>summary::-webkit-details-marker{display:none}.toc--mobile .toc__box{margin-top:.5rem;box-shadow:none}}@media(max-width:560px){.langsw>summary>span{display:none}.langsw>summary{padding:0 .55rem}.brand__name{font-size:.98rem}.site-header__bar{gap:.5rem}}