@property --gx{syntax:"<percentage>";inherits:false;initial-value:30%}@property --gy{syntax:"<percentage>";inherits:false;initial-value:25%}:root{--orb-primary-green:49,117,0;--orb-mid-green:75,143,33;--orb-dark-green:54,114,8;--orb-light-green:128,162,70;--orb-bright-green:165,211,86;--orb-medium-green:110,185,40;--orb-soft-green:150,210,80;--orb-opacity-strong:0.95;--orb-opacity-medium:0.40;--orb-opacity-soft:0.22;--orb-opacity-light:0.20;--orb-opacity-subtle:0.18;--orb-opacity-very-light:0.15;--orb-opacity-transparent:0}.orb{width:205px;height:205px;border-radius:50%;--gx:30%;--gy:25%;background:linear-gradient(135deg,rgba(var(--orb-primary-green),var(--orb-opacity-light)) 0,rgba(var(--orb-mid-green),var(--orb-opacity-light)) 40%,rgba(var(--orb-dark-green),var(--orb-opacity-light)) 100%),radial-gradient(circle at var(--gx) var(--gy),rgba(var(--orb-light-green),var(--orb-opacity-strong)) 0,rgba(var(--orb-bright-green),var(--orb-opacity-medium)) 60%,rgba(var(--orb-bright-green),var(--orb-opacity-transparent)) 100%);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);transition:opacity 1s ease-in-out}@keyframes drift{0%{--gx:25%;--gy:20%}15%{--gx:40%;--gy:15%}30%{--gx:55%;--gy:35%}45%{--gx:35%;--gy:50%}60%{--gx:15%;--gy:45%}75%{--gx:30%;--gy:25%}90%{--gx:50%;--gy:20%}to{--gx:25%;--gy:20%}}@property --x1{syntax:"<percentage>";inherits:false;initial-value:28%}@property --y1{syntax:"<percentage>";inherits:false;initial-value:22%}@property --x2{syntax:"<percentage>";inherits:false;initial-value:62%}@property --y2{syntax:"<percentage>";inherits:false;initial-value:56%}@property --x3{syntax:"<percentage>";inherits:false;initial-value:48%}@property --y3{syntax:"<percentage>";inherits:false;initial-value:38%}@property --x4{syntax:"<percentage>";inherits:false;initial-value:72%}@property --y4{syntax:"<percentage>";inherits:false;initial-value:25%}@property --x5{syntax:"<percentage>";inherits:false;initial-value:35%}@property --y5{syntax:"<percentage>";inherits:false;initial-value:75%}@property --x6{syntax:"<percentage>";inherits:false;initial-value:80%}@property --y6{syntax:"<percentage>";inherits:false;initial-value:65%}@property --w1x{syntax:"<percentage>";inherits:false;initial-value:15%}@property --w1y{syntax:"<percentage>";inherits:false;initial-value:25%}@property --w2x{syntax:"<percentage>";inherits:false;initial-value:75%}@property --w2y{syntax:"<percentage>";inherits:false;initial-value:35%}@property --w3x{syntax:"<percentage>";inherits:false;initial-value:45%}@property --w3y{syntax:"<percentage>";inherits:false;initial-value:65%}@property --w4x{syntax:"<percentage>";inherits:false;initial-value:25%}@property --w4y{syntax:"<percentage>";inherits:false;initial-value:75%}@property --w5x{syntax:"<percentage>";inherits:false;initial-value:65%}@property --w5y{syntax:"<percentage>";inherits:false;initial-value:15%}.is-spots{--x1:28%;--y1:22%;--x2:62%;--y2:56%;--x3:48%;--y3:38%;--x4:72%;--y4:25%;--x5:35%;--y5:75%;--x6:80%;--y6:65%;background:linear-gradient(135deg,rgba(var(--orb-primary-green),var(--orb-opacity-light)) 0,rgba(var(--orb-mid-green),var(--orb-opacity-light)) 40%,rgba(var(--orb-dark-green),var(--orb-opacity-light)) 100%),radial-gradient(circle at var(--gx) var(--gy),rgba(var(--orb-light-green),var(--orb-opacity-strong)) 0,rgba(var(--orb-bright-green),var(--orb-opacity-medium)) 60%,rgba(var(--orb-bright-green),var(--orb-opacity-transparent)) 100%),radial-gradient(ellipse 160% 120% at var(--x1) var(--y1),rgba(var(--orb-bright-green),var(--orb-opacity-soft)) 0,rgba(var(--orb-bright-green),var(--orb-opacity-transparent)) 75%),radial-gradient(ellipse 140% 180% at var(--x2) var(--y2),rgba(var(--orb-medium-green),var(--orb-opacity-subtle)) 0,rgba(var(--orb-medium-green),var(--orb-opacity-transparent)) 80%),radial-gradient(ellipse 180% 110% at var(--x3) var(--y3),rgba(var(--orb-soft-green),var(--orb-opacity-very-light)) 0,rgba(var(--orb-soft-green),var(--orb-opacity-transparent)) 85%),radial-gradient(ellipse 150% 140% at var(--x4) var(--y4),rgba(var(--orb-light-green),var(--orb-opacity-subtle)) 0,rgba(var(--orb-light-green),var(--orb-opacity-transparent)) 78%),radial-gradient(ellipse 120% 160% at var(--x5) var(--y5),rgba(var(--orb-primary-green),var(--orb-opacity-very-light)) 0,rgba(var(--orb-primary-green),var(--orb-opacity-transparent)) 82%),radial-gradient(ellipse 170% 130% at var(--x6) var(--y6),rgba(var(--orb-mid-green),var(--orb-opacity-subtle)) 0,rgba(var(--orb-mid-green),var(--orb-opacity-transparent)) 77%);animation:swirl 6s ease-in-out infinite}@keyframes swirl{0%{--gx:30%;--gy:25%;--x1:28%;--y1:22%;--x2:62%;--y2:56%;--x3:48%;--y3:38%;--x4:72%;--y4:25%;--x5:35%;--y5:75%;--x6:80%;--y6:65%}25%{--gx:35%;--gy:30%;--x1:70%;--y1:15%;--x2:80%;--y2:45%;--x3:65%;--y3:70%;--x4:25%;--y4:85%;--x5:90%;--y5:30%;--x6:15%;--y6:40%}50%{--gx:25%;--gy:35%;--x1:85%;--y1:60%;--x2:15%;--y2:75%;--x3:25%;--y3:85%;--x4:40%;--y4:10%;--x5:75%;--y5:20%;--x6:55%;--y6:90%}75%{--gx:35%;--gy:20%;--x1:10%;--y1:80%;--x2:45%;--y2:10%;--x3:75%;--y3:20%;--x4:85%;--y4:60%;--x5:20%;--y5:50%;--x6:65%;--y6:15%}to{--gx:30%;--gy:25%;--x1:28%;--y1:22%;--x2:62%;--y2:56%;--x3:48%;--y3:38%;--x4:72%;--y4:25%;--x5:35%;--y5:75%;--x6:80%;--y6:65%}}.is-waves{--w1x:15%;--w1y:25%;--w2x:75%;--w2y:35%;--w3x:45%;--w3y:65%;--w4x:25%;--w4y:75%;--w5x:65%;--w5y:15%;padding:8px;background:linear-gradient(135deg,rgba(147,51,234,.2) 0,rgba(168,85,247,.2) 40%,rgba(126,34,206,.2) 100%),radial-gradient(circle at var(--gx) var(--gy),rgba(34,211,238,.95) 0,rgba(6,182,212,.4) 60%,rgba(6,182,212,0) 100%),radial-gradient(ellipse 120% 80% at var(--w1x) var(--w1y),rgba(59,130,246,.22) 0,rgba(59,130,246,0) 75%),radial-gradient(ellipse 100% 140% at var(--w2x) var(--w2y),rgba(236,72,153,.18) 0,rgba(236,72,153,0) 80%),radial-gradient(ellipse 150% 60% at var(--w3x) var(--w3y),rgba(249,115,22,.15) 0,rgba(249,115,22,0) 85%),radial-gradient(ellipse 90% 110% at var(--w4x) var(--w4y),rgba(250,204,21,.18) 0,rgba(250,204,21,0) 70%),radial-gradient(ellipse 110% 90% at var(--w5x) var(--w5y),rgba(220,38,127,.15) 0,rgba(220,38,127,0) 78%);animation:oceanWaves 8s ease-in-out infinite}@keyframes oceanWaves{0%{--w1x:15%;--w1y:25%;--w2x:75%;--w2y:35%;--w3x:45%;--w3y:65%;--w4x:25%;--w4y:75%;--w5x:65%;--w5y:15%}10%{--w1x:85%;--w1y:20%;--w2x:30%;--w2y:80%;--w3x:70%;--w3y:40%;--w4x:60%;--w4y:15%;--w5x:20%;--w5y:90%}20%{--w1x:70%;--w1y:85%;--w2x:90%;--w2y:45%;--w3x:25%;--w3y:80%;--w4x:80%;--w4y:35%;--w5x:40%;--w5y:60%}30%{--w1x:20%;--w1y:70%;--w2x:60%;--w2y:15%;--w3x:85%;--w3y:50%;--w4x:35%;--w4y:85%;--w5x:75%;--w5y:25%}40%{--w1x:90%;--w1y:40%;--w2x:25%;--w2y:75%;--w3x:55%;--w3y:20%;--w4x:70%;--w4y:60%;--w5x:15%;--w5y:85%}50%{--w1x:45%;--w1y:15%;--w2x:80%;--w2y:85%;--w3x:20%;--w3y:45%;--w4x:90%;--w4y:30%;--w5x:35%;--w5y:70%}60%{--w1x:75%;--w1y:90%;--w2x:40%;--w2y:25%;--w3x:85%;--w3y:75%;--w4x:20%;--w4y:45%;--w5x:60%;--w5y:10%}70%{--w1x:30%;--w1y:55%;--w2x:85%;--w2y:60%;--w3x:50%;--w3y:30%;--w4x:65%;--w4y:80%;--w5x:25%;--w5y:40%}80%{--w1x:80%;--w1y:25%;--w2x:50%;--w2y:90%;--w3x:15%;--w3y:55%;--w4x:85%;--w4y:20%;--w5x:70%;--w5y:85%}90%{--w1x:55%;--w1y:80%;--w2x:20%;--w2y:50%;--w3x:75%;--w3y:15%;--w4x:40%;--w4y:70%;--w5x:90%;--w5y:45%}to{--w1x:15%;--w1y:25%;--w2x:75%;--w2y:35%;--w3x:45%;--w3y:65%;--w4x:25%;--w4y:75%;--w5x:65%;--w5y:15%}}.is-matcha{--w1x:15%;--w1y:25%;--w2x:75%;--w2y:35%;--w3x:45%;--w3y:65%;--w4x:25%;--w4y:75%;--w5x:65%;--w5y:15%;background:linear-gradient(135deg,rgba(var(--orb-primary-green),var(--orb-opacity-light)) 0,rgba(var(--orb-mid-green),var(--orb-opacity-light)) 40%,rgba(var(--orb-dark-green),var(--orb-opacity-light)) 100%),radial-gradient(circle at var(--gx) var(--gy),rgba(var(--orb-light-green),var(--orb-opacity-strong)) 0,rgba(var(--orb-bright-green),var(--orb-opacity-medium)) 60%,rgba(var(--orb-bright-green),var(--orb-opacity-transparent)) 100%),radial-gradient(ellipse 120% 80% at var(--w1x) var(--w1y),rgba(255,255,255,.65) 0,rgba(255,255,240,.35) 50%,rgba(255,255,240,0) 75%),radial-gradient(ellipse 100% 140% at var(--w2x) var(--w2y),rgba(255,215,0,.55) 0,rgba(240,230,140,.3) 60%,rgba(240,230,140,0) 80%),radial-gradient(ellipse 150% 60% at var(--w3x) var(--w3y),rgba(50,205,50,.5) 0,rgba(154,205,50,.25) 70%,rgba(154,205,50,0) 85%),radial-gradient(ellipse 90% 110% at var(--w4x) var(--w4y),rgba(173,255,47,.45) 0,rgba(173,255,47,.2) 50%,rgba(173,255,47,0) 70%),radial-gradient(ellipse 110% 90% at var(--w5x) var(--w5y),rgba(152,251,152,.4) 0,rgba(152,251,152,.15) 60%,rgba(152,251,152,0) 78%);opacity:.8;animation:oceanWaves 8s ease-in-out infinite}.orb-speaking{animation:orbSpeaking .6s ease-in-out infinite}@keyframes orbSpeaking{0%{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:.95}to{transform:scale(1);opacity:.85}}.orb.audio-playing{animation:oceanWaves 8s ease-in-out infinite,speechPulse 3.6s ease-in-out infinite;opacity:.85}@keyframes speechPulse{0%{transform:scale(1);opacity:.85}20%{transform:scale(1.05);opacity:.92}45%{transform:scale(1.08);opacity:.95}70%{transform:scale(1.03);opacity:.88}to{transform:scale(1);opacity:.85}}.orb.debug-test{border:5px solid lime!important;background:magenta!important}@media (prefers-reduced-motion:reduce){.orb,.orb-speaking,.orb.audio-playing,.orb.is-matcha,.orb.is-spots,.orb.is-waves{animation:none}}