.message{flex-direction:column;gap:var(--spacing-xs);animation:message-fade-in .5s ease-out;width:100%}.message,.message__icon{display:flex;position:relative}.message__icon{align-items:flex-start;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);flex-shrink:0;margin-top:2px}.message__icon svg{width:16px;height:16px;margin:4px;display:block}.message__icon--user{background-color:var(--color-backgroundSecondary);color:var(--color-textPrimary)}.message__icon--assistant{background-color:var(--color-textPrimary);color:var(--color-background)}@keyframes message-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.message--user{align-items:flex-end}.message--user .message__content-wrapper{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-sm);justify-content:flex-end;width:100%;max-width:100%}.message--user .message__content{background-color:var(--color-backgroundSecondary);color:var(--color-textPrimary);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg);border:none;max-width:80%;box-shadow:0 2px 8px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;order:1}.message--user .message__icon{order:2;flex-shrink:0}.message--user .message__content:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1)}.message--assistant{align-items:flex-start;position:relative}.message--assistant .message__content-wrapper{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-sm);width:100%;max-width:100%}.message--assistant .message__icon{flex-shrink:0}.message--assistant .message__content{background-color:#f6faff;color:var(--color-textPrimary);border-radius:var(--radius-lg);border:1px solid #e3eeff;max-width:85%;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;flex:1 1}.message--assistant .message__content:hover{transform:translateY(-1px)}.message--system{align-items:center}.message--system .message__content{background-color:var(--color-info);color:#fff;border-radius:var(--radius-md);max-width:60%;text-align:center;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.message__content{padding:var(--spacing-md) var(--spacing-lg);word-wrap:break-word;overflow-wrap:break-word;position:relative;z-index:1}.message__text{white-space:pre-wrap;line-height:1.5}.message__file-attachment{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:rgba(0,0,0,.05);border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1)}.message--user .message__file-attachment{background-color:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}.message__file-icon{display:flex;align-items:center;justify-content:center;color:var(--color-textSecondary);flex-shrink:0}.message__file-name{font-size:var(--font-size-sm);color:var(--color-textSecondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message__markdown{line-height:1.6}.message__markdown p{margin:0 0 var(--spacing-sm) 0}.message__markdown p:last-child{margin-bottom:0}.message__markdown code{background-color:rgba(0,0,0,.1);padding:2px 6px;border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.9em}.message__markdown pre{background-color:rgba(0,0,0,.1);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-sm) 0}.message__markdown pre code{background-color:transparent;padding:0}.message__markdown ol,.message__markdown ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.message__markdown li{margin:var(--spacing-xs) 0}.message__markdown a{color:var(--color-primary);text-decoration:underline}.message__markdown a:hover{color:var(--color-primaryHover)}.message__markdown h1,.message__markdown h2,.message__markdown h3,.message__markdown h4,.message__markdown h5,.message__markdown h6{margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-weight:600}.message__markdown h1{font-size:1.5em}.message__markdown h2{font-size:1.3em}.message__markdown h3{font-size:1.1em}.message__markdown blockquote{border-left:3px solid var(--color-border);padding-left:var(--spacing-md);margin:var(--spacing-sm) 0;color:var(--color-textSecondary)}.message__timestamp{font-size:var(--font-size-xs);color:var(--color-textTertiary);padding:0 var(--spacing-sm)}.message__cursor{display:inline-block;width:2px;height:1em;background-color:var(--color-textPrimary);margin-left:2px;animation:cursor-blink 1s infinite}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.message--streaming .message__content{animation:streaming-pulse 2s ease-in-out infinite}@keyframes streaming-pulse{0%,to{opacity:1}50%{opacity:.98}}.message__download{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(0,0,0,.1)}.message__download-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-textPrimary);color:#fff!important;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.message__download-button:hover{background-color:var(--color-primaryHover);transform:translateY(-1px)}.message__download-button svg{width:16px;height:16px;color:#fff}.message__download-link{text-decoration:none;display:inline-flex;color:#fff!important}.message-list{padding:var(--spacing-md);overflow:hidden}.message-list,.message-list__box{flex:1 1;display:flex;flex-direction:column}.message-list__box{overflow-y:auto;background-color:var(--color-background);border:1px solid #e5e7eb;border-radius:var(--radius-md);scroll-behavior:smooth}.message-list__header{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg);margin:0;background-color:var(--color-background);border-bottom:1px solid #e5e7eb}.message-list__title{margin:0;font-size:var(--font-size-2xl);font-weight:700;font-family:Georgia,Times New Roman,serif;color:var(--color-textPrimary);letter-spacing:.3px;text-align:left;line-height:1.4}.message-list__content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);padding-bottom:var(--spacing-md);position:relative}.message-list__content>div{animation:message-slide-in .4s ease-out backwards}.message-list__content>div:first-child{animation-delay:.05s}.message-list__content>div:nth-child(2){animation-delay:.1s}.message-list__content>div:nth-child(3){animation-delay:.15s}.message-list__content>div:nth-child(n+4){animation-delay:.2s}@keyframes message-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-list__empty-state{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);text-align:center;padding:var(--spacing-xxl);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-list__empty-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.message-list__empty-icon{position:relative;z-index:2;color:var(--color-textSecondary);opacity:.8;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.message-list__empty-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,var(--color-primary) 0,transparent 70%);opacity:.1;border-radius:50%;animation:pulse 2s ease-in-out infinite;z-index:1}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.15}}.message-list__empty-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.message-list__empty-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-textPrimary);margin:0;letter-spacing:-.02em}.message-list__empty-message{font-size:var(--font-size-base);color:var(--color-textSecondary);margin:0;line-height:1.6}.message-list__empty-decoration{display:flex;gap:var(--spacing-xs);align-items:center;margin-top:var(--spacing-sm)}.message-list__empty-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primaryHover));opacity:.6;animation:dotPulse 1.5s ease-in-out infinite}.message-list__empty-dot:first-child{animation-delay:0s}.message-list__empty-dot:nth-child(2){animation-delay:.2s}.message-list__empty-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.message-list__loading{display:flex;align-items:flex-start}.message-list__typing-indicator{display:flex;align-items:center;gap:4px;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-assistantMessageBg);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm)}.message-list__typing-text{color:var(--color-textSecondary);font-size:var(--font-size-sm)}.message-list__typing-dot{width:4px;height:4px;background-color:var(--color-textSecondary);border-radius:50%;display:inline-block;margin-left:2px;animation:typing-bounce 1.4s ease-in-out infinite}.message-list__typing-dot:nth-child(2){animation-delay:-.32s}.message-list__typing-dot:nth-child(3){animation-delay:-.16s}.message-list__typing-dot:nth-child(4){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:var(--color-backgroundSecondary)}.message-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.message-list::-webkit-scrollbar-thumb:hover{background:var(--color-borderHover)}.chat-input{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.chat-input__container{display:flex;flex-direction:row;align-items:center;gap:0;padding:0;background-color:var(--color-background);border:1px solid #e5e7eb;border-radius:var(--radius-md);transition:all .2s ease;overflow:hidden}.chat-input__container:focus-within{border-color:#e5e7eb;box-shadow:none}.chat-input__textarea{flex:1 1;min-height:48px;max-height:200px;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-textPrimary);background-color:var(--color-background);border:none;outline:none;resize:none;overflow-y:auto}.chat-input__textarea::placeholder{color:var(--color-textTertiary)}.chat-input__textarea:disabled{opacity:.5;cursor:not-allowed}.chat-input__separator{width:1px;height:32px;background-color:#e5e7eb;flex-shrink:0}.chat-input__icon-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;color:var(--color-textPrimary);cursor:pointer;transition:all .2s ease;outline:none;flex-shrink:0}.chat-input__icon-btn,.chat-input__icon-btn--attach{background-color:var(--color-background)}.chat-input__icon-btn--attach:hover:not(:disabled){background-color:var(--color-backgroundSecondary)}.chat-input__icon-btn--send{background-color:var(--color-textPrimary);color:var(--color-background);border-radius:0 var(--radius-md) var(--radius-md) 0}.chat-input__icon-btn--send:hover:not(:disabled){background-color:var(--color-primaryHover);color:var(--color-background)}.chat-input__icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.chat-input__icon-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input__icon-btn svg{width:20px;height:20px}.chat-input__char-count{font-size:var(--font-size-sm);color:var(--color-textTertiary);margin-left:auto;padding-right:var(--spacing-sm)}.chat-input__hint{padding:0 var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-textTertiary);text-align:center}.chat-input__hint kbd{display:inline-block;padding:2px 6px;font-family:monospace;font-size:.9em;background-color:var(--color-backgroundSecondary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.chat-input__disclaimer{padding:var(--spacing-xs) var(--spacing-md) 0 0;font-size:var(--font-size-xs);color:var(--color-textTertiary);text-align:right;line-height:1.4}.chat-input__textarea::-webkit-scrollbar{width:6px}.chat-input__textarea::-webkit-scrollbar-track{background:transparent}.chat-input__textarea::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.chat-input__textarea::-webkit-scrollbar-thumb:hover{background:var(--color-borderHover)}.chat-input__file-preview{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);background-color:var(--color-backgroundSecondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:var(--spacing-sm)}.chat-input__file-info{display:flex;align-items:center;gap:var(--spacing-xs);flex:1 1;min-width:0}.chat-input__file-info svg{flex-shrink:0;color:var(--color-textSecondary)}.chat-input__file-name{font-size:var(--font-size-sm);color:var(--color-textPrimary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-input__file-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background-color:transparent;border:none;color:var(--color-textSecondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;flex-shrink:0}.chat-input__file-remove:hover:not(:disabled){background-color:var(--color-background);color:var(--color-textPrimary)}.chat-input__file-remove:disabled{opacity:.5;cursor:not-allowed}.chat-input__file-remove svg{width:16px;height:16px}