@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0a12;--bg-secondary:#12121e;--bg-tertiary:#1a1a2e;--bg-glass:#1a1a2eb3;--bg-glass-hover:#1a1a2ee6;--bg-input:#ffffff0d;--bg-input-focus:#ffffff14;--text-primary:#e4e4ef;--text-secondary:#8888a4;--text-muted:#55556a;--accent:#7c5cfc;--accent-hover:#9478ff;--accent-glow:#7c5cfc4d;--accent-subtle:#7c5cfc1a;--border:#ffffff0f;--border-accent:#7c5cfc4d;--shadow-lg:0 20px 60px #00000080;--shadow-glow:0 0 40px #7c5cfc26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:.2s cubic-bezier(.4, 0, .2, 1);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse at 20% 50%, #7c5cfc14 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #6366f10f 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, #8b5cf60a 0%, transparent 50%), var(--bg-primary);min-height:100vh;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.loading-screen{width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{justify-content:center;align-items:center;width:100%;height:100%;animation:.6s ease-out fadeIn;display:flex}.login-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;width:420px;max-width:90vw;box-shadow:var(--shadow-lg), var(--shadow-glow);padding:48px 40px;position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.login-logo{background:linear-gradient(135deg, var(--accent), #a78bfa);border-radius:var(--radius-lg);width:64px;height:64px;box-shadow:0 8px 32px var(--accent-glow);justify-content:center;align-items:center;margin:0 auto 24px;font-size:28px;display:flex}.login-card h1{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:700}.login-card p{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.login-form{flex-direction:column;gap:12px;display:flex}.login-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition);outline:none;padding:14px 18px;font-family:inherit;font-size:15px}.login-input:focus{background:var(--bg-input-focus);border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-subtle)}.login-input::placeholder{color:var(--text-muted)}.auth-error{border-radius:var(--radius-sm);color:#f87171;text-align:left;background:#ef44441a;border:1px solid #ef44444d;padding:10px 14px;font-size:13px;animation:.4s ease-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-btn{background:linear-gradient(135deg, var(--accent), #6366f1);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:all var(--transition);border:none;margin-top:4px;padding:14px;font-family:inherit;font-size:15px;font-weight:600;position:relative;overflow:hidden}.login-btn:hover{box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-switch{color:var(--text-secondary);margin-top:24px;font-size:14px}.auth-switch-btn{color:var(--accent-hover);cursor:pointer;text-underline-offset:2px;transition:color var(--transition);background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:600;text-decoration:underline}.auth-switch-btn:hover{color:var(--accent)}.rate-limit-screen{justify-content:center;align-items:center;width:100%;height:100%;animation:.6s ease-out fadeIn;display:flex}.rate-limit-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);text-align:center;width:480px;max-width:90vw;box-shadow:var(--shadow-lg), 0 0 40px #ef44441a;border:1px solid #ef444433;padding:48px 40px;position:relative;overflow:hidden}.rate-limit-card:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#ef4444,#f97316,#0000);height:2px;position:absolute;top:0;left:0;right:0}.rate-limit-icon{margin-bottom:20px;font-size:64px;animation:2s infinite pulseScale}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.rate-limit-card h1{color:#f87171;margin-bottom:12px;font-size:28px;font-weight:700}.rate-limit-msg{color:var(--text-primary);margin-bottom:24px;font-size:15px}.rate-limit-counter{border-radius:var(--radius-lg);background:#ef444414;border:1px solid #ef444433;flex-direction:column;align-items:center;gap:4px;margin-bottom:20px;padding:20px;display:flex}.counter-num{color:#ef4444;font-size:48px;font-weight:700;line-height:1}.counter-label{color:var(--text-secondary);font-size:13px}.rate-limit-sub{color:var(--text-muted);margin-bottom:28px;font-size:13px}.logout-btn{border-radius:var(--radius-md);color:#f87171;cursor:pointer;transition:all var(--transition);background:#ef444426;border:1px solid #ef44444d;padding:12px 32px;font-family:inherit;font-size:15px;font-weight:600}.logout-btn:hover{background:#ef444440;transform:translateY(-1px)}.toast{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-accent);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-lg);z-index:1000;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s ease-out toastIn,.3s ease-in 3.5s forwards toastOut;position:fixed;top:24px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.chat-container{flex-direction:column;width:100%;max-width:900px;height:100%;animation:.5s ease-out fadeIn;display:flex}.chat-header{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-header-left{align-items:center;gap:14px;display:flex}.chat-header-logo{background:linear-gradient(135deg, var(--accent), #a78bfa);border-radius:var(--radius-sm);width:38px;height:38px;box-shadow:0 4px 16px var(--accent-glow);justify-content:center;align-items:center;font-size:18px;display:flex}.chat-header-info h2{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:600}.chat-header-info span{color:var(--text-secondary);font-size:12px}.chat-header-right{align-items:center;gap:10px;display:flex}.chat-quota{background:var(--bg-input);border:1px solid var(--border);border-radius:16px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:flex}.quota-icon{font-size:12px}.quota-count{color:var(--accent-hover);font-size:13px;font-weight:700}.quota-count.low{color:#ef4444;animation:1s infinite pulse}.connection-status{color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.status-dot{width:7px;height:7px;transition:background var(--transition);background:#ef4444;border-radius:50%}.status-dot.connected{background:#22c55e;animation:2s infinite pulse;box-shadow:0 0 8px #22c55e80}.user-badge{background:var(--accent-subtle);border:1px solid var(--border-accent);color:var(--accent-hover);border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.user-avatar-small{background:linear-gradient(135deg, var(--accent), #a78bfa);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.logout-header-btn{background:var(--bg-input);border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.logout-header-btn:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.messages-area{flex-direction:column;flex:1;gap:4px;padding:20px 24px;display:flex;overflow-y:auto}.messages-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.messages-empty-icon{opacity:.5;font-size:48px}.messages-empty p{font-size:14px}.message{flex-direction:column;max-width:75%;animation:.3s ease-out slideUp;display:flex}.message.own{align-self:flex-end}.message.other{align-self:flex-start}.message-header{align-items:center;gap:8px;margin-bottom:4px;padding:0 4px;display:flex}.message-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.message-username{color:var(--text-secondary);font-size:12px;font-weight:600}.message-time{color:var(--text-muted);font-size:11px}.message-bubble{border-radius:var(--radius-lg);word-wrap:break-word;padding:10px 16px;font-size:14px;line-height:1.55;position:relative}.message.own .message-bubble{background:linear-gradient(135deg, var(--accent), #6366f1);color:#fff;border-bottom-right-radius:4px}.message.other .message-bubble{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:4px}.message-continuation .message-bubble{border-radius:var(--radius-lg)}.message.own .message-continuation .message-bubble{border-top-right-radius:4px;border-bottom-right-radius:4px}.message.other .message-continuation .message-bubble{border-top-left-radius:4px;border-bottom-left-radius:4px}.message-input-area{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);flex-shrink:0;padding:16px 24px 20px;position:relative}.message-input-wrapper{align-items:flex-end;gap:10px;display:flex}.message-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);resize:none;min-height:44px;max-height:120px;transition:all var(--transition);outline:none;flex:1;padding:12px 18px;font-family:inherit;font-size:14px}.message-input:focus{background:var(--bg-input-focus);border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-subtle)}.message-input::placeholder{color:var(--text-muted)}.send-btn{background:linear-gradient(135deg, var(--accent), #6366f1);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.send-btn:hover{box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.send-btn:active{transform:translateY(0)}.send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=768px){.chat-header{padding:12px 16px}.chat-header-right{gap:6px}.messages-area{padding:16px}.message{max-width:85%}.message-input-area{padding:12px 16px 16px}.login-card,.rate-limit-card{padding:36px 28px}.user-badge,.chat-quota{display:none}.connection-status{padding:5px 8px;font-size:11px}}.mention-dropdown{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;border:1px solid var(--border);flex-direction:column;min-width:240px;max-height:200px;display:flex;position:absolute;bottom:calc(100% + 10px);left:24px;overflow:hidden auto}.mention-item{cursor:pointer;color:var(--text-primary);align-items:center;gap:12px;padding:10px 16px;font-size:14px;transition:background .2s;display:flex}.mention-item:hover,.mention-item.active{background:var(--bg-input-focus)}.mention-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.message.other.mentioned-msg .message-bubble{background:#f59e0b26;border:1px solid #f59e0b66;box-shadow:0 0 16px #f59e0b1a}