@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";:root{--bg-dark:#070913;--bg-darker:#04050a;--bg-card:#0f12248c;--bg-card-hover:#161b36cc;--primary:#6366f1;--primary-glow:#6366f126;--cyan:#06b6d4;--cyan-glow:#06b6d433;--violet:#8b5cf6;--violet-glow:#8b5cf633;--accent-pink:#ec4899;--accent-pink-glow:#ec489933;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-light:#ffffff12;--border-glow:#6366f140;--font-sans:"Inter", system-ui, sans-serif;--font-heading:"Outfit", system-ui, sans-serif;--font-mono:"Fira Code", monospace;--header-height:64px;--mobile-tab-bar-height:60px;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex;text-align:left!important;border-inline:none!important;width:100%!important;max-width:100%!important;margin:0!important}button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,select{font-size:max(16px,1rem)}@media (width>=768px){input,textarea,select{font-size:1rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (width<=768px){::-webkit-scrollbar{width:0;height:0}}.scroll-touch{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:16px}.glass-panel-interactive{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.glass-panel-interactive:hover{background:var(--bg-card-hover);border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 10px 30px #6366f11a}}.glass-panel-interactive:active{opacity:.85;transition:transform .1s,opacity .1s;transform:scale(.98)}.text-gradient{background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-purple-cyan{background:linear-gradient(135deg,#a855f7 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-indigo-pink{background:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:50%;background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}.radial-glow{background:radial-gradient(circle, var(--primary-glow) 0%, #07091300 70%);z-index:0;pointer-events:none;filter:blur(80px);border-radius:50%;width:600px;height:600px;position:absolute}@media (width<=768px){.radial-glow{filter:blur(60px);width:300px;height:300px}}.glass-input{border:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-sans);background:#ffffff08;border-radius:10px;outline:none;width:100%;padding:.8rem 1.2rem;font-size:1rem;transition:all .2s}.glass-input:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 15px #6366f133}.glass-select{border:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;background:#0f1224;border-radius:10px;outline:none;width:100%;padding:.8rem 1.2rem;font-size:1rem;transition:all .2s}.glass-select:focus{border-color:var(--primary)}.btn-glass-primary{background:linear-gradient(135deg, var(--primary), var(--violet));color:#fff;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.8rem 1.8rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #6366f140}@media (hover:hover) and (pointer:fine){.btn-glass-primary:hover{background:linear-gradient(135deg,#7477ff,#9c6eff);transform:translateY(-2px);box-shadow:0 8px 30px #6366f173}}.btn-glass-primary:active{transition:transform .1s;transform:scale(.97);box-shadow:0 2px 10px #6366f14d}.btn-glass-secondary{color:var(--text-primary);border:1px solid var(--border-light);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.8rem 1.8rem;font-weight:500;transition:all .3s;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn-glass-secondary:hover{border-color:var(--text-secondary);background:#ffffff14;transform:translateY(-1px)}}.btn-glass-secondary:active{opacity:.8;transition:transform .1s;transform:scale(.97)}.console-line{font-family:var(--font-mono);word-break:break-all;margin-bottom:.4rem;font-size:.85rem;line-height:1.6}.console-info{color:var(--cyan)}.console-success{color:#10b981}.console-warn{color:#f59e0b}.console-error{color:#f43f5e}@keyframes pulse-glow{0%,to{border-color:var(--border-light);box-shadow:0 0 15px #6366f133}50%{border-color:var(--primary);box-shadow:0 0 25px #6366f166}}.pulse-border-glow{animation:3s infinite pulse-glow}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:8s linear infinite spin-slow}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.4s forwards fadeInUp}@keyframes slideInBottom{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.slide-in-bottom{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards slideInBottom}.mobile-only{display:none!important}.hide-on-mobile{display:flex!important}@media (width<=767px){.mobile-only{display:flex!important}.hide-on-mobile{display:none!important}}.scroll-x-mobile{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.6rem;padding-bottom:4px;display:flex;overflow-x:auto}.scroll-x-mobile::-webkit-scrollbar{display:none}.scroll-x-mobile>*{scroll-snap-align:start;flex-shrink:0}.mobile-tab-bar{height:var(--mobile-tab-bar-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-light);z-index:100;padding-bottom:env(safe-area-inset-bottom);background:#070913f2;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=767px){.mobile-tab-bar{display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@keyframes bounceTyping{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.visual-mode iframe{cursor:crosshair!important}