@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}:root{--spooky-black:#0a0a0a;--spooky-black-light:#1a1a1a;--spooky-purple:#a855f7;--spooky-purple-light:#c084fc;--spooky-purple-dark:#7e22ce;--spooky-green:#10b981;--spooky-green-light:#34d399;--spooky-red:#ef4444;--spooky-red-light:#f87171;--spooky-orange:#f59e0b;--spooky-orange-light:#fbbf24;--glow-purple:0 0 20px #a855f780;--glow-purple-intense:0 0 30px #a855f7cc;--glow-green:0 0 20px #10b98180;--glow-green-intense:0 0 30px #10b981cc;--glow-red:0 0 20px #ef444480;--glow-red-intense:0 0 30px #ef4444cc;--shadow-deep:0 10px 40px #000c;--shadow-medium:0 5px 20px #0009;--shadow-light:0 2px 10px #0006}@keyframes particleDrift{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(100px,-100px)rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spooky-float{animation:3s ease-in-out infinite float}.spooky-float-slow{animation:4s ease-in-out infinite floatSlow}.spooky-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.spooky-fog-move{animation:20s linear infinite fogMove}.spooky-particle-drift{animation:15s linear infinite particleDrift}.fog-layer{pointer-events:none;background:linear-gradient(90deg,#0000,#a855f71a,#a855f733,#a855f71a,#0000);width:200%;height:100%;animation:20s linear infinite fogMove;position:absolute}.fog-layer-green{background:linear-gradient(90deg,#0000,#10b9811a,#10b98133,#10b9811a,#0000);animation:25s linear infinite fogMove}.vignette{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;box-shadow:inset 0 0 100px #000c}.particle{background:var(--spooky-purple-light);width:4px;height:4px;box-shadow:var(--glow-purple);pointer-events:none;border-radius:50%;animation:15s linear infinite particleDrift;position:absolute}::-webkit-scrollbar-thumb{background:var(--spooky-purple-dark);box-shadow:var(--glow-purple);border-radius:5px}.mystical-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23a855f7" stroke-width="2"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>'),auto}.hover-levitate{transition:transform .3s,box-shadow .3s}.hover-levitate:hover{transform:translateY(-5px)scale(1.02)}.shimmer{background:linear-gradient(90deg,#a855f71a,#a855f74d,#a855f71a) 0 0/1000px 100%;animation:2s infinite shimmer}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.left-1\/2{left:50%}.z-0{z-index:0}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.h-full{height:100%}.h-screen{height:100vh}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-3\/4{width:75%}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.text-\[13px\]{font-size:13px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.placeholder-transparent::-moz-placeholder{color:#0000}.placeholder-transparent::placeholder{color:#0000}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-\[0\.02\]{opacity:.02}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.focus-within\:opacity-100:focus-within{opacity:1}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:root{color-scheme:dark;color:#ffffffe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;font-family:Space Mono,monospace;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{background:linear-gradient(#2d1b4e,#4a2b6e,#2d1b4e);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#a855f7;text-shadow:0 0 20px #a855f780;font-family:Creepster,cursive}h1{letter-spacing:.05em;font-size:3.5rem;line-height:1.1}h2{font-size:2.5rem;line-height:1.2}h3{font-size:2rem;line-height:1.3}p{color:#ffffffd9;font-family:Space Mono,monospace}a{color:#a855f7;font-weight:500;text-decoration:none;transition:all .3s}a:hover{color:#c084fc;text-shadow:0 0 10px #a855f780}button{color:#a855f7;cursor:pointer;background-color:#1a1a1a;border:2px solid #0000;border-radius:8px;font-family:Space Mono,monospace;font-size:1em;transition:all .3s;box-shadow:0 0 10px #8763aa4d}button:hover{border-color:#a855f7;transform:translateY(-2px);box-shadow:0 0 20px #a855f799}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline-offset:2px;outline:2px solid #755d8b}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input,textarea{color:#ffffffe6;background-color:#1a1a1a;border:2px solid #443b53;border-radius:8px;padding:.75em;font-family:Space Mono,monospace;transition:all .3s}input:focus,textarea:focus{border-color:#a855f7;outline:none;box-shadow:0 0 20px #a855f780}::-moz-selection{color:#0a0a0a;background-color:#a855f7}::selection{color:#0a0a0a;background-color:#a855f7}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline-offset:2px;outline:2px solid #a855f7}html{scroll-behavior:smooth;background:linear-gradient(#2d1b4e,#4a2b6e,#2d1b4e);min-height:100vh}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}#root{width:100%;min-height:100vh}.logo{height:6em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}:root{--spooky-black: #0a0a0a;--spooky-black-light: #1a1a1a;--spooky-purple: #a855f7;--spooky-purple-light: #c084fc;--spooky-purple-dark: #7e22ce;--spooky-green: #10b981;--spooky-green-light: #34d399;--spooky-red: #ef4444;--spooky-red-light: #f87171;--spooky-orange: #f59e0b;--spooky-orange-light: #fbbf24;--glow-purple: 0 0 20px rgba(168, 85, 247, .5);--glow-purple-intense: 0 0 30px rgba(168, 85, 247, .8);--glow-green: 0 0 20px rgba(16, 185, 129, .5);--glow-green-intense: 0 0 30px rgba(16, 185, 129, .8);--glow-red: 0 0 20px rgba(239, 68, 68, .5);--glow-red-intense: 0 0 30px rgba(239, 68, 68, .8);--shadow-deep: 0 10px 40px rgba(0, 0, 0, .8);--shadow-medium: 0 5px 20px rgba(0, 0, 0, .6);--shadow-light: 0 2px 10px rgba(0, 0, 0, .4)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes fogMove{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes particleDrift{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100px,-100px) rotate(360deg);opacity:0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.spooky-float{animation:float 3s ease-in-out infinite}.spooky-float-slow{animation:floatSlow 4s ease-in-out infinite}.spooky-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.spooky-fog-move{animation:fogMove 20s linear infinite}.spooky-particle-drift{animation:particleDrift 15s linear infinite}.text-glow-purple{text-shadow:var(--glow-purple)}.text-glow-purple-intense{text-shadow:var(--glow-purple-intense)}.text-glow-green{text-shadow:var(--glow-green)}.text-glow-green-intense{text-shadow:var(--glow-green-intense)}.text-glow-red{text-shadow:var(--glow-red)}.text-glow-red-intense{text-shadow:var(--glow-red-intense)}.fog-layer{position:absolute;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,.1) 25%,rgba(168,85,247,.2) 50%,rgba(168,85,247,.1) 75%,transparent 100%);animation:fogMove 20s linear infinite;pointer-events:none}.fog-layer-green{background:linear-gradient(90deg,transparent 0%,rgba(16,185,129,.1) 25%,rgba(16,185,129,.2) 50%,rgba(16,185,129,.1) 75%,transparent 100%);animation:fogMove 25s linear infinite}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;box-shadow:inset 0 0 100px #000c;z-index:1}.border-glow-purple{border:2px solid var(--spooky-purple);box-shadow:var(--glow-purple)}.border-glow-purple:focus,.border-glow-purple:hover{box-shadow:var(--glow-purple-intense)}.border-glow-green{border:2px solid var(--spooky-green);box-shadow:var(--glow-green)}.border-glow-green:focus,.border-glow-green:hover{box-shadow:var(--glow-green-intense)}.border-glow-red{border:2px solid var(--spooky-red);box-shadow:var(--glow-red)}.border-glow-red:focus,.border-glow-red:hover{box-shadow:var(--glow-red-intense)}.particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--spooky-purple-light);box-shadow:var(--glow-purple);animation:particleDrift 15s linear infinite;pointer-events:none}.particle-green{background:var(--spooky-green-light);box-shadow:var(--glow-green)}.particle-orange{background:var(--spooky-orange-light);box-shadow:0 0 10px #f59e0b80}.spooky-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0ab3}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--spooky-black)}::-webkit-scrollbar-thumb{background:var(--spooky-purple-dark);border-radius:5px;box-shadow:var(--glow-purple)}::-webkit-scrollbar-thumb:hover{background:var(--spooky-purple);box-shadow:var(--glow-purple-intense)}.mystical-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23a855f7" stroke-width="2"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>'),auto}.hover-levitate{transition:transform .3s ease,box-shadow .3s ease}.hover-levitate:hover{transform:translateY(-5px) scale(1.02)}.shimmer{background:linear-gradient(90deg,#a855f71a,#a855f74d,#a855f71a);background-size:1000px 100%;animation:shimmer 2s infinite}
