.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:2.32191em .902119em 7px #00ff05e6,1.54003em 1.46844em 7px #0049ffe6,.679369em 1.85072em 7px #ff00f1e6,1.48358em 1.78999em 7px #ff6600e6,-.151198em 1.49608em 7px #ffe700e6,.71833em 1.84033em 7px #ff006fe6,1.69796em 1.80319em 7px #ffd400e6,.810927em 1.16229em 7px #ffa400e6,1.01607em .176607em 7px #2cff00e6,2.46063em 2.00958em 7px #00ff6ee6,.980711em .39017em 7px #ff4700e6,.119663em 1.62044em 7px #ff00f3e6,1.17292em 1.77124em 7px #00ff89e6,-.168541em 1.98608em 7px #ff0009e6,1.7724em .359604em 7px #ff00c0e6,-.0513771em .55702em 7px #00efffe6,-.0609946em 1.95068em 7px #00ff1be6,.10863em -.194512em 7px #a6ff00e6,.642714em .898535em 7px #001bffe6,1.67103em 2.10964em 7px #7f00ffe6,2.46522em .747146em 7px #ff00d2e6,1.46983em -.143188em 7px #c400ffe6,2.36049em .0386001em 7px #73ff00e6,.625066em -.46149em 7px #00e7ffe6,2.03518em .584115em 7px #ff0081e6,.802376em 1.39556em 7px #76ff00e6,1.48181em .624501em 7px #00ff6be6,.817068em 1.11227em 7px #5200ffe6,-.0905837em 2.24259em 7px #39ff00e6,.7028em .862208em 7px #4200ffe6,.575879em 1.68743em 7px #00a1ffe6,2.02909em 1.75656em 7px #6200ffe6,1.82068em .102886em 7px #ff005de6,.62249em 1.75725em 7px #ff001ae6,2.3089em 2.1486em 7px #ff009de6,1.97552em -.425132em 7px #00ffb0e6,1.74195em 1.72879em 7px #ffc300e6,.702256em .308605em 7px #ff0000e6,2.33807em -.426698em 7px #3900ffe6,-.250906em 2.48629em 7px #00ff7be6,.840903em .597866em 7px #40ff00e6;animation-duration:44s;animation-delay:-27s}.graph-background.floating-orbs:after{text-shadow:-.119034em 1.09515em 7px #ff0065e6,.773877em .278555em 7px #00fff1e6,2.08007em -.325411em 7px #00ff1be6,2.22495em .982325em 7px #ff00ede6,-.216244em 2.49372em 7px #d100ffe6,.927641em -.0626417em 7px #ff00f0e6,.612783em 2.19637em 7px #1bff00e6,-.0527382em -.354062em 7px #7800ffe6,.252937em 1.94888em 7px #ff00e8e6,1.8628em 2.0428em 7px #00ff17e6,.730825em .144408em 7px #00eeffe6,1.99112em 2.43384em 7px #ff2400e6,-.228493em .120558em 7px #f900ffe6,-.00515898em 1.90817em 7px #ff3400e6,-.0449915em 2.02731em 7px #5500ffe6,-.253275em 1.76077em 7px #ff00e4e6,.565369em 1.10624em 7px #ff3100e6,2.24803em 1.58333em 7px #002affe6,.321466em -.171814em 7px #00ffd6e6,2.37688em -.143889em 7px #52ff00e6,.0882215em .48518em 7px #00ff24e6,-.300757em 2.29587em 7px #009affe6,.197706em -.00825256em 7px #00ff55e6,-.155036em 1.71891em 7px #ff007ee6,1.93237em 2.23407em 7px #002effe6,2.0969em 1.76516em 7px #ffb000e6,-.453276em -.0447028em 7px #ff0025e6,.402906em .586194em 7px #ff000ce6,2.23833em 2.34803em 7px #5b00ffe6,.864599em .924981em 7px #d2ff00e6,1.69073em -.409675em 7px #0056ffe6,2.04143em 2.09446em 7px #3fff00e6,-.293534em -.15715em 7px #ff0097e6,.432553em 2.36289em 7px #ffb700e6,.56487em .222181em 7px #ff0097e6,.364131em .618353em 7px #5700ffe6,1.49818em -.025819em 7px #00fff4e6,1.12869em 1.26137em 7px #79ff00e6,2.2011em .0158952em 7px #ffe700e6,2.33332em 2.2357em 7px #c800ffe6,1.16473em 1.90879em 7px #0043ffe6;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-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)}