:root{--chat-bubble-user: #e8f2eb;--chat-bubble-assistant: var(--bg-secondary);--chat-bubble-user-text: #1a2e1f;--chat-input-bg: var(--bg-secondary);--chat-fade-from: transparent;--chat-fade-to: var(--bg-primary);--chat-pill-hover: rgba(131, 131, 131, .08);--chat-send-bg: var(--text-primary);--chat-send-icon: var(--bg-primary)}[data-theme=dark]{--chat-bubble-user: rgba(183, 208, 193, .12);--chat-bubble-assistant: var(--bg-secondary);--chat-bubble-user-text: var(--text-primary);--chat-pill-hover: rgba(255, 255, 255, .06)}.chat-back{position:fixed;top:24px;left:24px;z-index:10}.chat-page{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:720px;margin:0 auto;padding:0 24px;position:relative;overflow:hidden;box-sizing:border-box}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:0 16px;opacity:0;min-height:0;overflow:hidden;width:100%;box-sizing:border-box}.chat-welcome.hidden{display:none}.chat-welcome-title{font-family:PPMori,sans-serif;font-size:clamp(28px,6vw,48px);font-weight:600;color:var(--text-primary);letter-spacing:-.025em;line-height:1.1;margin:0 0 12px;width:100%;word-wrap:break-word}.chat-welcome-subtitle{font-family:PPMori,sans-serif;font-size:clamp(13px,2vw,16px);font-weight:400;color:var(--text-secondary);line-height:1.5;margin:0 0 32px;max-width:420px;width:100%;word-wrap:break-word}.suggestion-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px;width:100%;box-sizing:border-box}.suggestion-pill{font-family:PPMori,sans-serif;font-size:13px;font-weight:400;color:var(--text-secondary);background:transparent;border:none;border-radius:100px;padding:8px 16px;cursor:pointer;position:relative;overflow:hidden;white-space:nowrap;line-height:1.3;transition:color .3s ease}.suggestion-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--border-light);border-radius:100px;clip-path:inset(0 0 0 0);transition:clip-path .35s ease}.suggestion-pill .pill-border{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--text-primary);border-radius:100px;clip-path:inset(100% 0 0 0);transition:clip-path .35s ease;pointer-events:none}.suggestion-pill:after{content:"";position:absolute;bottom:8px;left:16px;right:16px;height:1px;background-color:var(--text-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.suggestion-pill:hover{color:var(--text-primary)}.suggestion-pill:hover:before{clip-path:inset(0 0 100% 0)}.suggestion-pill:hover .pill-border{clip-path:inset(0 0 0 0)}.suggestion-pill:hover:after{transform:scaleX(1)}.chat-messages{flex:1;overflow-y:auto;padding:80px 0 24px;display:flex;flex-direction:column;gap:16px;scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}.chat-message{max-width:85%;opacity:0}.chat-message.user{align-self:flex-end;background:var(--chat-bubble-user);color:var(--chat-bubble-user-text);border-radius:20px 20px 4px;padding:12px 18px}.chat-message.assistant{align-self:flex-start;background:var(--chat-bubble-assistant);color:var(--text-primary);border:1px solid var(--border-light);border-radius:20px 20px 20px 4px;padding:12px 18px}.chat-message-content{font-family:PPMori,sans-serif;font-size:14.5px;font-weight:400;line-height:1.65;letter-spacing:.005em}.chat-message-content p{margin:0}.chat-message-content p+p{margin-top:10px}.chat-message-content strong{font-weight:600}.chat-message-content em{font-style:italic}.chat-message-content code{font-family:SF Mono,Fira Code,monospace;font-size:.88em;background:var(--chat-pill-hover);border-radius:4px;padding:2px 5px}.chat-message-content pre{background:var(--chat-pill-hover);border-radius:8px;padding:12px 16px;overflow-x:auto;margin:10px 0}.chat-message-content pre code{background:none;padding:0;font-size:.85em}.chat-message-content h3,.chat-message-content h4{font-weight:600;margin:14px 0 6px;font-size:14.5px}.chat-message-content ul,.chat-message-content ol{margin:8px 0;padding-left:20px}.chat-message-content li{margin-bottom:4px}.chat-message-content li+li{margin-top:2px}.typing-indicator{align-self:flex-start;background:var(--chat-bubble-assistant);border:1px solid var(--border-light);border-radius:20px 20px 20px 4px;padding:14px 20px;display:flex;align-items:center;gap:5px}.typing-indicator .dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);animation:typing-bounce 1.4s ease-in-out infinite}.typing-indicator .dot:nth-child(2){animation-delay:.15s}.typing-indicator .dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.chat-input-area{position:relative;flex-shrink:0;padding-bottom:24px}.chat-input-fade{position:absolute;top:-48px;left:-24px;right:-24px;height:48px;background:linear-gradient(to bottom,var(--chat-fade-from),var(--chat-fade-to));pointer-events:none}.chat-input-container{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--border-light);border-radius:24px;padding:6px 6px 6px 18px;background:var(--chat-input-bg);transition:border-color .2s ease}.chat-input-container:focus-within{border-color:var(--border-medium)}.chat-textarea{flex:1;border:none;outline:none;background:transparent;font-family:PPMori,sans-serif;font-size:14.5px;font-weight:400;color:var(--text-primary);line-height:1.5;padding:8px 0;resize:none;max-height:128px;overflow-y:auto;scrollbar-width:none}.chat-textarea::-webkit-scrollbar{display:none}.chat-textarea::placeholder{color:var(--text-secondary);opacity:.7}.chat-send-btn{width:36px;height:36px;min-width:36px;border-radius:50%;border:none;background:var(--chat-send-bg);color:var(--chat-send-icon);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .15s ease;flex-shrink:0}.chat-send-btn:hover{transform:scale(1.06)}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{opacity:.3;cursor:default;transform:none}.chat-send-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 1024px){.chat-back{top:20px;left:20px}}@media (max-width: 768px){.chat-back{position:absolute;top:16px;left:16px}.chat-back .btn{font-size:13px;padding:8px 14px}.chat-page{padding:60px 16px 0}.chat-welcome{padding:0;justify-content:center}.chat-welcome-title{font-size:clamp(24px,7vw,34px);margin-bottom:8px}.chat-welcome-subtitle{font-size:14px;line-height:1.45;margin-bottom:20px;max-width:300px}.suggestion-pills{flex-wrap:wrap;justify-content:center;max-width:100%;gap:6px}.suggestion-pill{font-size:12px;padding:7px 12px}.suggestion-pill:after{bottom:7px;left:12px;right:12px}.chat-messages{padding:0 0 12px;gap:10px}.chat-message{max-width:92%}.chat-message.user{padding:10px 14px;border-radius:16px 16px 4px}.chat-message.assistant{padding:10px 14px;border-radius:16px 16px 16px 4px}.chat-message-content{font-size:14px;line-height:1.55}.chat-input-area{padding-bottom:calc(env(safe-area-inset-bottom,8px) + 8px)}.chat-input-fade{left:-16px;right:-16px;height:32px;top:-32px}.chat-input-container{padding:4px 4px 4px 14px;border-radius:20px}.chat-textarea{font-size:16px;padding:6px 0}.chat-send-btn{width:32px;height:32px;min-width:32px}.chat-send-btn svg{width:14px;height:14px}.typing-indicator{padding:10px 16px;border-radius:16px 16px 16px 4px}}