*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:IBM Plex Mono,Courier New,monospace;background:#080a08;color:#c8d0c4}body{display:flex;justify-content:center;align-items:center;padding:12px;min-height:100vh;margin:0}#root{width:100%;height:100%;max-width:1400px;max-height:98vh}.chat-card{width:100%;height:100%;background:#0e100e;border-radius:32px;box-shadow:0 24px 80px #000000f2,0 0 0 1px #a0e6780a;overflow:hidden;border:1px solid rgba(160,230,120,.03);display:flex;flex-direction:column}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#151815;border-radius:12px}::-webkit-scrollbar-thumb{background:#1e241e;border-radius:12px}@keyframes pulse-dot{0%,60%,to{opacity:.15;transform:scale(.8)}30%{opacity:1;transform:scale(1.1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.5;box-shadow:0 0 8px #90d0601a}50%{opacity:1;box-shadow:0 0 24px #90d0604d}}.accent{color:#90d060}.accent-bg{background:#0b0d0b;border:1px solid #1e241e;padding:2px 10px;border-radius:20px;color:#b0c8a0}.chat-header{background:#151815;padding:20px 28px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(160,230,120,.03);flex-shrink:0}.avatar{width:48px;height:48px;background:#1e241e;border-radius:40px;display:flex;align-items:center;justify-content:center;color:#b0c8a0;font-size:24px;font-weight:500;flex-shrink:0;border:1px solid rgba(160,230,120,.06);box-shadow:0 0 30px #a0e67805}.header-info{flex:1}.header-info h2{font-size:20px;font-weight:700;letter-spacing:-.5px;color:#c8d0c4;margin:0;line-height:1.3;font-family:IBM Plex Mono,monospace}.header-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#7a9070;background:#283c1e1f;padding:2px 12px 2px 8px;border-radius:40px;width:fit-content;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin-top:2px;border:1px solid rgba(160,230,120,.03);letter-spacing:.5px;font-family:IBM Plex Mono,monospace}.header-status .dot{width:6px;height:6px;border-radius:50%;background:#90d060;display:inline-block;animation:pulse-glow 2s infinite}.header-actions{display:flex;gap:6px;color:#4a5a40}.header-actions i{font-size:20px;padding:6px;border-radius:40px;transition:.1s ease;cursor:default;opacity:.4}.header-actions i:hover{background:#a0e6780a;opacity:.7;color:#b0c8a0}.chat-messages{padding:24px 28px 12px;display:flex;flex-direction:column;gap:18px;flex:1;overflow-y:auto;background:#0b0d0b;scroll-behavior:smooth;min-height:300px}.message{display:flex;align-items:flex-end;gap:10px;max-width:88%;animation:fadeUp .3s ease}.message.bot{align-self:flex-start}.message.user{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:28px;height:28px;background:#1e241e;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#b0c8a0;flex-shrink:0;border:1px solid rgba(160,230,120,.04)}.message.user .msg-avatar{background:#1e241e;color:#b0c8a0}.bubble{padding:14px 18px;border-radius:22px;font-size:14px;line-height:1.7;letter-spacing:.3px;background:#181c18;color:#c8d0c4;box-shadow:0 1px 8px #0006;word-break:break-word;border:1px solid rgba(160,230,120,.02);font-family:IBM Plex Mono,monospace}.message.bot .bubble{background:#121612;border-bottom-left-radius:6px;border-color:#a0e67805}.message.user .bubble{background:#1a201a;color:#d4dcd0;border-bottom-right-radius:6px;border:1px solid rgba(160,230,120,.04);box-shadow:0 0 24px #90d06003}.time{font-size:10px;color:#4a5a40;padding:0 4px;margin-top:4px;opacity:.5;font-weight:400;letter-spacing:.5px;font-family:IBM Plex Mono,monospace}.message.bot .time{padding-left:6px}.message.user .time{padding-right:6px;text-align:right}.typing-indicator{display:flex;align-items:center;gap:8px;padding:6px 0 2px 6px;opacity:.7}.typing-indicator .dots{display:flex;gap:5px}.typing-indicator .dot{width:8px;height:8px;background:#90d060;border-radius:20px;animation:pulse-dot 1.4s infinite}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}.typing-indicator span{color:#6a8060;font-weight:500;letter-spacing:.3px;font-size:13px;font-family:IBM Plex Mono,monospace}.chat-footer{padding:12px 28px 24px;background:#0e100e;border-top:1px solid rgba(160,230,120,.03);display:flex;align-items:center;gap:12px;flex-shrink:0}.chat-footer input{flex:1;border:none;background:#181c18;padding:16px 22px;border-radius:60px;font-size:15px;font-family:IBM Plex Mono,monospace;outline:none;transition:.15s ease;color:#c8d0c4;border:1px solid rgba(160,230,120,.03);box-shadow:inset 0 1px 8px #0000004d;font-weight:400;letter-spacing:.3px}.chat-footer input::placeholder{color:#4a5a40;font-weight:400;letter-spacing:.3px}.chat-footer input:focus{border-color:#a0e6780f;background:#1a201a;box-shadow:0 0 0 4px #90d06003,inset 0 1px 8px #0000004d}.chat-footer button{background:#181c18;border:none;width:56px;height:56px;border-radius:60px;display:flex;align-items:center;justify-content:center;color:#6a8060;font-size:24px;transition:.1s ease;border:1px solid rgba(160,230,120,.03);box-shadow:0 2px 20px #0000004d;cursor:default}.chat-footer button.active{cursor:pointer}.chat-footer button.active:hover{background:#1e241e;transform:scale(.97);border-color:#a0e6780d}.chat-footer button.active:hover i{color:#90d060}@media (max-width: 640px){body{padding:8px}#root{max-height:100vh}.chat-card{border-radius:24px}.chat-header{padding:16px 18px}.chat-messages{padding:16px 14px 8px}.bubble{font-size:13px;padding:12px 16px}.chat-footer{padding:8px 14px 16px}.chat-footer button{width:48px;height:48px;font-size:20px}}@media (min-width: 1600px){#root{max-width:1400px;max-height:96vh}}