.message-list{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto;padding-bottom:24px}.message{display:flex;gap:12px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{flex-direction:row-reverse}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-assistant .message-avatar{background:#e8eaf6;color:#667eea}.message-content{flex:1;max-width:70%}.message-user .message-content{display:flex;flex-direction:column;align-items:flex-end}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-author{font-weight:600;font-size:.875rem;color:#667eea}.message-user .message-author{color:#764ba2}.message-time{font-size:.75rem;color:#999}.message-text{background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 2px 4px #0000000d;line-height:1.6;color:#333}.message-user .message-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-text p{margin:0 0 8px}.message-text p:last-child{margin-bottom:0}.message-attachments{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.message-attachment{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#667eea1a;border-radius:8px;font-size:.875rem}.message-user .message-attachment{background:#fff3}.message-attachment svg{color:#667eea;flex-shrink:0}.message-user .message-attachment svg{color:#fff}.message-attachment .attachment-name{flex:1;color:#333;font-weight:500}.message-user .message-attachment .attachment-name{color:#fff}.message-attachment .attachment-size{color:#666;font-size:.75rem}.message-user .message-attachment .attachment-size{color:#fffc}.message-assistant .markdown-h1,.message-assistant .markdown-h2,.message-assistant .markdown-h3,.message-assistant .markdown-h4{margin:16px 0 8px;font-weight:600;line-height:1.4}.message-assistant .markdown-h1{font-size:1.5rem;border-bottom:2px solid rgba(102,126,234,.2);padding-bottom:8px}.message-assistant .markdown-h2{font-size:1.25rem;margin-top:20px}.message-assistant .markdown-h3{font-size:1.1rem;color:#667eea;margin-top:16px}.message-assistant .markdown-h4{font-size:1rem;color:#764ba2}.message-assistant .markdown-p{margin:8px 0;line-height:1.7}.message-assistant .markdown-ul,.message-assistant .markdown-ol{margin:8px 0;padding-left:24px}.message-assistant .markdown-li{margin:4px 0;line-height:1.6}.message-assistant .markdown-ul .markdown-li{list-style-type:disc}.message-assistant .markdown-ol .markdown-li{list-style-type:decimal}.message-assistant .markdown-ul .markdown-ul,.message-assistant .markdown-ol .markdown-ol,.message-assistant .markdown-ul .markdown-ol,.message-assistant .markdown-ol .markdown-ul{margin:4px 0;padding-left:20px}.message-assistant .markdown-strong{font-weight:600;color:#333}.message-assistant .markdown-em{font-style:italic;color:#555}.message-assistant .markdown-code-inline{background:#667eea1a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#667eea}.message-assistant .markdown-code-block{display:block;background:#f5f5f5;padding:12px;border-radius:6px;overflow-x:auto;margin:12px 0;font-family:Courier New,monospace;font-size:.9em;border-left:3px solid #667eea}.message-assistant .markdown-pre{margin:12px 0;background:#f5f5f5;padding:12px;border-radius:6px;overflow-x:auto;border-left:3px solid #667eea}.message-assistant .markdown-pre .markdown-code-block{background:transparent;padding:0;margin:0;border:none}.message-assistant .markdown-blockquote{margin:12px 0;padding:8px 16px;border-left:4px solid #667eea;background:#667eea0d;border-radius:4px;font-style:italic;color:#555}.message-assistant .message-text a{color:#667eea;text-decoration:underline}.message-assistant .message-text a:hover{color:#764ba2}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#667eea;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.empty-state{text-align:center;padding:28px 24px 24px;color:#666}.empty-icon{color:#667eea;margin-bottom:12px;opacity:.7}.empty-state h2{font-size:1.75rem;color:#333;margin-bottom:8px}.empty-state>p{font-size:1.1rem;margin-bottom:20px;color:#666}.empty-state-video-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;max-width:560px;margin:0 auto 20px;padding:16px 20px;background:linear-gradient(135deg,#eef0ff,#f5f0ff);border:1px solid rgba(102,126,234,.2);border-radius:12px;text-align:left}.video-cta-icon{flex-shrink:0;color:#667eea}.video-cta-text{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}.video-cta-text strong{font-size:1rem;color:#333}.video-cta-text span{font-size:.875rem;color:#666;line-height:1.45}.btn-video-setup{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-video-setup:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.suggestions{background:#fff;border-radius:12px;padding:24px;max-width:560px;margin:0 auto;box-shadow:0 2px 8px #0000000d}.suggestions-title{font-weight:600;margin-bottom:12px;color:#333}.suggestion-chips{display:flex;flex-direction:column;gap:8px}.suggestion-chip{display:block;width:100%;text-align:left;padding:10px 14px;background:#f0f0ff;border:1px solid #e0e0f0;border-radius:10px;color:#4f46e5;font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s;line-height:1.4}.suggestion-chip:hover{background:#e0e0ff;border-color:#c7c7f0}.message-feedback{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.message-user .message-feedback{border-top-color:#fff3}.rating-section{display:flex;align-items:center;gap:12px}.rating-label{font-size:.875rem;color:#666;font-weight:500}.message-user .rating-label{color:#ffffffe6}.star-rating{display:flex;gap:4px}.star-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.star-button:hover{transform:scale(1.1)}.star-icon{color:#ddd;transition:color .2s,fill .2s}.star-button:hover .star-icon,.star-button.rated .star-icon{color:#ffc107;fill:#ffc107}.rating-thanks{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#666}.message-user .rating-thanks{color:#ffffffe6}.feedback-toggle{background:none;border:1px solid #667eea;color:#667eea;padding:4px 12px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s}.feedback-toggle:hover{background:#667eea;color:#fff}.message-user .feedback-toggle{border-color:#ffffff80;color:#fff}.message-user .feedback-toggle:hover{background:#fff3}.feedback-form{margin-top:12px;padding:12px;background:#667eea0d;border-radius:8px}.message-user .feedback-form{background:#ffffff1a}.feedback-input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;margin-bottom:8px}.message-user .feedback-input{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.feedback-input::placeholder{color:#999}.message-user .feedback-input::placeholder{color:#fff9}.feedback-actions{display:flex;gap:8px;justify-content:flex-end}.feedback-submit,.feedback-cancel{padding:6px 16px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.feedback-submit{background:#667eea;color:#fff}.feedback-submit:hover{background:#5568d3}.feedback-cancel{background:#f0f0f0;color:#666}.feedback-cancel:hover{background:#e0e0e0}.message-user .feedback-cancel{background:#fff3;color:#fff}.message-user .feedback-cancel:hover{background:#ffffff4d}@media (max-width: 768px){.message-content{max-width:85%}.rating-section{flex-direction:column;align-items:flex-start;gap:8px}}.sidebar{width:300px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;box-shadow:2px 0 8px #0000000d}.sidebar-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{font-size:1.25rem;color:#333;margin:0;font-weight:600}.new-conversation-button{margin:16px;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:transform .2s,box-shadow .2s}.new-conversation-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.conversations-list{flex:1;overflow-y:auto;padding:8px}.conversation-item{padding:12px;border-radius:8px;display:flex;align-items:center;gap:8px;transition:background .2s;margin-bottom:4px;position:relative}.conversation-item:hover{background:#f5f5f5}.conversation-content{flex:1;display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0}.conversation-item svg{color:#667eea;flex-shrink:0}.conversation-info{flex:1;min-width:0}.conversation-title{font-weight:500;color:#333;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.conversation-meta{font-size:.75rem;color:#999;display:flex;align-items:center;gap:4px}.conversation-time{color:#bbb}.delete-button{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;color:#999;opacity:0;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.conversation-item:hover .delete-button{opacity:1}.delete-button:hover{background:#fee;color:#c33}.empty-conversations{text-align:center;padding:40px 20px;color:#999}.empty-conversations svg{margin-bottom:12px;opacity:.5}.empty-conversations p{margin:8px 0;font-size:.9rem}.hint{font-size:.75rem!important;color:#bbb!important}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;z-index:1000;width:280px;transform:translate(-100%);transition:transform .3s}.sidebar.show{transform:translate(0)}}.analysis-setup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.analysis-setup-modal{background:#fff;border-radius:16px;width:90%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000040;animation:slideUp .3s ease;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.analysis-setup-header{padding:24px 24px 20px;border-bottom:1px solid #e8e8e8;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.analysis-setup-header h2{margin:0 0 4px;font-size:1.25rem;font-weight:700;color:#1a1a2e}.analysis-setup-header p{margin:0;font-size:.875rem;color:#666}.close-btn{flex-shrink:0;background:none;border:none;cursor:pointer;color:#999;padding:4px;border-radius:6px;display:flex;align-items:center;transition:background .15s,color .15s}.close-btn:hover{background:#f0f0f0;color:#333}.analysis-setup-body{padding:24px;flex:1}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 520px){.upload-grid{grid-template-columns:1fr}}.upload-col{display:flex;flex-direction:column;gap:8px}.upload-col-label{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:#444;text-transform:uppercase;letter-spacing:.04em}.drop-zone{border:2px dashed #d0d0d8;border-radius:12px;padding:28px 16px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.drop-zone:hover{border-color:#667eea;background:#f8f9ff}.drop-zone.dragging{border-color:#667eea;background:#eef0ff}.drop-zone.done{border-color:#22c55e;background:#f0fdf4;cursor:default}.drop-zone.error{border-color:#ef4444;background:#fff5f5}.drop-zone.active{border-color:#667eea;background:#f8f9ff;pointer-events:none}.drop-zone-icon{display:flex;align-items:center;justify-content:center}.icon-neutral{color:#8b8fa8}.icon-success{color:#22c55e}.icon-error{color:#ef4444}.drop-zone-label{margin:0;font-size:.875rem;font-weight:500;color:#333;line-height:1.4}.drop-zone-hint{margin:0;font-size:.75rem;color:#999}.drop-zone-action{display:inline-block;margin-top:4px;padding:6px 16px;font-size:.8125rem;font-weight:500;color:#667eea;border:1.5px solid #667eea;border-radius:6px;transition:background .15s,color .15s}.drop-zone:hover .drop-zone-action{background:#667eea;color:#fff}.field-error{margin:0;font-size:.8125rem;color:#ef4444;line-height:1.4}.generate-row{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:10px}.generate-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s,background .2s;background:#d0d0d8;color:#888;width:100%;justify-content:center}.generate-btn.ready{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea59}.generate-btn.ready:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea73}.generate-btn:disabled{cursor:not-allowed;transform:none}.generate-hint{margin:0;font-size:.8125rem;color:#999}.analysis-setup-footer{padding:14px 24px;border-top:1px solid #e8e8e8;background:#f8f9fa;border-radius:0 0 16px 16px}.analysis-setup-footer p{margin:0;font-size:.8125rem;color:#888;line-height:1.5}.spin{animation:spin 1s linear infinite}.chat-container{display:flex;height:100vh;background:#f5f5f5}.chat-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-header{background:#fff;padding:16px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d}.header-left{display:flex;align-items:center;gap:16px}.header-title h1{font-size:1.5rem;color:#667eea;margin:0;font-weight:700}.header-subtitle{font-size:.875rem;color:#666;margin:0}.header-right{display:flex;align-items:center;gap:16px}.icon-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#666;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:#f0f0f0;color:#667eea}.icon-button--active{color:#667eea;background:#eef0ff}.icon-button--active:hover{background:#e0e4ff}.analysis-context-banner{display:flex;align-items:center;gap:8px;padding:8px 24px;background:linear-gradient(90deg,#eef0ff,#f5f0ff);border-bottom:1px solid #d8d8f0;font-size:.8125rem;color:#5a5f9a;font-weight:500}.analysis-context-banner--loading{background:linear-gradient(90deg,#f0f4ff,#f5f0ff,#f0f4ff);background-size:200% 100%;animation:bannerPulse 2s ease-in-out infinite}@keyframes bannerPulse{0%{background-position:100% 0}50%{background-position:0% 0}to{background-position:100% 0}}.analysis-context-banner svg{flex-shrink:0;color:#667eea}.analysis-context-banner span{flex:1}.banner-clear{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;color:#88a;border-radius:4px;transition:background .15s,color .15s}.banner-clear:hover{background:#667eea1f;color:#667eea}.user-info{display:flex;align-items:center;gap:8px;color:#666;font-size:.875rem;padding:8px 12px;background:#f8f9fa;border-radius:20px}.chat-messages-container{flex:1;overflow-y:auto;padding:24px;background:#fafafa}.chat-input-container{background:#fff;padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px}.attachments-preview{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.attachment-item{display:flex;align-items:center;gap:8px;background:#f0f0f0;padding:6px 12px;border-radius:8px;font-size:.875rem;color:#333}.attachment-item svg{color:#667eea;flex-shrink:0}.attachment-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#666;font-size:.75rem}.attachment-remove{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:4px;transition:background .2s}.attachment-remove:hover{background:#0000001a}.input-wrapper{display:flex;gap:12px;align-items:flex-end}.attach-button{background:none;border:2px solid #e0e0e0;border-radius:12px;padding:12px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.attach-button:hover:not(:disabled){background:#f0f0f0;border-color:#667eea;color:#667eea}.attach-button:disabled{opacity:.5;cursor:not-allowed}.chat-input{flex:1;border:2px solid #e0e0e0;border-radius:12px;padding:12px 16px;font-size:1rem;font-family:inherit;resize:none;max-height:120px;transition:border-color .2s}.chat-input:focus{outline:none;border-color:#667eea}.chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;padding:12px 20px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;min-width:48px;height:48px}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.header-title h1{font-size:1.25rem}.header-subtitle,.user-info span{display:none}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:20px;padding:48px;box-shadow:0 20px 60px #0000004d;max-width:480px;width:100%;text-align:center}.login-header h1{font-size:2.5rem;color:#667eea;margin-bottom:8px;font-weight:700}.subtitle{font-size:1.1rem;color:#764ba2;margin-bottom:24px;font-weight:500}.description{color:#666;line-height:1.6;margin-bottom:32px;font-size:.95rem}.login-content{display:flex;flex-direction:column;align-items:center;gap:24px}.login-info{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.info-text{font-size:.875rem;color:#555;line-height:1.5}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}