@property --isSpeaking{syntax:"<number>";inherits:true;initial-value:0}@property --orb-c{syntax:"<color>";inherits:false;initial-value:#0000}.orb-wrap{--isSpeaking:0;transition:--isSpeaking .9s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.orb-wrap[data-active=true]{--isSpeaking:1}.orb-bokeh{z-index:0;aspect-ratio:1;--bokeh-rest:.34;--bokeh-gain:.3;width:190%;opacity:calc(var(--bokeh-rest) + var(--bokeh-gain) * var(--isSpeaking));translate:-50% -50%;scale:calc(1 + .06 * var(--isSpeaking));pointer-events:none;position:absolute;top:50%;left:50%}.orb-bokeh i{width:var(--w);aspect-ratio:1;margin:calc(var(--w) * -.5) 0 0 calc(var(--w) * -.5);background:radial-gradient(closest-side, color-mix(in oklch, var(--c1), var(--orb-c) calc(var(--isSpeaking) * 100%)), transparent 72%);filter:blur(calc(var(--orb-size,144px) * .18)) saturate(1.1);will-change:transform, scale, translate, opacity;border-radius:50%;position:absolute}.dark .orb-bokeh i{mix-blend-mode:screen}html:not(.dark) .orb-bokeh{--bokeh-rest:.68;--bokeh-gain:.32}html:not(.dark) .orb-bokeh i{filter:blur(calc(var(--orb-size,144px) * .18)) saturate(1.6)}.orb-bokeh>canvas,.orb-wrap>canvas{z-index:1;position:relative}@media (prefers-reduced-motion:no-preference){.orb-bokeh i{animation:14s ease-in-out infinite alternate orb-bokeh-drift,2.8s ease-in-out infinite alternate orb-bokeh-pulse,6.5s linear infinite paused orb-bokeh-color}.orb-wrap[data-active=true] .orb-bokeh i{animation-play-state:running}}@keyframes orb-bokeh-drift{0%{transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(var(--ds))}}@keyframes orb-bokeh-pulse{0%{opacity:1;translate:0;scale:1}to{scale:calc(1 + .35 * var(--isSpeaking));translate:calc(var(--mx) * var(--isSpeaking)) calc(var(--my) * var(--isSpeaking));opacity:calc(1 - .3 * var(--isSpeaking))}}@keyframes orb-bokeh-color{0%{--orb-c:#40d1ff}20%{--orb-c:#a76cff}40%{--orb-c:#ff529e}60%{--orb-c:#ffd54a}80%{--orb-c:#60e28f}to{--orb-c:#40d1ff}}@property --marie-angle{syntax:"<angle>";inherits:true;initial-value:135deg}.marie-pill{--marie-angle:135deg;--mc1:#40d1ff;--mc2:#a76cff;--mc3:#ff529e;--mc4:#ffd54a;--mc5:#60e28f;border-color:#0000;position:relative}.marie-pill[data-hue="1"]{--mc1:#a76cff;--mc2:#ff529e;--mc3:#ffd54a;--mc4:#60e28f;--mc5:#40d1ff}.marie-pill[data-hue="2"]{--mc1:#ff529e;--mc2:#ffd54a;--mc3:#60e28f;--mc4:#40d1ff;--mc5:#a76cff}.marie-pill[data-hue="3"]{--mc1:#ffd54a;--mc2:#60e28f;--mc3:#40d1ff;--mc4:#a76cff;--mc5:#ff529e}.marie-pill[data-hue="4"]{--mc1:#60e28f;--mc2:#40d1ff;--mc3:#a76cff;--mc4:#ff529e;--mc5:#ffd54a}.marie-pill:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--mc1) 0%, var(--mc2) 10%, var(--mc3) 20%, var(--mc4) 30%, hsl(var(--border)) 52%);-webkit-mask-composite:xor;-webkit-mask-composite:xor;opacity:.9;pointer-events:none;padding:1px;transition:opacity .2s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.marie-pill:hover{background-image:conic-gradient(from var(--marie-angle), color-mix(in srgb, var(--mc1), transparent 78%), color-mix(in srgb, var(--mc2), transparent 78%), color-mix(in srgb, var(--mc3), transparent 78%), color-mix(in srgb, var(--mc4), transparent 78%), color-mix(in srgb, var(--mc5), transparent 78%), color-mix(in srgb, var(--mc1), transparent 78%))}.marie-pill:hover:before{background:conic-gradient(from var(--marie-angle), var(--mc1), var(--mc2), var(--mc3), var(--mc4), var(--mc5), var(--mc1));opacity:1}@media (prefers-reduced-motion:no-preference){.marie-pill:hover{animation:6s linear infinite marie-pill-spin}}@keyframes marie-pill-spin{to{--marie-angle:495deg}}