*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}:root{--bg-dark: #0a0d14;--bg-panel: #10141d;--bg-elevated: #171c27;--bg-input: #0d1119;--border-color: rgba(255, 255, 255, .07);--border-color-strong: rgba(255, 255, 255, .14);--text-primary: #edeef2;--text-secondary: #8b93a7;--text-tertiary: #5b6472;--accent: #4f7df3;--accent-hover: #3d68e0;--accent-soft: rgba(79, 125, 243, .14);--success: #34d399;--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--radius-lg: 16px;--radius-md: 12px}*{scrollbar-width:thin;scrollbar-color:var(--border-color-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-color-strong);border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#ffffff38}.app-container{display:flex;height:100vh;background-color:var(--bg-dark);color:var(--text-primary);overflow:hidden}.sidebar{width:300px;flex-shrink:0;background-color:var(--bg-panel);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{padding:22px 20px;border-bottom:1px solid var(--border-color)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;flex-shrink:0;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.brand-mark svg{width:20px;height:20px}.brand h1{font-size:15px;font-weight:700;letter-spacing:-.01em}.brand-subtitle{display:block;font-size:11.5px;color:var(--text-tertiary);margin-top:2px}.chat-list{flex:1;overflow-y:auto;padding:12px}.chat-list-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:6px 10px 10px}.chat-item{display:flex;align-items:center;padding:12px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease}.chat-item:hover{background-color:#ffffff0a}.chat-item.active{background-color:var(--accent-soft)}.chat-info{margin-left:12px;flex:1;min-width:0}.chat-info-top{display:flex;justify-content:space-between;margin-bottom:3px}.chat-info h3{font-size:14px;font-weight:600}.chat-info p{font-size:12.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-window{flex:1;display:flex;flex-direction:column;background-color:var(--bg-dark);min-width:0}.chat-header{height:72px;flex-shrink:0;background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 24px}.user-profile{display:flex;align-items:center;gap:14px}.user-profile h3{font-size:14.5px;font-weight:600}.avatar-ring{border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--accent),transparent 70%)}.avatar-ring .avatar{display:block}.status{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary);margin-top:2px}.status-dot{width:7px;height:7px;border-radius:50%;background-color:var(--success);box-shadow:0 0 0 3px #34d3992e;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.empty-state{margin:auto;text-align:center;max-width:340px;color:var(--text-secondary)}.empty-state-icon{width:52px;height:52px;margin:0 auto 18px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--accent);display:flex;align-items:center;justify-content:center}.empty-state-icon svg{width:24px;height:24px}.empty-state h2{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state p{font-size:13.5px;line-height:1.5}.messages-area{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.message-row{display:flex;align-items:flex-end;gap:10px;max-width:68%;animation:message-in .25s ease both}@keyframes message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message-row.them,.message-row.system{align-self:flex-start}.message-row.me{align-self:flex-end;flex-direction:row-reverse}.message-bubble{padding:12px 16px;border-radius:var(--radius-lg);position:relative;line-height:1.5;font-size:14px;box-shadow:var(--shadow-sm)}.them .message-bubble{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-bottom-left-radius:4px;color:var(--text-primary)}.me .message-bubble{background-color:var(--accent);border-bottom-right-radius:4px;color:#fff}.system .message-bubble{background-color:var(--danger-soft);border:1px solid rgba(248,113,113,.3);border-bottom-left-radius:4px;color:#fecaca}.typing-bubble{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.typing-dot{width:6px;height:6px;border-radius:50%;background-color:var(--text-secondary);animation:typing-bounce 1.2s infinite ease-in-out}.typing-dot:nth-child(3){animation-delay:.15s}.typing-dot:nth-child(4){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.message-time{display:block;font-size:10.5px;margin-top:6px;opacity:.6;text-align:right}.input-area{padding:18px 24px 22px;background-color:var(--bg-panel);border-top:1px solid var(--border-color);flex-shrink:0}.input-area form{display:flex;gap:10px}.input-area input{flex:1;padding:13px 18px;border-radius:24px;border:1px solid var(--border-color-strong);background-color:var(--bg-input);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-area input::placeholder{color:var(--text-tertiary)}.input-area input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-area input:disabled{opacity:.6}.input-area button{width:46px;height:46px;flex-shrink:0;background-color:var(--accent);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,transform .1s ease}.input-area button svg{width:18px;height:18px;margin-left:-1px}.input-area button:hover:not(:disabled){background-color:var(--accent-hover)}.input-area button:active:not(:disabled){transform:scale(.94)}.input-area button:disabled{background-color:var(--bg-elevated);color:var(--text-tertiary);cursor:not-allowed}.avatar{border-radius:50%;object-fit:cover;background-color:var(--bg-elevated);width:40px;height:40px}.avatar.small{width:32px;height:32px}.avatar.big{width:42px;height:42px}.avatar-alert{display:flex;align-items:center;justify-content:center;background-color:var(--danger);color:#fff;font-weight:700;font-size:14px}.markdown-content{word-wrap:break-word;font-size:14px;line-height:1.55}.markdown-content p{margin-bottom:10px}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul,.markdown-content ol{margin-left:20px;margin-bottom:10px}.markdown-content li{list-style-type:disc;margin-bottom:4px}.markdown-content strong{font-weight:700;color:inherit}.markdown-content a{text-decoration:underline;color:inherit}@media(max-width:760px){.sidebar{display:none}.message-row{max-width:85%}}