.kb-root{--kb-line:color-mix(in srgb, var(--color-ink) 8%, transparent);--kb-stroke:color-mix(in srgb, var(--color-ink) 24%, transparent);--kb-node:var(--color-ink);--kb-orb-alpha:50%;--kb-glow:color-mix(in srgb, var(--color-electric) 16%, transparent);--kb-fade:radial-gradient(ellipse 75% 70% at 50% 45%, #000 30%, transparent 80%)}.kb-root[data-tone=light]{-webkit-mask-image:linear-gradient(#000 70%,#0000 100%);mask-image:linear-gradient(#000 70%,#0000 100%)}.kb-root[data-tone=dark]{--kb-line:color-mix(in srgb, var(--color-background) 7%, transparent);--kb-stroke:color-mix(in srgb, var(--color-accent) 42%, transparent);--kb-node:var(--color-accent);--kb-orb-alpha:36%;--kb-glow:color-mix(in srgb, var(--color-accent) 14%, transparent)}.kb-orb{filter:blur(70px);will-change:transform;border-radius:9999px;position:absolute}.kb-orb-a{background:color-mix(in srgb, var(--color-orb-1) var(--kb-orb-alpha), transparent);animation:22s ease-in-out infinite alternate kb-drift-a}.kb-orb-b{background:color-mix(in srgb, var(--color-orb-2) var(--kb-orb-alpha), transparent);animation:27s ease-in-out infinite alternate kb-drift-b}.kb-orb-c{background:color-mix(in srgb, var(--color-orb-3) var(--kb-orb-alpha), transparent);animation:31s ease-in-out infinite alternate kb-drift-c}.kb-orb-d{background:color-mix(in srgb, var(--color-orb-1) var(--kb-orb-alpha), transparent);animation:35s ease-in-out infinite alternate-reverse kb-drift-b;display:none}.kb-pattern{background-image:linear-gradient(to right, var(--kb-line) 1px, transparent 1px), linear-gradient(to bottom, var(--kb-line) 1px, transparent 1px);-webkit-mask-image:var(--kb-fade);mask-image:var(--kb-fade);background-size:56px 56px;position:absolute;inset:0}.kb-stroke{stroke:var(--kb-stroke)}.kb-node{fill:var(--kb-node)}.kb-spin{transform-box:fill-box;transform-origin:50%;animation:60s linear infinite kb-spin}.kb-orbit{transform-box:view-box;transform-origin:100px 100px;animation:14s linear infinite kb-spin}.kb-float{animation:12s ease-in-out infinite kb-float}.kb-pulse{transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite kb-pulse}.kb-pulse:nth-of-type(2n){animation-delay:1.2s}.kb-pulse:nth-of-type(3n){animation-delay:2.4s}.kb-dash{stroke-dasharray:4 8;animation:6s linear infinite kb-dash}.kb-glow{background:radial-gradient(420px circle at var(--mx,50%) var(--my,40%), var(--kb-glow), transparent 70%);opacity:var(--glow-opacity,0);transition:opacity .4s}html[data-bg="2"] .kb-pattern,html[data-bg="2"] .kb-shape-hex,html[data-bg="2"] .kb-shape-net{display:none}html[data-bg="2"] .kb-orb{filter:blur(60px);animation-name:kb-aurora;animation-timing-function:ease-in-out;animation-direction:alternate;width:130%!important;height:38%!important;left:-15%!important;right:auto!important}html[data-bg="2"] .kb-orb-a{animation-duration:16s;top:-8%!important;bottom:auto!important}html[data-bg="2"] .kb-orb-b{animation-duration:21s;animation-delay:-6s;top:22%!important;bottom:auto!important}html[data-bg="2"] .kb-orb-c{animation-duration:26s;animation-delay:-12s;top:52%!important;bottom:auto!important}html[data-bg="3"] .kb-pattern{background-image:radial-gradient(circle, var(--kb-stroke) 1.4px, transparent 1.8px), radial-gradient(circle, var(--kb-line) 1px, transparent 1.4px);background-position:0 0,13px 17px;background-size:97px 89px,41px 37px}html[data-bg="3"] .kb-shape-hex,html[data-bg="3"] .kb-shape-orbit{display:none}html[data-bg="3"] .kb-shape-net{transform-origin:100% 100%;transform:scale(1.5)}html[data-bg="3"] .kb-orb{opacity:.6}html[data-bg="4"] .kb-pattern,html[data-bg="5"] .kb-pattern{background-image:none;background-color:var(--kb-line);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}html[data-bg="4"] .kb-pattern{--kb-line:color-mix(in srgb, var(--color-ink) 12%, transparent);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='100'><path d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='black' stroke-width='1.2'/><path d='M28 0L28 34L0 50L0 84L28 100L56 84L56 50L28 34' fill='none' stroke='black' stroke-width='1.2'/></svg>"), var(--kb-fade);mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='100'><path d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='black' stroke-width='1.2'/><path d='M28 0L28 34L0 50L0 84L28 100L56 84L56 50L28 34' fill='none' stroke='black' stroke-width='1.2'/></svg>"), var(--kb-fade);-webkit-mask-size:56px 100px,100% 100%;mask-size:56px 100px,100% 100%}html[data-bg="4"] .kb-root[data-tone=dark] .kb-pattern{--kb-line:color-mix(in srgb, var(--color-background) 9%, transparent)}html[data-bg="4"] .kb-shape-orbit,html[data-bg="4"] .kb-shape-net{display:none}html[data-bg="4"] .kb-shape-hex{transform-origin:0 0;transform:scale(1.35)}html[data-bg="5"] .kb-pattern{--kb-line:color-mix(in srgb, var(--color-ink) 13%, transparent);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><g fill='none' stroke='black' stroke-width='1.2'><path d='M0 30h30l12 12h30M72 42v26l12 12h36M16 120V92l14-14h22M60 0v14l12 12h20M96 120v-16l-10-10M120 60h-14l-10-10V30'/></g><g fill='black'><circle cx='72' cy='42' r='3'/><circle cx='52' cy='78' r='3'/><circle cx='92' cy='26' r='3'/><circle cx='86' cy='94' r='3'/><circle cx='96' cy='30' r='3'/></g></svg>"), var(--kb-fade);mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><g fill='none' stroke='black' stroke-width='1.2'><path d='M0 30h30l12 12h30M72 42v26l12 12h36M16 120V92l14-14h22M60 0v14l12 12h20M96 120v-16l-10-10M120 60h-14l-10-10V30'/></g><g fill='black'><circle cx='72' cy='42' r='3'/><circle cx='52' cy='78' r='3'/><circle cx='92' cy='26' r='3'/><circle cx='86' cy='94' r='3'/><circle cx='96' cy='30' r='3'/></g></svg>"), var(--kb-fade);-webkit-mask-size:120px 120px,100% 100%;mask-size:120px 120px,100% 100%}html[data-bg="5"] .kb-root[data-tone=dark] .kb-pattern{--kb-line:color-mix(in srgb, var(--color-accent) 16%, transparent)}html[data-bg="5"] .kb-shape-hex,html[data-bg="5"] .kb-shape-orbit{display:none}html[data-bg="6"] .kb-pattern{background-image:repeating-radial-gradient(ellipse at 22% 35%, transparent 0 26px, var(--kb-line) 27px 28px), repeating-radial-gradient(ellipse at 82% 72%, transparent 0 34px, var(--kb-line) 35px 36px);background-size:auto;-webkit-mask-image:radial-gradient(80% 75%,#000 35%,#0000 85%);mask-image:radial-gradient(80% 75%,#000 35%,#0000 85%)}html[data-bg="6"] .kb-shape-hex,html[data-bg="6"] .kb-shape-net{display:none}html[data-bg="7"] .kb-pattern{background-image:radial-gradient(circle, var(--kb-stroke) 1.6px, transparent 2px), radial-gradient(circle, var(--kb-line) 2.4px, transparent 2.9px);background-size:110px 110px,170px 170px;animation:48s linear infinite kb-particles}html[data-bg="7"] .kb-shape-hex,html[data-bg="7"] .kb-shape-net,html[data-bg="8"] .kb-pattern,html[data-bg="8"] .kb-shape-hex,html[data-bg="8"] .kb-shape-orbit,html[data-bg="8"] .kb-shape-net{display:none}html[data-bg="8"] .kb-orb{filter:blur(90px);--kb-orb-alpha:58%}html[data-bg="8"] .kb-root[data-tone=dark] .kb-orb{--kb-orb-alpha:42%}html[data-bg="8"] .kb-orb-d{width:24rem;height:24rem;display:block;top:10%;left:40%}html[data-bg="9"] .kb-pattern{background-image:repeating-radial-gradient(circle at 50% 45%, transparent 0 46px, var(--kb-line) 47px 48px);background-size:auto;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 20%,#0000 70%);mask-image:radial-gradient(circle at 50% 45%,#000 20%,#0000 70%)}html[data-bg="9"] .kb-shape-hex,html[data-bg="9"] .kb-shape-net{display:none}html[data-bg="10"] .kb-pattern{background-image:linear-gradient(30deg, transparent 49.2%, var(--kb-line) 49.2% 50.8%, transparent 50.8%), linear-gradient(150deg, transparent 49.2%, var(--kb-line) 49.2% 50.8%, transparent 50.8%), linear-gradient(90deg, transparent 49.2%, var(--kb-line) 49.2% 50.8%, transparent 50.8%);background-size:64px 111px}html[data-bg="10"] .kb-shape-orbit,html[data-bg="10"] .kb-shape-net{display:none}@keyframes kb-drift-a{0%{transform:translate(-8%,-6%)scale(1)}to{transform:translate(12%,10%)scale(1.15)}}@keyframes kb-drift-b{0%{transform:translate(10%,8%)scale(1.1)}to{transform:translate(-12%,-10%)scale(.95)}}@keyframes kb-drift-c{0%{transform:translateY(12%)scale(.9)}to{transform:translate(-10%,-8%)scale(1.2)}}@keyframes kb-aurora{0%{transform:translate(-6%)skewY(-4deg)scaleY(.85)}to{transform:translate(6%,8%)skewY(5deg)scaleY(1.15)}}@keyframes kb-particles{0%{background-position:0 0,0 0}to{background-position:110px -220px,-170px -170px}}@keyframes kb-spin{to{transform:rotate(360deg)}}@keyframes kb-float{0%,to{translate:0}50%{translate:0 -14px}}@keyframes kb-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes kb-dash{to{stroke-dashoffset:-48px}}@media (prefers-reduced-motion:reduce){.kb-orb,.kb-pattern,.kb-spin,.kb-orbit,.kb-float,.kb-pulse,.kb-dash{animation:none!important}}