@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@300;400;500;700&family=Orbitron:wght@400;600;700;900&family=Roboto:wght@300;400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fcd1df;--color-primary:#ff4d80;--color-primary-hover:#ff5f8d;--color-primary-glow:#ff4d8066;--bg-main:#000;--bg-panel:#100d0e;--bg-panel-solid:#130f10;--bg-surface-2:#1a1416;--border-subtle:1px solid #1f1718;--border-hover:1px solid #2e2224;--border-strong:1px solid var(--color-primary);--border-glow:#1f1718;--border-focus:var(--color-primary);--neon-cyan:#ff4d80;--neon-purple:#c93060;--neon-pink:#ff4d80;--neon-green:#3fb950;--text-primary:#fcd1df;--text-secondary:#fcd1dfd9;--text-muted:#fcd1df99;--text-faint:#fcd1df66;--font-display:"Pixelify Sans", ui-monospace, monospace;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", "Courier New", monospace;--ease:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur:.2s;--motion:var(--dur-fast) var(--ease);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:JetBrains Mono,ui-monospace,Cascadia Code,Courier New,monospace;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);place-content:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow:hidden}#root{width:100vw;height:100vh;display:flex;overflow:hidden}.glass-panel{background:var(--bg-panel);border:var(--border-subtle)}.glass-panel-accent-cyan,.glass-panel-accent-purple{border-top:2px solid var(--color-primary)}.glow-cyan,.glow-purple{color:var(--color-primary)}.glow-border-cyan:hover,.glow-border-cyan:focus,.glow-border-purple:hover,.glow-border-purple:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;font-weight:700}button{font-family:var(--font-mono);background-color:var(--bg-panel-solid);color:var(--text-primary);cursor:pointer;transition:background var(--motion), border-color var(--motion), box-shadow var(--motion);letter-spacing:.03em;border:1px solid #2e2224;border-radius:0;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.8rem;font-weight:500;display:inline-flex}button:hover{background-color:var(--bg-surface-2);border-color:#4a3038}button:active{background-color:var(--bg-main)}button.active{background:color-mix(in srgb, var(--color-primary), transparent 80%);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}button.accent-purple{background:var(--color-primary);border-color:var(--color-primary);color:#fff}button.accent-purple:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 0 0 3px var(--color-primary-glow)}input[type=text],input[type=number],select,textarea{font-family:var(--font-mono);background:var(--bg-main);color:var(--text-primary);transition:border-color var(--motion), box-shadow var(--motion);border:1px solid #2e2224;border-radius:0;outline:none;padding:.35rem .55rem;font-size:.82rem}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input[type=range]{appearance:none;background:#2e2224;border-radius:0;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;width:12px;height:12px;transition:box-shadow var(--motion);border-radius:0}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px var(--color-primary-glow)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#2e2224}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}body.transparent-overlay,:root.transparent-overlay,html.transparent-overlay{background:0 0!important}.transparent-overlay{width:100vw;height:100vh;overflow:hidden;background:0 0!important}.editor-grid-bg{background-image:linear-gradient(90deg,#ffffff80 1px,#0000 1px),linear-gradient(#ffffff80 1px,#0000 1px)}@keyframes animate-pulse{0%{opacity:1;filter:drop-shadow(0 0 2px)}50%{opacity:.4;filter:drop-shadow(0 0 15px)}to{opacity:1;filter:drop-shadow(0 0 2px)}}@keyframes animate-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes animate-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.anim-pulse{animation:animate-pulse var(--anim-dur,2s) infinite ease-in-out;transform-box:fill-box;transform-origin:50%}.anim-rotate{animation:animate-rotate var(--anim-dur,4s) infinite linear;transform-box:fill-box;transform-origin:50%}.anim-bounce{animation:animate-bounce var(--anim-dur,2s) infinite ease-in-out;transform-box:fill-box;transform-origin:50%}.anim-breathe{animation:animate-breathe var(--anim-dur,3s) infinite ease-in-out;transform-box:fill-box;transform-origin:50%}@keyframes animate-trigger-pulse{0%{opacity:1;filter:drop-shadow(0 0 2px)}50%{opacity:.3;filter:drop-shadow(0 0 20px)}to{opacity:1;filter:drop-shadow(0 0 2px)}}@keyframes animate-trigger-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate-trigger-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}@keyframes animate-trigger-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}@keyframes animate-trigger-flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.anim-trigger-pulse{animation:animate-trigger-pulse var(--anim-dur,1s) 1 ease-in-out;transform-box:fill-box;transform-origin:50%}.anim-trigger-rotate{animation:animate-trigger-rotate var(--anim-dur,1s) 1 linear;transform-box:fill-box;transform-origin:50%}.anim-trigger-bounce{animation:animate-trigger-bounce var(--anim-dur,1s) 1 ease-in-out;transform-box:fill-box;transform-origin:50%}.anim-trigger-shake{animation:animate-trigger-shake var(--anim-dur,.5s) 1 ease-in-out;transform-box:fill-box;transform-origin:50%}.anim-trigger-flash{animation:animate-trigger-flash var(--anim-dur,1s) 1 ease-in-out;transform-box:fill-box;transform-origin:50%}@keyframes alert-fade{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes alert-slide-up{0%{opacity:0;transform:translateY(50px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes alert-slide-down{0%{opacity:0;transform:translateY(-50px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}@keyframes alert-pop{0%{opacity:0;transform:scale(.3)}12%{opacity:1;transform:scale(1.08)}18%{transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.anim-alert-fade{animation:alert-fade var(--anim-dur,5s) 1 ease-in-out forwards;transform-box:fill-box;transform-origin:50%}.anim-alert-slide-up{animation:alert-slide-up var(--anim-dur,5s) 1 ease-in-out forwards;transform-box:fill-box;transform-origin:50%}.anim-alert-slide-down{animation:alert-slide-down var(--anim-dur,5s) 1 ease-in-out forwards;transform-box:fill-box;transform-origin:50%}.anim-alert-pop{animation:alert-pop var(--anim-dur,5s) 1 ease-in-out forwards;transform-box:fill-box;transform-origin:50%}