@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:#fafafa;color:#000;transition:background-color .3s ease,color .3s ease}body.dark-mode{background:#2a2a2a;color:#e0e0e0}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f5f5f5}.dark-mode ::-webkit-scrollbar-track{background:#3a3a3a}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.dark-mode ::-webkit-scrollbar-thumb{background:#555}::-webkit-scrollbar-thumb:hover{background:red}::selection{background:red;color:#fff}button:focus{outline:none}.video-wrapper{width:100%;max-width:1200px;margin:0 auto}.webcam-container{background:#fefefe;border:1px solid #E5E5E5;border-radius:16px;padding:32px;color:#000;transition:all .3s ease}.dark-mode .webcam-container{background:#3a3a3a;border-color:#555;color:#e0e0e0}.webcam-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;margin-bottom:24px;border-radius:12px;overflow:hidden}.webcam-frame video{width:100%;height:100%;object-fit:contain}.camera-off{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;background:#000}.camera-off-icon{font-size:64px;color:#444;margin-bottom:16px}.camera-off p{font-size:15px;color:#999}.countdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10}.countdown-number{font-size:120px;font-weight:700;color:red;animation:countdownPulse 1s ease-out}@keyframes countdownPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.camera-controls{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-bottom:24px}.control-btn{padding:16px;border:1px solid #E5E5E5;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.control-btn svg{font-size:20px}.toggle-btn{background:transparent;color:#000;transition:all .3s ease}.dark-mode .toggle-btn{color:#e0e0e0;border-color:#555}.toggle-btn:hover{background:#fafafa;border-color:#ccc}.dark-mode .toggle-btn:hover{background:#444;border-color:#666}.capture-btn{background:linear-gradient(135deg,red,#c00);color:#fefefe;border:none}.capture-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f006}.capture-btn:disabled{opacity:.5;cursor:not-allowed}.camera-tips{background:#fff8f8;border-left:3px solid #FF0000;padding:16px;border-radius:8px;color:#666;font-size:14px;transition:all .3s ease}.dark-mode .camera-tips{background:#3a2a2a;color:#999}.camera-tips strong{color:red;font-weight:600}.captured-image-container{background:#fefefe;border:1px solid #E5E5E5;border-radius:16px;padding:32px;color:#000;transition:all .3s ease}.dark-mode .captured-image-container{background:#3a3a3a;border-color:#555;color:#e0e0e0}.image-wrapper{position:relative;width:100%;height:500px;border-radius:12px;overflow:hidden}.patientImage{width:100%;height:100%;object-fit:contain;display:block;border-radius:12px;background:#fafafa;transition:all .3s}.patientImage.analyzing{animation:pulse-glow 2s ease-in-out infinite}.analyzing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fefefe;z-index:10;border:3px solid #FF0000;animation:pulse-border 2s ease-in-out infinite}.spinner-icon{font-size:48px;color:red;animation:spin 1s linear infinite;margin-bottom:16px;filter:drop-shadow(0 0 10px rgba(255,0,0,.5))}.analyzing-overlay p{margin-top:16px;font-size:16px;font-weight:600;color:#fefefe;text-shadow:0 2px 4px rgba(0,0,0,.5)}.heatmap-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;width:100%;max-width:1200px}.comparison-column img{width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:12px;border:2px solid #e0e0e0;background:#f9f9f9;transition:all .3s ease}@media (max-width: 768px){.webcam-container,.captured-image-container{padding:24px}.camera-controls{grid-template-columns:1fr}.countdown-number{font-size:80px}.patientImage{height:400px}.heatmap-comparison{grid-template-columns:1fr}}.health-chart{background:#fefefe;border:1px solid #E5E5E5;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.dark-mode .health-chart{background:#3a3a3a;border-color:#555;box-shadow:0 2px 8px #0000004d}.chart-title{font-size:18px;font-weight:600;color:#000;margin:0 0 20px;display:flex;align-items:center;gap:8px;transition:color .3s ease}.dark-mode .chart-title{color:#e0e0e0}.chart-items{display:flex;flex-direction:column;gap:16px}.chart-item{display:flex;flex-direction:column;gap:8px}.chart-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#333;font-weight:500;transition:color .3s ease}.dark-mode .chart-label{color:#b0b0b0}.chart-value{font-weight:600;color:#000;font-size:15px;transition:color .3s ease}.dark-mode .chart-value{color:#e0e0e0}.chart-bar-container{width:100%;height:32px;background:#f0f0f0;border-radius:8px;overflow:hidden;position:relative;transition:background-color .3s ease}.dark-mode .chart-bar-container{background:#2a2a2a}.chart-bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;transition:width .6s ease-out;border-radius:8px;position:relative;animation:fillBar .8s ease-out}@keyframes fillBar{0%{width:0%}}.bar-percentage{font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}@media (max-width: 768px){.health-chart{padding:16px}.chart-title{font-size:16px}.chart-label{font-size:13px}.chart-value{font-size:14px}.chart-bar-container{height:28px}.bar-percentage{font-size:11px}}@media (max-width: 480px){.health-chart{padding:14px}.chart-title{font-size:15px}.chart-label{font-size:12px}.chart-value{font-size:13px}.chart-bar-container{height:24px}.bar-percentage{font-size:10px;padding-right:8px}}.chat-wrapper{width:100%;max-width:1400px;margin:0 auto}.chat-container{background:#fefefe;border:1px solid #E5E5E5;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:700px;transition:all .3s ease}.dark-mode .chat-container{background:#3a3a3a;border-color:#555}.chat-header{padding:20px 24px;background:#fafafa;border-bottom:1px solid #E5E5E5;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.dark-mode .chat-header{background:#2a2a2a;border-bottom-color:#555}.chat-info h2{font-size:20px;font-weight:600;color:#000;margin:0 0 6px;transition:color .3s ease}.dark-mode .chat-info h2{color:#e0e0e0}.chat-user-info{display:flex;align-items:center;gap:12px}.user-email{font-size:13px;color:#666;font-weight:500;padding:4px 12px;background:#fefefe;border-radius:6px;border:1px solid #E5E5E5;transition:all .3s ease}.dark-mode .user-email{background:#444;border-color:#666;color:#aaa}.online-status{font-size:13px;color:red;font-weight:500}.header-actions{display:flex;gap:12px}.logout-btn{padding:8px 16px;background:#fefefe;color:#666;border:1px solid #E5E5E5;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.dark-mode .logout-btn{background:#444;color:#aaa;border-color:#666}.logout-btn:hover{background:#fafafa;border-color:#ccc;color:#000}.dark-mode .logout-btn:hover{background:#555;border-color:#777;color:#e0e0e0}.reset-btn{padding:10px 20px;background:#fefefe;color:#000;border:1px solid #E5E5E5;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.dark-mode .reset-btn{background:#444;color:#e0e0e0;border-color:#666}.reset-btn:hover{background:#fafafa;border-color:#ccc}.dark-mode .reset-btn:hover{background:#555;border-color:#777}.reset-btn svg{font-size:16px}.pdf-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.dark-mode .pdf-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea80}.pdf-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.dark-mode .pdf-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea99}.pdf-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pdf-btn svg{font-size:16px}.diagram-btn{padding:10px 20px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #4caf504d}.dark-mode .diagram-btn{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 8px #4caf5080}.diagram-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.dark-mode .diagram-btn:hover:not(:disabled){box-shadow:0 4px 12px #4caf5099}.diagram-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.diagram-btn svg{font-size:16px}.diagram-info{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;text-align:center}.diagram-info p{margin:0 0 8px;color:#495057}.diagram-info p:last-child{margin-bottom:0;font-size:14px;color:#6c757d}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background:transparent;transition:background-color .3s ease}.message{display:flex;width:100%}.user-message{justify-content:flex-end}.ai-message{justify-content:flex-start}.message-content{display:flex;gap:12px;max-width:70%;align-items:flex-start}.user-message .message-content{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:8px;background:red;color:#fefefe;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.user-message .message-avatar{background:#e5e5e5;color:#000;transition:all .3s ease}.dark-mode .user-message .message-avatar{background:#555;color:#e0e0e0}.message-bubble{background:#fafafa;padding:14px 18px;border-radius:12px;border:1px solid #E5E5E5;transition:all .3s ease}.dark-mode .message-bubble{background:#2a2a2a;border-color:#555}.user-message .message-bubble{background:#fefefe;border:1px solid #E5E5E5}.dark-mode .user-message .message-bubble{background:#444;border-color:#666}.message-text{margin:0 0 8px;color:#000;font-size:15px;line-height:1.6;transition:color .3s ease}.dark-mode .message-text{color:#e0e0e0}.message-text strong{font-weight:600;color:#000;transition:color .3s ease}.dark-mode .message-text strong{color:#e0e0e0}.message-text em{font-style:italic}.message-time{font-size:11px;color:#999}.chart-container{width:100%;display:flex;justify-content:flex-start;padding:0 48px;margin-top:12px}.typing{padding:18px}.typing-indicator{display:flex;gap:4px}.typing-indicator span{width:8px;height:8px;background:#999;border-radius:50%;animation:typing 1.4s ease-in-out 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)}30%{transform:translateY(-8px)}}.chat-disclaimer{padding:12px 24px;background:#fff8f8;border-top:1px solid #FFE5E5;border-bottom:1px solid #E5E5E5;transition:all .3s ease}.dark-mode .chat-disclaimer{background:#3a2a2a;border-top-color:#4a3a3a;border-bottom-color:#555}.chat-disclaimer p{font-size:13px;color:#666;margin:0;text-align:center;transition:color .3s ease}.dark-mode .chat-disclaimer p{color:#999}.chat-disclaimer strong{color:red;font-weight:600}.chat-input-container{padding:20px 24px;background:#fafafa;border-top:1px solid #E5E5E5;display:flex;gap:12px;transition:all .3s ease}.dark-mode .chat-input-container{background:#2a2a2a;border-top-color:#555}.voice-btn{width:48px;height:48px;border:1px solid #E5E5E5;border-radius:12px;background:#fefefe;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.dark-mode .voice-btn{background:#444;border-color:#666;color:#aaa}.voice-btn:hover:not(:disabled){background:#fafafa;border-color:#ccc}.dark-mode .voice-btn:hover:not(:disabled){background:#555;border-color:#777}.voice-btn.recording{background:red;color:#fefefe;border-color:red;animation:voicePulse 1.5s ease-in-out infinite}@keyframes voicePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.voice-btn svg{font-size:20px}.chat-input{flex:1;padding:14px 16px;border:1px solid #E5E5E5;border-radius:12px;font-size:15px;font-family:inherit;background:#fefefe;color:#000;transition:all .3s ease}.dark-mode .chat-input{background:#444;border-color:#666;color:#e0e0e0}.chat-input:focus{outline:none;border-color:red}.chat-input.recording{border-color:red;background:#fff8f8}.dark-mode .chat-input.recording{background:#3a2a2a}.chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.dark-mode .chat-input:disabled{background:#2a2a2a}.send-btn{width:48px;height:48px;border:none;border-radius:12px;background:linear-gradient(135deg,red,#c00);color:#fefefe;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f006}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn svg{font-size:20px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:red}@media (max-width: 768px){.chat-container{height:calc(100vh - 180px);border-radius:0;border-left:none;border-right:none}.chat-header{flex-direction:column;gap:12px;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.chat-messages{padding:16px}.message-content{max-width:85%}.chart-container{padding:0 12px}.chat-input-container{padding:16px}.reset-btn span,.pdf-btn span,.diagram-btn span{display:none}.user-email{font-size:12px;padding:3px 10px}}@media (max-width: 480px){.chat-container{height:calc(100vh - 140px);max-width:100%;margin:0}.chat-header{padding:12px 16px}.chat-info h2{font-size:16px}.chat-user-info{gap:8px;flex-wrap:wrap}.user-email{font-size:11px;padding:2px 8px}.online-status{font-size:11px}.reset-btn,.pdf-btn,.diagram-btn{padding:8px 12px;font-size:13px}.close-chat-btn{width:36px;height:36px;font-size:18px}.chat-messages{padding:12px;gap:12px}.message{font-size:14px}.message-content{max-width:90%;padding:10px 14px}.chart-container{padding:0 8px}.message-time{font-size:10px}.chat-disclaimer{padding:10px 16px}.chat-disclaimer p{font-size:11px}.chat-input-container{padding:12px;gap:8px}.voice-btn{width:42px;height:42px;font-size:18px}.chat-input-wrapper{min-height:42px}.chat-input{padding:10px 14px;font-size:14px;min-height:42px}.send-btn{width:42px;height:42px;font-size:18px}}.file-upload-wrapper{width:100%;max-width:1200px;margin:0 auto}.file-upload-container{background:#fefefe;border:1px solid #E5E5E5;border-radius:16px;padding:80px 60px;text-align:center;transition:all .3s ease;cursor:pointer}.dark-mode .file-upload-container{background:#3a3a3a;border-color:#555}.file-upload-container:hover{border-color:red;background:#fff8f8}.dark-mode .file-upload-container:hover{background:#3a2a2a}.file-upload-container.dragging{border-color:red;background:#fff0f0}.dark-mode .file-upload-container.dragging{background:#4a2a2a}.upload-label{display:flex;flex-direction:column;align-items:center;gap:24px;cursor:pointer;color:#000;transition:color .3s ease}.dark-mode .upload-label{color:#e0e0e0}.upload-icon{font-size:64px;color:red}.upload-label h2{font-size:32px;margin:0;font-weight:600;color:#000;transition:color .3s ease}.dark-mode .upload-label h2{color:#e0e0e0}.upload-label p{font-size:16px;margin:0;color:#666;transition:color .3s ease}.dark-mode .upload-label p{color:#999}.file-formats{color:#999;font-size:13px;padding:8px 16px;background:#f5f5f5;border-radius:8px;transition:all .3s ease}.dark-mode .file-formats{background:#2a2a2a;color:#888}.preview-container{background:#fefefe;border:1px solid #E5E5E5;border-radius:16px;padding:32px;color:#000;transition:all .3s ease}.dark-mode .preview-container{background:#3a3a3a;border-color:#555;color:#e0e0e0}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #E5E5E5;transition:border-color .3s ease}.dark-mode .preview-header{border-bottom-color:#555}.preview-header h3{color:#000;font-size:20px;display:flex;align-items:center;gap:12px;margin:0;font-weight:600;transition:color .3s ease}.dark-mode .preview-header h3{color:#e0e0e0}.check-icon{color:red;font-size:24px}.remove-btn{width:40px;height:40px;border:1px solid #E5E5E5;border-radius:8px;background:transparent;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s ease}.dark-mode .remove-btn{border-color:#555;color:#e0e0e0}.remove-btn:hover{background:#fff0f0;border-color:red;color:red}.dark-mode .remove-btn:hover{background:#3a2a2a}.preview-image{position:relative;width:100%;height:500px;margin-bottom:24px;background:#fafafa;border-radius:12px;overflow:hidden;border:1px solid #E5E5E5;transition:all .3s ease}.dark-mode .preview-image{background:#2a2a2a;border-color:#555}.preview-image img{width:100%;height:100%;object-fit:contain;display:block;transition:all .3s}.analyzing-image{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.preview-image .analyzing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fefefe;z-index:10;border:3px solid #FF0000;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:red;box-shadow:0 0 20px #ff000080}50%{border-color:#f66;box-shadow:0 0 40px #f00c}}.scan-line{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#FF0000,transparent);animation:scan 3s linear infinite;z-index:1}@keyframes scan{0%{top:0}to{top:100%}}.progress-container{position:absolute;bottom:30px;left:10%;right:10%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,red,#f66,red);background-size:200% 100%;animation:progress-fill 3s ease-in-out infinite,shimmer 2s linear infinite;border-radius:2px}@keyframes progress-fill{0%{width:0%}to{width:100%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.preview-image .spinner-icon{font-size:48px;color:red;animation:spin 1s linear infinite;margin-bottom:16px;filter:drop-shadow(0 0 10px rgba(255,0,0,.5))}@keyframes spin{to{transform:rotate(360deg)}}.preview-image .analyzing-overlay p{margin-top:16px;font-size:16px;font-weight:600;color:#fefefe;text-shadow:0 2px 4px rgba(0,0,0,.5)}.preview-actions{display:grid;grid-template-columns:2fr 1fr;gap:16px}.analyze-btn{padding:16px;background:linear-gradient(135deg,red,#c00);color:#fefefe;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f006}.analyze-btn:disabled{opacity:.5;cursor:not-allowed}.change-btn{padding:16px;background:transparent;color:#000;border:1px solid #E5E5E5;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.dark-mode .change-btn{color:#e0e0e0;border-color:#555}.change-btn:hover:not(:disabled){background:#fff0f0;border-color:red;color:red}.dark-mode .change-btn:hover:not(:disabled){background:#3a2a2a}.change-btn:disabled{opacity:.5;cursor:not-allowed}.heatmap-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;width:100%}.comparison-column{display:flex;flex-direction:column;gap:12px}.comparison-column h4{margin:0;font-size:16px;font-weight:600;color:#333;text-align:center;transition:color .3s ease}.dark-mode .comparison-column h4{color:#e0e0e0}.comparison-column img{width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:12px;border:2px solid #e0e0e0;background:#f9f9f9;transition:all .3s ease}.dark-mode .comparison-column img{border-color:#555;background:#2a2a2a}@media (max-width: 768px){.file-upload-container{padding:60px 30px}.preview-container{padding:24px}.preview-image{height:400px}.preview-actions,.heatmap-comparison{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{transition:background-color .3s ease,color .3s ease}.app{min-height:100vh;background:#f8f8f8;color:#000;transition:background-color .3s ease,color .3s ease}.app.dark-mode{background:#2a2a2a;color:#e0e0e0}body.dark-mode{background:#2a2a2a}.app-header{padding:20px 24px;background:#f8f8f8;border-bottom:1px solid #E5E5E5;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f8f8f2}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.dark-mode .app-header{background:#2a2a2a;border-bottom-color:#444}.logo{display:flex;align-items:flex-start;flex-direction:column;gap:2px}.logo-header{display:flex;align-items:center;gap:12px}.logo-icon{width:28px;height:28px}.logo-icon img{width:100%;height:100%;object-fit:contain}.logo h1{color:#000;font-size:20px;font-weight:600;transition:color .3s ease}.dark-mode .logo h1{color:#e0e0e0}.tagline{color:#666;font-size:13px;margin-top:2px;transition:color .3s ease}.dark-mode .tagline{color:#999}.header-actions{display:flex;gap:12px;align-items:center}.auth-btn{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.login-btn{background:transparent;color:#000;border:1px solid #E5E5E5}.login-btn:hover{background:#fafafa;transform:translateY(-2px)}.dark-mode .login-btn{color:#e0e0e0;border-color:#555}.dark-mode .login-btn:hover{background:#3a3a3a}.register-btn{background:red;color:#fff}.register-btn:hover{background:#c00;transform:translateY(-2px);box-shadow:0 4px 12px #ff00004d}.dark-mode .register-btn{background:red;color:#fff}.dark-mode .register-btn:hover{background:#c00}.theme-toggle{min-width:40px;height:40px;border-radius:10px;border:1px solid #E5E5E5;background:#fefefe;color:#000;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;cursor:pointer;transition:all .3s ease;font-size:18px}.lang-text{font-size:12px;font-weight:600;letter-spacing:.5px}.theme-toggle:hover{background:#fafafa;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark-mode .theme-toggle{background:#3a3a3a;border-color:#555;color:gold}.dark-mode .theme-toggle:hover{background:#444;box-shadow:0 4px 12px #ffd70033}.app-main{padding:0}.welcome-screen{max-width:1400px;margin:0 auto}.hero{padding:120px 24px 80px;text-align:center}.hero-title{font-size:64px;font-weight:600;line-height:1.1;color:#000;margin-bottom:24px;max-width:900px;margin-left:auto;margin-right:auto;transition:color .3s ease}.dark-mode .hero-title{color:#e0e0e0}.hero-subtitle{font-size:20px;color:#666;line-height:1.6;max-width:700px;margin:0 auto 48px;transition:color .3s ease}.dark-mode .hero-subtitle{color:#999}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.primary-btn{padding:14px 28px;background:#000;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.dark-mode .primary-btn{background:red;color:#fff}.dark-mode .primary-btn:hover{box-shadow:0 8px 24px #f006}.primary-btn.large{padding:18px 40px;font-size:16px;font-weight:600}.secondary-btn{padding:14px 28px;background:#fefefe;color:#000;border:1px solid #E5E5E5;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s}.secondary-btn:hover{border-color:#000;transform:translateY(-2px)}.dark-mode .secondary-btn{background:#2a2a2a;color:#e0e0e0;border-color:#444}.dark-mode .secondary-btn:hover{border-color:red;background:#333}.demo-section{padding:60px 24px 120px;background:#fafafa;transition:background-color .3s ease}.dark-mode .demo-section{background:#1f1f1f}.demo-frame{max-width:1200px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid #E5E5E5;background:#fefefe;transition:all .3s ease}.dark-mode .demo-frame{background:#3a3a3a;border-color:#555}.demo-placeholder{width:100%;height:600px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;position:relative}.demo-placeholder img{width:100%;height:100%;object-fit:cover;opacity:.6}.features-section{padding:0 24px}.feature-block{max-width:1200px;margin:0 auto;padding:120px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-bottom:1px solid #F0F0F0;transition:border-color .3s ease}.dark-mode .feature-block{border-bottom-color:#3a3a3a}.feature-block.reverse{direction:rtl}.feature-block.reverse>*{direction:ltr}.feature-text{display:flex;flex-direction:column;justify-content:center}.feature-text h2{font-size:42px;font-weight:600;line-height:1.2;color:#000;margin-bottom:20px;transition:color .3s ease}.dark-mode .feature-text h2{color:#e0e0e0}.feature-text p{font-size:18px;color:#666;line-height:1.6;transition:color .3s ease}.dark-mode .feature-text p{color:#999}.feature-demo{width:100%;height:400px;border-radius:12px;border:1px solid #E5E5E5;overflow:hidden;background:#fafafa;transition:all .3s ease}.dark-mode .feature-demo{background:#3a3a3a;border-color:#555}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:16px;font-weight:500;background:linear-gradient(135deg,#f5f5f5,#e5e5e5)}.demo-video{width:100%;height:100%;object-fit:cover;display:block}.cta-section{padding:120px 24px;text-align:center}.cta-section h2{font-size:48px;font-weight:600;color:#000;margin-bottom:40px;transition:color .3s ease}.dark-mode .cta-section h2{color:#e0e0e0}.cta-buttons{display:flex;gap:16px;justify-content:center}.disclaimer-section{padding:40px 24px;background:#fff8f8;border-top:1px solid #FFE5E5;text-align:center;transition:all .3s ease}.dark-mode .disclaimer-section{background:#3a2a2a;border-top-color:#4a3a3a}.disclaimer-section p{font-size:14px;color:#666;max-width:800px;margin:0 auto;line-height:1.6;transition:color .3s ease}.dark-mode .disclaimer-section p{color:#999}.disclaimer-section strong{color:red;font-weight:600}.analyzer-container{max-width:1400px;margin:0 auto;padding:40px 24px}.back-btn{display:inline-block;margin:0 0 30px;padding:12px 24px;background:#fefefe;color:#000;border:1px solid #E5E5E5;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.back-btn:hover{background:#000;border-color:#000;color:#fff}.dark-mode .back-btn{background:#3a3a3a;color:#e0e0e0;border-color:#555}.dark-mode .back-btn:hover{background:red;border-color:red;color:#fff}.app-footer{padding:60px 24px;text-align:center;background:#fafafa;color:#999;font-size:13px;border-top:1px solid #E5E5E5;transition:all .3s ease}.dark-mode .app-footer{background:#1f1f1f;color:#888;border-top-color:#444}@media (max-width: 968px){.header-actions{gap:8px}.auth-btn{padding:6px 16px;font-size:13px}.theme-toggle{min-width:36px;height:36px;font-size:16px;padding:0 10px}.lang-text{font-size:11px}.hero-title{font-size:48px}.hero-subtitle{font-size:18px}.demo-placeholder{height:400px}.feature-block{grid-template-columns:1fr;gap:40px;padding:80px 0}.feature-block.reverse{direction:ltr}.feature-demo{height:350px}}@media (max-width: 768px){.app-header{padding:16px 20px}.header-content{flex-direction:column;gap:12px}.header-actions{width:100%;justify-content:space-between}.auth-btn{flex:1;padding:8px 12px}.logo h1{font-size:18px}.tagline{font-size:12px}.hero{padding:80px 20px 60px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-buttons{flex-direction:column;align-items:stretch}.primary-btn,.secondary-btn{width:100%}.demo-section{padding:60px 20px}.demo-placeholder{height:300px}.feature-block{padding:60px 20px}.feature-text h2{font-size:32px}.feature-text p{font-size:16px}.feature-demo{height:280px}.cta-section{padding:80px 20px}.cta-section h2{font-size:36px}.disclaimer-section{padding:40px 20px}.app-footer{padding:40px 20px;font-size:12px}}@media (max-width: 480px){.app-header{padding:12px 16px}.header-actions{gap:6px}.auth-btn{font-size:12px;padding:6px 10px}.theme-toggle{min-width:34px;height:34px;padding:0 8px}.lang-text{font-size:10px}.logo-icon{width:24px;height:24px}.logo h1{font-size:16px}.tagline{display:none}.hero{padding:60px 16px 40px}.hero-title{font-size:28px;margin-bottom:16px}.hero-subtitle{font-size:14px;margin-bottom:32px}.hero-buttons{gap:12px}.primary-btn,.secondary-btn{padding:14px 24px;font-size:14px}.demo-section{padding:40px 16px}.demo-placeholder{height:200px}.features-section{padding:0 16px}.feature-block{padding:40px 0;gap:24px}.feature-text h2{font-size:24px;margin-bottom:12px}.feature-text p{font-size:14px}.feature-demo{height:220px}.cta-section{padding:60px 16px}.cta-section h2{font-size:28px;margin-bottom:32px}.primary-btn.large{font-size:16px;padding:16px 32px}.disclaimer-section{padding:32px 16px}.disclaimer-section p{font-size:12px;line-height:1.6}.app-footer{padding:32px 16px;font-size:11px}.analyzer-container{padding:16px}.back-btn{font-size:14px;padding:10px 20px}}