.chat-error,.chat-loading,.chat-privacy{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--color-bg-gradient)}.chat-loading__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.chat-error__icon{font-size:64px;margin-bottom:var(--spacing-md)}.chat-error h2{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.chat-error p{color:var(--color-text-secondary)}.chat-privacy__card{background:var(--color-bg-white);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;text-align:center}.chat-privacy__card h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);background:var(--color-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-privacy__card p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.chat-privacy__checkbox{margin-bottom:var(--spacing-lg);text-align:left}.chat-privacy__checkbox label{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.chat-privacy__checkbox input{margin-top:2px;accent-color:var(--color-primary)}.chat-privacy__checkbox a{color:var(--color-primary)}.chat-privacy__button{width:100%;padding:var(--spacing-md);background:var(--color-primary-gradient);color:var(--color-text-inverse);font-size:var(--font-size-md);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.chat-privacy__button:disabled{opacity:.5;cursor:not-allowed}.chat-privacy__button:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.chat{display:flex;flex-direction:column;height:100vh;max-height:100dvh;background:var(--color-bg-gradient)}.chat__banner{flex-shrink:0;height:10vh;min-height:60px;max-height:100px;overflow:hidden;background:var(--color-primary-gradient)}.chat__banner img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.chat__header{flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-primary-gradient);color:var(--color-text-inverse)}.chat__title{font-size:var(--font-size-lg);font-weight:600;text-align:center}.chat__messages{flex:1 1;overflow-y:auto;padding:var(--spacing-md);scroll-behavior:smooth}.chat__welcome{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);animation:fadeIn .5s ease}.chat__welcome-image{max-width:200px;margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg)}.chat__avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md)}.chat__avatar img{width:100%;height:100%;object-fit:cover}.chat__welcome-text{text-align:center;margin-bottom:var(--spacing-lg)}.chat__welcome-intro{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.chat__welcome-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.8}.chat__preset-prompt{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.chat__presets{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-sm);gap:var(--spacing-sm);width:100%;max-width:360px}.chat__preset-btn{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-md);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;transition:all var(--transition-fast)}.chat__preset-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.chat__preset-title{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:600;margin-bottom:var(--spacing-xs)}.chat__preset-question{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat__message{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);animation:slideUp .3s ease}.chat__message--user{flex-direction:row-reverse}.chat__message-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden}.chat__message-avatar img{width:100%;height:100%;object-fit:cover}.chat__message-content{max-width:80%;padding:var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.6}.chat__message--user .chat__message-content{background:var(--color-primary-gradient);color:var(--color-text-inverse);border-bottom-right-radius:var(--radius-sm)}.chat__message--assistant .chat__message-content{background:var(--color-bg-white);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.chat__reasoning{margin-bottom:var(--spacing-sm)}.chat__reasoning-toggle{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);transition:color var(--transition-fast)}.chat__reasoning-toggle:hover{color:var(--color-primary)}.chat__reasoning-content{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-light);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:pre-wrap;max-height:200px;overflow-y:auto}.chat__tool-status{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.chat__tool-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--radius-md);font-size:var(--font-size-sm);border-left:3px solid var(--color-primary)}.chat__tool-card--loading{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-left-color:#f97316}.chat__tool-card--done{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left-color:#22c55e}.chat__tool-icon{font-size:var(--font-size-lg)}.chat__tool-label{flex:1 1;font-weight:500;color:var(--color-text-primary)}.chat__tool-spinner{width:16px;height:16px;border:2px solid #fed7aa;border-top-color:#f97316;border-radius:50%;animation:spin .8s linear infinite}.chat__tool-check{color:#22c55e;font-weight:600;font-size:var(--font-size-md)}.chat__tool-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-light);color:var(--color-primary);border-radius:var(--radius-full);animation:pulse 1.5s infinite}.chat__typing{display:flex;gap:4px;padding:var(--spacing-sm) 0}.chat__typing span{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:typing 1.2s infinite}.chat__typing span:nth-child(2){animation-delay:.2s}.chat__typing span:nth-child(3){animation-delay:.4s}.chat__markdown{word-break:break-word}.chat__markdown p{margin-bottom:var(--spacing-sm)}.chat__markdown p:last-child{margin-bottom:0}.chat__markdown ol,.chat__markdown ul{margin-left:var(--spacing-md);margin-bottom:var(--spacing-sm)}.chat__markdown li{margin-bottom:var(--spacing-xs)}.chat__markdown code{background:var(--color-bg-light);padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em}.chat__markdown pre{background:var(--color-bg-light);padding:var(--spacing-sm);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-sm)}.chat__markdown pre code{background:none;padding:0}.chat__link,.chat__markdown a{color:var(--color-primary);text-decoration:underline}.chat__image-wrapper{display:block;margin:var(--spacing-sm) 0}.chat__inline-image{max-width:100%;max-height:300px;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.chat__inline-image:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.chat__markdown strong{font-weight:600}.chat__markdown table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs)}.chat__markdown td,.chat__markdown th{border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);text-align:left}.chat__markdown th{background:var(--color-bg-light);font-weight:600}.chat__suggestions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.chat__suggestions-title{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.chat__suggestion-btn{display:block;width:100%;text-align:left;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);background:var(--color-bg-light);color:var(--color-text-primary);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.chat__suggestion-btn:hover{background:var(--color-primary);color:var(--color-text-inverse)}.chat__input-area{flex-shrink:0;padding:var(--spacing-md);background:var(--color-bg-white);border-top:1px solid var(--color-border-light)}.chat__input-wrapper{display:flex;gap:var(--spacing-sm);align-items:flex-end;max-width:800px;margin:0 auto}.chat__input{flex:1 1;min-height:44px;max-height:120px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-light);border-radius:var(--radius-lg);font-size:var(--font-size-md);resize:none;line-height:1.5;color:var(--color-text-primary)}.chat__input::placeholder{color:var(--color-text-muted)}.chat__input:focus{background:var(--color-bg-white);box-shadow:0 0 0 2px var(--color-primary)}.chat__send-btn{flex-shrink:0;height:44px;padding:0 var(--spacing-lg);background:var(--color-primary-gradient);color:var(--color-text-inverse);font-size:var(--font-size-md);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.chat__send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.chat__send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.chat__messages{padding:var(--spacing-sm)}.chat__message-content{max-width:85%}.chat__presets{grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}.chat__preset-btn{padding:var(--spacing-sm)}.chat__input-wrapper{gap:var(--spacing-xs)}.chat__send-btn{padding:0 var(--spacing-md)}}