.demo[data-astro-cid-4ygmydgn]{position:relative;min-height:100svh;overflow:hidden}.demo__canvas[data-astro-cid-4ygmydgn]{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.demo__header[data-astro-cid-4ygmydgn]{position:relative;z-index:2;padding-block:96px 80px;isolation:isolate}.demo__header[data-astro-cid-4ygmydgn]:before{content:"";position:absolute;left:-15vw;right:0;top:-80px;bottom:-80px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 65% at 32% 50%,#0d0a1ee0,#0d0a1eb8 35%,#0d0a1e66,#0d0a1e1f 75%,#0d0a1e00 92%);filter:blur(24px)}.demo__crumb[data-astro-cid-4ygmydgn]{display:inline-block;font-family:var(--font-mono);font-size:12px;color:var(--cyan);letter-spacing:.06em}.demo__crumb[data-astro-cid-4ygmydgn]:hover{text-decoration:underline}.demo__tech[data-astro-cid-4ygmydgn]{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:8px}.demo__tech[data-astro-cid-4ygmydgn] li[data-astro-cid-4ygmydgn]{font-family:var(--font-mono);font-size:12px;font-weight:500;padding:5px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:#0d0a1e8c;backdrop-filter:blur(8px)}.demo__hint[data-astro-cid-4ygmydgn]{margin-top:36px;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}@media(prefers-reduced-motion:reduce){.demo__canvas[data-astro-cid-4ygmydgn]{opacity:.7}}.demo__paint[data-astro-cid-4ygmydgn]{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;--flow-t: 0;--flow-density: 1;--flow-hue: 0;background-color:#060414;background-image:paint(flow);animation:pw-flow 24s linear infinite}@keyframes pw-flow{0%{--flow-t: 0}to{--flow-t: 1}}.demo__paint[data-astro-cid-4ygmydgn].is-paused,.demo__paint[data-astro-cid-4ygmydgn].is-offscreen,.demo__paint[data-astro-cid-4ygmydgn].is-hidden-tab{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.demo__paint[data-astro-cid-4ygmydgn],.demo__paint--fallback[data-astro-cid-4ygmydgn]{animation-play-state:paused!important}}@supports not (background: paint(flow)){.demo__paint[data-astro-cid-4ygmydgn]{background-image:radial-gradient(ellipse 50% 60% at 28% 32%,rgba(255,0,110,.34),transparent 60%),radial-gradient(ellipse 55% 60% at 74% 64%,rgba(0,217,255,.3),transparent 62%),radial-gradient(ellipse 45% 50% at 52% 84%,rgba(255,249,91,.2),transparent 60%),radial-gradient(ellipse 60% 70% at 50% 50%,rgba(150,90,255,.18),transparent 70%);background-color:#060414;animation:pw-fallback 30s ease-in-out infinite;filter:blur(8px)}}.demo__paint--fallback[data-astro-cid-4ygmydgn]{background-image:radial-gradient(ellipse 50% 60% at 28% 32%,rgba(255,0,110,.34),transparent 60%),radial-gradient(ellipse 55% 60% at 74% 64%,rgba(0,217,255,.3),transparent 62%),radial-gradient(ellipse 45% 50% at 52% 84%,rgba(255,249,91,.2),transparent 60%),radial-gradient(ellipse 60% 70% at 50% 50%,rgba(150,90,255,.18),transparent 70%);animation:pw-fallback 30s ease-in-out infinite!important;filter:blur(8px)}@keyframes pw-fallback{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.12) translate(-2%,-1%)}}.pw-panel[data-astro-cid-4ygmydgn]{margin-top:32px;max-width:480px;padding:18px 20px;display:grid;gap:18px;border:1px solid var(--border-soft);border-radius:var(--radius);background:#0d0a1e99;backdrop-filter:blur(10px)}.pw-control[data-astro-cid-4ygmydgn]{display:grid;gap:8px}.pw-control__label[data-astro-cid-4ygmydgn]{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--acid)}.pw-control__label[data-astro-cid-4ygmydgn] output[data-astro-cid-4ygmydgn]{color:var(--ghost);font-size:12px;font-variant-numeric:tabular-nums}.pw-control[data-astro-cid-4ygmydgn] input[data-astro-cid-4ygmydgn][type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--hot),var(--acid),var(--cyan));cursor:pointer;outline-offset:4px}.pw-control[data-astro-cid-4ygmydgn] input[data-astro-cid-4ygmydgn][type=range]:focus-visible{outline:2px solid var(--acid)}.pw-control[data-astro-cid-4ygmydgn] input[data-astro-cid-4ygmydgn][type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ghost);border:2px solid var(--void);box-shadow:0 0 0 1px var(--border),0 2px 8px #00000080;cursor:pointer}.pw-control[data-astro-cid-4ygmydgn] input[data-astro-cid-4ygmydgn][type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--ghost);border:2px solid var(--void);box-shadow:0 0 0 1px var(--border),0 2px 8px #00000080;cursor:pointer}.pw-presets[data-astro-cid-4ygmydgn]{display:flex;flex-wrap:wrap;gap:8px}.pw-btn[data-astro-cid-4ygmydgn]{font-family:var(--font-mono);font-size:12px;padding:6px 14px;border:1px solid var(--border-soft);border-radius:999px;background:#ffffff08;color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .2s}.pw-btn[data-astro-cid-4ygmydgn]:hover,.pw-btn[data-astro-cid-4ygmydgn]:focus-visible{border-color:var(--acid);color:var(--ghost);background:#ffffff0d;transform:translateY(-1px);outline:none}.pw-btn[data-astro-cid-4ygmydgn]:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.pw-toggle[data-astro-cid-4ygmydgn]{display:inline-flex;align-items:center;gap:10px;justify-self:start;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;padding:8px 14px;border:1px solid var(--border-soft);border-radius:999px;background:#ffffff08;color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s}.pw-toggle[data-astro-cid-4ygmydgn]:hover,.pw-toggle[data-astro-cid-4ygmydgn]:focus-visible{border-color:var(--cyan);color:var(--ghost)}.pw-toggle[data-astro-cid-4ygmydgn]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.pw-toggle__dot[data-astro-cid-4ygmydgn]{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid)}.pw-toggle[data-astro-cid-4ygmydgn][aria-pressed=false] .pw-toggle__dot[data-astro-cid-4ygmydgn]{background:var(--dim);box-shadow:none}.pw-note[data-astro-cid-4ygmydgn]{margin-top:24px;max-width:60ch;padding:14px 16px;border:1px solid var(--border);border-left:3px solid var(--acid);border-radius:var(--radius);background:#0d0a1eb3;backdrop-filter:blur(8px);font-size:14px;line-height:1.6;color:var(--muted)}.pw-note[data-astro-cid-4ygmydgn] strong[data-astro-cid-4ygmydgn]{color:var(--ghost)}@media(max-width:480px){.pw-panel[data-astro-cid-4ygmydgn]{max-width:100%}}@property --flow-t{syntax: "<number>"; inherits: false; initial-value: 0;}@property --flow-density{syntax: "<number>"; inherits: false; initial-value: 1;}@property --flow-hue{syntax: "<number>"; inherits: false; initial-value: 0;}