.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.78665em .893413em 7px #ff0083e6,1.16497em 1.72016em 7px #4000ffe6,1.19444em 2.42743em 7px #00ffc5e6,-.213282em 1.90792em 7px #ff00e9e6,.675302em 1.25495em 7px #ffbf00e6,1.24425em 1.23482em 7px #2600ffe6,.971806em .868458em 7px #da00ffe6,-.0866846em .112591em 7px #0038ffe6,.828405em .130063em 7px #6e00ffe6,.258831em 1.8266em 7px #ff00b6e6,2.06273em 1.34919em 7px #0075ffe6,2.0145em 1.72516em 7px #0002ffe6,.56715em .523387em 7px #a400ffe6,1.72943em .670245em 7px #9d00ffe6,-.211217em .439912em 7px #ff00cfe6,-.284422em -.00194529em 7px #00c9ffe6,2.11503em 1.77546em 7px #00ffc2e6,1.90592em .496214em 7px #f400ffe6,.788759em 1.5536em 7px #00ffcde6,-.0838034em 1.86286em 7px #32ff00e6,.497967em .414165em 7px #40ff00e6,1.26701em 1.24778em 7px #4dff00e6,1.13014em 1.10867em 7px #00e4ffe6,1.978em .893383em 7px #ff0500e6,.762595em 1.03391em 7px #ff0041e6,.88132em .128573em 7px #9c00ffe6,1.20996em 1.1054em 7px #fff000e6,1.69784em 1.34189em 7px #00ff7ce6,.736031em 1.68286em 7px #0060ffe6,.0118091em 2.2579em 7px #ff005fe6,1.18859em .349957em 7px #e7ff00e6,.137486em 2.3279em 7px #0081ffe6,2.19445em -.125114em 7px #ffc800e6,-.142778em -.0999785em 7px #1bff00e6,2.39784em 1.76246em 7px #001fffe6,.334339em 1.12067em 7px #f200ffe6,2.4898em .34429em 7px #15ff00e6,.891759em 1.3857em 7px #ff0058e6,1.92102em .0773083em 7px #9000ffe6,1.23559em 2.40595em 7px #00ff73e6,1.45971em -.397847em 7px #0010ffe6;animation-duration:44s;animation-delay:-27s}.graph-background.floating-orbs:after{text-shadow:.62675em -.216074em 7px #10ff00e6,2.10418em .993433em 7px #ff1400e6,.355329em 2.25751em 7px #00ff37e6,2.33046em 1.23948em 7px #ffbd00e6,1.33281em 1.1709em 7px #ff001ee6,1.27762em 2.48567em 7px #00ff04e6,.612581em 1.78252em 7px #aa00ffe6,.084227em 1.08444em 7px #ff8700e6,1.37498em 2.29595em 7px #fbff00e6,.318066em -.0399889em 7px #9300ffe6,-.402525em 1.51444em 7px #0200ffe6,1.75981em 1.63014em 7px #0020ffe6,1.86823em 2.49098em 7px #ff0040e6,.834425em 1.31534em 7px #00ff07e6,.952091em .136804em 7px #0038ffe6,-.310602em .470352em 7px #ff001ae6,.891678em .366433em 7px #00a4ffe6,.414696em 1.23568em 7px #ff007ce6,1.10233em -.0153194em 7px #ff7d00e6,1.75032em 1.7399em 7px #ff0085e6,1.93869em 1.1922em 7px #ffe700e6,1.50331em -.388326em 7px #ff3600e6,1.28059em .0509886em 7px #ff0098e6,.210028em -.0165318em 7px #e3ff00e6,.594222em -.18546em 7px #00ffaee6,1.95931em .802016em 7px #ff001ae6,-.47469em 1.43127em 7px #0027ffe6,1.82422em 2.42793em 7px #00ff63e6,2.47387em 2.01071em 7px #9600ffe6,2.39211em .294812em 7px #0048ffe6,1.2556em 2.47355em 7px #ff1400e6,.231948em .531153em 7px #00ff6ae6,1.67812em .0224439em 7px #9100ffe6,1.69856em 2.2708em 7px #ffac00e6,.763607em .590485em 7px #ff5f00e6,1.73221em .828765em 7px #ffe100e6,.0917709em 2.37223em 7px #fd00ffe6,.626033em 1.95904em 7px #ff002ce6,-.328258em 1.5316em 7px #ff00d4e6,2.42429em -.119804em 7px #ff003de6,2.24914em 1.06511em 7px #6cff00e6;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(calc(120px * var(--ambient-glow-blur-scale,1)));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)}