.language-selector{position:relative;display:inline-block}.language-selector-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:120px;justify-content:space-between}.language-selector-button:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.language-selector-button:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.flag{font-size:18px;line-height:1}.language-name{flex:1;text-align:left;color:#333}.dropdown-arrow{font-size:12px;color:#666;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:100%;left:0;right:auto;min-width:220px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 28px #0000001f;z-index:10000;margin-top:6px;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;background:none;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.language-option:hover{background-color:#f8f9fa}.language-option.active{background-color:#e3f2fd}.language-option .flag{font-size:18px}.language-info{flex:1;display:flex;flex-direction:column;gap:2px}.native-name{font-size:14px;font-weight:500;color:#333;line-height:1.2}.english-name{font-size:12px;color:#666;line-height:1.2}.check-mark{color:#007bff;font-weight:700;font-size:16px}.language-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:transparent}@media (max-width: 768px){.language-selector-button{min-width:100px;padding:6px 10px;font-size:13px}.language-name{display:none}.language-dropdown{min-width:200px;right:0;left:auto}.language-option{padding:10px 12px}.native-name{font-size:13px}.english-name{font-size:11px}}@media (max-width: 480px){.language-selector-button{min-width:80px;padding:6px 8px}.flag{font-size:16px}.dropdown-arrow{font-size:10px}}@media (prefers-contrast: high){.language-selector-button{border-color:#000}.language-selector-button:hover,.language-selector-button:focus{border-color:#06c}.language-dropdown{border-color:#000}.language-option:hover{background-color:#e0e0e0}.language-option.active{background-color:#cce7ff}}@media (prefers-reduced-motion: reduce){.language-selector-button,.dropdown-arrow,.language-option{transition:none}.language-dropdown{animation:none}}.language-selector-button:focus-visible{outline:2px solid #007bff;outline-offset:2px}.language-option:focus-visible{outline:2px solid #007bff;outline-offset:-2px}.language-selector[data-lang=hi] .native-name,.language-selector[data-lang=ta] .native-name,.language-selector[data-lang=te] .native-name{font-family:system-ui,-apple-system,sans-serif}.language-selector .native-name{font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}.questionnaire-container{max-width:800px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.progress-section{margin-bottom:30px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-text{font-size:16px;font-weight:600;color:#333}.progress-percentage{font-size:14px;color:#666;background:#f0f0f0;padding:4px 8px;border-radius:12px}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:4px;transition:width .3s ease}.question-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;margin-bottom:30px;transition:transform .3s ease}.question-card:hover{transform:translateY(-2px)}.question-image-section{position:relative;height:300px;overflow:hidden}.image-container{position:relative;width:100%;height:100%}.question-image{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .3s ease}.question-image:hover{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;cursor:pointer;color:#fff}.image-container:hover .image-overlay{opacity:1}.zoom-icon{font-size:24px;margin-bottom:8px}.zoom-text{font-size:14px;font-weight:500}.question-content{padding:30px}.question-title{font-size:24px;font-weight:600;color:#333;margin-bottom:12px;line-height:1.3}.question-description{font-size:16px;color:#666;margin-bottom:30px;line-height:1.5}.answer-buttons{display:flex;gap:16px;justify-content:center}.answer-btn{flex:1;max-width:200px;padding:16px 24px;border:2px solid transparent;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;background:#f8f9fa;color:#333}.yes-btn{border-color:#28a745}.yes-btn:hover{background:#28a745;color:#fff;transform:translateY(-2px)}.yes-btn.selected{background:#28a745;color:#fff;box-shadow:0 4px 12px #28a7454d}.no-btn{border-color:#dc3545}.no-btn:hover{background:#dc3545;color:#fff;transform:translateY(-2px)}.no-btn.selected{background:#dc3545;color:#fff;box-shadow:0 4px 12px #dc35454d}.navigation-section{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.nav-btn{padding:12px 24px;border:2px solid #007bff;border-radius:8px;background:#fff;color:#007bff;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-btn:hover:not(:disabled){background:#007bff;color:#fff;transform:translateY(-1px)}.nav-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#ccc}.question-dots{display:flex;gap:8px;align-items:center}.dot{width:12px;height:12px;border-radius:50%;background:#e0e0e0;cursor:pointer;transition:all .3s ease}.dot.active{background:#007bff;transform:scale(1.3)}.dot.answered{background:#28a745}.dot:hover{transform:scale(1.2)}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;border-radius:50%;background:#000000b3;color:#fff;font-size:24px;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.close-btn:hover{background:#000000e6}.modal-image{width:100%;height:auto;max-height:70vh;object-fit:contain}.modal-caption{padding:20px;background:#fff}.modal-caption h4{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.modal-caption p{font-size:14px;color:#666;line-height:1.4}.completion-message{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a}.completion-message h3{font-size:28px;color:#28a745;margin-bottom:16px}.completion-message p{font-size:16px;color:#666}@media (max-width: 768px){.questionnaire-container{padding:16px}.question-image-section{height:200px}.question-content{padding:20px}.question-title{font-size:20px}.answer-buttons{flex-direction:column;gap:12px}.answer-btn{max-width:none}.navigation-section{flex-direction:column;gap:20px}.question-dots{order:-1}.nav-btn{width:100%;max-width:200px}.modal-content{margin:20px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px)}.modal-image{max-height:60vh}}@media (max-width: 480px){.question-dots{flex-wrap:wrap;justify-content:center;max-width:300px}.dot{width:10px;height:10px}.progress-info{flex-direction:column;gap:8px;text-align:center}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.question-card{animation:slideIn .3s ease-out}.question-image[src*=placeholder]{background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.location-selector{background:linear-gradient(180deg,#fff,#f9fcf9);border-radius:12px;padding:20px;margin:16px 0;border:1px solid #e1eee1;color:var(--text);box-shadow:0 8px 20px var(--shadow)}.location-header{text-align:center;margin-bottom:20px}.location-header h3{margin:0 0 8px;font-size:1.2rem;font-weight:600}.location-header p{margin:0;opacity:.8;font-size:.9rem}.location-options{display:flex;flex-direction:column;gap:16px}.location-option{background:linear-gradient(180deg,#fff,#fbfffb);border-radius:8px;padding:16px;border:1px solid #e6f1e6;box-shadow:0 6px 16px var(--shadow)}.gps-btn{width:100%;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #4caf504d}.gps-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-1px);box-shadow:0 4px 12px #4caf5066}.gps-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.gps-btn.active{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 8px #2196f34d}.gps-error{margin-top:8px;text-align:center}.gps-error small{color:#ffcdd2;font-size:.8rem}.manual-selection{width:100%}.selection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-weight:500}.switch-btn{background:#fff;color:var(--text);border:1px solid #cfe4cf;padding:8px 14px;border-radius:999px;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px var(--shadow)}.switch-btn.primary{background:linear-gradient(180deg,var(--primary),var(--primary-700));color:#fff;border-color:var(--primary)}.switch-btn:hover{filter:saturate(1.02);transform:translateY(-1px)}.dropdowns{display:flex;flex-direction:column;gap:12px}.dropdown-group{display:flex;flex-direction:column;gap:6px}.dropdown-group label{font-size:.9rem;font-weight:600;color:var(--text)}.location-select{width:100%;padding:10px 12px;border:1px solid #cfe4cf;border-radius:8px;background:#fff;color:var(--text);font-size:.95rem;transition:all .2s ease;box-shadow:0 2px 8px var(--shadow)}.location-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2e7d3226}.location-select option{background:#fff;color:var(--text);padding:8px}.selected-location{margin-top:16px;padding:12px;background:#4caf5033;border:1px solid rgba(76,175,80,.4);border-radius:8px}.location-display{display:flex;align-items:center;gap:8px;font-weight:500}.location-icon{font-size:1.2rem}.location-name{flex:1;font-size:.9rem}.location-status{font-size:1rem}@media (max-width: 768px){.location-selector{padding:16px}.dropdowns{gap:16px}.dropdown-group{gap:8px}.location-select{padding:12px;font-size:1rem}.gps-btn{padding:14px 16px;font-size:1rem}}@media (max-width: 480px){.selection-header{flex-direction:column;align-items:flex-start;gap:8px}.switch-btn{align-self:flex-end}.location-display{flex-wrap:wrap;gap:6px}.location-name{font-size:.85rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner.small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.risk-indicator{margin:16px 0}.risk-title{margin:0 0 16px;text-align:center;font-size:1.2rem;font-weight:600}.risk-content{display:flex;align-items:center;gap:20px}.risk-visual{flex-shrink:0}.risk-circle{width:100px;height:100px;border:4px solid;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.risk-icon-large{font-size:2rem;margin-bottom:4px}.risk-score-large{font-size:1.2rem;font-weight:700}.risk-info{flex:1}.risk-level{font-size:1.3rem;font-weight:600;margin-bottom:8px}.risk-description{font-size:1rem;opacity:.9;margin-bottom:16px;line-height:1.4}.risk-progress{margin-top:12px}.risk-progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:4px}.risk-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.risk-progress-labels{display:flex;justify-content:space-between;font-size:.8rem;opacity:.7}.risk-indicator.compact{margin:8px 0}.risk-indicator.compact .risk-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.risk-indicator.compact .risk-icon{font-size:1.2rem;margin-right:8px}.risk-indicator.compact .risk-label{flex:1;font-weight:600;font-size:.9rem}.risk-indicator.compact .risk-score{font-weight:700;font-size:.9rem}.risk-bar{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.risk-fill{height:100%;border-radius:3px;transition:width .3s ease}@media (max-width: 768px){.risk-content{flex-direction:column;text-align:center;gap:16px}.risk-circle{width:80px;height:80px}.risk-icon-large{font-size:1.5rem}.risk-score-large{font-size:1rem}.risk-level{font-size:1.1rem}.risk-description{font-size:.9rem}}@media (max-width: 480px){.risk-circle{width:70px;height:70px;border-width:3px}.risk-icon-large{font-size:1.3rem}.risk-score-large{font-size:.9rem}}:root{--bg: #f3f7f1;--bg-2: #eef5ea;--card: #ffffff;--text: #243625;--muted: #667a67;--primary: #2e7d32;--primary-700: #1b5e20;--primary-50: #e8f5e9;--accent: #8bc34a;--accent-2: #c8e6c9;--gold: #d4a017;--danger: #e53935;--shadow: rgba(27, 94, 32, .08);--shadow-strong: rgba(27, 94, 32, .14);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 18px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 24px;--space-6: 32px}.weather-dashboard{background:radial-gradient(800px 200px at -10% -40%,#8bc34a2e,#8bc34a00),radial-gradient(800px 220px at 120% -50%,#c8e6c938,#c8e6c900),linear-gradient(180deg,var(--card),#f9fcf9);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-4) 0;color:var(--text);border:1px solid #e1eee1;box-shadow:0 12px 28px var(--shadow);position:relative;overflow:hidden}.weather-dashboard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);pointer-events:none;background:radial-gradient(500px 120px at 10% 0%,rgba(46,125,50,.06),transparent)}.weather-header{text-align:center;margin-bottom:var(--space-5)}.weather-header h2{margin:0 0 var(--space-2) 0;font-size:clamp(1.3rem,1.1rem + .6vw,1.8rem);font-weight:800;color:var(--primary-700);letter-spacing:.2px}.weather-header p{margin:0;color:var(--muted);font-size:1rem}.weather-loading{display:grid;place-items:center;gap:var(--space-3);padding:40px 20px;color:var(--primary-700)}.loading-spinner{width:42px;height:42px;border:4px solid rgba(46,125,50,.18);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:16px;height:16px;border-width:2px;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.weather-error{background:#fff3f2;border:1px solid #ffcdd2;border-left:6px solid var(--danger);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;margin:var(--space-4) 0;color:#b71c1c}.retry-btn{background:linear-gradient(180deg,#ef5350,#e53935);color:#fff;border:none;padding:10px 16px;border-radius:999px;cursor:pointer;margin-top:10px;font-size:.95rem;font-weight:800;box-shadow:0 10px 20px #e539352e;transition:transform .15s ease,filter .15s ease}.retry-btn:hover{transform:translateY(-1px);filter:saturate(1.05)}.weather-content{display:grid;gap:var(--space-5)}.weather-card{background:linear-gradient(180deg,#fff,#f9fcf9);border-radius:var(--radius-md);padding:var(--space-5);border:1px solid #e1eee1;box-shadow:0 10px 24px var(--shadow)}.weather-main{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.weather-icon{font-size:3.2rem;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:radial-gradient(140px 60px at 40% 30%,#e9f6e9,#fff);border:1px solid #e6f1e6;color:var(--primary-700);box-shadow:0 6px 16px var(--shadow)}.weather-info h3{margin:0 0 6px;font-size:1.3rem;font-weight:800;color:var(--text)}.weather-description{margin:0 0 8px;color:var(--muted);text-transform:capitalize;font-size:.98rem}.temperature{font-size:2.4rem;font-weight:900;margin:6px 0;color:var(--primary-700);letter-spacing:.5px}.feels-like{margin:0;color:var(--muted);font-size:.92rem}.weather-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.weather-detail{display:grid;place-items:center;text-align:center;padding:var(--space-3);background:linear-gradient(180deg,#fff,#fbfffb);border-radius:var(--radius-sm);border:1px solid #e6f1e6;box-shadow:0 6px 16px var(--shadow)}.detail-icon{font-size:1.4rem;margin-bottom:6px;color:var(--primary-700)}.detail-label{font-size:.84rem;color:var(--muted);margin-bottom:2px}.detail-value{font-size:1.05rem;font-weight:800;color:var(--text)}.weather-timestamp{text-align:center;font-size:.85rem;color:var(--muted);margin-top:var(--space-3)}.risk-assessment-section{background:linear-gradient(180deg,#fff,#f9fcf9);border-radius:var(--radius-md);padding:var(--space-5);border:1px solid #e1eee1;box-shadow:0 10px 24px var(--shadow)}.risk-assessment-section h3{margin:0 0 var(--space-4) 0;text-align:center;font-size:1.2rem;color:var(--primary-700);font-weight:900}.overall-risk{margin-bottom:var(--space-5)}.disease-risks{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.disease-risk-card{background:linear-gradient(180deg,#fff,#fbfffb);border-radius:var(--radius-sm);padding:var(--space-4);border:1px solid #e6f1e6;box-shadow:0 8px 18px var(--shadow)}.disease-risk-card h4{margin:0 0 var(--space-3) 0;font-size:1.05rem;text-align:center;color:var(--text);font-weight:800}.risk-factors{margin-top:var(--space-3)}.risk-factors h5{margin:0 0 8px;font-size:.95rem;color:var(--text)}.risk-factors ul{margin:0;padding-left:18px;font-size:.9rem;color:var(--muted)}.risk-factors li{margin-bottom:4px}.recommendations{background:linear-gradient(180deg,#fffdf7,#fffaf0);border-radius:var(--radius-sm);padding:var(--space-4);border:1px solid #f3ecd6;box-shadow:0 8px 18px #d4a01714}.recommendations h4{margin:0 0 var(--space-3) 0;font-size:1.05rem;text-align:center;color:var(--gold);font-weight:900}.recommendation-list{list-style:none;padding:0;margin:0}.recommendation-item{display:grid;grid-template-columns:22px 1fr;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px dashed #efe5c8;font-size:.96rem;line-height:1.4;color:var(--text)}.recommendation-item:last-child{border-bottom:none}.recommendation-icon{font-size:1.1rem;color:var(--gold)}.weather-placeholder{text-align:center;padding:60px 20px;color:var(--muted)}.placeholder-icon{font-size:3rem;margin-bottom:var(--space-3);color:var(--primary-700)}.weather-placeholder h3{margin:0 0 8px;font-size:1.2rem;color:var(--text)}.weather-placeholder p{margin:0;font-size:.98rem}@media (max-width: 768px){.weather-dashboard{padding:var(--space-5);margin:var(--space-3) 0}.weather-main{grid-template-columns:1fr;text-align:center}.weather-icon{margin:0 auto}.temperature{font-size:2.1rem}.weather-details{grid-template-columns:repeat(2,1fr)}.disease-risks{grid-template-columns:1fr}.weather-header h2{font-size:1.3rem}}@media (max-width: 480px){.weather-details{grid-template-columns:1fr}.weather-detail{text-align:left;align-items:flex-start}.detail-icon{margin-bottom:4px}}.nx{display:flex;flex-direction:column;gap:3.5rem;margin-bottom:3rem}.nx-hero{position:relative;overflow:hidden;border-radius:28px;padding:clamp(2.5rem,2rem + 3vw,4.5rem) clamp(1.5rem,1rem + 3vw,3.5rem);background:radial-gradient(1000px 420px at 85% -10%,rgba(18,183,106,.35),transparent 60%),linear-gradient(135deg,#052e21,#0b5a3c 55%,#0f7a4f);color:#fff;box-shadow:0 30px 70px -30px #083c2ab3}.nx-hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 50% at 15% 110%,rgba(52,211,153,.28),transparent 60%);pointer-events:none}.nx-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(90% 80% at 50% 0%,#000 40%,transparent 100%);mask-image:radial-gradient(90% 80% at 50% 0%,#000 40%,transparent 100%)}.nx-hero-inner{position:relative;max-width:820px;margin:0 auto;text-align:center}.nx-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);font-size:.8rem;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nx-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px #34d39940}.nx-title{font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.05;font-size:clamp(2.2rem,1.4rem + 4vw,4rem);margin:1.2rem 0 0}.nx-title-accent{background:linear-gradient(90deg,#6ee7b7,#34d399,#a7f3d0);-webkit-background-clip:text;background-clip:text;color:transparent}.nx-sub{margin:1.1rem auto 0;max-width:640px;font-size:clamp(1rem,.92rem + .4vw,1.18rem);line-height:1.65;color:#e9fff4e6}.nx-sub strong{color:#fff;font-weight:700}.nx-actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.8rem}.nx-cta{border:0;cursor:pointer;padding:.85rem 1.6rem;border-radius:999px;font-size:1rem;font-weight:700;color:#06301f;background:linear-gradient(180deg,#a7f3d0,#34d399);box-shadow:0 12px 26px -10px #34d399b3;transition:transform .18s ease,filter .18s ease}.nx-cta:hover{transform:translateY(-2px);filter:brightness(1.05)}.nx-ghost{display:inline-flex;align-items:center;padding:.85rem 1.4rem;border-radius:999px;font-weight:600;color:#eafff5;text-decoration:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.2);transition:background .18s ease}.nx-ghost:hover{background:#ffffff24}.nx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;max-width:680px;margin:2.4rem auto 0}.nx-stat{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:.9rem .6rem}.nx-stat-val{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:clamp(1.05rem,.9rem + .6vw,1.5rem);color:#d1fae5}.nx-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#d1fae5b3;margin-top:.25rem}.nx-how-head{text-align:center;max-width:640px;margin:0 auto 2rem}.nx-eyebrow{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#0f7a4f}.nx-h2{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;letter-spacing:-.02em;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);color:#10281d;margin:.4rem 0 0}.nx-lead{margin-top:.7rem;color:#4b6b5b;line-height:1.6}.nx-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(180deg,#fff,#f4faf6);border:1px solid #dcefe3;border-radius:22px;padding:clamp(1.2rem,1rem + 1vw,2rem);box-shadow:0 20px 50px -30px #0f7a4f59}.nx-col{display:flex;flex-direction:column;gap:.75rem}.nx-inputs{gap:.75rem}.nx-node{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:130px;padding:.9rem .8rem;border-radius:16px;font-size:1.5rem;background:#fff;border:1px solid #e3ede7;box-shadow:0 6px 16px -8px #10281d40}.nx-node span{font-size:.85rem;font-weight:700;color:#16281f;margin-top:.3rem}.nx-node small{font-size:.68rem;font-weight:500;color:#7a8f83;margin-top:.15rem}.nx-in{background:linear-gradient(180deg,#fff,#f3f8f5)}.nx-branches{display:flex;gap:.8rem}.nx-branch{display:flex;flex-direction:column;gap:.6rem;align-items:center;padding:.7rem;border-radius:18px;border:1.5px dashed}.nx-vision{border-color:#7cc4ec;background:#0288d10d}.nx-symptom{border-color:#f0b97d;background:#f57c000d}.nx-branch-tag{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.nx-vision .nx-branch-tag{color:#0277bd}.nx-symptom .nx-branch-tag{color:#e07c00}.nx-score{font-size:.72rem;font-weight:700;color:#16281f;padding:.4rem .7rem;border-radius:999px;display:flex;flex-direction:column;align-items:center;line-height:1.3}.nx-score b{font-size:.9rem}.nx-score-img{background:linear-gradient(180deg,#e1f4fd,#cbeafb);color:#01598e}.nx-score-tab{background:linear-gradient(180deg,#fff0dd,#ffe2c2);color:#b45a00}.nx-fusion{color:#fff;background:linear-gradient(150deg,#0f7a4f,#0b5a3c);border:0;box-shadow:0 14px 30px -10px #0f7a4f99}.nx-fusion span{color:#fff}.nx-fusion small{color:#fffc}.nx-out{background:linear-gradient(180deg,#eafaf1,#d6f3e2);border-color:#b7e6cc}.nx-arrow{width:34px;height:24px;flex-shrink:0;display:grid;place-items:center}.nx-arrow:before{content:"";width:20px;height:2px;background:#0f7a4f;position:relative;box-shadow:14px 0 0 -1px #0f7a4f}.nx-arrow:after{content:"▸";color:#0f7a4f;position:absolute;transform:translate(9px);font-size:.9rem}.nx-weather-note{display:flex;align-items:center;gap:.9rem;margin:1.2rem auto 0;max-width:760px;padding:.9rem 1.2rem;border-radius:16px;background:linear-gradient(180deg,#fff8ec,#fff3dd);border:1px solid #f4e2bd;color:#6b5320}.nx-weather-note span{font-size:1.6rem}.nx-weather-note p{margin:0;font-size:.92rem;line-height:1.5}.nx-weather-note strong{color:#4d3c12}.nx-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.nx-feature{background:#fff;border:1px solid #e3ede7;border-radius:18px;padding:1.4rem;box-shadow:0 12px 30px -20px #10281d66;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.nx-feature:hover{transform:translateY(-4px);border-color:#9fdcbb;box-shadow:0 20px 40px -22px #0f7a4f80}.nx-feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:1.5rem;background:linear-gradient(180deg,#e9faf1,#d6f3e2);margin-bottom:.9rem}.nx-feature h3{font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:700;color:#10281d;margin:0 0 .4rem}.nx-feature p{margin:0;color:#4b6b5b;font-size:.92rem;line-height:1.55}@media (max-width: 860px){.nx-flow{flex-direction:column}.nx-branches{flex-direction:column;width:100%}.nx-branch{width:100%}.nx-arrow{transform:rotate(90deg)}.nx-node,.nx-col,.nx-inputs{width:100%}}@media (max-width: 520px){.nx-stats{grid-template-columns:repeat(2,1fr)}}:root{--bg: #f4f9f6;--bg-2: #eef6f0;--card: #ffffff;--text: #14271d;--muted: #5f7a6c;--primary: #0f7a4f;--primary-700: #0b5a3c;--primary-50: #eafaf1;--accent: #34d399;--accent-2: #c8f0da;--gold: #d4a017;--warn: #f6b93b;--danger: #e5484d;--shadow: rgba(11, 90, 60, .07);--shadow-strong: rgba(11, 90, 60, .14);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", sans-serif;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 24px;--space-6: 32px;--space-7: 40px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:radial-gradient(900px 380px at 90% -5%,#34d3991a,#34d39900 60%),radial-gradient(760px 320px at 0% 0%,#0f7a4f14,#0f7a4f00 55%),linear-gradient(180deg,var(--bg),var(--bg-2));background-attachment:fixed;line-height:1.6}h1,h2,h3,.brand-name{font-family:var(--font-display);letter-spacing:-.01em}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:40;background:#ffffffc7;-webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid #e3efe8;padding:.7rem var(--space-5)}.header-content{max-width:1200px;margin:0 auto;display:flex;gap:var(--space-4);justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:1.35rem;background:linear-gradient(150deg,#12b76a,#0b5a3c);box-shadow:0 8px 18px -8px #0f7a4f99}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:1.15rem;font-weight:800;color:var(--text)}.brand-tag{font-size:.72rem;font-weight:500;color:var(--muted)}.app-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:var(--space-6) var(--space-4)}.app-footer{background:linear-gradient(180deg,#2f3b2f,#233423);color:#eaf3ea;text-align:center;padding:var(--space-4);margin-top:auto;font-size:.95rem;letter-spacing:.2px}.section{background:var(--card);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5);border:1px solid #e5efe9;box-shadow:0 18px 40px -28px var(--shadow-strong);position:relative;scroll-margin-top:84px}.section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);pointer-events:none;background:radial-gradient(500px 90px at 8% 0%,#34d39914,#34d39900)}.disease-selector h2{color:var(--primary-700);margin-bottom:var(--space-3);letter-spacing:.2px}.disease-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin:var(--space-5) 0}.disease-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);border:2px solid #e3efe3;border-radius:var(--radius-md);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;background:linear-gradient(180deg,#fff,#f9fcf9);box-shadow:0 6px 18px var(--shadow)}.disease-option:hover{border-color:var(--accent);background:linear-gradient(180deg,#fbfffb,#f3fbf3);transform:translateY(-2px);box-shadow:0 10px 24px var(--shadow-strong)}.disease-option.selected{border-color:var(--primary);background:linear-gradient(180deg,var(--primary-50),#f3fbf3);box-shadow:0 10px 24px var(--shadow-strong)}.disease-icon{font-size:2.2rem;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(140px 60px at 40% 30%,#e9f6e9,#fff);border:1px solid #e6f1e6;color:var(--primary-700)}.disease-info h3{color:var(--text);margin-bottom:6px;font-weight:700}.disease-info p{color:var(--muted);font-size:.95rem}.selection-indicator{font-size:1.5rem;color:var(--primary);font-weight:700;margin-left:auto}.selected-disease-info{background:linear-gradient(180deg,#f5fbf5,#fff);padding:var(--space-3);border-radius:var(--radius-sm);border:1px dashed var(--accent);color:var(--primary-700);margin-top:var(--space-3)}.image-upload h2{color:var(--primary-700);margin-bottom:var(--space-3)}.upload-area{border:2px dashed #cfe4cf;border-radius:var(--radius-lg);padding:var(--space-7) var(--space-6);text-align:center;cursor:pointer;transition:.25s ease;background:linear-gradient(180deg,#fff,#fbfffb);position:relative;min-height:220px;display:grid;place-items:center;box-shadow:0 8px 24px var(--shadow)}.upload-area:hover,.upload-area.drag-over{border-color:var(--primary);background:linear-gradient(180deg,var(--primary-50),#ffffff);transform:translateY(-1px)}.upload-area.has-image{padding:0;border:none;background:transparent;box-shadow:none}.upload-icon{font-size:3rem;margin-bottom:var(--space-2);opacity:.8}.upload-placeholder h3{color:var(--text);margin-bottom:6px;font-weight:700}.upload-placeholder p{color:var(--muted);margin-bottom:6px}.upload-hint{font-size:.95rem;color:var(--primary-700);font-weight:600}.image-preview{position:relative;width:100%;max-width:560px;margin:0 auto}.image-preview img{width:100%;height:auto;border-radius:var(--radius-md);box-shadow:0 10px 28px var(--shadow-strong)}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .25s ease;border-radius:var(--radius-md)}.image-preview:hover .image-overlay{opacity:1}.image-info{margin-top:var(--space-3);text-align:center;color:var(--primary-700);font-weight:600}.questionnaire h2{color:var(--primary-700);margin-bottom:var(--space-3)}.questionnaire-header{margin-bottom:var(--space-5)}.mode-selector{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.mode-selector button{padding:.7rem 1.1rem;border:2px solid #d8ead8;background:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:.2s ease;font-weight:600;color:var(--text)}.mode-selector button:hover{border-color:var(--primary);background:var(--primary-50)}.mode-selector button.active{border-color:var(--primary);background:linear-gradient(180deg,var(--primary),var(--primary-700));color:#fff}.sample-btn{background:linear-gradient(180deg,#66bb6a,#43a047)!important;border-color:#43a047!important;color:#fff!important}.sample-btn:hover{filter:brightness(1.03)}.submit-section{display:flex;gap:var(--space-3);justify-content:center;align-items:center;flex-wrap:wrap}.submit-btn,.reset-btn{padding:.95rem 1.6rem;border:0;border-radius:999px;font-size:1.05rem;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;min-width:180px}.submit-btn{color:#fff;background:linear-gradient(180deg,var(--primary),var(--primary-700));box-shadow:0 10px 24px var(--shadow-strong)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.05)}.submit-btn:disabled{background:#b9c6b9;box-shadow:none;cursor:not-allowed}.reset-btn{background:linear-gradient(180deg,#ef5350,#e53935);color:#fff;box-shadow:0 10px 24px #e5393538}.reset-btn:hover:not(:disabled){transform:translateY(-2px)}.incomplete-status small{color:var(--muted)}.error-message{background:#fff3f2;border:1px solid #ffcdd2;border-left:6px solid var(--danger);border-radius:var(--radius-md);padding:var(--space-5);color:#b71c1c;box-shadow:0 8px 16px #e5393514}.error-message h3{margin-bottom:var(--space-2)}.results{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-header{text-align:center;margin-bottom:var(--space-5)}.result-status{display:grid;grid-auto-flow:column;grid-auto-columns:1fr auto;gap:var(--space-4);place-items:center;padding:var(--space-5);border-radius:var(--radius-lg);margin:var(--space-4) 0;box-shadow:0 10px 26px var(--shadow)}.result-status.positive{background:linear-gradient(180deg,#fff3f3,#ffe9e9);border:1px solid #ffcdd2;color:#b71c1c}.result-status.negative{background:linear-gradient(180deg,#f2fff2,#e9f8e9);border:1px solid #cde8cd;color:#1b5e20}.status-icon{font-size:2.4rem}.status-text h3{font-size:1.4rem;margin-bottom:4px}.overlay-image-section{text-align:center;margin:var(--space-6) 0}.overlay-image-container{max-width:720px;margin:var(--space-3) auto}.overlay-image{width:100%;height:auto;border-radius:var(--radius-md);box-shadow:0 12px 30px var(--shadow-strong)}.detection-count{color:var(--muted);font-style:italic;margin-top:6px}.score-breakdown{margin:var(--space-6) 0}.scores-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin:var(--space-3) 0}.score-item{display:grid;grid-template-columns:minmax(140px,180px) 1fr minmax(70px,90px);align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff,#f9fcf9);border:1px solid #e6f1e6}.score-label{font-weight:700;color:var(--text)}.score-bar{height:16px;background:#e7efe7;border-radius:999px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #00000008}.score-fill{height:100%;border-radius:999px;transition:width .5s ease}.score-fill.image-score{background:linear-gradient(90deg,#4fc3f7,#0288d1)}.score-fill.tabnet-score{background:linear-gradient(90deg,#ffb74d,#f57c00)}.score-fill.final-score-fill.high{background:linear-gradient(90deg,#66bb6a,#2e7d32)}.score-fill.final-score-fill.medium{background:linear-gradient(90deg,#ffd54f,#f9a825)}.score-fill.final-score-fill.low{background:linear-gradient(90deg,#ef5350,#c62828)}.score-value{font-weight:800;text-align:right;color:var(--text)}.score-item.final-score{border:1px solid #e0eee0}.fusion-info{background:#f6fbf6;padding:var(--space-3);border-radius:var(--radius-sm);margin-top:var(--space-3);font-size:.95rem;color:var(--muted);border:1px dashed #cfe4cf}.detections-section{margin:var(--space-6) 0}.detections-table{overflow-x:auto}.detections-table table{width:100%;border-collapse:collapse;margin-top:var(--space-3)}.detections-table th,.detections-table td{padding:.75rem .9rem;text-align:left;border-bottom:1px solid #e6efe6}.detections-table th{background:#f5fbf5;font-weight:800;color:var(--text);border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.detection-class{font-weight:700;color:var(--primary-700)}.detection-box{font-family:Courier New,monospace;font-size:.9rem;color:var(--muted)}.recommendations{margin:var(--space-6) 0}.recommendation-list{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.recommendation-item{padding:var(--space-4);border-radius:var(--radius-md);border-left:6px solid var(--gold);background:linear-gradient(180deg,#fffaf0,#fffdf7);box-shadow:0 8px 18px #d4a01714}.positive-recommendations .recommendation-item{background:linear-gradient(180deg,#fff5e6,#fffaf2);border-left-color:#ffb300}.negative-recommendations .recommendation-item{background:linear-gradient(180deg,#f3fbf3,#fff);border-left-color:var(--primary)}.recommendation-item strong{display:block;margin-bottom:6px;color:var(--text)}.technical-details{margin-top:var(--space-5);border:1px solid #e1e9e1;border-radius:var(--radius-md);overflow:hidden}.technical-details summary{padding:var(--space-3);cursor:pointer;background:#f6fbf6;font-weight:700}.technical-details summary:hover{background:#eef7ee}.technical-content{padding:var(--space-3)}.technical-content pre{background:#f9fcf9;padding:var(--space-3);border-radius:var(--radius-sm);overflow-x:auto;font-size:.9rem;line-height:1.45;border:1px dashed #d7e7d7}@media (max-width: 480px){.brand-tag{display:none}}@media (max-width: 768px){.app-main{padding:var(--space-4) var(--space-3)}.section{padding:var(--space-5)}.disease-options{grid-template-columns:1fr}.submit-section{flex-direction:column}.submit-btn,.reset-btn{width:100%;max-width:360px}.scores-grid{gap:var(--space-2)}.score-item{grid-template-columns:1fr;text-align:center}.score-value{text-align:center}.result-status{grid-auto-flow:row}}@media (max-width: 480px){.app-header{padding:var(--space-6) var(--space-4)}.overlay-image-container{max-width:100%}}