:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-primary: #0d0d0d;--bg-secondary: #1a1a1a;--bg-tertiary: #242424;--bg-card: #1c1c1c;--text-primary: #f5f5f5;--text-secondary: #a8a8a8;--text-tertiary: #707070;--accent-primary: #ff6b35;--accent-secondary: #ff8c42;--accent-hover: #e55a2b;--accent-gradient: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%);--success: #00e676;--warning: #ffc107;--error: #ff1744;--info: #00b0ff;--border-color: #333333;--border-hover: #ff6b35;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .8);--shadow-md: 0 4px 20px rgba(0, 0, 0, .9);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .95);--shadow-glow: 0 0 30px rgba(255, 107, 53, .4);--shadow-glow-strong: 0 0 40px rgba(255, 107, 53, .6)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;background:var(--bg-primary)}.app-container{min-height:100vh;width:100vw;background:linear-gradient(135deg,#0d0d0d,#1a1a1a,#0f0f0f),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,107,53,.03) 2px,rgba(255,107,53,.03) 4px);color:var(--text-primary);position:relative;overflow-x:hidden;animation:backgroundPulse 15s ease-in-out infinite}@keyframes backgroundPulse{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.app-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,107,53,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,140,66,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,107,53,.03) 0%,transparent 70%);pointer-events:none;z-index:0;animation:glowPulse 8s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.app-container:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,107,53,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,53,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;opacity:.3}.card{width:100%;min-height:100vh;margin:0;padding:60px 40px;position:relative;z-index:1}h1{text-align:center;margin-bottom:50px;font-size:3.5rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;text-shadow:0 0 60px rgba(255,107,53,.8);animation:titleGlow 3s ease-in-out infinite,titleFloat 4s ease-in-out infinite;position:relative;text-transform:uppercase;filter:drop-shadow(0 0 20px rgba(255,107,53,.6))}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(255,107,53,.6)) drop-shadow(0 0 40px rgba(255,140,66,.4))}50%{filter:drop-shadow(0 0 30px rgba(255,107,53,.9)) drop-shadow(0 0 60px rgba(255,140,66,.6))}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:20px}h3{margin:30px 0 20px;font-size:1.4rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:12px}.theme-toggle{position:fixed;top:30px;right:30px;background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);padding:14px 28px;border-radius:50px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:var(--shadow-md);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.theme-toggle:active{transform:translateY(0)}.main-content{max-width:1800px;margin:0 auto;display:flex;flex-direction:column;gap:30px;width:100%;padding:0}.input-group{display:flex;flex-direction:column;gap:30px}.input-section{background:linear-gradient(145deg,var(--bg-card) 0%,rgba(26,26,26,.95) 100%);padding:35px;border-radius:20px;border:2px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);position:relative;overflow:hidden;animation:cardSlideIn .6s ease-out}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.input-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,53,.1),transparent);transition:left .6s ease}.input-section:hover:before{left:100%}.input-section:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow-strong);transform:translateY(-4px) scale(1.01)}.input-label{display:flex;flex-direction:column;gap:10px;font-weight:500;color:inherit;font-size:1.1rem}select{padding:16px 24px;border:2px solid var(--border-color);border-radius:12px;font-size:16px;background:linear-gradient(145deg,var(--bg-secondary),rgba(20,20,20,.9));color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff6b35'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;background-size:20px;cursor:pointer;font-weight:500;box-shadow:inset 0 2px 4px #0000004d}select option{background:var(--bg-card);color:var(--text-primary);padding:12px;font-weight:500}select option:hover,select option:focus,select option:checked{background:var(--accent-primary);color:#fff}select:hover{border-color:var(--border-hover);background:linear-gradient(145deg,var(--bg-tertiary),rgba(30,30,30,.95));box-shadow:0 0 15px #ff6b3533,inset 0 2px 4px #0006;transform:translateY(-2px)}select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff6b354d,0 0 20px #ff6b3566;background:linear-gradient(145deg,var(--bg-tertiary),rgba(30,30,30,.95));transform:translateY(-2px)}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}.checkbox-label{display:flex;align-items:center;gap:14px;padding:18px 24px;background:linear-gradient(145deg,var(--bg-secondary),rgba(26,26,26,.8));border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--border-color);font-weight:600;font-size:.95rem;color:var(--text-secondary);position:relative;overflow:hidden}.checkbox-label:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,107,53,.2),transparent);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.checkbox-label:hover:after{width:300px;height:300px}.checkbox-label:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-glow);border-color:var(--accent-primary);background:linear-gradient(145deg,var(--bg-tertiary),rgba(36,36,36,.9));color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent-primary);cursor:pointer;transition:transform .2s ease}.checkbox-label input[type=checkbox]:checked{accent-color:var(--accent-secondary);transform:scale(1.1)}.checkbox-label:has(input[type=checkbox]:checked){border-color:var(--accent-primary);background:linear-gradient(145deg,#ff6b3526,#242424e6);box-shadow:0 0 20px #ff6b354d}.diagnose-button{width:100%;max-width:600px;margin:50px auto 30px;padding:22px 50px;background:var(--accent-gradient);color:#fff;border:3px solid var(--accent-primary);border-radius:16px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-glow-strong),inset 0 0 20px #ffffff1a;position:relative;overflow:hidden;letter-spacing:1px;text-transform:uppercase;animation:buttonPulse 2s ease-in-out infinite}@keyframes buttonPulse{0%,to{box-shadow:var(--shadow-glow-strong),inset 0 0 20px #ffffff1a}50%{box-shadow:0 0 50px #ff6b35cc,inset 0 0 30px #ffffff26}}.diagnose-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.diagnose-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.diagnose-button:hover:not(:disabled){transform:translateY(-6px) scale(1.03);box-shadow:0 15px 50px #ff6b35b3,inset 0 0 30px #fff3;border-color:var(--accent-secondary);animation:none}.diagnose-button:hover:not(:disabled):before{left:100%}.diagnose-button:hover:not(:disabled):after{width:400px;height:400px}.diagnose-button:active:not(:disabled){transform:translateY(-2px) scale(1.01)}.diagnose-button:disabled{background:linear-gradient(145deg,var(--bg-tertiary),#1a1a1a);cursor:not-allowed;transform:none;box-shadow:none;opacity:.5;border-color:var(--border-color);animation:disabledPulse 1.5s ease-in-out infinite}@keyframes disabledPulse{0%,to{opacity:.5}50%{opacity:.7}}.results-section{width:100%;max-width:100%;margin-top:20px;animation:resultsFadeIn .8s ease}@keyframes resultsFadeIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.results{margin-top:30px;padding:40px;background:linear-gradient(145deg,var(--bg-card),rgba(20,20,20,.95));border-radius:20px;border-left:6px solid var(--accent-primary);animation:resultsSlideIn .8s cubic-bezier(.4,0,.2,1);width:100%;box-shadow:var(--shadow-lg),0 0 40px #ff6b3533;border:2px solid var(--border-color);position:relative;overflow:hidden}.results:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-gradient);animation:progressBar 1.5s ease-in-out}@keyframes progressBar{0%{width:0%}to{width:100%}}@keyframes resultsSlideIn{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.diagnosis-item{padding:30px;margin-bottom:24px;background:linear-gradient(145deg,var(--bg-secondary),rgba(20,20,20,.95));border-radius:16px;border:2px solid var(--border-color);transition:all .4s cubic-bezier(.4,0,.2,1);animation:diagnosisSlideIn .6s ease backwards;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.diagnosis-item:nth-child(1){animation-delay:.1s}.diagnosis-item:nth-child(2){animation-delay:.2s}.diagnosis-item:nth-child(3){animation-delay:.3s}.diagnosis-item:nth-child(4){animation-delay:.4s}.diagnosis-item:nth-child(5){animation-delay:.5s}@keyframes diagnosisSlideIn{0%{opacity:0;transform:translate(-50px) rotateY(-10deg)}to{opacity:1;transform:translate(0) rotateY(0)}}.diagnosis-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:6px;background:var(--accent-gradient);transform:scaleY(0);transition:transform .4s ease;box-shadow:0 0 15px var(--accent-primary)}.diagnosis-item:after{content:"🔧";position:absolute;top:20px;right:20px;font-size:2.5rem;opacity:.1;transition:all .4s ease}.diagnosis-item:hover{transform:translate(12px) scale(1.02);box-shadow:var(--shadow-glow-strong);border-color:var(--accent-primary);background:linear-gradient(145deg,#ff6b351a,#141414f2)}.diagnosis-item:hover:before{transform:scaleY(1)}.diagnosis-item:hover:after{opacity:.3;transform:rotate(15deg) scale(1.2)}.diagnosis-item strong{color:var(--accent-primary);font-size:1.4rem;display:block;margin-bottom:12px;font-weight:700;text-shadow:0 0 10px rgba(255,107,53,.3);transition:all .3s ease}.diagnosis-item:hover strong{color:var(--accent-secondary);text-shadow:0 0 20px rgba(255,140,66,.5)}.diagnosis-item .confidence{color:#fff;background:linear-gradient(135deg,var(--success),#00c853);border:2px solid var(--success);font-weight:700;margin:12px 0;font-size:1.05rem;padding:8px 16px;border-radius:8px;display:inline-block;box-shadow:0 0 25px #00e67666;animation:confidencePulse 2s ease-in-out infinite;transition:all .3s ease}@keyframes confidencePulse{0%,to{box-shadow:0 0 25px #00e67666}50%{box-shadow:0 0 35px #00e67699}}.diagnosis-item:hover .confidence{transform:scale(1.05);box-shadow:0 0 40px #00e676b3}.error-message{background:linear-gradient(135deg,var(--error),#dc2626);color:#fff;padding:24px 32px;border-radius:16px;margin-top:30px;text-align:center;font-weight:600;font-size:1.1rem;animation:shake .5s ease;box-shadow:var(--shadow-md);border:2px solid rgba(239,68,68,.3)}.no-results{text-align:center;padding:50px;color:var(--text-secondary);font-style:italic;font-size:1.15rem;background:var(--bg-secondary);border-radius:16px;border:2px dashed var(--border-color)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--gray-200)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}.dark ::-webkit-scrollbar-track{background:#475569}@media (max-width: 1024px){:is() .main-content{grid-template-columns:1fr;gap:30px;padding:0 30px}:is() h1{font-size:2.5rem}:is() .card{padding:30px 15px}:is() .checkbox-group{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}:is() .card{padding:30px 20px}@media (max-width: 768px){.card{padding:25px 15px}h1{font-size:2rem;margin-bottom:30px}.theme-toggle{position:static;margin:0 auto 20px;display:block;width:fit-content}.checkbox-group{grid-template-columns:1fr}.input-section{padding:20px}.main-content{gap:25px;padding:0 10px}.diagnose-button{font-size:1.1rem}}@media (max-width: 480px){.card{padding:20px 10px}h1{font-size:1.5rem}h3{font-size:1.2rem}.diagnose-button{padding:16px 24px;font-size:1rem}select,.checkbox-label{padding:12px 16px;font-size:14px}.input-label{font-size:1rem}.input-section{padding:15px}.results,.diagnosis-item{padding:20px}.diagnosis-item strong{font-size:1.1rem}}.recommendation-text{margin-top:15px;padding:20px;background:linear-gradient(145deg,#ff6b350d,#0000004d);border-left:4px solid var(--accent-primary);border-radius:8px;color:var(--text-secondary);line-height:1.8;font-size:1rem;position:relative;overflow:hidden;transition:all .3s ease}.recommendation-text:before{content:"💡";position:absolute;top:10px;right:10px;font-size:1.5rem;opacity:.3;animation:lightBulb 2s ease-in-out infinite}@keyframes lightBulb{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.diagnosis-item:hover .recommendation-text{background:linear-gradient(145deg,#ff6b351a,#0006);border-left-color:var(--accent-secondary);color:var(--text-primary)}.input-section h3:before{content:"🔧";font-size:1.3rem;animation:wrenchTurn 3s ease-in-out infinite;display:inline-block}@keyframes wrenchTurn{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.results h2:before{content:"📊";margin-right:12px;font-size:1.8rem;animation:chartBounce 2s ease-in-out infinite;display:inline-block}@keyframes chartBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.confidence{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,var(--success),#059669);color:#fff;border-radius:25px;font-size:.95rem;margin-left:12px;box-shadow:0 2px 8px #10b9814d;font-weight:700}@keyframes slideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.diagnose-button:disabled{animation:pulse 2s infinite}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:10px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-secondary))}*{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-secondary)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-left:10px}@keyframes spin{to{transform:rotate(360deg)}}::selection{background:var(--accent-primary);color:#fff}::-moz-selection{background:var(--accent-primary);color:#fff}*:focus{outline:2px solid var(--accent-primary);outline-offset:2px}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}