:root{--bg: #0b0f1a;--bg-2: #0e1322;--panel: rgba(255, 255, 255, .05);--panel-2: rgba(255, 255, 255, .08);--panel-border: rgba(255, 255, 255, .1);--accent: #6ea8fe;--accent-2: #b18cff;--accent-soft: rgba(110, 168, 254, .15);--text: #e8ecf4;--muted: #8b97b3;--muted-2: #6b7693;--bubble-user: linear-gradient(135deg, #4f7cff, #6ea8fe);--bubble-bot: rgba(255, 255, 255, .045);--danger: #ff6b81;--radius: 18px;--radius-sm: 12px;--maxw: 820px;--shadow: 0 8px 30px rgba(0, 0, 0, .35);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(1200px 700px at 85% -15%,#1c2541,transparent 60%),radial-gradient(900px 600px at 0% 110%,#1a1530,transparent 55%),var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}#app{max-width:var(--maxw);margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:14px clamp(10px,3vw,22px);gap:10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:4px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.logo{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:11px;font-size:20px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 4px 14px #6ea8fe59}.titles{min-width:0}.topbar h1{margin:0;font-size:18px;font-weight:650;letter-spacing:-.01em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.topbar .sub{display:block;color:var(--muted);font-size:12px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:12px;flex:none}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted-2);transition:background .3s ease,box-shadow .3s ease}.dot.loading{background:#f0a93b;box-shadow:0 0 #f0a93b99;animation:pulse 1.4s infinite}.dot.ready{background:#46d39a;box-shadow:0 0 8px #46d39ab3}@keyframes pulse{0%{box-shadow:0 0 #f0a93b8c}70%{box-shadow:0 0 0 7px #f0a93b00}to{box-shadow:0 0 #f0a93b00}}button{font-family:inherit;cursor:pointer;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:550;transition:background .15s ease,border-color .15s ease,transform .08s ease,opacity .15s ease}button:hover{background:var(--panel-2);border-color:#fff3}button:active{transform:scale(.97)}#reset{color:var(--muted)}.chat{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:8px 4px 4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.chat::-webkit-scrollbar{width:8px}.chat::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}.turn{display:flex;gap:12px;align-items:flex-start;animation:rise .22s ease-out}.turn.user{flex-direction:row-reverse}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.avatar{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff}.turn.bot .avatar{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.turn.user .avatar{background:linear-gradient(135deg,#2b3350,#444f7a)}.bubble{max-width:min(82%,720px);padding:12px 16px;border-radius:var(--radius);line-height:1.6;font-size:15px;word-break:break-word;box-shadow:var(--shadow)}.turn.bot .bubble{background:var(--bubble-bot);border:1px solid var(--panel-border);border-top-left-radius:4px}.turn.user .bubble{background:var(--bubble-user);color:#fff;border-top-right-radius:4px}.bubble p{margin:0 0 .6em}.bubble p:last-child{margin-bottom:0}.bubble h1,.bubble h2,.bubble h3{margin:.4em 0 .3em;line-height:1.3}.bubble code{font-family:var(--mono);font-size:.88em;background:#00000059;padding:1px 5px;border-radius:5px}.bubble pre{background:#0006;border:1px solid var(--panel-border);padding:12px 14px;border-radius:10px;overflow-x:auto;margin:.5em 0}.bubble pre code{background:none;padding:0}.bubble ul,.bubble ol{margin:.4em 0;padding-left:1.4em}.bubble li{margin:.2em 0}.bubble strong{font-weight:650}.cursor{display:inline-block;width:8px;height:1.05em;background:var(--accent);margin-left:2px;vertical-align:text-bottom;border-radius:1px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.empty{margin:auto;text-align:center;color:var(--muted);max-width:460px;padding:24px}.empty-logo{width:64px;height:64px;margin:0 auto 18px;border-radius:18px;display:grid;place-items:center;font-size:34px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 30px #6ea8fe66}.empty h2{margin:0 0 8px;color:var(--text);font-size:22px;font-weight:650}.empty p{margin:0 0 18px;font-size:14px;line-height:1.6}.empty-suggestions{display:flex;flex-direction:column;gap:8px}.chip{text-align:left;border-radius:12px;padding:11px 14px;font-size:13.5px;color:var(--text);background:var(--panel)}.chip:hover{border-color:var(--accent);color:#fff}.loading{margin:auto;text-align:center;color:var(--muted);max-width:460px;padding:24px;width:100%}.loading-logo{width:64px;height:64px;margin:0 auto 18px;border-radius:18px;display:grid;place-items:center;font-size:34px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 30px #6ea8fe66;animation:float 2.4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.loading h2{margin:0 0 6px;color:var(--text);font-size:20px;font-weight:650}.loading-sub{margin:0 0 18px;font-size:13px;min-height:18px;color:var(--muted)}.bar{width:100%;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.bar-fill{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));background-size:200% 100%;transition:width .25s ease;animation:shimmer 1.6s linear infinite}@keyframes shimmer{0%{background-position:0% 0}to{background-position:-200% 0}}.bar-label{margin-top:10px;font-size:12.5px;color:var(--muted-2);font-variant-numeric:tabular-nums}.status{text-align:center;color:var(--muted);font-size:12.5px;min-height:16px;letter-spacing:.01em}.controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:2px 4px;color:var(--muted);font-size:12.5px}.ctl{display:flex;align-items:center;gap:8px}.ctl input[type=range]{width:110px;accent-color:var(--accent)}.ctl input[type=number]{width:72px;background:var(--panel);border:1px solid var(--panel-border);color:var(--text);border-radius:9px;padding:5px 8px;font:inherit;font-size:12.5px}.ctl-val{min-width:26px;color:var(--text);font-variant-numeric:tabular-nums}.tps{margin-left:auto;color:var(--muted-2);font-variant-numeric:tabular-nums}.composer{display:flex;gap:10px;align-items:flex-end;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow);transition:border-color .15s ease}.composer:focus-within{border-color:var(--accent)}#prompt{flex:1;resize:none;border:none;background:transparent;color:var(--text);padding:8px 10px;font:inherit;font-size:15px;line-height:1.5;outline:none;max-height:180px}#prompt::placeholder{color:var(--muted-2)}.composer-buttons{display:flex;gap:8px;flex:none}#send{border:none;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2))}#send:hover{filter:brightness(1.07)}#send:disabled{opacity:.5;cursor:default;filter:none}#stop{border-color:#ff6b8166;color:var(--danger);background:#ff6b8114}#stop:hover{background:#ff6b8129;border-color:var(--danger)}.hidden{display:none!important}@media (max-width: 560px){.topbar .sub{display:none}.controls{gap:12px}.tps{margin-left:0;width:100%}.bubble{max-width:90%}}