*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#e2e8f0;background-color:#0f1117;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{flex-direction:column;max-width:900px;height:100vh;margin:0 auto;display:flex}.header{background:#161b27;border-bottom:1px solid #2d3748;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header__brand{align-items:center;gap:12px;display:flex}.header__icon{font-size:2rem;line-height:1}.header__title{color:#e2e8f0;letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.header__subtitle{color:#718096;margin-top:2px;font-size:.75rem}.btn{cursor:pointer;border:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:background .15s,opacity .15s}.btn--ghost{color:#a0aec0;background:0 0;border:1px solid #2d3748;padding:7px 16px}.btn--ghost:hover{color:#e2e8f0;background:#1a2035}.btn--send{color:#fff;background:#3182ce;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.btn--send:hover:not(:disabled){background:#2b6cb0}.btn--send:disabled{opacity:.4;cursor:default}.chat{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat__messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:20px;padding:24px 24px 8px;display:flex;overflow-y:auto}.message{align-items:flex-start;gap:12px;max-width:100%;display:flex}.message--user{flex-direction:row-reverse}.message__avatar{background:#1a2035;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;line-height:1;display:flex}.message__bubble{flex-direction:column;gap:4px;max-width:calc(100% - 56px);display:flex}.message--user .message__bubble{align-items:flex-end}.message__role{text-transform:uppercase;letter-spacing:.05em;color:#718096;font-size:.7rem;font-weight:600}.message__content{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;background:#1e2535;border-radius:12px;padding:12px 16px;font-size:.9375rem;line-height:1.65}.message--user .message__content{background:#2b4c7e;border-bottom-right-radius:4px}.message--assistant .message__content{border-bottom-left-radius:4px}.typing-indicator{background:#1e2535;border-radius:12px 12px 12px 4px;gap:5px;width:fit-content;padding:14px 16px;display:flex}.typing-indicator span{background:#718096;border-radius:50%;width:8px;height:8px;animation:1.2s infinite bounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.error-banner{color:#fc8181;background:#2d1515;border:1px solid #742a2a;border-radius:8px;padding:12px 16px;font-size:.875rem}.chat__input-area{background:#161b27;border-top:1px solid #2d3748;flex-shrink:0;padding:16px 24px 20px}.input-wrapper{background:#1e2535;border:1px solid #2d3748;border-radius:12px;align-items:flex-end;gap:10px;padding:8px 10px 8px 16px;transition:border-color .15s;display:flex}.input-wrapper:focus-within{border-color:#3182ce}.input-wrapper__textarea{resize:none;color:#e2e8f0;background:0 0;border:none;outline:none;flex:1;max-height:160px;font-family:inherit;font-size:.9375rem;line-height:1.6;overflow-y:auto}.input-wrapper__textarea::placeholder{color:#4a5568}.input-wrapper__textarea:disabled{opacity:.5;cursor:not-allowed}.input-hint{color:#4a5568;text-align:center;margin-top:6px;font-size:.7rem}.chat__messages::-webkit-scrollbar{width:6px}.chat__messages::-webkit-scrollbar-track{background:0 0}.chat__messages::-webkit-scrollbar-thumb{background:#2d3748;border-radius:3px}@media (width<=600px){.header{padding:12px 16px}.chat__messages{padding:16px 16px 8px}.chat__input-area{padding:12px 16px 16px}.header__subtitle{display:none}}