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