@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a26;--text-primary:#c8d0c8;--text-dim:#6b7a6b;--thinking-color:#8cb48c59;--thinking-glow:#8cb48c1a;--emoji-color:#fff;--accent:#4a9a4a;--accent-dim:#2d5c2d;--user-bg:#1a2420;--user-border:#2d4a35;--status-online:#4aff4a;--status-active:#fa0;--status-loading:#4a8aff;--status-error:#ff4a4a;--status-offline:#444;--scanline-opacity:.03}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:Space Grotesk,sans-serif}#root:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, var(--scanline-opacity)) 2px, rgba(0, 0, 0, var(--scanline-opacity)) 4px);z-index:9999;position:fixed;inset:0}.app{flex-direction:column;max-width:720px;height:100%;margin:0 auto;padding:1rem;display:flex}.app-header{border-bottom:1px solid var(--bg-tertiary);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem 0;display:flex}.app-title{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.75rem}.toggle-thinking{color:var(--text-dim);border:1px solid var(--bg-tertiary);cursor:pointer;letter-spacing:.1em;background:0 0;padding:.25rem .5rem;font-family:JetBrains Mono,monospace;font-size:.65rem}.toggle-thinking:hover{border-color:var(--accent-dim);color:var(--text-primary)}.toggle-thinking.active{border-color:var(--accent);color:var(--accent)}.system-status{align-items:center;gap:.4rem;display:flex}.status-dot{border-radius:50%;width:6px;height:6px}.status-pulse{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.status-label{letter-spacing:.15em;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.6rem}.status-bar{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:4px;margin-bottom:.5rem;padding:.75rem 1rem}.status-error{border-color:var(--status-error)}.status-error-detail{color:var(--status-error);opacity:.7;white-space:pre-wrap;word-break:break-all;max-height:120px;margin-top:.5rem;font-family:JetBrains Mono,monospace;font-size:.6rem;overflow-y:auto}.status-message{color:var(--accent);letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:.7rem}.progress-bar{background:var(--bg-tertiary);border-radius:1px;height:2px;margin-top:.5rem;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s}.chat-window{flex-direction:column;flex:1;min-height:0;display:flex}.messages-container{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent;flex:1;padding:1rem 0;overflow-y:auto}.message{max-width:85%;margin-bottom:1rem}.message-user{background:var(--user-bg);border:1px solid var(--user-border);border-radius:12px 12px 2px;margin-left:auto;padding:.6rem .9rem}.message-user p{font-size:.9rem;line-height:1.5}.message-assistant{margin-right:auto}.thinking-trace{background:var(--thinking-glow);border-left:2px solid var(--thinking-color);border-radius:2px;margin-bottom:.5rem;overflow:hidden}.thinking-header{cursor:pointer;width:100%;color:var(--thinking-color);letter-spacing:.08em;text-align:left;background:0 0;border:none;align-items:center;gap:.4rem;padding:.4rem .75rem;font-family:JetBrains Mono,monospace;font-size:.65rem;display:flex}.thinking-header:hover{background:#8cb48c0d}.thinking-icon{font-size:.85rem}.thinking-label{color:var(--thinking-color);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:.65rem}.thinking-chevron{opacity:.6;margin-left:auto;font-size:.8rem}.thinking-text{color:var(--thinking-color);opacity:.85;padding:0 .75rem .6rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:300;line-height:1.7}.thinking-cursor{color:var(--accent);margin-left:.3rem;animation:.8s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.emoji-response{letter-spacing:.05em;word-break:normal;overflow-wrap:break-word;padding:.25rem 0;font-size:1.8rem;line-height:1.6}.emoji-char{transition:opacity .2s,transform .2s;display:inline-block}.emoji-hidden{opacity:0;transform:translateY(4px)}.emoji-visible{opacity:1;transform:translateY(0)}.generating-indicator{font-size:1.5rem;animation:1s ease-in-out infinite pulse}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;display:flex}.empty-state-emoji{font-size:3rem;animation:2s ease-in-out infinite pulse}.empty-state-text{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.85rem}.empty-state-hint{color:var(--text-dim);opacity:.5;font-size:.75rem}.input-bar{border-top:1px solid var(--bg-tertiary);gap:.5rem;padding:.75rem 0;display:flex}.chat-input{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:.6rem .9rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;transition:border-color .2s}.chat-input:focus{border-color:var(--accent-dim)}.chat-input::placeholder{color:var(--text-dim);opacity:.5}.chat-input:disabled{opacity:.5}.send-button{background:var(--accent-dim);color:var(--text-primary);cursor:pointer;border:none;border-radius:6px;padding:.6rem .9rem;font-size:1rem;transition:background .2s}.send-button:hover:not(:disabled){background:var(--accent)}.send-button:disabled{opacity:.3;cursor:not-allowed}.webgpu-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:2rem;display:flex}.webgpu-fallback h2{color:var(--status-error);letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:1rem}.webgpu-fallback p{color:var(--text-dim);font-size:.85rem;line-height:1.6}.webgpu-fallback a{color:var(--accent)}.hero{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex;position:relative}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:560px;display:flex}.hero-title{letter-spacing:.25em;color:var(--accent);text-shadow:0 0 40px #4a9a4a59;margin:0;font-family:JetBrains Mono,monospace;font-size:clamp(2rem,6vw,3.5rem);font-weight:500}.hero-subtitle{color:var(--text-dim);max-width:500px;margin:0;font-size:1rem;font-style:italic;line-height:1.65}.hero-description{color:var(--text-dim);opacity:.55;letter-spacing:.04em;max-width:400px;margin:0;font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1.8}.hero-cta{letter-spacing:.2em;color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:2px;margin-top:.5rem;padding:.75rem 2rem;font-family:JetBrains Mono,monospace;font-size:.95rem;transition:background .2s,box-shadow .2s,color .2s;animation:2.8s ease-in-out infinite hero-cta-pulse}.hero-cta:hover{background:#4a9a4a1f;animation:none;box-shadow:0 0 18px #4a9a4a73,0 0 40px #4a9a4a26}@keyframes hero-cta-pulse{0%,to{box-shadow:0 0 6px #4a9a4a40}50%{box-shadow:0 0 18px #4a9a4a80,0 0 32px #4a9a4a33}}.hero-link{color:var(--accent);border-bottom:1px solid #4a9a4a4d;text-decoration:none;transition:border-color .2s}.hero-link:hover{border-color:var(--accent)}.hero-footer{color:var(--text-dim);opacity:.35;letter-spacing:.12em;font-family:JetBrains Mono,monospace;font-size:.6rem;position:absolute;bottom:1.5rem}.hero-credits{opacity:.4;color:var(--text-dim);letter-spacing:.05em;text-align:center;flex-direction:column;align-items:center;gap:.4rem;font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1.7;display:flex}.hero-credits span{display:block}.hero-credits a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.hero-credits a:hover{border-color:var(--accent)}.about-overlay{z-index:1000;background:#0a0a0fe0;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.about-page{background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:4px;width:100%;max-width:640px;padding:2.5rem 2rem 3rem;position:relative}.about-close{letter-spacing:.15em;color:var(--text-dim);border:1px solid var(--bg-tertiary);cursor:pointer;background:0 0;padding:.25rem .6rem;font-family:JetBrains Mono,monospace;font-size:.65rem;transition:color .2s,border-color .2s;position:absolute;top:1rem;right:1rem}.about-close:hover{color:var(--text-primary);border-color:var(--text-dim)}.about-title{letter-spacing:.25em;color:var(--accent);text-shadow:0 0 24px #4a9a4a4d;margin-bottom:.2rem;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:500}.about-tagline{color:var(--text-dim);letter-spacing:.2em;opacity:.6;margin-bottom:2rem;font-family:JetBrains Mono,monospace;font-size:.65rem}.about-section{margin-bottom:1.75rem}.about-heading{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.65rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500}.about-body{color:var(--text-primary);opacity:.85;font-family:Space Grotesk,sans-serif;font-size:.875rem;line-height:1.75}.about-list{color:var(--text-primary);opacity:.85;flex-direction:column;gap:.5rem;padding-left:1.25rem;font-family:Space Grotesk,sans-serif;font-size:.875rem;line-height:1.75;display:flex}.about-list strong{color:var(--text-primary);font-weight:600}.about-list code{color:var(--accent);background:#4a9a4a14;border-radius:2px;padding:.1em .35em;font-family:JetBrains Mono,monospace;font-size:.78rem}.about-credits-list{color:var(--text-dim);opacity:.8;padding:0;font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1.9;list-style:none}.about-credits-list li:before{content:"— ";color:var(--accent)}.about-credits-list a{color:var(--accent);border-bottom:1px solid #4a9a4a4d;text-decoration:none;transition:border-color .2s}.about-credits-list a:hover{border-color:var(--accent)}