.graph-background{--body-background:var(--background);--texture-background-color:color-mix(in oklch, var(--background) 96%, transparent);--texture-pattern-color:color-mix(in oklch, var(--foreground) 35%, transparent);--texture-pattern-opacity:45%;--texture-secondary-color:color-mix(in oklch, var(--foreground) 20%, transparent);--texture-secondary-opacity:30%;--texture-scale:1;transition:background-color .2s ease-out}.graph-background.faded-gradient{background:linear-gradient(135deg, oklch(55% .12 330/.6) 0%, oklch(45% .15 290/.5) 25%, oklch(50% .1 250/.45) 50%, oklch(55% .08 200/.4) 75%, oklch(50% .06 170/.35) 100%),linear-gradient(315deg, oklch(40% .09 260/.4) 0%, oklch(50% .12 220/.35) 40%, oklch(45% .1 180/.3) 100%),var(--body-background);background-size:300% 300%,200% 200%,100% 100%;height:100%;animation:25s infinite faded-gradient-drift}@keyframes faded-gradient-drift{0%{background-position:0%,100% 0,50%}33%{background-position:100% 25%,0 100%,50%}66%{background-position:50% 100%,50%,50%}to{background-position:0%,100% 0,50%}}.graph-background.texture-dots{background-color:var(--texture-background-color);background-image:radial-gradient(circle at 1px 1px, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) 1px, transparent 0);background-size:calc(8px*var(--texture-scale)) calc(8px*var(--texture-scale))}.graph-background.texture-grid{background-color:var(--texture-background-color);background-image:linear-gradient(color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) 1px, transparent 1px),linear-gradient(90deg, color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) 1px, transparent 1px);background-size:calc(12px*var(--texture-scale)) calc(12px*var(--texture-scale))}.graph-background.texture-noise{background-color:var(--texture-background-color);background-image:radial-gradient(circle at 2px 2px, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) 1px, transparent 0);background-size:calc(6px*var(--texture-scale)) calc(6px*var(--texture-scale))}.graph-background.texture-crosshatch{background-color:var(--texture-background-color);background-image:repeating-linear-gradient(45deg, transparent, transparent calc(2px * var(--texture-scale)), color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) calc(2px * var(--texture-scale)), color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) calc(4px * var(--texture-scale))),repeating-linear-gradient(-45deg, transparent, transparent calc(2px * var(--texture-scale)), color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) calc(2px * var(--texture-scale)), color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) calc(4px * var(--texture-scale)))}.graph-background.texture-diagonal{background-color:var(--texture-background-color);background-image:repeating-linear-gradient(-45deg, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) 0, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) calc(1px * var(--texture-scale)), transparent calc(1px * var(--texture-scale)), transparent calc(6px * var(--texture-scale)))}.graph-background.texture-scattered-dots{background-color:var(--texture-background-color);background-image:radial-gradient(circle at calc(3px * var(--texture-scale)) calc(7px * var(--texture-scale)), color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) calc(1px * var(--texture-scale)), transparent 0),radial-gradient(circle at calc(11px * var(--texture-scale)) calc(2px * var(--texture-scale)), color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) calc(1px * var(--texture-scale)), transparent 0),radial-gradient(circle at calc(7px * var(--texture-scale)) calc(12px * var(--texture-scale)), color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) calc(1px * var(--texture-scale)), transparent 0);background-size:calc(16px*var(--texture-scale)) calc(16px*var(--texture-scale))}.graph-background.texture-halftone{background-color:var(--texture-background-color);background-image:radial-gradient(circle, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) 25%, transparent 25%),radial-gradient(circle, color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) 25%, transparent 25%);background-size:calc(10px*var(--texture-scale)) calc(10px*var(--texture-scale));background-position:0 0,calc(5px*var(--texture-scale)) calc(5px*var(--texture-scale))}.graph-background.texture-triangular{background-color:var(--texture-background-color);background-image:conic-gradient(from 0deg at 50% 50%, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) 0deg 120deg, transparent 120deg 240deg, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) 240deg 360deg),conic-gradient(from 0deg at 50% 50%, color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) 0deg 120deg, transparent 120deg 240deg, color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) 240deg 360deg);background-size:calc(8px*var(--texture-scale)) calc(8px*var(--texture-scale));background-position:0 0,calc(4px*var(--texture-scale)) calc(4px*var(--texture-scale))}.graph-background.texture-chevron{background-color:var(--texture-background-color);background-image:repeating-linear-gradient(45deg, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) 0, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) calc(2px * var(--texture-scale)), transparent calc(2px * var(--texture-scale)), transparent calc(8px * var(--texture-scale))),repeating-linear-gradient(-45deg, color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) 0, color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) calc(2px * var(--texture-scale)), transparent calc(2px * var(--texture-scale)), transparent calc(8px * var(--texture-scale)))}.graph-background.texture-paper-grain{background-color:var(--texture-background-color);background-image:repeating-linear-gradient(0deg, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) 0, transparent calc(1px * var(--texture-scale)), transparent calc(3px * var(--texture-scale))),repeating-linear-gradient(90deg, color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) 0, transparent calc(1px * var(--texture-scale)), transparent calc(4px * var(--texture-scale))),repeating-linear-gradient(45deg, color-mix(in oklch, var(--texture-pattern-color) calc(var(--texture-pattern-opacity) / 2), transparent) 0, transparent calc(1px * var(--texture-scale)), transparent calc(5px * var(--texture-scale)))}.graph-background.texture-horizontal-lines{background-color:var(--texture-background-color);background-image:repeating-linear-gradient(0deg, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) 0, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) calc(1px * var(--texture-scale)), transparent calc(1px * var(--texture-scale)), transparent calc(4px * var(--texture-scale)))}.graph-background.texture-vertical-lines{background-color:var(--texture-background-color);background-image:repeating-linear-gradient(90deg, color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) 0, color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) calc(1px * var(--texture-scale)), transparent calc(1px * var(--texture-scale)), transparent calc(4px * var(--texture-scale)))}.graph-background.texture-spotlight{background-color:var(--texture-background-color);background-image:radial-gradient(ellipse 55% 60% at 50% 48%, color-mix(in oklch, var(--texture-secondary-color) var(--texture-secondary-opacity), transparent) 0%, transparent 72%),radial-gradient(ellipse 120% 105% at 50% 50%, transparent 32%, color-mix(in oklch, var(--texture-pattern-color) var(--texture-pattern-opacity), transparent) 100%)}.graph-background.prism{background-color:#020617}.graph-background.plasma{background-color:#0000}.graph-background.floating-orbs{color:#0000;font:52px/1.3 serif}.graph-background.floating-orbs:before,.graph-background.floating-orbs:after{content:".";mix-blend-mode:screen;width:3em;height:3em;animation:44s ease-in-out -27s infinite alternate move;position:absolute;top:50%;left:50%}.graph-background.floating-orbs:before{text-shadow:1.02303em 1.0485em 7px #ff00bbe6,1.25285em 1.7172em 7px #ff00b6e6,1.93622em 1.00209em 7px #2aff00e6,1.94106em .314795em 7px #ffc800e6,.281214em 1.77421em 7px #9dff00e6,-.192413em .587576em 7px #2f00ffe6,-.0322439em -.480688em 7px #00ff5ae6,.432543em 1.96436em 7px #ff00b2e6,.527247em -.272072em 7px #0065ffe6,-.448945em 2.45227em 7px #cd00ffe6,.894013em .871271em 7px #ff002ce6,.00915753em 2.0672em 7px #ff9900e6,1.00998em .566963em 7px #00acffe6,1.52521em 2.10908em 7px #ff008fe6,.869607em .428597em 7px #ff000ae6,1.33626em 1.58895em 7px #67ff00e6,.307671em .6444em 7px #ffff00e6,.371087em -.126615em 7px #e300ffe6,1.26893em .668587em 7px #ff0080e6,1.67974em .672262em 7px #ff8e00e6,1.76768em 2.10131em 7px #d4ff00e6,.159857em -.106915em 7px #ff00f4e6,-.0408327em 1.43534em 7px #ff000be6,1.93727em .784338em 7px #0079ffe6,.165256em .966043em 7px #ff002ae6,-.286598em .800888em 7px #ff9c00e6,.385789em 1.87799em 7px #ef00ffe6,.186704em 2.02062em 7px #ff0900e6,1.59782em 1.42026em 7px #00f8ffe6,2.2194em .343866em 7px #12ff00e6,.435718em .893701em 7px #00ffcee6,1.51052em 1.79851em 7px #0069ffe6,1.53021em 1.28418em 7px #ff003be6,2.12813em 1.06011em 7px #ff00d9e6,2.07714em 2.32807em 7px #e500ffe6,-.410952em 1.45952em 7px #00ffdfe6,1.09893em -.299205em 7px #a000ffe6,.619681em .795576em 7px #ff0045e6,.0927269em 2.06687em 7px #ff5f00e6,.150121em .0598057em 7px #b800ffe6,.488694em .652448em 7px #ff00a7e6;animation-duration:44s;animation-delay:-27s}.graph-background.floating-orbs:after{text-shadow:2.38045em .165305em 7px #ff8c00e6,1.44214em 1.84804em 7px #1900ffe6,1.73342em 2.15701em 7px #00e6ffe6,.852478em .00149829em 7px #00c6ffe6,.177139em .583984em 7px #00ffd2e6,.367592em 2.20662em 7px #00ff35e6,2.07849em 1.9807em 7px #8a00ffe6,.54215em .361em 7px #32ff00e6,-.123459em .963801em 7px #66ff00e6,2.15077em .340888em 7px #de00ffe6,2.21652em 1.4796em 7px #ff0500e6,1.91676em .134862em 7px #3a00ffe6,.3827em .0709078em 7px #9dff00e6,.198154em 2.34171em 7px #00ffc5e6,.777195em 1.26582em 7px #fb00ffe6,1.41878em 2.35307em 7px #a200ffe6,2.44044em 1.72281em 7px #ff004ee6,-.194085em .286694em 7px #00ff47e6,.49642em 1.67634em 7px #ff1900e6,-.315781em 1.72793em 7px #ffb200e6,1.54913em 2.24155em 7px #00fffae6,2.09564em -.426645em 7px #0fff00e6,1.46898em 1.70541em 7px #ffd000e6,.958131em 1.00296em 7px #6aff00e6,2.08637em .303789em 7px #b500ffe6,.353087em .80271em 7px #7f00ffe6,.093129em .875464em 7px #5eff00e6,-.453471em 2.38161em 7px #1700ffe6,-.170578em 1.40779em 7px #ff002de6,.0729347em .904472em 7px #34ff00e6,1.12238em 2.06455em 7px #0004ffe6,.130133em .619771em 7px #ff2c00e6,.410706em -.351568em 7px #e800ffe6,2.43979em 2.42359em 7px #f0ff00e6,2.07705em -.105526em 7px #2d00ffe6,.381579em 1.4229em 7px #ff1a00e6,2.32211em .992157em 7px #00c4ffe6,2.41786em 1.27536em 7px #0057ffe6,1.03004em 2.25749em 7px #6000ffe6,-.448174em .657972em 7px #007fffe6,2.0026em .771984em 7px #00ff34e6;animation-duration:43s;animation-delay:-32s}@keyframes move{0%{transform:rotate(0)scale(12)translate(-20px)}to{transform:rotate(360deg)scale(18)translate(20px)}}.graph-background.custom-background{background-color:var(--graph-background-color)}.graph-background.conic-pointer-gradient{background-color:var(--body-background)}.ambient-glow-orbs{position:absolute;inset:0}.ambient-glow-orb{filter:blur(120px);will-change:transform;pointer-events:none;border-radius:50%;position:absolute}.ambient-glow-orb-1{background:radial-gradient(circle at 40% 40%, var(--glow-c0) 0%, transparent 70%);opacity:.55;width:55%;height:55%;animation:ambient-drift-1 var(--glow-duration) ease-in-out infinite alternate;top:-10%;left:-8%}.ambient-glow-orb-2{background:radial-gradient(circle at 60% 60%, var(--glow-c1) 0%, transparent 70%);opacity:.45;width:50%;height:50%;animation:ambient-drift-2 var(--glow-duration) ease-in-out infinite alternate-reverse;bottom:-8%;right:-5%}.ambient-glow-orb-3{background:radial-gradient(circle at 50% 50%, var(--glow-c2) 0%, transparent 70%);opacity:.3;width:40%;height:40%;animation:ambient-drift-3 calc(var(--glow-duration)*1.4) ease-in-out infinite alternate;bottom:10%;left:30%}@keyframes ambient-drift-1{0%{transform:translate(0)scale(1)}to{transform:translate(6%,8%)scale(1.08)}}@keyframes ambient-drift-2{0%{transform:translate(0)scale(1)}to{transform:translate(-5%,-6%)scale(1.06)}}@keyframes ambient-drift-3{0%{transform:translate(0)scale(1)}to{transform:translate(4%,-5%)scale(1.1)}}.ambient-glow-grain,.grain-overlay:after{pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0}.grain-overlay:after{content:"";opacity:var(--grain-opacity,.06)}