@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;--btn-secondary-bg:#ffffff08;--btn-secondary-hover:#ffffff14;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3;--text-gradient-start:#fff;--text-gradient-end:#a5b4fc;--input-bg:#ffffff08;--input-bg-focus:#ffffff0d;--select-bg:#0f1224;--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}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-dark:#f8fafc;--bg-darker:#fff;--bg-card:#fffc;--bg-card-hover:#f1f5f9e6;--primary:#4f46e5;--primary-glow:#4f46e526;--cyan:#0891b2;--cyan-glow:#0891b233;--violet:#7c3aed;--violet-glow:#7c3aed33;--accent-pink:#db2777;--accent-pink-glow:#db277733;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-light:#0000001a;--border-glow:#6366f14d;--btn-secondary-bg:#0000000a;--btn-secondary-hover:#00000014;--scrollbar-thumb:#0003;--scrollbar-thumb-hover:#0000004d;--text-gradient-start:#312e81;--text-gradient-end:#4f46e5;--input-bg:#00000008;--input-bg-focus:#0000000d;--select-bg:#f8fafc}*{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:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@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, var(--text-gradient-start) 30%, var(--text-gradient-end) 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{background:var(--input-bg);border:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-sans);border-radius:10px;outline:none;width:100%;padding:.8rem 1.2rem;font-size:1rem;transition:all .2s}.code-editor-textarea{outline:none!important}.glass-input:focus{border-color:var(--primary);background:var(--input-bg-focus);box-shadow:0 0 15px #6366f133}.glass-select{background:var(--select-bg);border:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;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{background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--border-light);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;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{background:var(--btn-secondary-hover);border-color:var(--text-secondary);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}code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}