.flow-material{display:block;pointer-events:none}.flow-material canvas{display:block;width:100%;height:100%}.flow-material-field,.flow-material-hero{position:absolute;inset:0;z-index:0;background:#030f0b}.flow-material-atmosphere,.flow-material-login{position:absolute;inset:0;z-index:0;background:#030a08;background-image:radial-gradient(ellipse at 78% 48%,rgba(16,185,129,.2) 0,transparent 60%),radial-gradient(ellipse at 25% 65%,rgba(6,95,70,.18) 0,transparent 55%),radial-gradient(ellipse at 85% 82%,rgba(5,150,105,.16) 0,transparent 50%),radial-gradient(ellipse at 50% 20%,rgba(4,47,46,.2) 0,transparent 65%)}.flow-material-orb{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse at 33% 28%,#e9fff2 0,#a4eace 16%,#42af8b 42%,#156245 72%,#0d3025 100%)}.flow-material-orb canvas{position:absolute;width:220%;height:140%;left:-60%;top:-20%}.flow-material-orb:has(canvas[data-renderer=webgl]){background:none;border-radius:0}.flow-material-orb:not(:has(canvas[data-renderer=webgl]))[data-state=thinking]{border-radius:44% 56% 49% 51%;transform:scale(.88,.94)}.flow-material-orb:not(:has(canvas[data-renderer=webgl]))[data-state=listening]{border-radius:56% 44% 48% 52%}.flow-material-orb:not(:has(canvas[data-renderer=webgl]))[data-state=retrieving]{border-radius:62% 38% 46% 54%}.flow-material-orb:not(:has(canvas[data-renderer=webgl]))[data-state=speaking]{border-radius:43% 57% 55% 45%;transform:scale(1.06,.97)}.flow-material-orb:not(:has(canvas[data-renderer=webgl]))[data-state=acting]{border-radius:38% 62% 56% 44%;transform:scale(1.08,.9)}.flow-material-orb:not(:has(canvas[data-renderer=webgl]))[data-state=handoff]{transform:translateX(-14%) scale(.92)}.flow-material-orb:not(:has(canvas[data-renderer=webgl]))[data-state=interrupted]{border-radius:55% 45% 47% 53%;transform:scaleY(.94)}