*,:before,:after{box-sizing:border-box}body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0f0f0f;height:100vh;font-family:system-ui,sans-serif}.login-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100vh;display:flex}.login-container h1{font-size:2rem}.login-container p{color:#888}.chat-container{flex-direction:column;max-width:860px;height:100vh;margin:0 auto;padding:0 1rem;display:flex}.chat-header{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.chat-header h1{font-size:1.2rem}.model-tag{color:#7eb8f7;background:#1e3a5f;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:.75rem}.user-info{color:#888;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.logout-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;padding:4px 10px;font-size:.8rem}.logout-btn:hover{color:#fff;border-color:#888}.messages{flex-direction:column;flex:1;gap:1rem;padding:1.5rem 0;display:flex;overflow-y:auto}.placeholder{color:#555;text-align:center;margin-top:3rem}.message{flex-direction:column;gap:4px;max-width:100%;display:flex}.role-label{color:#666;text-transform:uppercase;font-size:.75rem;font-weight:600}.message.user .role-label{color:#5b9cf7}.message.assistant .role-label{color:#6ec99f}.message pre{white-space:pre-wrap;word-break:break-word;background:#1a1a1a;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;line-height:1.6}.message.user pre{background:#1a2a3f}.message.loading pre{color:#666;font-style:italic}.input-row{border-top:1px solid #2a2a2a;gap:.5rem;padding:1rem 0;display:flex}.input-row textarea{color:#e0e0e0;resize:none;background:#1a1a1a;border:1px solid #333;border-radius:8px;flex:1;padding:.75rem;font-family:inherit;font-size:.95rem}.input-row textarea:focus{border-color:#555;outline:none}.input-row button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-self:flex-end;height:44px;padding:0 1.25rem;font-size:.95rem}.input-row button:disabled{color:#555;cursor:not-allowed;background:#1a1a1a}.input-row button:hover:not(:disabled){background:#1d4ed8}.error{color:#f87171;text-align:center;padding:.5rem 0;font-size:.85rem}