:root{--bg:#0a0a0f;--bg-card:#141420;--bg-card-hover:#1a1a2e;--text:#e4e4e7;--text-muted:#71717a;--accent:#8b5cf6;--accent-hover:#7c3aed;--border:#27272a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,sans-serif}.chat-container{height:100vh;flex-direction:column;max-width:800px;height:100dvh;margin:0 auto;display:flex}.chat-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:-webkit-sticky;position:sticky;top:0}.chat-logo{color:var(--text);background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700;text-decoration:none}.chat-persona-selector{flex:1;gap:.25rem;display:flex;overflow-x:auto}.persona-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.8rem;transition:all .2s;display:flex}.persona-btn:hover{border-color:var(--accent);color:var(--text)}.persona-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(139,92,246,.15)}.persona-avatar{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:50%;width:24px;height:24px}.persona-label{display:inline}.chat-messages{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1rem;display:flex}.chat-empty-avatar{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;opacity:.8;border-radius:50%;width:80px;height:80px;margin-bottom:.5rem}.chat-empty h2{color:var(--text);font-size:1.5rem}.chat-empty-domain{color:var(--accent);font-size:.9rem}.chat-empty-hint{margin-top:.5rem;font-size:.85rem}.chat-msg{gap:.5rem;max-width:85%;display:flex}.chat-msg.user{flex-direction:row-reverse;align-self:flex-end}.chat-msg.assistant{align-self:flex-start}.msg-avatar{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:50%;flex-shrink:0;width:28px;height:28px;margin-top:4px}.msg-bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;padding:.65rem 1rem;font-size:.9rem;line-height:1.55}.chat-msg.user .msg-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-msg.assistant .msg-bubble{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.typing-indicator{color:var(--text-muted);font-style:italic}.chat-error{color:#ef4444;text-align:center;background:rgba(239,68,68,.1);border-top:1px solid rgba(239,68,68,.3);padding:.65rem 1rem;font-size:.85rem}.chat-error-cta{color:var(--accent);margin-left:.5rem;font-weight:600;text-decoration:none;display:inline-block}.chat-input-area{border-top:1px solid var(--border);background:var(--bg);gap:.5rem;padding:.75rem 1rem;display:flex}.chat-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);resize:none;border-radius:12px;outline:none;flex:1;padding:.65rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--text-muted)}.chat-input::placeholder{color:var(--text-muted)}.chat-input::placeholder{color:var(--text-muted)}.chat-send{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .2s}.chat-send:hover:not(:disabled){background:var(--accent-hover)}.chat-send:disabled{opacity:.5;cursor:not-allowed}.login-container{min-height:100vh;justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:400px;padding:2rem;display:flex}.login-logo{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:50%;width:64px;height:64px}.login-title{background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.login-subtitle{color:var(--text-muted);font-size:.9rem}.login-tabs{background:var(--bg);border-radius:8px;gap:.25rem;width:100%;padding:3px;display:flex}.login-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.5rem;font-size:.85rem;font-weight:500;transition:all .2s}.login-tab.active{background:var(--bg-card-hover);color:var(--text)}.login-telegram{flex-direction:column;align-items:center;gap:.75rem;width:100%;padding:1rem 0;display:flex}.login-tg-widget{justify-content:center;align-items:center;min-height:40px;display:flex}.login-hint{color:var(--text-muted);text-align:center;font-size:.8rem}.login-form{flex-direction:column;gap:.75rem;width:100%;display:flex}.login-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:.65rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.login-input:focus{border-color:var(--accent)}.login-input::placeholder{color:var(--text-muted)}.login-input::placeholder{color:var(--text-muted)}.login-input::placeholder{color:var(--text-muted)}.login-submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.65rem;font-size:.9rem;font-weight:600;transition:background .2s}.login-submit:hover:not(:disabled){background:var(--accent-hover)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-toggle{color:var(--accent);cursor:pointer;text-align:center;background:0 0;border:none;font-size:.8rem}.login-toggle:hover{text-decoration:underline}.login-error{color:#ef4444;text-align:center;background:rgba(239,68,68,.1);border-radius:8px;width:100%;padding:.5rem;font-size:.85rem}.login-back{color:var(--text-muted);margin-top:.5rem;font-size:.8rem;text-decoration:none}.login-back:hover{color:var(--text)}.chat-logout{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;padding:.3rem .65rem;font-size:.75rem;transition:all .2s}.chat-logout:hover{color:#ef4444;border-color:#ef4444}.voice-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:.65rem .75rem;transition:all .2s;display:flex}.voice-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.voice-recording-bar{flex:1;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.voice-recording-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.voice-recording-time{color:var(--text);font-variant-numeric:tabular-nums;min-width:3rem;font-size:.9rem}.voice-cancel-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:.45rem .85rem;font-size:.85rem;transition:all .2s}.voice-cancel-btn:hover{color:#ef4444;border-color:#ef4444}.voice-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s}.voice-send-btn:hover{background:var(--accent-hover)}.attach-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:.65rem .75rem;transition:all .2s;display:flex}.attach-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.attach-btn:disabled{opacity:.4;cursor:not-allowed}.attach-btn-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chat-attachment-bar{background:var(--bg);padding:.5rem 1rem 0}.chat-attachment-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:8px;align-items:center;gap:.5rem;max-width:100%;padding:.4rem .75rem;font-size:.85rem;display:inline-flex}.chat-attachment-name{white-space:nowrap;text-overflow:ellipsis;max-width:12rem;overflow:hidden}.chat-attachment-size{color:var(--text-muted);font-size:.75rem}.chat-attachment-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:.85rem}.chat-attachment-remove:hover{color:#ef4444}.chat-drop-overlay{border:2px dashed var(--accent);pointer-events:none;z-index:5;color:var(--accent);background:rgba(139,92,246,.08);border-radius:12px;justify-content:center;align-items:center;margin:.5rem;font-size:.95rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.chat-messages.drag-active{position:relative}.msg-attachment{border:1px solid var(--border);background:rgba(139,92,246,.12);border-radius:6px;align-items:center;gap:.4rem;max-width:100%;margin-bottom:.4rem;padding:.3rem .6rem;font-size:.8rem;display:inline-flex}.msg-attachment-name{white-space:nowrap;text-overflow:ellipsis;max-width:10rem;overflow:hidden}.msg-play-btn{border:1px solid var(--border);cursor:pointer;width:28px;height:28px;color:var(--text-muted);vertical-align:middle;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-top:.4rem;transition:all .2s;display:inline-flex}.msg-play-btn:hover{border-color:var(--accent);color:var(--accent)}.msg-play-btn.playing{border-color:var(--accent);color:var(--accent);animation:1.5s ease-in-out infinite pulse-dot}@media (max-width:640px){.persona-label{display:none}.persona-btn{padding:.3rem}.persona-avatar{width:32px;height:32px}.chat-container{height:100dvh}.chat-input-area{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.chat-input{font-size:16px}.chat-messages{gap:.75rem;padding:.75rem}.chat-msg{max-width:92%}.msg-bubble{padding:.55rem .85rem;font-size:.88rem}.chat-empty-avatar{width:64px;height:64px}.chat-empty h2{font-size:1.25rem}}