*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-card:#0f3460;--accent:#e94560;--accent-hover:#c73a52;--text-primary:#eee;--text-secondary:#aab;--text-muted:#778;--border:#2a2a4a;--msg-user:#1a3a5c;--msg-claude:#1e1e3a;--input-bg:#12122a;--success:#4ecca3}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.login-body{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.login-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,0.4)}.login-header{text-align:center;margin-bottom:36px}.login-header h1{font-size:28px;font-weight:700;color:var(--accent);margin-bottom:8px}.login-header p{color:var(--text-secondary);font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-group input{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:15px;outline:none;transition:border-color 0.2s}.form-group input:focus{border-color:var(--accent)}#login-btn{width:100%;padding:12px;background:var(--accent);color:white;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background 0.2s;margin-top:8px}#login-btn:hover{background:var(--accent-hover)}#login-btn:disabled{opacity:0.6;cursor:not-allowed}.error-msg{color:var(--accent);text-align:center;font-size:13px;margin-top:12px;min-height:20px}.chat-body{display:flex;flex-direction:column;height:100vh}.chat-container{display:flex;flex-direction:column;height:100vh;max-width:900px;margin:0 auto;width:100%}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.chat-header h1{font-size:20px;font-weight:700;color:var(--accent)}.header-right{display:flex;align-items:center;gap:12px}#user-display{color:var(--text-secondary);font-size:13px}#logout-btn{padding:6px 14px;background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:13px;transition:all 0.2s}#logout-btn:hover{border-color:var(--accent);color:var(--accent)}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.welcome-msg{text-align:center;margin:auto;color:var(--text-secondary)}.welcome-msg h2{font-size:24px;margin-bottom:8px;color:var(--text-primary)}.message{display:flex;flex-direction:column;max-width:80%;animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px;padding:0 4px}.message.user .message-label{color:var(--success);text-align:right}.message.assistant .message-label{color:var(--accent)}.message-content{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.message.user .message-content{background:var(--msg-user);border-bottom-right-radius:4px}.message.assistant .message-content{background:var(--msg-claude);border-bottom-left-radius:4px}.message.assistant .message-content.streaming{border-left:2px solid var(--accent)}.chat-input-area{display:flex;align-items:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-secondary)}#message-input{flex:1;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:none;outline:none;max-height:150px;transition:border-color 0.2s}#message-input:focus{border-color:var(--accent)}#send-btn{width:44px;height:44px;background:var(--accent);color:white;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;flex-shrink:0}#send-btn:hover{background:var(--accent-hover)}#send-btn:disabled{opacity:0.4;cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media(max-width:600px){.chat-header{padding:12px 16px}.chat-messages{padding:16px}.chat-input-area{padding:12px 16px}.message{max-width:90%}.login-container{margin:16px;padding:32px 24px}}