*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#1a1a1a;background:#f5f7fa;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{background:#fff;flex-direction:column;max-width:900px;height:100vh;margin:0 auto;display:flex;box-shadow:0 0 40px #0000000d}.header{color:#fff;background:linear-gradient(135deg,#004b93 0%,#003a70 100%);border-bottom:4px solid #e31837;padding:1.25rem 2rem}.logo{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.subtitle{opacity:.85;margin-top:.25rem;font-size:.875rem}.chat-container{flex:1;padding:2rem;overflow-y:auto}.welcome{text-align:center;max-width:600px;margin:2rem auto}.welcome h2{color:#004b93;margin-bottom:1rem;font-size:1.75rem}.welcome p{color:#555;margin-bottom:2rem;line-height:1.6}.welcome strong{color:#004b93}.examples{text-align:left;flex-direction:column;gap:.75rem;display:flex}.examples-label{color:#777;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem}.example-btn{color:#2a2a2a;text-align:left;cursor:pointer;background:#fff;border:1px solid #d6dbe1;border-radius:8px;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;transition:all .15s}.example-btn:hover:not(:disabled){background:#f0f5fb;border-color:#004b93;transform:translateY(-1px);box-shadow:0 2px 8px #004b931a}.example-btn:disabled{opacity:.5;cursor:not-allowed}.messages{flex-direction:column;gap:1.5rem;max-width:760px;margin:0 auto;display:flex}.message{flex-direction:column;gap:.4rem;display:flex}.message-role{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.message-user .message-role{color:#004b93}.message-assistant .message-role{color:#e31837}.message-content{white-space:pre-wrap;border-radius:10px;padding:1rem 1.25rem;font-size:.95rem;line-height:1.6}.message-user .message-content{background:#e8f0fa;border-left:3px solid #004b93}.message-assistant .message-content{background:#faf9f7;border-left:3px solid #e31837}.thinking{color:#888;font-style:italic}.input-bar{background:#fff;border-top:1px solid #e6e9ed;padding:1rem 2rem 1.5rem}.input-bar form{gap:.75rem;max-width:760px;margin:0 auto;display:flex}.input-bar input{border:1px solid #d6dbe1;border-radius:8px;outline:none;flex:1;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .15s}.input-bar input:focus{border-color:#004b93;box-shadow:0 0 0 3px #004b931a}.input-bar input:disabled{background:#f5f7fa}.input-bar button{color:#fff;cursor:pointer;background:#004b93;border:none;border-radius:8px;padding:0 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s}.input-bar button:hover:not(:disabled){background:#003a70}.input-bar button:disabled{opacity:.5;cursor:not-allowed}