*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4a90d9;--primary-dark:#3a7bc8;--primary-light:#e3eef9;--bg:#fff;--bg-secondary:#f0f4f8;--text:#2c3e50;--text-light:#6b7c93;--border:#dce3eb;--error:#d9534f;--log-bg:#e8f4e8;--log-border:#b8dab8;--shadow:0 2px 12px #00000014;--radius:12px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}body{background:var(--bg-secondary);min-height:100vh;margin:0}#root{min-height:100vh}.login-container{background:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:420px;padding:48px 40px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--primary);margin-bottom:8px;font-size:28px;font-weight:700}.login-header p{color:var(--text-light);font-size:15px}.login-card form{flex-direction:column;gap:16px;display:flex}.login-card input{border:1px solid var(--border);width:100%;color:var(--text);background:var(--bg);border-radius:8px;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s}.login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.login-card input::placeholder{color:var(--text-light)}.login-card button[type=submit]{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:background .2s}.login-card button[type=submit]:hover:not(:disabled){background:var(--primary-dark)}.login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--error);text-align:center;font-size:14px}.toggle{text-align:center;color:var(--text-light);margin-top:20px;font-size:14px}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.link-btn:hover{color:var(--primary-dark)}.chat-page{background:var(--bg);flex-direction:column;height:100vh;display:flex}.chat-header{background:var(--primary);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-header h1{margin:0;font-size:20px;font-weight:700}.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;padding:6px 16px;font-size:14px;transition:background .2s}.logout-btn:hover{background:#ffffff4d}.chat-container{background:var(--bg-secondary);flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.welcome{text-align:center;color:var(--text-light);padding:60px 24px}.welcome h2{color:var(--text);margin-bottom:12px;font-size:24px;font-weight:700}.welcome p{max-width:440px;margin:0 auto 12px;font-size:15px;line-height:1.6}.welcome .examples{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;margin-top:8px;padding:12px 20px;font-size:14px;display:inline-block}.message{display:flex}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.bubble{border-radius:var(--radius);word-wrap:break-word;max-width:75%;padding:12px 16px;font-size:15px;line-height:1.5}.message.user .bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.message.assistant .bubble{background:var(--bg);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble p{margin:0}.log-card{background:var(--log-bg);border:1px solid var(--log-border);border-radius:8px;margin-top:10px;padding:10px 14px}.log-item{color:var(--text);align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.log-item+.log-item{border-top:1px solid var(--log-border);margin-top:4px;padding-top:8px}.log-icon{flex-shrink:0;font-size:18px}.bubble.typing{align-items:center;gap:6px;min-height:44px;padding:14px 20px;display:flex}.bubble.typing span{background:var(--text-light);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-bounce;display:inline-block}.bubble.typing span:first-child{animation-delay:0s}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.chat-input{background:var(--bg);border-top:1px solid var(--border);flex-shrink:0;gap:12px;padding:16px 24px;display:flex}.chat-input input{border:1px solid var(--border);color:var(--text);background:var(--bg-secondary);border-radius:8px;outline:none;flex:1;padding:12px 16px;font-size:15px;transition:border-color .2s}.chat-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:var(--bg)}.chat-input input::placeholder{color:var(--text-light)}.chat-input button{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:background .2s}.chat-input button:hover:not(:disabled){background:var(--primary-dark)}.chat-input button:disabled{opacity:.5;cursor:not-allowed}@media (width<=600px){.login-card{padding:32px 24px}.login-header h1{font-size:24px}.chat-header{padding:12px 16px}.chat-header h1{font-size:18px}.chat-container{gap:12px;padding:16px}.bubble{max-width:85%;padding:10px 14px;font-size:14px}.chat-input{gap:8px;padding:12px 16px}.chat-input input{padding:10px 12px;font-size:14px}.chat-input button{padding:10px 16px;font-size:14px}.welcome{padding:40px 16px}.welcome h2{font-size:20px}.welcome p{font-size:14px}}