:root{background:transparent;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent}body{display:grid;place-items:center}.field{position:absolute;inset:0;pointer-events:none}#ai-canvas{width:115%;height:100%;overflow:visible;transform:translateX(5%)}#rig,.layer{transform-origin:452px 310px}#rig{transform-box:view-box}#base{fill:#e8f5f8}#outline{stroke:#00efff;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.spectrum-surface{width:100%;height:100%;background:conic-gradient(from var(--spectral-angle,0deg) at 50% 50%,#00efff,#2460ff,#923cff,#e500ff,#ff238c,#ff791f,#adff20,#00efff);background-size:180% 180%;background-position:var(--gradient-x,50%) var(--gradient-y,50%)}#beam{filter:drop-shadow(0 0 7px #00efff)}#chromatic,#echoes{mix-blend-mode:screen}#ambient-rings{stroke-width:.5;transform-origin:452px 310px}#pixels{fill:#00efff}#particles{fill:#00efff}#contours{stroke-width:1.1}@media(max-width:600px){#ai-canvas{width:115%;transform:translateX(5%)}#liquid-layer{filter:none!important}}