:root{--ring: #2563eb;--bg: #0b0f15;--mood-primary: #10b981;--mood-primary-glow: rgba(16, 185, 129, .2);--mood-bg-accent: rgba(16, 185, 129, .05);transition:--mood-primary .5s ease,--mood-primary-glow .5s ease,background .5s ease}body[data-mood=default]{--mood-primary: #10b981;--mood-primary-glow: rgba(16, 185, 129, .2);--mood-bg-accent: rgba(16, 185, 129, .05)}body[data-mood=koding]{--mood-primary: #8b5cf6;--mood-primary-glow: rgba(139, 92, 246, .3);--mood-bg-accent: rgba(139, 92, 246, .1)}body[data-mood=translate]{--mood-primary: #0ea5e9;--mood-primary-glow: rgba(14, 165, 233, .3);--mood-bg-accent: rgba(14, 165, 233, .1)}body[data-mood=storyteller]{--mood-primary: #f59e0b;--mood-primary-glow: rgba(245, 158, 11, .3);--mood-bg-accent: rgba(245, 158, 11, .1)}[data-mood=panic]{--mood-primary: #f43f5e;--mood-primary-glow: rgba(244, 63, 94, .3);--mood-bg-accent: rgba(244, 63, 94, .1)}[data-mood=creative]{--mood-primary: #8b5cf6;--mood-primary-glow: rgba(139, 92, 246, .3);--mood-bg-accent: rgba(139, 92, 246, .1)}[data-mood=thoughtful]{--mood-primary: #0ea5e9;--mood-primary-glow: rgba(14, 165, 233, .3);--mood-bg-accent: rgba(14, 165, 233, .1)}html,body{background:var(--bg)}.fade-in{animation:fade-in .25s ease-out both}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes dot-pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:.3}}@keyframes math-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.katex-display,.katex,.math-display,.math{animation:math-fade-in .4s cubic-bezier(.16,1,.3,1) both}.katex-display,.math-display{margin:1.25rem 0 1.25rem 1rem!important;padding:.25rem 0;overflow-x:auto;overflow-y:hidden;text-align:left}.katex,.math{font-size:1.25em!important;color:#fff!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.ai-prose span.katex,.ai-prose span.math{padding:0 .2rem;font-size:1.15em!important}.katex-html{color:inherit}.ai-bubble-container .katex,.ai-prose .katex,.ai-prose .math,.ai-bubble-container .math{color:#f3f4f6}.katex-error{color:inherit!important;border-bottom:2px dotted #ef4444;padding-bottom:2px;border-radius:2px;background:#ef44441a}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2a3240;border-radius:999px}.typing{display:inline-flex;gap:4px;align-items:center}.typing span{width:6px;height:6px;border-radius:50%;background:#aab3bf;opacity:.75;animation:bl 1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bl{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.code-block-wrapper{border-radius:.75rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin:.875rem 0;font-size:.875rem}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1rem;background:#1e2535;border-bottom:1px solid rgba(255,255,255,.08);-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-lang{font-family:ui-monospace,Cascadia Code,monospace;font-size:.78rem;color:#8b9ab5;text-transform:lowercase;letter-spacing:.02em}.code-copy-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:#8b9ab5;background:transparent;border:none;cursor:pointer;padding:.15rem .5rem;border-radius:.375rem;transition:color .2s,background .2s}.code-copy-btn:hover{color:#cbd5e1;background:#ffffff0f}.code-block-wrapper pre{margin:0!important;border-radius:0!important;padding:1rem 1.25rem!important;background:#131720!important;overflow-x:auto}.code-block-wrapper pre code{background:transparent!important;padding:0!important;border-radius:0!important;font-size:.875rem;line-height:1.65;font-family:ui-monospace,Cascadia Code,Fira Code,monospace}.ai-prose :not(pre)>code,#chatList article.prose :not(pre)>code{background:#ffffff1a;color:#e2e8f0;padding:.1em .4em;border-radius:.3rem;font-size:.875em;font-family:ui-monospace,monospace}#themeToggle{background:#ffffff0d!important;color:#e5e7eb!important;border-color:#ffffff1a!important}#themeToggle:hover{background:#ffffff14!important}#newChatBtn{background:#000!important;color:#fff!important;border-color:#000!important;box-shadow:0 1px #0f172a0f,inset 0 0 0 1px #ffffff0f}#newChatBtn:hover{background:#111!important;border-color:#111!important}#newChatBtn:focus-visible{outline:2px solid rgba(37,99,235,.7)!important;outline-offset:2px!important}#newChatBtn svg{stroke:#fff!important}.sidebar #newChatBtn,.sidebar #newChatBtn:hover,.sidebar #newChatBtn:focus,.sidebar #newChatBtn:active{background-color:#000!important;border-color:#000!important;color:#fff!important}.sidebar #newChatBtn svg{stroke:#fff!important}.sidebar #newChatBtn:focus-visible{outline:2px solid rgba(37,99,235,.7)!important;outline-offset:2px!important}button,.action-chip,.mode-btn,[data-toggle=sidebar]{-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:pointer}.code-preview-btn{display:inline-flex;align-items:center;gap:.25rem;font-size:.78rem;color:#34d399;background:#34d3991a;border:1px solid rgba(52,211,153,.25);cursor:pointer;padding:.15rem .6rem;border-radius:.375rem;transition:all .2s;font-weight:500}.code-preview-btn:hover{background:#34d39933;color:#6ee7b7}#livePreviewModal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1)}#livePreviewModal.lp-open{opacity:1}.lp-backdrop{position:absolute;inset:0;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lp-panel{position:relative;width:100%;max-width:960px;max-height:85vh;height:800px;background:#0f1623;border-radius:1rem;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;transform:scale(.95) translateY(10px);transition:transform .4s cubic-bezier(.16,1,.3,1)}#livePreviewModal.lp-open .lp-panel{transform:scale(1) translateY(0)}.lp-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#111827;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.lp-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#e2e8f0;font-weight:500}.lp-lang{color:#34d399;font-family:ui-monospace,Cascadia Code,monospace;font-size:.8rem;letter-spacing:.02em;background:#34d3991a;padding:.1rem .4rem;border-radius:.375rem;border:1px solid rgba(52,211,153,.2)}.lp-actions{display:flex;gap:.4rem}.lp-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;color:#94a3b8;border-radius:.375rem;cursor:pointer;transition:all .2s}.lp-btn:hover{background:#ffffff14;border-color:#ffffff1a;color:#f8fafc}.lp-iframe{flex:1;width:100%;border:none;background:#fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}@media(min-width:768px){#appLayout.sidebar-hidden{grid-template-columns:1fr}#appLayout.sidebar-hidden .sidebar{display:none}}#appLayout.mobile-open .sidebar{display:flex!important;position:fixed;top:0;bottom:0;left:0;z-index:70;width:280px}#appLayout{--sidebar-w: 280px;--artifact-width: 0px;--artifact-max-w: 800px;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);transition:grid-template-columns .4s cubic-bezier(.16,1,.3,1)}#appLayout.sidebar-hidden[data-artifacts=closed]{grid-template-columns:1fr}#appLayout[data-artifacts=open]{grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--artifact-width)}#appLayout.sidebar-hidden[data-artifacts=open]{grid-template-columns:1fr var(--artifact-width)}@media(min-width:1024px){#appLayout[data-artifacts=open]{--artifact-width: min(var(--artifact-max-w), 45vw)}}@media(max-width:1023px){#appLayout[data-artifacts=open]{grid-template-columns:1fr}}@media(max-width:767px){#appLayout{grid-template-columns:1fr!important}}@media(max-width:767px){.composer-wrapper{padding-left:.5rem!important;padding-right:.5rem!important}.unified-composer{padding:.25rem!important;gap:.25rem!important}#sendText{display:none}#send{padding-left:.75rem!important;padding-right:.75rem!important}#modeSelector{justify-content:center}.mode-btn{font-size:.75rem!important;padding:.25rem .6rem!important}header [data-toggle=sidebar]{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#artifactsSidebar{width:100%!important;position:fixed!important;z-index:80!important}}@media(min-width:1440px){.max-w-3xl{max-width:56rem!important}}#artifactsSidebar{z-index:40;box-shadow:-10px 0 30px -15px #00000080;width:100%!important;min-width:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease;box-shadow:-30px 0 60px -15px #0009;border-left:1px solid rgba(255,255,255,.08)}#artifactsSidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);pointer-events:none}#appLayout[data-artifacts=open] #artifactsSidebar{transform:translate(0)}[data-artifacts=closed] #artifactsSidebar{opacity:0;pointer-events:none;transform:translate(100%);display:none!important}#artifactResizer{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:50;transition:background .2s;transform:translate(-50%)}#artifactResizer:hover,#artifactResizer.resizing{background:#10b98166;box-shadow:0 0 15px #10b9814d}#iframeWrapper{width:100%;height:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;transition:transform .3s ease}.artifact-streaming-tag{font-size:10px;background:#10b98133;color:#10b981;padding:2px 8px;border-radius:12px;margin-left:10px;border:1px solid rgba(16,185,129,.3);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}#iframeWrapper:not(.hidden){animation:scale-up .4s cubic-bezier(.16,1,.3,1)}@keyframes scale-up{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}#artifactToggle{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-left:1px solid rgba(255,255,255,.1);box-shadow:-10px 0 30px #0006}#artifactToggle:hover{background:#10b98126;color:#fff}.chips-container{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1rem;margin-bottom:.5rem;animation:slide-up-fade .4s cubic-bezier(.16,1,.3,1) both}.action-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:2rem;font-size:.8125rem;color:#94a3b8;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.action-chip:hover{background:#10b9811a;border-color:#10b9814d;color:#34d399;transform:translateY(-1px);box-shadow:0 4px 12px -4px #10b98133}.action-chip:active{transform:scale(.96)}.action-chip svg{opacity:.7;transition:opacity .2s}.action-chip:hover svg{opacity:1}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.neural-container{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:radial-gradient(circle at center,var(--mood-bg-accent) 0%,transparent 70%)}.neural-mesh{position:absolute;inset:0;background-image:radial-gradient(var(--mood-primary-glow) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,black 0%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 80%);opacity:.2;pointer-events:none}.hologram-logo{position:relative;width:80px;height:80px;background:var(--mood-primary);border-radius:20px;display:grid;place-items:center;font-weight:900;font-size:2rem;color:#fff;box-shadow:0 0 30px var(--mood-primary-glow),0 0 60px var(--mood-primary-glow);animation:hologram-float 4s ease-in-out infinite,hologram-glow 2s ease-in-out infinite alternate;z-index:2}.hologram-logo:before{content:"JG";position:absolute;inset:0;display:grid;place-items:center;background:inherit;border-radius:inherit;filter:blur(15px);opacity:.6;animation:hologram-pulse 2s ease-in-out infinite}@keyframes hologram-float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@keyframes hologram-glow{0%{box-shadow:0 0 20px var(--mood-primary-glow)}to{box-shadow:0 0 50px var(--mood-primary-glow),0 0 80px var(--mood-primary-glow)}}@keyframes hologram-pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.4);opacity:0}to{transform:scale(1);opacity:.6}}.neural-welcome-text{text-align:center;margin-top:2rem;z-index:2}.neural-title{font-size:2.5rem;font-weight:700;background:linear-gradient(to bottom,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;margin-bottom:.5rem}.neural-subtitle{color:#6b7280;font-size:1rem;max-width:400px;margin:0 auto}.quick-start-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem;max-width:600px;width:100%;z-index:2}.glass-card{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:1.5rem;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left;display:flex;flex-direction:column;gap:.5rem}.glass-card:hover{background:#ffffff14;border-color:var(--mood-primary-glow);transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px -10px #00000080,0 0 20px var(--mood-primary-glow)}.glass-card:active{transform:scale(.98)}.glass-card .card-icon{width:40px;height:40px;border-radius:12px;background:var(--mood-bg-accent);display:grid;place-items:center;font-size:1.25rem;border:1px solid var(--mood-primary-glow);color:var(--mood-primary);transition:all .3s ease}.glass-card:hover .card-icon{background:var(--mood-primary);color:#fff;transform:rotate(-10deg)}.glass-card .card-title{font-size:.875rem;font-weight:600;color:#f3f4f6}.glass-card .card-desc{font-size:.75rem;color:#9ca3af;line-height:1.4}@media(max-width:640px){.quick-start-grid{grid-template-columns:1fr;padding:0 1rem}}