.callout[data-astro-cid-fgdzrj4n]{background:var(--paper);border:var(--stroke) solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:18px;margin:2.2rem 0 1.8rem;padding:1.6rem 1.3rem 1.1rem;position:relative}.c-label[data-astro-cid-fgdzrj4n]{font-family:var(--font-display);color:var(--on-color);background:var(--tag);border:2px solid var(--ink);border-radius:999px;padding:0 .7rem;font-size:1.05rem;line-height:1.6;position:absolute;top:-15px;left:1rem;transform:rotate(-3deg)}.c-body[data-astro-cid-fgdzrj4n]{color:var(--text-2);font-size:1.02rem}.c-body[data-astro-cid-fgdzrj4n]>*+*{margin-top:.6em}.c-body[data-astro-cid-fgdzrj4n] p{text-align:left}.principle[data-astro-cid-fgdzrj4n]{background:var(--sun);border:0;border-radius:4px 4px 24px;padding:1.1rem 1.4rem 1.2rem;transform:rotate(-.8deg);box-shadow:0 12px 22px -14px #10213a99}.principle[data-astro-cid-fgdzrj4n] .c-label[data-astro-cid-fgdzrj4n]{background:0 0;border:0;margin-bottom:.2rem;padding:0;font-size:1.3rem;display:inline-block;position:static;transform:none}.principle[data-astro-cid-fgdzrj4n] .c-body[data-astro-cid-fgdzrj4n],.principle[data-astro-cid-fgdzrj4n] .c-body[data-astro-cid-fgdzrj4n] *{color:var(--on-color)}.principle[data-astro-cid-fgdzrj4n] .c-body[data-astro-cid-fgdzrj4n] code{background:#fff9;border-color:#10213a}.apply[data-astro-cid-fgdzrj4n]{transform:rotate(.5deg)}.pitfall[data-astro-cid-fgdzrj4n]{transform:rotate(-.4deg)}.fig[data-astro-cid-i43ozvew]{background:var(--paper);border:var(--stroke) solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:20px;margin:2.2rem 0;padding:1.4rem 1.2rem 1rem}.fig-art[data-astro-cid-i43ozvew]{color:var(--text-2);margin-inline:auto}.fig-art[data-astro-cid-i43ozvew] svg{width:100%;height:auto;display:block;overflow:visible}.fig-art[data-astro-cid-i43ozvew] text{font-family:var(--font-display);fill:currentColor;font-size:17px}.fig-art[data-astro-cid-i43ozvew] .small{font-size:14px}.fig-art[data-astro-cid-i43ozvew] .c-cyan{color:var(--ink)}.fig-art[data-astro-cid-i43ozvew] .c-beak{color:var(--beak)}.fig-art[data-astro-cid-i43ozvew] .c-ink{color:var(--ink)}.fig-art[data-astro-cid-i43ozvew] .c-muted{color:var(--soft)}.fig-art[data-astro-cid-i43ozvew] .grid-line{color:var(--hair)}.fig-art[data-astro-cid-i43ozvew] path[stroke=currentColor]{stroke-linecap:round;stroke-linejoin:round}.fig-art[data-astro-cid-i43ozvew] path.c-cyan,.fig-art[data-astro-cid-i43ozvew] path.c-beak{stroke-width:5.5px}.fig-art[data-astro-cid-i43ozvew] path.c-muted{stroke-width:3px}.fig-art[data-astro-cid-i43ozvew] .grid-line{stroke-width:2px}.fig-art[data-astro-cid-i43ozvew] .f-sun{fill:var(--sun)}.fig-art[data-astro-cid-i43ozvew] .f-mint{fill:var(--mint)}.fig-art[data-astro-cid-i43ozvew] .f-lilac{fill:var(--lilac)}.fig-art[data-astro-cid-i43ozvew] .f-pink{fill:var(--pink)}.fig-art[data-astro-cid-i43ozvew] .f-sky{fill:var(--sky)}.fig-art[data-astro-cid-i43ozvew] .f-paper{fill:var(--paper)}.fig-art[data-astro-cid-i43ozvew] .f-beak{fill:var(--beak)}.fig-art[data-astro-cid-i43ozvew] .f-ink{fill:var(--ink)}.fig-art[data-astro-cid-i43ozvew] .f-none{fill:none}.fig-art[data-astro-cid-i43ozvew] .ink{stroke:var(--ink);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.fig-art[data-astro-cid-i43ozvew] .ink-thin{stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.fig-art[data-astro-cid-i43ozvew] text.on{fill:var(--on-color)}.fig-art[data-astro-cid-i43ozvew] text.ink-text{fill:var(--ink)}.fig-art[data-astro-cid-i43ozvew] text.mono{font-family:var(--font-mono);font-size:14px}figcaption[data-astro-cid-i43ozvew]{color:var(--soft);text-align:center;margin-top:.9rem;font-size:.95rem;line-height:1.7}.cmp[data-astro-cid-7i3x5jfh]{--pos:50%;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);margin:2rem 0;position:relative;overflow:hidden}.cmp-layer[data-astro-cid-7i3x5jfh]{position:absolute;inset:0}.cmp-layer[data-astro-cid-7i3x5jfh]>*{object-fit:cover;width:100%;height:100%}.cmp-before[data-astro-cid-7i3x5jfh]{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.cmp-handle[data-astro-cid-7i3x5jfh]{top:0;bottom:0;left:var(--pos);pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #00000040}.cmp-tag[data-astro-cid-7i3x5jfh]{color:#fff;pointer-events:none;background:#0000008c;border-radius:6px;padding:.2rem .5rem;font-size:.72rem;position:absolute;top:.6rem}.cmp-tag[data-astro-cid-7i3x5jfh].left{left:.6rem}.cmp-tag[data-astro-cid-7i3x5jfh].right{right:.6rem}input[data-astro-cid-7i3x5jfh]{opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.sp{background:var(--paper);border:var(--stroke) solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:20px;margin:2.4rem 0;overflow:hidden;container-type:inline-size}.sp-head{background:var(--sun);color:var(--on-color);border-bottom:var(--stroke) solid var(--ink);align-items:center;gap:.6rem;padding:.45rem .6rem .45rem .95rem;display:flex}.sp-dot{background:#3fbf7f;border:2px solid #10213a;border-radius:99px;width:11px;height:11px}.sp-dot.err{background:#ff5a2a}.sp-title{min-width:0;font-family:var(--font-display);font-size:1.12rem;line-height:1.3}.sp-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.7;font-size:.74rem}.sp-actions{align-items:center;gap:.25rem;margin-left:auto;display:flex}.sp-actions button{color:#10213a;min-width:2rem;height:2rem;transition:background .2s, transform .35s var(--spring);border:2px solid #0000;border-radius:10px;place-items:center;display:inline-grid}.sp-actions button:hover{background:#f8fcfd;border-color:#10213a;transform:rotate(-6deg)}.sp-text-btn{white-space:nowrap;font-family:var(--font-display);padding:0 .6rem;font-size:1rem}.sp-body{grid-template-columns:minmax(0,1fr);display:grid}@container (width>=620px){.sp-body.with-code{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr)}.sp-body.with-code .sp-editor{border-top:0;border-left:var(--stroke) solid var(--ink)}}.sp-canvas-wrap{background:#10213a;position:relative}.sp-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.sp-unsupported{color:#d7e6ef;text-align:center;place-items:center;height:100%;padding:1rem;display:grid}.sp-editor{border-top:var(--stroke) solid var(--ink);background:var(--code-bg);overflow:auto}.sp-sliders{border-top:var(--stroke) solid var(--ink);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.4rem 1.4rem;padding:.8rem .95rem;display:grid}.sp-slider{grid-template-columns:auto 1fr 3.4rem;align-items:center;gap:.7rem;display:grid}.sp-slider-label{font-family:var(--font-display);color:var(--ink);font-size:1.05rem}.sp-slider-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--soft);font-size:.82rem}.sp input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}.sp input[type=range]::-webkit-slider-runnable-track{background:var(--sky);border:2px solid var(--ink);border-radius:99px;height:8px}.sp input[type=range]::-moz-range-track{background:var(--sky);border:2px solid var(--ink);border-radius:99px;height:8px}.sp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--sun);border:2.5px solid var(--ink);width:20px;height:20px;transition:transform .3s var(--spring);border-radius:99px;margin-top:-8px}.sp input[type=range]::-moz-range-thumb{background:var(--sun);border:2.5px solid var(--ink);border-radius:99px;width:18px;height:18px}.sp input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}.sp-errors{border-top:var(--stroke) solid var(--ink);color:#10213a;background:#ffc4a8;gap:.55rem;padding:.7rem .95rem;font-size:.92rem;line-height:1.6;display:grid}.sp-err{flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;display:flex}.sp-err-line{font-family:var(--font-display);color:#10213a;cursor:pointer;transition:transform .25s var(--spring);background:#f8fcfd;border:2px solid #10213a;border-radius:6px;flex:none;padding:0 .45rem;font-size:.92rem}.sp-err-line:hover,.sp-err-line:focus-visible{background:#ffd84a;transform:rotate(-4deg)}.sp-err-text{min-width:0}.sp-err-raw{font-family:var(--font-mono);color:#5a3b2e;overflow-wrap:anywhere;flex-basis:100%;font-size:.74rem}.sp-canvas-wrap{position:relative}.sp-err-banner{font-family:var(--font-display);color:#10213a;pointer-events:none;background:#ffc4a8;border:2px solid #10213a;border-radius:10px;align-items:center;gap:.5rem;padding:.3rem .7rem;font-size:.92rem;line-height:1.4;display:flex;position:absolute;top:.6rem;left:.6rem;right:.6rem;box-shadow:3px 3px #10213a}.sp-err-banner span{color:#f8fcfd;background:#ff5a2a;border-radius:99px;flex:none;place-items:center;width:1.3rem;height:1.3rem;display:grid}.sp-text-btn.warn{animation:sp-nudge 1.6s var(--spring) 2;background:#ff7a2f;border-color:#10213a}@keyframes sp-nudge{20%{transform:rotate(-6deg)scale(1.06)}40%{transform:rotate(4deg)}60%{transform:none}}.sp-hints{border-top:2px dashed var(--hair);gap:.5rem;padding:.75rem .95rem .8rem;display:grid}.sp-hint-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.sp-hints-label{font-family:var(--font-display);color:var(--on-color);background:var(--mint);border:2px solid var(--ink);border-radius:999px;margin-right:.2rem;padding:.02rem .6rem;font-size:.95rem;transform:rotate(-3deg)}.sp-hint{font-family:var(--font-display);color:var(--ink);background:var(--paper);border:2px solid var(--ink);cursor:pointer;transition:transform .3s var(--spring), background .15s;border-radius:999px;padding:.1rem .75rem;font-size:.98rem;line-height:1.5}.sp-hint:hover,.sp-hint:focus-visible{transform:translateY(-2px)rotate(-2deg)}.sp-hint.on{color:var(--on-color);background:var(--sun);box-shadow:2px 2px 0 var(--ink)}.sp-hint.on:before{content:"✓ "}.sp-hint-msg{color:var(--soft);margin:0;font-size:.88rem;line-height:1.6}.sp-hint-msg.active{color:var(--ink)}.sp figcaption{border-top:2px dashed var(--hair);color:var(--soft);padding:.7rem .95rem .8rem;font-size:.95rem;line-height:1.7}.splot-expr{border-top:var(--stroke) solid var(--ink);align-items:center;gap:.6rem;padding:.7rem .95rem;display:flex}.splot-expr label{font-family:var(--font-display);white-space:nowrap;font-size:1.15rem}.splot-expr input{border:2.5px solid var(--ink);background:var(--code-bg);min-width:0;height:2.3rem;color:var(--ink);font-family:var(--font-mono);border-radius:10px;flex:1;padding:0 .7rem;font-size:.88rem}.splot-expr input:focus{background:var(--paper);box-shadow:3px 3px 0 var(--ink);outline:none}.splot-presets{flex-wrap:wrap;gap:.45rem;padding:0 .95rem .85rem;display:flex}.splot-presets button{font-family:var(--font-mono);border:2px solid var(--ink);color:var(--ink);background:var(--paper);transition:transform .3s var(--spring);border-radius:999px;padding:.25rem .6rem;font-size:.74rem}.splot-presets button:hover{transform:rotate(-3deg)}.splot-presets button[aria-pressed=true]{background:var(--sun);color:#10213a;transform:rotate(-2deg)}.ld-stage{background:var(--sky);position:relative}.ld-stage canvas{cursor:grab;width:100%;height:100%;display:block}.ld-controls{border-top:var(--stroke) solid var(--ink);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.5rem 1.4rem;padding:.8rem .95rem;display:grid}.ld-seg{background:#f8fcfd;border:2px solid #10213a;border-radius:999px;padding:2px;display:inline-flex}.ld-seg button{font-family:var(--font-display);color:#10213a;border-radius:999px;padding:.05rem .7rem;font-size:.98rem}.ld-seg button[aria-pressed=true]{color:#ffd84a;background:#10213a}.boids-canvas{cursor:default}