@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";:root{color:var(--text-primary);background:var(--surface-canvas);font-synthesis:none;--ink:var(--text-primary);--paper:var(--surface-page);--cobalt:#304adb;--coral:#e45f48;--gold:#f4bc42;--violet:#a58be2;--mint:#96d4bd;--serif:"DM Serif Display",Georgia,serif;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default}a,button,input,textarea,select{outline-offset:5px}:focus-visible{outline:3px solid var(--focus)}button{color:inherit}p{line-height:1.7}svg{max-width:100%;display:block}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}.skip{background:var(--ink);color:var(--paper);z-index:100;padding:14px;position:fixed;top:-80px;left:20px}.skip:focus{top:10px}.eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-weight:700}.serif{font-family:var(--serif)}.wrap{max-width:1440px;margin:auto;padding:0 5.5%}.button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:3px;justify-content:center;align-items:center;gap:20px;padding:14px 22px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.button.light{color:var(--ink);background:0 0}.button:hover{background:var(--cobalt);color:#fff;border-color:var(--cobalt)}.text-link{text-underline-offset:5px;font-size:.85rem}.shiki{tab-size:2;border-radius:4px;padding:22px;font-size:.8rem;line-height:1.7;overflow:auto}.shiki code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=600px){.wrap{padding:0 6%}.button{padding:13px 17px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ctp-base:#eff1f5;--ctp-mantle:#e6e9ef;--ctp-crust:#dce0e8;--ctp-text:#4c4f69;--ctp-subtext:#5c5f77;--ctp-surface0:#ccd0da;--ctp-surface1:#bcc0cc;--ctp-surface2:#acb0be;--ctp-overlay1:#8c8fa1;--ctp-overlay2:#7c7f93;--ctp-mauve:#8839ef;--ctp-blue:#1e66f5;--ctp-peach:#fe640b;--ctp-yellow:#df8e1d;--ctp-green:#40a02b;--ctp-teal:#179299;--ctp-red:#d20f39;--surface-canvas:var(--ctp-mantle);--surface-page:var(--ctp-base);--surface:var(--ctp-base);--surface-raised:var(--ctp-base);--surface-alt:var(--ctp-mantle);--surface-accent:color-mix(in srgb, var(--ctp-mauve) 8%, var(--ctp-base));--surface-hover:color-mix(in srgb, var(--ctp-mauve) 12%, var(--ctp-base));--surface-selected:color-mix(in srgb, var(--ctp-blue) 12%, var(--ctp-base));--surface-desk:var(--ctp-crust);--surface-stack:var(--ctp-mantle);--text-primary:var(--ctp-text);--text-secondary:var(--ctp-subtext);--text-muted:var(--ctp-subtext);--link:color-mix(in srgb, var(--ctp-blue) 85%, black);--focus:var(--ctp-mauve);--line:var(--ctp-surface0);--line-strong:var(--ctp-overlay2);--input-bg:var(--ctp-base);--input-line:var(--line-strong);--success-bg:color-mix(in srgb, var(--ctp-green) 10%, var(--ctp-base));--success-ink:color-mix(in srgb, var(--ctp-green) 60%, black);--success-border:color-mix(in srgb, var(--ctp-green) 70%, black);--warning-bg:color-mix(in srgb, var(--ctp-peach) 10%, var(--ctp-base));--warning-ink:color-mix(in srgb, var(--ctp-peach) 55%, black);--warning-border:color-mix(in srgb, var(--ctp-peach) 70%, black);--note-bg:color-mix(in srgb, var(--ctp-yellow) 18%, var(--ctp-base));--note-ink:color-mix(in srgb, var(--ctp-yellow) 50%, black);--note-border:color-mix(in srgb, var(--ctp-yellow) 65%, black);--accent-ink:color-mix(in srgb, var(--ctp-mauve) 80%, black);--accent-border:var(--ctp-mauve);--text-accent:var(--ctp-red);--code-bg:var(--ctp-base);--code-ink:var(--ctp-text);--code-border:var(--ctp-surface1);--code-toolbar:var(--ctp-mantle);--code-button:var(--ctp-base);--code-muted:var(--ctp-subtext);--code-selection:var(--ctp-surface0);--selection-bg:var(--ctp-surface0);--selection-ink:var(--ctp-text);--book-left:linear-gradient(90deg, var(--ctp-base) 0%, var(--ctp-base) 95%, var(--ctp-mantle) 100%);--book-right:linear-gradient(90deg, var(--ctp-mantle) 0%, var(--ctp-base) 7%, var(--ctp-base) 100%);--book-fold:linear-gradient(90deg, transparent, #00000006 40%, #00000010 50%, #ffffff30 61%, transparent);--book-shadow:4px 5px 0 var(--ctp-mantle), 5px 6px 0 var(--ctp-surface0), 10px 16px 30px #00000015}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ctp-base:#1e1e2e;--ctp-mantle:#181825;--ctp-crust:#11111b;--ctp-text:#cdd6f4;--ctp-subtext:#bac2de;--ctp-surface0:#313244;--ctp-surface1:#45475a;--ctp-surface2:#585b70;--ctp-overlay1:#7f849c;--ctp-overlay2:#9399b2;--ctp-mauve:#cba6f7;--ctp-blue:#89b4fa;--ctp-peach:#fab387;--ctp-yellow:#f9e2af;--ctp-green:#a6e3a1;--ctp-teal:#94e2d5;--ctp-red:#f38ba8;--line-strong:var(--ctp-overlay1);--link:var(--ctp-blue);--success-ink:var(--ctp-green);--success-border:var(--ctp-green);--warning-ink:var(--ctp-peach);--warning-border:var(--ctp-peach);--note-ink:var(--ctp-yellow);--note-border:var(--ctp-yellow);--accent-ink:var(--ctp-mauve);--code-selection:var(--ctp-surface1);--selection-bg:var(--ctp-surface1);--book-fold:linear-gradient(90deg, transparent, #0002 40%, #0005 50%, #ffffff08 61%, transparent);--book-shadow:4px 5px 0 var(--ctp-mantle), 5px 6px 0 var(--ctp-surface0), 10px 16px 30px #0005}html[data-flavor=frappe]{--ctp-base:#303446;--ctp-mantle:#292c3c;--ctp-crust:#232634;--ctp-text:#c6d0f5;--ctp-subtext:#b5bfe2;--ctp-surface0:#414559;--ctp-surface1:#51576d;--ctp-surface2:#626880;--ctp-overlay1:#838ba7;--ctp-overlay2:#949cbb;--ctp-mauve:#ca9ee6;--ctp-blue:#8caaee;--ctp-peach:#ef9f76;--ctp-yellow:#e5c890;--ctp-green:#a6d189;--ctp-teal:#81c8be;--ctp-red:#e78284}html[data-flavor=macchiato]{--ctp-base:#24273a;--ctp-mantle:#1e2030;--ctp-crust:#181926;--ctp-text:#cad3f5;--ctp-subtext:#b8c0e0;--ctp-surface0:#363a4f;--ctp-surface1:#494d64;--ctp-surface2:#5b6078;--ctp-overlay1:#8087a2;--ctp-overlay2:#939ab7;--ctp-mauve:#c6a0f6;--ctp-blue:#8aadf4;--ctp-peach:#f5a97f;--ctp-yellow:#eed49f;--ctp-green:#a6da95;--ctp-teal:#8bd5ca;--ctp-red:#ed8796}input,textarea,select{color:var(--text-primary);accent-color:var(--focus)}textarea::placeholder,input::placeholder{color:var(--text-muted);opacity:1}:focus-visible{outline-color:var(--focus)}::selection{color:var(--selection-ink);background:var(--selection-bg)}.hero-art,.study-print{color:#27263d;--ink:#27263d;--paper:#fff8ed;--text-primary:#27263d;--text-secondary:#625b6f;--text-muted:#756a7d;--link:#304adb;--success-ink:#315f48}.ps-light-stage{--paper:#fff8ed}.ps-light-stage .ps-canvas-corner{color:#6c5c73}.ps-postcard-label{color:#554f7d;background:#fff8edeb}.ps-shader-lab .ps-postcard-invitation li>span{color:var(--text-accent)}.ps-light-lab input[type=range],.ps-shader-lab input[type=range],.ps-light-lab input[type=checkbox]{accent-color:var(--focus)}.ps-sketchbook .ps-page-positions .ps-page-current{color:#27263d}.ps-sketchbook .ps-pocket-note{color:var(--note-ink)}.ps-sketchbook .ps-complete-button{color:#fff8ed}.ps-sketchbook .ps-complete-saved{color:var(--success-ink)}.ps-code-toolbar,.ps-fragment-toolbar{background:var(--code-toolbar)}.ps-fragment-toolbar .ps-shader-reset{color:var(--code-ink)}.ps-glsl-editor{caret-color:var(--link)}@media (width<=720px){.ps-sketchbook .ps-open-book:before{background:linear-gradient(90deg, var(--line), transparent)}}.shiki{color:var(--shiki-light,var(--code-ink));background-color:var(--shiki-light-bg,var(--code-bg))}.shiki span{color:var(--shiki-light,inherit)}html[data-theme=dark] .shiki{color:var(--shiki-dark,var(--code-ink));background-color:var(--shiki-dark-bg,var(--code-bg))}html[data-theme=dark] .shiki span{color:var(--shiki-dark,inherit)}html[data-flavor=frappe] .shiki{color:var(--shiki-frappe,var(--code-ink));background-color:var(--shiki-frappe-bg,var(--code-bg))}html[data-flavor=frappe] .shiki span{color:var(--shiki-frappe,inherit)}html[data-flavor=macchiato] .shiki{color:var(--shiki-macchiato,var(--code-ink));background-color:var(--shiki-macchiato-bg,var(--code-bg))}html[data-flavor=macchiato] .shiki span{color:var(--shiki-macchiato,inherit)}.theme-control.svelte-m7mg51{z-index:20;flex-shrink:0;font-size:.75rem;position:relative}summary.svelte-m7mg51{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:7px 11px;list-style:none;display:flex}summary.svelte-m7mg51::-webkit-details-marker{display:none}summary.svelte-m7mg51:hover{background:var(--surface-hover)}.palette-dot.svelte-m7mg51{background:conic-gradient(var(--ctp-mauve) 0 33%,var(--ctp-blue) 33% 67%,var(--ctp-peach) 67%);width:17px;height:17px;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line);border-radius:50%;flex-shrink:0}.current-flavor.svelte-m7mg51{color:var(--text-secondary);min-width:57px;margin-top:2px;font-size:.64rem;display:block}.chevron.svelte-m7mg51{color:var(--text-secondary);margin-left:6px}.theme-panel.svelte-m7mg51{border:1px solid var(--line-strong);background:var(--surface);width:308px;max-width:88vw;color:var(--text-primary);border-radius:12px;max-height:calc(100dvh - 120px);padding:20px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 12px 40px #0003}.panel-heading.svelte-m7mg51{margin-bottom:18px}.panel-heading.svelte-m7mg51 .eyebrow:where(.svelte-m7mg51){color:var(--accent-ink);letter-spacing:.12em;font-size:.57rem}.panel-heading.svelte-m7mg51 strong:where(.svelte-m7mg51){font:1.65rem var(--serif);margin:5px 0;display:block}.panel-heading.svelte-m7mg51 p:where(.svelte-m7mg51),.flavor-options.svelte-m7mg51 p:where(.svelte-m7mg51),.saving-note.svelte-m7mg51{color:var(--text-secondary);margin:0;font-size:.69rem;line-height:1.6}fieldset.svelte-m7mg51{border:0;min-width:0;margin:0;padding:0}legend.svelte-m7mg51{margin-bottom:10px;padding:0;font-size:.75rem;font-weight:600}.mode-options.svelte-m7mg51{gap:5px;display:flex}.mode-options.svelte-m7mg51 label:where(.svelte-m7mg51){cursor:pointer;border:1px solid var(--line-strong);color:var(--text-secondary);border-radius:7px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:9px 3px;font-size:.7rem;display:flex;position:relative}.mode-options.svelte-m7mg51 label:where(.svelte-m7mg51)>span:where(.svelte-m7mg51){font:20px/1.1 system-ui,sans-serif}.mode-options.svelte-m7mg51 .selected:where(.svelte-m7mg51){border-color:var(--focus);background:var(--surface-selected);color:var(--text-primary)}input.svelte-m7mg51{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}label.svelte-m7mg51:has(input:where(.svelte-m7mg51):focus-visible){outline:3px solid var(--focus);outline-offset:3px}label.svelte-m7mg51:hover{background:var(--surface-hover)}.theme-status.svelte-m7mg51{color:var(--text-secondary);margin:10px 0 19px;font-size:.65rem;line-height:1.5}.flavor-options.svelte-m7mg51 p:where(.svelte-m7mg51){margin:-4px 0 10px}.flavor-options.svelte-m7mg51 label:where(.svelte-m7mg51){border:1px solid var(--line);cursor:pointer;border-radius:7px;align-items:center;gap:11px;margin-top:6px;padding:9px;display:flex;position:relative}.flavor-options.svelte-m7mg51 .chosen:where(.svelte-m7mg51){border-color:var(--focus)}.flavor-swatch.svelte-m7mg51{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;width:53px;height:36px;display:flex}.flavor-swatch.svelte-m7mg51 i:where(.svelte-m7mg51){border-radius:5px;width:8px;height:17px}.flavor-name.svelte-m7mg51 strong:where(.svelte-m7mg51){font-size:.76rem;font-weight:500;display:block}.flavor-name.svelte-m7mg51 small:where(.svelte-m7mg51){color:var(--text-secondary);margin-top:3px;font-size:.65rem;display:block}.check.svelte-m7mg51{color:var(--link);margin-left:auto;font-size:14px}.saving-note.svelte-m7mg51{border-top:1px solid var(--line);margin-top:15px;padding-top:12px;font-size:.64rem}.theme-message.svelte-m7mg51{color:var(--warning-ink);background:var(--warning-bg);border-radius:4px;margin:12px 0 0;padding:10px;font-size:.7rem;line-height:1.6}@media (forced-colors:active){input.svelte-m7mg51{opacity:1;width:auto;height:auto;position:static}.mode-options.svelte-m7mg51 label:where(.svelte-m7mg51){flex-flow:wrap}.mode-options.svelte-m7mg51 label:where(.svelte-m7mg51)>span:where(.svelte-m7mg51){display:none}}.masthead.svelte-12qhfyh{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;min-height:108px;display:flex}.brand.svelte-12qhfyh{flex-shrink:0;align-items:center;gap:10px;padding:5px 0;text-decoration:none;display:flex}.masthead.svelte-12qhfyh nav:where(.svelte-12qhfyh){align-self:stretch;gap:22px;display:flex}.masthead.svelte-12qhfyh nav:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){align-items:center;font-size:.8rem;text-decoration:none;display:flex;position:relative}.masthead.svelte-12qhfyh nav:where(.svelte-12qhfyh) a[aria-current]:where(.svelte-12qhfyh):after{content:"";background:var(--coral);height:3px;position:absolute;bottom:-1px;left:0;right:0}.masthead.svelte-12qhfyh nav:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh):hover{color:var(--link)}.site-footer.svelte-12qhfyh{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding-top:25px;padding-bottom:28px;font-size:.7rem;display:flex}.footer-brand.svelte-12qhfyh{font-family:var(--serif);align-items:center;gap:9px;font-size:1.1rem;text-decoration:none;display:flex}.site-footer.svelte-12qhfyh>a:where(.svelte-12qhfyh):last-child{text-underline-offset:4px}@media (width<=900px){.masthead.svelte-12qhfyh{gap:18px}}@media (width<=520px){.masthead.svelte-12qhfyh{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;min-height:114px;padding-top:10px;padding-bottom:0}.brand.svelte-12qhfyh{max-width:128px;padding:0}.masthead.svelte-12qhfyh nav:where(.svelte-12qhfyh){order:3;justify-content:space-between;gap:8px;width:100%;height:44px}.masthead.svelte-12qhfyh nav:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){font-size:.72rem}.site-footer.svelte-12qhfyh{flex-wrap:wrap;gap:17px}.site-footer.svelte-12qhfyh>span:where(.svelte-12qhfyh){order:3;width:100%}}@media (width>=521px) and (width<=840px){.masthead.svelte-12qhfyh{flex-wrap:wrap;gap:6px 20px;padding-top:8px}.masthead.svelte-12qhfyh nav:where(.svelte-12qhfyh){order:3;justify-content:center;width:100%;height:44px}}