@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--chat-bg:#1e293bb3;--user-bubble:#6366f1;--ai-bubble:#334155;--text:#f8fafc;--text-dim:#94a3b8;--glass:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.auth-container{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;width:100%;max-width:400px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.auth-container h2{text-align:center;letter-spacing:-.025em;margin-bottom:24px;font-weight:700}.input-group{margin-bottom:20px}.input-group label{color:var(--text-dim);margin-bottom:8px;font-size:14px;display:block}.input-group input{border:1px solid var(--glass-border);color:#fff;background:#0f172a80;border-radius:12px;width:100%;padding:12px 16px;transition:all .2s}.input-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #6366f133}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px;font-weight:600;transition:all .2s}.btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.toggle-link{text-align:center;color:var(--text-dim);margin-top:16px;font-size:14px}.toggle-link span{color:var(--primary);cursor:pointer;font-weight:600}.chat-app{background:var(--chat-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;flex-direction:column;width:100%;max-width:1000px;height:100vh;margin:20px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.chat-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message{border-radius:20px;align-items:flex-start;gap:8px;max-width:70%;padding:12px 18px;font-size:15px;line-height:1.5;animation:.3s ease-out slideIn;display:flex}.message-content{flex-direction:column;flex:1;gap:8px;display:flex}.message-image{border:1px solid #ffffff26;border-radius:16px;width:100%;max-width:280px}.chat-controls{align-items:center;gap:12px;margin-bottom:12px;display:flex}.file-label{border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text);cursor:pointer;background:#ffffff14;border-radius:14px;justify-content:center;align-items:center;display:inline-flex;position:relative}.file-label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mic-btn{min-width:100px;height:44px;color:var(--text);cursor:pointer;background:#6366f12e;border:none;border-radius:14px;padding:0 16px}.mic-btn.recording{background:#ef4444}.image-preview-wrap{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:18px;align-items:center;gap:16px;margin:0 32px 16px;padding:16px 24px;display:flex}.image-preview{border-radius:16px;max-width:120px}.remove-image-btn{color:var(--text);cursor:pointer;background:#ffffff14;border:none;border-radius:14px;padding:10px 14px}.message-content{flex:1}.copy-btn{color:var(--text-dim);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:14px;transition:opacity .2s}.copy-btn:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{background:var(--user-bubble);border-bottom-right-radius:4px;align-self:flex-end}.message.assistant{background:var(--ai-bubble);border-bottom-left-radius:4px;align-self:flex-start}.chat-input-area{border-top:1px solid var(--glass-border);gap:16px;padding:20px 32px;display:flex}.chat-input{border:1px solid var(--glass-border);color:#fff;background:#0f172a80;border-radius:16px;flex:1;padding:14px 20px;font-size:15px}.chat-input:focus{border-color:var(--primary);outline:none}.send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:16px;padding:0 24px;font-weight:600}