.navbar{justify-content:space-between;padding:.75rem 1.5rem;background:var(--brand-white);border-bottom:1px solid var(--brand-grey-12)}.navbar,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:.75rem}.logo-icon{height:48px;width:auto}.navbar-controls{display:flex;align-items:center;gap:1rem}.page-indicator{font-size:.875rem;color:var(--brand-grey-70)}.reset-button{padding:.5rem 1rem;background:var(--brand-primary);color:var(--brand-white);border:none;border-radius:16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.reset-button:hover{background:#ff7084}.logout-button{padding:.5rem 1rem;background:transparent;color:var(--brand-grey-70);border:1px solid var(--brand-grey-12);border-radius:16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.logout-button:hover{background:var(--brand-grey-12);color:var(--brand-grey-90)}.chat-messages{width:100%;max-width:800px;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.message{display:flex;gap:.75rem;align-items:flex-start}.message.user{flex-direction:row-reverse}.message.assistant{flex-direction:row}.message-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-content{display:flex;flex-direction:column;max-width:70%}.message.user .message-content{align-items:flex-end}.message.assistant .message-content{align-items:flex-start}.message-text{padding:1rem 1.25rem;border-radius:16px;word-wrap:break-word;font-size:.9375rem;line-height:1.5;display:inline-block}.message-text p{margin:0 0 .5rem}.message-text p:last-child{margin-bottom:0}.message-text ol,.message-text ul{padding-left:1.5rem;margin-top:.5rem;margin-bottom:.5rem}.message-text li{margin-bottom:.25rem}.message-text li:last-child{margin-bottom:0}.message-text strong{font-weight:600}.message-text em{font-style:italic}.message-text code{background:rgba(0,0,0,.1);padding:.125rem .25rem;border-radius:.25rem;font-size:.875em;font-family:Courier New,monospace}.message.user .message-text code{background:rgba(255,255,255,.2)}.message-text pre{background:rgba(0,0,0,.05);padding:.75rem;border-radius:.5rem;overflow-x:auto;margin-top:.5rem;margin-bottom:.5rem}.message.user .message-text pre{background:rgba(255,255,255,.15)}.message-text pre code{background:transparent;padding:0}.message.user .message-text{background:var(--brand-primary);color:var(--brand-white)}.message.assistant .message-text{background:var(--brand-grey-7);color:var(--brand-grey-90)}.message-meta{gap:.75rem;margin-top:.25rem;padding:0 .5rem;font-size:.75rem;color:var(--brand-grey-50);height:20px}.copy-button,.message-meta{display:flex;align-items:center}.copy-button{gap:.25rem;background:transparent;border:none;padding:0;cursor:pointer;color:inherit;font-size:inherit;opacity:.5;transition:opacity .2s}.copy-button:hover,.message:hover .copy-button{opacity:1}.copy-button:hover{color:var(--brand-primary)}.typing-indicator{display:flex;gap:.25rem;align-items:center;padding:1rem 1.25rem}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-grey-50);animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.suggestions{width:100%;max-width:800px}.suggestions,.suggestions-list{display:flex;flex-direction:column}.suggestion-item{display:flex;align-items:center;padding:.875rem 0;background:transparent;border:none;border-bottom:1px solid var(--brand-grey-12);cursor:pointer;transition:all .2s;text-align:left;font-size:.875rem;color:var(--brand-grey-90)}.suggestion-item:hover{background:rgba(255,84,109,.05);color:var(--brand-primary)}.suggestion-prefix{color:var(--brand-grey-70);margin-right:.25rem}.suggestion-main{color:inherit}.input-field{width:100%;max-width:800px;background:transparent;display:flex;justify-content:center}.input-wrapper{width:100%;display:flex;flex-direction:row;align-items:flex-end;background:var(--brand-grey-7);border-radius:16px;padding:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.06);gap:.5rem}.input-textarea{flex:1;border:none;outline:none;resize:none;font-size:.9375rem;font-family:inherit;color:var(--brand-grey-90);background:transparent;max-height:150px;overflow-y:auto;padding:.75rem .85rem;line-height:1.5}.input-bottom-row{display:none}.send-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:var(--brand-primary);color:var(--brand-white);cursor:pointer;transition:all .2s;padding:0;flex-shrink:0;margin-bottom:4px}.send-button:disabled{background:var(--brand-grey-20);cursor:not-allowed}.send-icon{width:12px;height:14px;filter:brightness(0) invert(1)}.chat-ui{display:flex;flex-direction:column;height:100vh;background:var(--brand-white)}.chat-container{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;align-items:center}.chat-container:has(.welcome-screen){justify-content:center}.chat-container:has(.chat-messages){justify-content:flex-start}.input-container{padding:1rem 2rem;background:var(--brand-white);border-top:1px solid var(--brand-grey-10)}.input-container,.welcome-screen{display:flex;justify-content:center}.welcome-screen{flex-direction:column;align-items:center;max-width:800px;width:100%;text-align:center;gap:1.5rem}.avatar-wrapper{width:80px;height:80px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.avatar-wrapper .avatar{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:white;font-size:2rem;font-weight:600}.welcome-screen h1{font-size:1.5rem;font-weight:400;color:var(--brand-grey-90);margin:0}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--brand-white)}.loading-spinner{font-size:1.125rem;color:var(--brand-grey-90)}