.llm-panel{width:280px;background:#0a0f1ecc;border-left:1px solid rgba(255,255,255,.08);padding:16px}.llm-panel h3{margin-bottom:12px;font-size:14px;color:#c7d2fe;text-transform:uppercase;letter-spacing:.05em}.engine{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#ffffff0a;margin-bottom:10px;transition:background .3s}.engine.running{border-left:3px solid #22c55e}.engine.starting{border-left:3px solid #facc15}.engine.off{border-left:3px solid #ef4444}.engine .info{flex:1}.engine .name{display:block;font-size:13px;color:#e5e7eb}.engine .state{font-size:11px;opacity:.6;text-transform:capitalize}.fan{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;position:relative}.fan:before,.fan:after{content:"";position:absolute;inset:3px;border-radius:50%;border-top:2px solid currentColor}.engine.running .fan{color:#22c55e;animation:spin .6s linear infinite}.engine.starting .fan{color:#facc15;animation:spin 1.8s linear infinite}.engine.off .fan{color:#ef4444}@keyframes spin{to{transform:rotate(360deg)}}.engine button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#e5e7eb;padding:4px 10px;border-radius:8px;cursor:pointer;font-size:12px}.engine button:hover{background:#ffffff14}.muted{font-size:12px;opacity:.6}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#020617;color:#e5e7eb;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{height:100%}.app{display:flex;height:100vh;width:100%}.sidebar{width:240px;background:#020617;border-right:1px solid #1e293b;padding:20px}.sidebar h3{font-size:12px;margin-bottom:12px;opacity:.6;text-transform:uppercase;letter-spacing:.6px}.chat-item{padding:10px 12px;border-radius:8px;cursor:pointer}.chat-item:hover,.chat-item.active{background:#1e293b}.chat-window{flex:1;display:flex;flex-direction:column;height:100%}.chat-header{height:56px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #1e293b;background:#020617d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.logo-text{font-weight:600;font-size:15px}.chat-body{flex:1;overflow-y:auto;padding:32px 0}.chat-body-inner{width:100%;max-width:760px;margin:0 auto;padding:0 16px}@media(max-width:768px){.chat-body-inner{padding:0 12px}}.message{display:flex;gap:16px;padding:24px 0}.message.assistant,.message.user{background:transparent}.avatar{width:28px;height:28px;border-radius:50%;background:#1e293b;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:4px}.message-content{flex:1;white-space:pre-wrap;word-break:break-word}.plain-text{white-space:pre-wrap}.markdown{background:transparent;color:#e5e7eb;line-height:1.55;font-size:.95rem}.markdown p{margin:.3em 0}.markdown ul,.markdown ol{padding-left:1.1em;margin:.3em 0}.markdown li{margin:.25em 0}.markdown li>p{margin:.25em 0}.markdown h1{font-size:24px;font-weight:600;margin:.9em 0 .45em}.markdown h2{font-size:20px;font-weight:600;margin:.85em 0 .4em}.markdown h3{font-size:17px;font-weight:600;margin:.75em 0 .35em}.markdown pre{margin:.45em 0;padding:12px;border-radius:8px}.code-block.shiki{position:relative;border-radius:18px;background:linear-gradient(180deg,#0d1117,#010409);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #000000b3;overflow:hidden;margin:.45em 0}.code-block.shiki:before{content:attr(data-lang);position:absolute;top:10px;left:14px;font-size:11px;letter-spacing:.6px;opacity:.6;text-transform:uppercase;color:#94a3b8}.copy-btn{position:absolute;top:8px;right:10px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#e5e7eb;padding:4px 10px;border-radius:8px;font-size:12px;cursor:pointer;z-index:2}.copy-btn:hover{background:#ffffff29}.shiki-content pre{margin:0;padding:18px;font-size:14px;overflow-x:auto;background:transparent!important}.inline-code{background:#94a3b82e;padding:.15em .35em;border-radius:6px;font-size:.9em}.inline-code{background:#000;border:1px solid #1f2937;padding:2px 6px;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.9em}.token.comment{color:#6b7280!important}.token.keyword{color:#60a5fa!important}.token.string{color:#34d399!important}.token.function{color:#fbbf24!important}.token.number{color:#f472b6!important}.token.operator{color:#e5e7eb!important}.cursor{display:inline-block;margin-left:2px;color:#60a5fa;animation:blink 1.2s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.chat-input{border-top:1px solid #1e293b;background:#020617e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chat-input-inner{width:100%;max-width:760px;margin:0 auto;padding:16px;display:flex;align-items:flex-end}@media(max-width:768px){.chat-input-inner{padding:12px}}.input-wrapper{position:relative;width:100%;display:flex;align-items:flex-end;background:#020617;border:1px solid #1e293b;border-radius:16px;padding:10px 52px 10px 14px}.input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.input-wrapper textarea{width:100%;background:transparent;border:none;outline:none;resize:none;color:#e5e7eb;font-size:15px;line-height:1.5;min-height:44px;max-height:200px}.input-wrapper textarea::placeholder{color:#64748b}.send-btn{position:absolute;right:8px;bottom:8px;width:36px;height:36px;border-radius:10px;border:none;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-thumb{background:#1e293b;border-radius:10px}@media(max-width:640px){.sidebar{display:none}}.divider{height:1px;width:100%;background:#1f2937;margin:24px 0}.section-divider{height:1px;background:#1f2937;margin:32px 0 20px}.divider-with-text{display:flex;align-items:center;gap:12px;margin:28px 0;color:#9ca3af;font-size:13px}.divider-with-text:before,.divider-with-text:after{content:"";flex:1;height:1px;background:#1f2937}.popup-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .25s ease-out}.popup{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);color:#fff;padding:22px 26px;border-radius:14px;width:340px;box-shadow:0 20px 50px #0009,inset 0 0 0 1px #ffffff0d;transform:scale(.96);animation:popIn .25s ease-out forwards}.popup h3{margin:0 0 8px;font-size:1.05rem;font-weight:600;letter-spacing:.3px;display:flex;align-items:center;gap:6px}.popup p{margin:0;font-size:.95rem;line-height:1.5;color:#d1d5db}.popup button{margin-top:16px;width:100%;padding:10px 12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.popup button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f166}.popup button:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{to{transform:scale(1)}}