:root{--brand-navy: #1C2851;--brand-navy2: #203069;--brand-navy3: #24377A;--brand-cyan: #5BA4DC;--brand-surface: #F4F7FC;--brand-border: #DEDFE2;--brand-text: #11141B;--brand-muted: #6B7280;--brand-gold: #F3B940;--brand-white: #FFFFFF}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--brand-surface)}.App{min-height:100vh;display:flex;flex-direction:column;background-color:var(--brand-surface)}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.otto-quickreplies-container{position:static}.otto-quickreplies{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;overflow-x:visible;padding:0 1.5rem;scrollbar-width:none;-ms-overflow-style:none}.otto-quickreplies-fade{display:none}.otto-quickreplies::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--brand-surface)}::-webkit-scrollbar-thumb{background:var(--brand-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-muted)}input::placeholder{color:var(--brand-muted);opacity:.7}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.otto-msg-row{width:100%;min-width:0;align-items:flex-end}.otto-msg-inner{display:flex;align-items:flex-start;gap:.5rem;min-width:0}.otto-bubble{max-width:680px;min-width:0;padding:.875rem 1.125rem;overflow-wrap:anywhere}.otto-avatar{height:2.25rem;width:2.25rem}.otto-rating{display:flex;flex-direction:column;gap:.5rem;margin-left:.5rem}.otto-rating-btn{width:2rem;height:2rem}.otto-chat-area,.otto-chat-inner{padding:1.5rem}.otto-input-inner{padding:1.25rem 1.5rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}.otto-brand-header-desktop{display:block}.otto-brand-header-mobile{display:none}@media(max-width:640px){.otto-brand-header-desktop{display:none}.otto-brand-header-mobile{display:block}.otto-quickreplies-container{position:relative}.otto-quickreplies{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}.otto-quickreply-button{flex:0 0 auto;white-space:nowrap}.otto-quickreplies-fade{display:block;position:absolute;top:0;right:0;bottom:.5rem;width:2rem;pointer-events:none;background:linear-gradient(90deg,rgba(244,247,252,0),var(--brand-surface))}.otto-msg-row{align-items:flex-start}.otto-msg-inner{flex-direction:column;gap:.375rem;flex:1 1 auto}.otto-msg-inner--user{align-items:flex-end}.otto-bubble{max-width:100%;padding:.75rem .875rem}.otto-avatar{height:1.75rem;width:1.75rem}.otto-rating{flex-direction:row;margin-left:0;gap:.375rem}.otto-rating-btn{width:1.75rem;height:1.75rem}.otto-chat-area{padding:.5rem .625rem}.otto-chat-inner{padding:.25rem}.otto-input-inner{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}}