.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chat-title-area{display:flex;align-items:center;gap:.5rem}.chat-title-area h1{margin-bottom:0;font-size:1.5rem}.chat-status{font-size:1rem;line-height:1}.chat-status.saved{color:#10b981}.chat-status.saving{color:var(--accent-jade);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:1px solid var(--border-card);background:var(--surface-card);border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s;color:#666}.action-btn:hover{background:var(--surface-muted);border-color:var(--border-card)}.action-btn.primary{background:var(--accent-jade);border-color:var(--accent-jade);color:#fff}.action-btn.primary:hover{background:var(--accent-jade-hover)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.chat-container{background:var(--surface-card);border:1px solid var(--border-card);border-radius:12px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:calc(100vh - 260px);min-height:400px}@media(max-width:768px){.chat-container{height:calc(100vh - 180px)}.messages{padding:1rem}.chat-form{padding:.75rem}.message-card{max-width:95%}}.messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.welcome-message{text-align:center;color:#999;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1;justify-content:center}.welcome-message svg{width:48px;height:48px;opacity:.3;stroke:currentColor;fill:none}.welcome-message .hint{font-size:.875rem;color:var(--accent-jade);background:var(--accent-jade-soft);padding:.5rem 1rem;border-radius:6px;margin-top:.5rem}.message{max-width:85%;display:flex;flex-direction:column;gap:.25rem}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-card{padding:1rem 1.25rem;border-radius:16px;line-height:1.6;box-shadow:0 1px 3px #00000014}.message.user .message-card{background:linear-gradient(135deg,var(--accent-jade),var(--accent-lagoon));color:#fff;border-bottom-right-radius:4px}.message.assistant .message-card{background:var(--surface-card);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border-card)}.message-meta{font-size:.7rem;color:#999;padding:0 .5rem}.message.user .message-meta{text-align:right}.message-content{white-space:pre-wrap;word-wrap:break-word}.message.typing .message-card{background:var(--surface-card);border:1px solid var(--border-card)}.chat-form{display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.5rem;background:var(--surface-card);border-top:1px solid var(--border-card);border-radius:0 0 12px 12px}.chat-options-row{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--font-size-sm);color:var(--text-muted);cursor:pointer;align-self:flex-start}.chat-options-row input[type=checkbox]{width:1rem;height:1rem;margin:0;cursor:pointer;accent-color:var(--accent-jade)}.chat-options-row:hover{color:var(--text-primary)}.chat-input-row{display:flex;gap:.75rem}.chat-form input[type=text]{flex:1;padding:.875rem 1rem;border:1px solid var(--border-card);border-radius:24px;font-size:1rem;transition:border-color .2s;background:var(--surface-muted)}.chat-form input[type=text]:focus{outline:none;border-color:var(--accent-jade);background:var(--surface-card)}.chat-form button{background:var(--accent-jade);color:#fff;border:none;padding:.875rem 1.25rem;border-radius:24px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.chat-form button:hover{background:var(--accent-jade-hover)}.chat-form button:disabled{background:#a0a0b0;cursor:not-allowed}.chat-form button svg{width:20px;height:20px}.user-message-wrapper{display:flex;align-items:flex-start;gap:.5rem}.user-message-text{flex:1}.recommendation-indicator{flex-shrink:0;width:30px;height:30px;border:none;background:transparent;cursor:pointer;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;transition:background var(--transition-fast),color var(--transition-fast);margin-top:-2px}.recommendation-indicator svg{width:22px;height:22px}.recommendation-indicator.processing{display:none}.recommendation-indicator.no-recommendations{color:var(--accent-jade);cursor:default}.recommendation-indicator.has-recommendations{color:var(--accent-sun);width:36px;height:36px}.recommendation-indicator.has-recommendations svg{width:28px;height:28px;filter:drop-shadow(0 0 6px rgba(224,175,104,.55))}.recommendation-indicator.has-recommendations:hover{background:#e0af682e}.recommendation-indicator.has-recommendations.expanded{background:#e0af6847}.recommendations-panel{overflow:hidden;transition:all .3s ease;margin-top:.75rem;border-top:1px solid rgba(251,146,60,.3);padding-top:.75rem}.recommendations-panel.collapsed{max-height:0;margin-top:0;padding-top:0;border-top:none;opacity:0}.chat-history-menu{position:relative;display:inline-flex}.chat-history-menu-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1;padding:.15rem .4rem;border-radius:var(--radius-pill);background:var(--accent-jade-soft);color:var(--accent-jade)}.chat-history-menu-caret{transition:transform var(--transition-fast)}.chat-history-menu-trigger.is-open .chat-history-menu-caret{transform:rotate(180deg)}.chat-history-menu-panel{position:absolute;top:calc(100% + var(--spacing-xs));right:0;z-index:50;width:320px;max-width:min(360px,calc(100vw - 2rem));max-height:min(60vh,420px);overflow-y:auto;padding:var(--spacing-xs);background:var(--surface-elevated);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated)}.chat-history-menu-empty{margin:0;padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.chat-history-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.chat-history-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.chat-history-menu-item:hover{background:var(--surface-muted)}.chat-history-menu-item.is-active{background:var(--accent-jade-soft)}.chat-history-menu-title{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-history-menu-date{flex-shrink:0;font-size:var(--font-size-xs);color:var(--text-muted)}.chat-history-menu-delete{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0 .2rem;font-size:1.1rem;line-height:1;border-radius:var(--radius-sm);opacity:0;transition:color var(--transition-fast),opacity var(--transition-fast)}.chat-history-menu-item:hover .chat-history-menu-delete{opacity:1}.chat-history-menu-delete:hover{color:var(--accent-coral)}@media(max-width:768px){.chat-header{position:relative}.chat-history-menu{position:static}.chat-history-menu-panel{top:calc(100% + var(--spacing-xs));right:0;left:auto}}