:root{--ink:#eef2ff;--muted:#e2e8ff99;--panel:#0a0c1c9e;--line:#aab9ff24;--a:#1b6cff;--b:#22e6c8;--c:#f4ff9a;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#05060f;font-family:Plus Jakarta Sans Variable,Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#field{background:radial-gradient(80% 80% at 50% 45%,#0d1030,#05060f 70%);width:100%;height:100svh;min-height:460px;position:relative;overflow:hidden}canvas{touch-action:none;cursor:crosshair;outline:none;width:100%;height:100%;display:block}canvas:focus-visible{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--b) 70%, transparent)}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--b);outline-offset:3px}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand{pointer-events:none;position:absolute;top:22px;left:26px}.brand h1{letter-spacing:-.035em;margin:0;font-size:28px;font-weight:800;line-height:1}.brand h1 span{background:linear-gradient(90deg, var(--a), var(--b), var(--c));color:#0000;-webkit-background-clip:text;background-clip:text}.brand p{color:var(--muted);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:12px}.shapes,.toolbar,.dock,.word{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.3);position:absolute;box-shadow:0 18px 50px #0006}.shapes{border-radius:999px;gap:3px;padding:5px;display:flex;top:20px;left:50%;transform:translate(-50%)}.shapes button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:650;transition:background .2s,color .2s}.shapes button:hover{color:var(--ink);background:#ffffff0f}.shapes button[aria-pressed=true]{color:#05060f;background:linear-gradient(110deg, var(--a), var(--b) 55%, var(--c));box-shadow:0 6px 22px color-mix(in srgb, var(--b) 35%, transparent)}.word{border-radius:16px;gap:6px;padding:5px;display:flex;top:74px;left:50%;transform:translate(-50%)}.word[hidden]{display:none}.word input{border:1px solid var(--line);background:#ffffff0d;border-radius:11px;width:190px;padding:9px 12px;font-size:14px;font-weight:650}.word button{background:#ffffff1f;border:0;border-radius:11px;padding:0 14px;font-size:13px;font-weight:700}.toolbar{border-radius:999px;gap:2px;padding:5px;display:flex;top:20px;right:22px}.icon{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon svg{width:20px;height:20px}.icon:hover{color:var(--ink);background:#ffffff14}.icon[aria-pressed=true]{color:var(--ink);background:#ffffff24}#sound .off,#sound[aria-pressed=false] .on,#pause .off,#pause[aria-pressed=true] .on{display:none}#sound[aria-pressed=false] .off,#pause[aria-pressed=true] .off{display:inline}#sound[aria-pressed=true]{color:var(--muted);background:0 0}.dock{border-radius:24px;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:8px 12px 8px 8px;display:flex;bottom:20px;left:50%;transform:translate(-50%)}.seg{background:#ffffff0a;border-radius:18px;gap:2px;padding:3px;display:flex}.seg button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:15px;align-items:center;gap:7px;padding:0 13px 0 10px;font-size:13px;font-weight:700;display:flex}.seg svg{width:19px;height:19px}.seg button:hover{color:var(--ink)}.seg button[aria-checked=true]{color:var(--ink);background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff1f}.effects{gap:6px;display:flex}.fx{border:1px solid var(--line);white-space:nowrap;background:#ffffff0f;border-radius:15px;min-height:44px;padding:0 16px;font-size:13.5px;font-weight:750;transition:transform .15s cubic-bezier(.3,1.6,.5,1),background .2s}.fx:hover{background:#ffffff1f;transform:translateY(-2px)}.fx:active{transform:translateY(1px)scale(.96)}.fx.primary{color:#05060f;background:linear-gradient(110deg, var(--a), var(--b) 55%, var(--c));box-shadow:0 8px 26px color-mix(in srgb, var(--b) 35%, transparent);border-color:#0000}.fx[aria-pressed=true]{border-color:var(--c);box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 40%, transparent), 0 0 30px color-mix(in srgb, var(--c) 40%, transparent);background:#000}.palettes{gap:7px;display:flex}.swatch{background:conic-gradient(from 200deg, var(--s0), var(--s1), var(--s2), var(--s0));width:28px;height:28px;box-shadow:0 0 14px color-mix(in srgb, var(--s1) 45%, transparent);border:0;border-radius:50%;padding:0;transition:transform .18s cubic-bezier(.3,1.8,.5,1)}.swatch:hover{transform:scale(1.1)}.swatch[aria-checked=true]{outline:2px solid var(--ink);outline-offset:3px}.hint{color:var(--muted);white-space:nowrap;pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}#loading{color:var(--muted);background:#05060f;place-content:center;justify-items:center;gap:18px;font-size:14px;transition:opacity .5s;display:grid;position:absolute;inset:0}#loading[hidden]{display:none}#loading.fading{opacity:0}.orb{background:radial-gradient(circle at 40% 40%, var(--c), var(--b) 40%, var(--a) 75%);width:36px;height:36px;box-shadow:0 0 40px var(--b);border-radius:50%;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.6;transform:scale(.7)}}@media (width<=1080px){.hint{display:none}.dock{flex-wrap:wrap;justify-content:center;gap:8px}}@media (width<=700px){.brand{top:14px;left:16px}.brand h1{font-size:22px}.toolbar{padding:3px;top:10px;right:10px}.icon{width:34px;height:34px}.shapes{scrollbar-width:none;max-width:calc(100% - 20px);top:62px;overflow-x:auto}.shapes::-webkit-scrollbar{display:none}.shapes button{padding:8px 11px;font-size:12px}.word{top:114px}.dock{border-radius:20px;width:calc(100% - 20px);padding:8px;bottom:10px}.seg{width:100%}.seg button{flex-direction:column;flex:1;justify-content:center;gap:2px;min-height:50px;padding:4px 2px;font-size:11px}.effects{width:100%}.fx{flex:1;padding:0 6px;font-size:12.5px}}@media (width<=400px){#slowmo{display:none}}@media (prefers-reduced-motion:reduce){.orb{animation:none}.fx,.swatch{transition:none}}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/project-embeds/particle-sim/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/project-embeds/particle-sim/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/project-embeds/particle-sim/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");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}