body:has(.chat-container){width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}html:has(.chat-container){width:100vw;height:100vh;overflow:hidden}.chat-container{background:#f8fffe;flex-direction:column;width:100vw;height:calc(100vh - 60px);margin:0;padding:0;display:flex;overflow:hidden}.chat-messages{-ms-overflow-style:none;scrollbar-width:none;box-sizing:border-box;flex-direction:column;flex:1;gap:1rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex;overflow-x:hidden;overflow-y:auto}.chat-welcome{text-align:center;color:#065f46;padding:4rem 2rem}.chat-messages:has(.chat-welcome){justify-content:center;align-items:center;padding:0 2rem}.chat-warning{text-align:center;color:#656565;background:0 0;border-radius:6px;margin:0 auto;padding-top:4px;font-size:.75rem}.welcome-icon{color:#10b981;margin-bottom:1rem}.chat-welcome h3{color:#065f46;margin-bottom:.5rem;font-size:1.5rem}.chat-welcome p{color:#047857;font-size:1.1rem;line-height:1.6}.message{gap:.75rem;margin-bottom:1rem;display:flex}.message.user{flex-direction:row-reverse}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.message.user .message-avatar{color:#fff;background:#10b981}.message.assistant .message-avatar{color:#10b981;background:#f0f9ff;border:1px solid #e5f5f0}.message-content{overflow-wrap:break-word;word-wrap:break-word;flex:1;min-width:0;max-width:80%}.message.user .message-content{text-align:right}.message-text{white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;border-radius:1rem;max-width:100%;padding:.75rem 1rem;font-size:.95rem;line-height:1.5}.message.user .message-text{color:#fff;background:#10b981;border-bottom-right-radius:.25rem}.message.assistant .message-text{color:#1f2937;background:#fff;border:1px solid #e5f5f0;border-bottom-left-radius:.25rem}.message-context{margin-top:.5rem}.message-context details{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:.5rem}.message-context summary{color:#065f46;cursor:pointer;padding:.25rem;font-size:.85rem;font-weight:600}.context-content{border-top:1px solid #bbf7d0;margin-top:.5rem;padding-top:.5rem}.context-item{background:#fff;border-left:3px solid #10b981;border-radius:.25rem;margin-bottom:.5rem;padding:.5rem;font-size:.85rem;line-height:1.4}.typing-indicator{background:#fff;border:1px solid #e5f5f0;border-radius:1rem 1rem 1rem .25rem;gap:.25rem;padding:.75rem 1rem;display:flex}.typing-indicator span{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-input-container{padding:5px 10px 6px}.chat-input-wrapper{background:#fff;border:2px solid #00d064;border-radius:1rem;align-items:center;gap:.5rem;max-width:1200px;margin:0 auto;padding:.5rem;display:flex;box-shadow:0 2px 4px rgba(16,185,129,.1)}.chat-input{resize:none;border:none;outline:none;flex:1;min-height:20px;max-height:120px;padding:.5rem;font-family:inherit;font-size:.95rem;line-height:1.5}.chat-input::placeholder{color:#9ca3af}.send-button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.send-button:hover:not(:disabled){background:#059669}.send-button:disabled{cursor:not-allowed;background:#9ca3af}@media (max-width:768px){.chat-container{height:calc(100vh - 56px)}.chat-header{padding:1rem}.chat-messages{padding:.5rem}.message-content{max-width:85%}.chat-welcome{padding:2rem 1rem}}.chat-messages::-webkit-scrollbar{display:none}.predict-container{background:#f8fffe;max-width:1000px;min-height:calc(100vh - 60px);margin:0 auto;padding:2rem}.predict-header{text-align:center;margin-bottom:3rem}.predict-header h1{color:#065f46;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.predict-header p{color:#047857;font-size:1.1rem}.symptom-selector{background:#fff;border:1px solid #e5f5f0;border-radius:16px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 16px rgba(16,185,129,.1)}.selected-symptoms{background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;flex-wrap:wrap;gap:.5rem;min-height:40px;margin-bottom:1rem;padding:.5rem;display:flex}.symptom-tag{color:#fff;background:#10b981;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;font-weight:500;animation:.2s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.remove-symptom{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background-color .2s;display:flex}.remove-symptom:hover{background:rgba(255,255,255,.2)}.symptom-input-container{position:relative}.symptom-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#6b7280;z-index:1;position:absolute;left:12px}.symptom-input{border:1px solid #d1fae5;border-radius:8px;outline:none;width:100%;padding:12px 12px 12px 44px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.symptom-input:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.symptom-suggestions{z-index:10;background:#fff;border:1px solid #d1fae5;border-top:none;border-radius:0 0 8px 8px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.1)}.symptom-suggestion{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:12px 16px;transition:background-color .2s}.symptom-suggestion:hover{color:#065f46;background:#f0fdf4}.symptom-suggestion:last-child{border-bottom:none}.predict-actions{text-align:center;margin-bottom:2rem}.predict-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;padding:14px 32px;font-size:1.1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px rgba(16,185,129,.3)}.predict-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.predict-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.predictions-container{background:#fff;border:1px solid #e5f5f0;border-radius:16px;padding:2rem;box-shadow:0 4px 16px rgba(16,185,129,.1)}.predictions-container h3{color:#065f46;text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.predictions-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.prediction-item{background:#f9fafb;border:1px solid #e5f5f0;border-radius:12px;padding:1.5rem;transition:transform .2s}.prediction-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.1)}.prediction-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.disease-name{color:#1f2937;text-transform:capitalize;font-size:1.1rem;font-weight:600}.confidence-percentage{color:#10b981;font-size:1.2rem;font-weight:700}.confidence-bar{background:#e5e7eb;border-radius:4px;width:100%;height:8px;overflow:hidden}.confidence-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .8s ease-out}.disclaimer{color:#92400e;text-align:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;align-items:center;gap:.5rem;padding:1rem;font-size:.9rem;display:flex}@media (max-width:768px){.predict-container{padding:1rem}.predict-header h1{font-size:2rem}.symptom-selector{padding:1rem}.selected-symptoms{min-height:60px}.symptom-tag{padding:.4rem .6rem;font-size:.8rem}.prediction-header{text-align:center;flex-direction:column;gap:.5rem}.disclaimer{text-align:center;flex-direction:column}}.symptom-suggestions::-webkit-scrollbar{width:6px}.symptom-suggestions::-webkit-scrollbar-track{background:#f1f5f9}.symptom-suggestions::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.symptom-suggestions::-webkit-scrollbar-thumb:hover{background:#a0aec0}.symptom-name{color:#1f2937;margin-bottom:2px;font-weight:600}.symptom-alternatives{color:#6b7280;font-size:.875rem;font-style:italic;line-height:1.2}.symptom-suggestion{border-bottom:1px solid #e5e7eb;padding:12px!important}.symptom-suggestion:hover .symptom-name{color:#3b82f6}.symptom-suggestion:hover .symptom-alternatives{color:#4b5563}.symptom-input::placeholder{color:#9ca3af;font-size:.95rem}