:root{--primary-50: #f0e7ff;--primary-100: #d9c2ff;--primary-200: #c19cff;--primary-300: #a876ff;--primary-400: #9050ff;--primary-500: #7928ca;--primary-600: #6920b0;--primary-700: #591896;--primary-800: #49107c;--primary-900: #390862;--accent-primary: #8b5cf6;--accent-secondary: #6366f1;--accent-tertiary: #ec4899;--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--bg-elevated: #1a1a1a;--bg-overlay: rgba(0, 0, 0, .98);--bg-card: #0d0d0d;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .45);--text-inverse: #000000;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-blue: #6366f1;--accent-cyan: #06b6d4;--accent-green: #10b981;--accent-yellow: #f59e0b;--accent-red: #ef4444;--accent-orange: #f97316;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--gradient-secondary: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--gradient-accent: linear-gradient(135deg, rgba(139, 92, 246, .15) 0%, rgba(99, 102, 241, .15) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(139, 92, 246, .25) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(99, 102, 241, .2) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(236, 72, 153, .15) 0px, transparent 50%);--gradient-hero: linear-gradient(180deg, rgba(139, 92, 246, .1) 0%, transparent 100%);--gradient-card: linear-gradient(135deg, rgba(139, 92, 246, .05) 0%, rgba(99, 102, 241, .05) 100%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--text-6xl: 60px;--text-7xl: 72px;--text-8xl: 96px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .6);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .7), 0 4px 6px -2px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 10px 10px -5px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .8);--shadow-glow: 0 0 20px rgba(139, 92, 246, .3), 0 0 40px rgba(139, 92, 246, .1);--shadow-glow-sm: 0 0 10px rgba(139, 92, 246, .2);--border-primary: rgba(255, 255, 255, .08);--border-secondary: rgba(255, 255, 255, .05);--border-accent: rgba(139, 92, 246, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:var(--text-base);min-height:100vh;overflow-x:hidden;position:relative;letter-spacing:-.01em;font-feature-settings:"cv02","cv03","cv04","cv11"}::selection{background:var(--accent-purple);color:var(--text-primary)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full);border:3px solid var(--bg-secondary)}.glass-card,.stat-card,.feature-card,.step-card,.upload-area,nav{position:relative}.glass-card:after,.stat-card:after,.feature-card:after,.step-card:after,.upload-area:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");border-radius:inherit;pointer-events:none;z-index:1}.glass-card>*,.stat-card>*,.feature-card>*,.step-card>*,.upload-area>*,nav>*{position:relative;z-index:2}.glass-card,.stat-card,.feature-card,.step-card{box-shadow:inset 0 1px #ffffff0d,0 10px 15px -3px #0000004d}::-webkit-scrollbar-thumb:hover{background:var(--primary-600)}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background-color:var(--bg-primary);background-image:repeating-linear-gradient(-45deg,transparent,transparent 60px,rgba(255,255,255,.02) 60px,rgba(255,255,255,.02) 61px)}.bg-gradient-mesh{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:80%;height:80%;background:radial-gradient(circle at center,rgba(139,92,246,.15) 0%,transparent 70%);opacity:1;filter:blur(60px);animation:gentlePulse 8s ease-in-out infinite}@keyframes gentlePulse{0%,to{opacity:.8;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.05)}}#particles-js{display:none}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.shape{position:absolute;background:var(--accent-purple);border-radius:50%;opacity:.1;filter:blur(40px);animation:float 20s ease-in-out infinite}.shape:nth-child(1){width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.shape:nth-child(2){width:200px;height:200px;top:60%;right:10%;animation-delay:2s}.shape:nth-child(3){width:250px;height:250px;bottom:10%;left:50%;animation-delay:4s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-8);position:relative;z-index:var(--z-base)}.section{padding:var(--space-32) 0;position:relative}.section-small{padding:var(--space-24) 0}.features-section{padding:calc(var(--space-32) * 1.5) 0}.how-it-works{padding:calc(var(--space-32) * 1.5) 0;position:relative}nav{position:sticky;top:0;z-index:var(--z-sticky);background:#000c;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-primary);transition:all var(--transition-base)}nav.scrolled{box-shadow:var(--shadow-lg);background:#000000f2;border-bottom-color:var(--border-accent)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;gap:var(--space-8)}.logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:700;cursor:pointer;transition:transform var(--transition-base);letter-spacing:-.02em;position:relative}.logo:hover{transform:scale(1.05)}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md),var(--shadow-glow-sm);position:relative;overflow:hidden}.logo-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.logo-icon svg{width:28px;height:28px;fill:#fff;position:relative;z-index:1}.nav-links{display:flex;gap:var(--space-2);align-items:center}.nav-link{padding:var(--space-3) var(--space-5);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-purple);transform:translate(-50%);transition:width var(--transition-base)}.nav-link:hover{color:var(--text-primary);background:#8b5cf61a}.nav-link:hover:before{width:60%}.nav-link.active{color:var(--text-primary);background:#8b5cf626}.nav-link.active:before{width:60%}.mobile-menu-toggle{display:none!important}@media (max-width: 1024px){:root{--space-32: 80px;--space-24: 64px;--space-20: 48px}.container{padding:0 var(--space-6)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.nav-links{gap:var(--space-1)}.nav-link{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}}@media (min-width: 769px){.nav-links{display:flex!important;position:static!important;right:auto!important;transform:none!important;width:auto!important;height:auto!important;padding:0!important;flex-direction:row!important;background:transparent!important;border:none!important;z-index:auto!important;max-width:none!important}.mobile-menu-toggle,.mobile-menu-overlay{display:none!important}}@media (max-width: 768px){:root{--space-32: 60px;--space-24: 48px;--space-20: 40px;--space-16: 48px;--space-12: 36px;--text-8xl: 48px;--text-7xl: 42px;--text-6xl: 36px;--text-5xl: 32px;--text-4xl: 28px;--text-3xl: 24px}body{font-size:15px}.shape:nth-child(1){width:150px!important;height:150px!important}.shape:nth-child(2){width:100px!important;height:100px!important}.shape:nth-child(3){width:120px!important;height:120px!important}.bg-gradient-mesh{width:100%!important;height:100%!important;filter:blur(40px)!important}.mobile-menu-toggle,.nav-links{display:none!important}.language-switcher{display:flex!important;position:fixed;top:10px;right:20px;z-index:99999!important}.language-switcher .lang-dropdown{position:fixed!important;z-index:100000!important}.container{padding:0 var(--space-4)}.hero{padding:var(--space-24) var(--space-4) var(--space-16)}.hero-title{font-size:clamp(32px,10vw,48px)}.hero-subtitle{font-size:var(--text-base)}.hero-cta{flex-direction:column;width:100%;gap:var(--space-3)}.hero-cta .btn{width:100%}.stats-grid{grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-16);margin-bottom:var(--space-16)}.stat-card{padding:var(--space-6)}.stat-number{font-size:var(--text-4xl)}.features-grid{grid-template-columns:1fr;gap:var(--space-6)}.feature-card{padding:var(--space-8);grid-column:span 1!important;height:auto;min-height:auto;align-self:start}.feature-icon{width:56px;height:56px}.feature-icon svg{width:28px;height:28px}.section-header{margin-bottom:var(--space-12)}.section-title{font-size:clamp(28px,8vw,36px)}.section-description{font-size:var(--text-base)}.upload-area{padding:var(--space-8)}.upload-icon{width:56px;height:56px}.upload-icon svg{width:28px;height:28px}.file-preview{max-height:300px}.analysis-options{grid-template-columns:1fr}.option-card{padding:var(--space-4)}.steps-grid{grid-template-columns:1fr;gap:var(--space-8)}.step-card{padding:var(--space-6)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.logo{font-size:var(--text-xl)}.logo-icon{width:40px;height:40px}.logo-icon svg{width:24px;height:24px}.nav-container{padding:var(--space-3) 0}.btn{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);min-height:44px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.glass-card{padding:var(--space-6)}}@media (max-width: 480px){:root{--space-32: 48px;--space-24: 40px;--space-20: 32px}.container{padding:0 var(--space-3)}.shape:nth-child(1){width:100px!important;height:100px!important}.shape:nth-child(2){width:80px!important;height:80px!important}.shape:nth-child(3){width:90px!important;height:90px!important}.hero{padding:var(--space-20) var(--space-3) var(--space-12)}.hero-badge{font-size:11px;padding:6px 12px}.hero-title{font-size:clamp(28px,12vw,40px);margin-bottom:var(--space-4)}.hero-subtitle{font-size:14px;margin-bottom:var(--space-8)}.stats-grid{gap:var(--space-3)}.stat-card{padding:var(--space-5)}.stat-number{font-size:var(--text-3xl)}.stat-label{font-size:12px}.section-header{margin-bottom:var(--space-10)}.section-badge{font-size:10px;padding:4px 12px}.section-title{font-size:clamp(24px,9vw,32px)}.section-description{font-size:14px}.features-section{padding:var(--space-16) 0}.features-grid{gap:var(--space-5)}.feature-card{padding:var(--space-6);grid-column:span 1!important;height:auto;min-height:auto;align-self:start}.feature-icon{width:48px;height:48px;margin-bottom:var(--space-4)}.feature-icon svg{width:24px;height:24px}.feature-title{font-size:var(--text-lg)}.feature-description{font-size:var(--text-sm)}.upload-area{padding:var(--space-4) var(--space-3);min-height:80px;gap:0}.upload-icon{width:36px;height:36px;margin:0 auto var(--space-1)}.upload-icon svg{width:18px;height:18px}.upload-text{font-size:var(--text-sm);margin-bottom:1px}.upload-subtext{font-size:10px}.file-info{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-top:var(--space-2)}.file-icon{display:none}.file-details{text-align:center}.file-name{font-size:12px}.file-size{font-size:10px}.file-remove{width:100%;padding:var(--space-1) var(--space-3);font-size:10px}.upload-title{font-size:var(--text-lg)}.upload-subtitle{font-size:13px}.analysis-options{gap:var(--space-3)}.option-card{padding:var(--space-3)}.option-title{font-size:var(--text-sm)}.option-description{font-size:12px}.steps-grid{gap:var(--space-6)}.step-card{padding:var(--space-5)}.step-number{width:56px;height:56px;font-size:var(--text-xl);margin-bottom:var(--space-4)}.step-title{font-size:var(--text-base)}.step-description{font-size:13px}.footer{padding:var(--space-12) var(--space-3)}.footer-grid{grid-template-columns:1fr;gap:var(--space-6)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.btn{font-size:14px;padding:12px 20px}.logo{font-size:var(--text-lg)}.logo-icon{width:36px;height:36px}.logo-icon svg{width:20px;height:20px}}@media (hover: none) and (pointer: coarse){*{-webkit-tap-highlight-color:rgba(139,92,246,.1)}button,a,[role=button],.nav-link{touch-action:manipulation}.btn,.nav-link{min-height:44px}.btn:hover:before{opacity:0}.btn-primary:hover,.btn-secondary:hover,.btn-outline:hover,.btn:hover{transform:none!important}.feature-card:hover,.stat-card:hover,.option-card:hover,.step-card:hover,.glass-card:hover{transform:none}}@media (max-width: 768px){.hero-title,.hero-subtitle,.hero-cta,.hero-image{animation:none!important;opacity:1!important;transform:none!important}.shape{display:none}.bg-gradient-mesh{animation:none}.results{animation:none!important}.btn:active,.btn-primary:active,.btn-secondary:active,.btn-outline:active{transform:none!important}.btn:after{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none;position:relative;overflow:hidden;white-space:nowrap;font-family:inherit;letter-spacing:-.01em}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.btn:hover:before{opacity:1}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:after{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 100%);color:var(--text-primary);box-shadow:inset 0 1px #ffffff1a,0 8px 16px #0006;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{box-shadow:inset 0 1px #ffffff26,0 12px 24px #00000080;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:inset 0 1px #ffffff1a,0 4px 8px #0000004d}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--accent-purple);border:1px solid var(--border-accent);box-shadow:none}.btn-outline:hover{background:#8b5cf61a;box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none}.btn-full{width:100%}.btn-lg{padding:var(--space-5) var(--space-12);font-size:var(--text-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.hero{text-align:center;padding:var(--space-32) var(--space-8) var(--space-32);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:var(--gradient-hero);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border:1px solid rgba(139,92,246,.3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--accent-purple);margin-bottom:var(--space-6);animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-badge svg{width:16px;height:16px}.hero-title{font-size:clamp(var(--text-5xl),8vw,var(--text-8xl));font-weight:800;line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:650px;margin:0 auto var(--space-12);line-height:1.6;animation:fadeInUp .8s ease .2s both;font-weight:400}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease .4s both}.hero-image{margin-top:var(--space-20);position:relative;max-width:1000px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease .6s both}.hero-image-wrapper{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl),var(--shadow-glow);border:1px solid var(--border-primary);background:linear-gradient(135deg,#8b5cf60d,#6366f10d)}.hero-image-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8b5cf61a,#6366f11a);opacity:0;transition:opacity var(--transition-base)}.hero-image-wrapper:hover:before{opacity:.5}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);max-width:1000px;margin:0 auto var(--space-32);margin-top:var(--space-32)}.stat-card{text-align:center;padding:var(--space-10);background:#ffffff08;border:1px solid transparent;background-image:linear-gradient(#ffffff08,#ffffff08),linear-gradient(135deg,rgba(139,92,246,.3),transparent 40%);background-origin:border-box;background-clip:padding-box,border-box;border-radius:var(--radius-xl);transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff0d;opacity:0;transition:opacity var(--transition-base);z-index:0}.stat-card:hover{transform:translateY(-4px);background:#ffffff0d;box-shadow:0 20px 40px #0006}.stat-card:hover:before{opacity:1}.stat-card>*{position:relative;z-index:1}.stat-icon{width:56px;height:56px;margin:0 auto var(--space-4);background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.stat-card:hover .stat-icon{background:#8b5cf626;border-color:#8b5cf666}.stat-icon svg{width:28px;height:28px;stroke:var(--accent-purple);stroke-width:1.5}.stat-number{font-size:var(--text-5xl);font-weight:800;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400}.features-section{padding:var(--space-32) 0}.section-header{text-align:center;margin-bottom:var(--space-20)}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border:1px solid rgba(139,92,246,.3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--accent-purple);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title{font-size:clamp(var(--text-4xl),5vw,var(--text-6xl));font-weight:700;margin-bottom:var(--space-4);letter-spacing:-.02em;line-height:1.1}.section-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:650px;margin:0 auto;line-height:1.6;font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);max-width:1200px;margin:0 auto}.feature-card{background:#ffffff08;border:1px solid transparent;background-image:linear-gradient(#ffffff08,#ffffff08),linear-gradient(135deg,rgba(139,92,246,.3),transparent 40%);background-origin:border-box;background-clip:padding-box,border-box;border-radius:var(--radius-xl);padding:var(--space-12);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff0d;opacity:0;transition:opacity var(--transition-base);z-index:0}.feature-card:hover{transform:translateY(-4px);background:#ffffff0d;box-shadow:0 20px 40px #0006}.feature-card:hover:before{opacity:1}.feature-card>*{position:relative;z-index:1}.feature-icon{width:72px;height:72px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);transition:all var(--transition-base)}.feature-card:hover .feature-icon{background:#8b5cf626;border-color:#8b5cf666;transform:scale(1.05)}.feature-icon svg{width:36px;height:36px;stroke:var(--accent-purple);stroke-width:1.5}.feature-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary);letter-spacing:-.01em}.feature-description{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-6);flex-grow:1;font-weight:400}.feature-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent-purple);font-weight:600;font-size:var(--text-sm);text-decoration:none;transition:gap var(--transition-base)}.feature-link:hover{gap:var(--space-3)}.how-it-works{padding:var(--space-32) 0;position:relative}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-12);margin-top:var(--space-16)}.step-card{text-align:center;position:relative}.step-number{width:80px;height:80px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-4xl);font-weight:800;box-shadow:inset 0 1px #fff3,0 8px 16px #0000004d;position:relative}.step-number:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px dashed rgba(139,92,246,.3);border-radius:var(--radius-full);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-3);letter-spacing:-.01em}.step-description{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;font-weight:400}.samples-section{padding:var(--space-24) 0}.samples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-6);margin-top:var(--space-12)}.sample-item{aspect-ratio:1;border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.08);cursor:pointer;overflow:hidden;transition:all var(--transition-base);position:relative;background:#ffffff08}.sample-item:hover{border-color:var(--accent-purple);transform:scale(1.05);box-shadow:0 20px 40px #00000080}.sample-item img{width:100%;height:100%;object-fit:cover}.sample-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:var(--space-4) var(--space-3);font-size:var(--text-sm);text-align:center;font-weight:600;transform:translateY(100%);transition:transform var(--transition-base)}.sample-item:hover .sample-label{transform:translateY(0)}.testimonials-section{padding:var(--space-32) 0;position:relative}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8);margin-top:var(--space-16)}.testimonial-card{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-base)}.testimonial-card:hover{transform:translateY(-4px);border-color:#8b5cf64d;box-shadow:var(--shadow-lg)}.testimonial-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.testimonial-avatar{width:56px;height:56px;border-radius:var(--radius-full);background:var(--accent-purple);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:700}.testimonial-info{flex:1}.testimonial-name{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.testimonial-role{font-size:var(--text-sm);color:var(--text-secondary)}.testimonial-rating{display:flex;gap:var(--space-1);margin-bottom:var(--space-4)}.star{color:var(--accent-yellow);font-size:var(--text-base)}.testimonial-text{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7}.trust-section{padding:var(--space-20) 0;text-align:center}.trust-title{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.trust-logos{display:flex;justify-content:center;align-items:center;gap:var(--space-12);flex-wrap:wrap;opacity:.5;filter:grayscale(1);transition:all var(--transition-base)}.trust-logos:hover{opacity:.8;filter:grayscale(0)}.trust-logo{font-size:var(--text-xl);font-weight:700;color:var(--text-tertiary);transition:color var(--transition-base)}.trust-logo:hover{color:var(--text-primary)}.page{display:none;min-height:calc(100vh - 73px);opacity:0;animation:fadeIn .5s ease forwards}.page.active{display:block}.feature-page{max-width:1000px;margin:0 auto;padding:var(--space-20) var(--space-8) var(--space-24)}.page-header{text-align:center;margin-bottom:var(--space-16)}.page-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--bg-elevated);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.1em}.page-title{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:800;margin-bottom:var(--space-4);letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.7}.form-section{margin-bottom:var(--space-12)}.form-group{margin-bottom:var(--space-8)}.form-label{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.tooltip-trigger{cursor:help;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid currentColor;border-radius:var(--radius-full);font-size:var(--text-xs);transition:all var(--transition-fast)}.tooltip-trigger:hover{color:var(--accent-purple);background:#8b5cf61a}.option-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4)}.option-btn{padding:var(--space-6);background:var(--bg-secondary);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-align:center;position:relative;overflow:hidden}.option-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-elevated);opacity:0;transition:opacity var(--transition-base)}.option-btn:hover{border-color:#8b5cf680;transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow-sm)}.option-btn.active{background:#8b5cf633;border-color:var(--accent-purple)}.option-btn.active:before{opacity:.5}.option-btn.active:after{content:"✓";position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;background:var(--accent-purple);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;z-index:1;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.option-btn>*{position:relative;z-index:1}.option-icon{margin-bottom:var(--space-3);display:flex;justify-content:center}.option-icon svg{width:32px;height:32px;stroke:var(--text-secondary);transition:stroke var(--transition-base)}.option-btn.active .option-icon svg{stroke:var(--accent-purple)}.option-label{font-size:var(--text-base);font-weight:600;color:var(--text-secondary);transition:color var(--transition-base)}.option-btn.active .option-label{color:var(--text-primary)}input[type=number],select{width:100%;padding:var(--space-4);background:var(--bg-elevated);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-base);font-family:inherit}input[type=number]:hover,select:hover{border-color:#8b5cf64d}input[type=number]:focus,select:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 4px #8b5cf61a}.upload-section{margin-bottom:var(--space-12)}.upload-area{border:2px dashed rgba(139,92,246,.4);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base);background:#8b5cf605;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.upload-area:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf608,#a855f708);opacity:0;transition:opacity var(--transition-base)}.upload-area:hover{border-color:var(--accent-purple);border-width:2px;transform:translateY(-1px);box-shadow:0 8px 24px #8b5cf626;background:#8b5cf60d}.upload-area:hover:before{opacity:1}.upload-area.dragover{border-color:var(--accent-purple);border-width:2px;border-style:solid;background:#8b5cf614;transform:scale(1.01);box-shadow:0 0 30px #8b5cf64d}.upload-area.scanning{border-color:var(--accent-purple);animation:scanPulse 2s ease-in-out infinite}@keyframes scanPulse{0%,to{box-shadow:0 0 15px #8b5cf633;border-color:#8b5cf666}50%{box-shadow:0 0 25px #8b5cf666;border-color:#8b5cf699}}.upload-area.has-file{border-color:#8b5cf680;border-style:solid;background:#8b5cf60d}.upload-area>*{position:relative;z-index:3}.upload-icon{width:56px;height:56px;margin:0 auto var(--space-3);background:linear-gradient(135deg,#8b5cf626,#a855f726);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.upload-icon svg{width:28px;height:28px;stroke:var(--accent-purple);stroke-width:2}.upload-area:hover .upload-icon{transform:scale(1.05);background:linear-gradient(135deg,#8b5cf633,#a855f733)}.upload-text{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary);letter-spacing:-.01em}.upload-subtext{font-size:var(--text-sm);color:var(--text-secondary);opacity:.8}.upload-clickable{width:100%;display:contents}.upload-guide-link{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--accent-purple);text-decoration:none;transition:all var(--transition-base);opacity:.8;display:inline-flex;align-items:center;gap:var(--space-1)}.upload-guide-link:hover{opacity:1;text-decoration:underline;color:var(--accent-pink)}.guide-inline{margin-top:var(--space-4);padding:var(--space-4);background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);animation:slideDown .3s ease}.guide-inline-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6}input[type=file]{display:none}.file-info{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);display:none;align-items:center;gap:var(--space-3);animation:slideDown .3s ease}.file-info.show{display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.file-icon{width:40px;height:40px;background:#8b5cf61f;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-icon svg{width:20px;height:20px;stroke:var(--accent-purple);stroke-width:2}.file-details{flex:1;text-align:left;min-width:0}.file-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:var(--text-xs);color:var(--text-secondary);opacity:.7}.file-remove{padding:var(--space-2) var(--space-4);background:#8b5cf614;border:1px solid rgba(139,92,246,.2);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);font-weight:500;transition:all var(--transition-base);flex-shrink:0;letter-spacing:.01em}.file-remove:hover{background:#8b5cf626;border-color:#8b5cf64d;color:var(--text-primary);transform:translateY(-1px)}.preview-container{margin-top:var(--space-8);border-radius:var(--radius-2xl);overflow:hidden;border:2px solid rgba(255,255,255,.1);display:none;animation:fadeIn .5s ease;background:var(--bg-elevated)}.preview-container.show{display:block}.preview-image,.preview-video{width:100%;height:auto;display:block;object-fit:contain;max-height:600px}.preview-image{background:var(--bg-secondary)}.loading{text-align:center;padding:var(--space-24);display:none}.loading.show{display:block;animation:fadeIn .3s ease}.skeleton-container{max-width:800px;margin:0 auto;padding:var(--space-8)}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-lg)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-header{height:40px;width:60%;margin:0 auto var(--space-8);border-radius:var(--radius-xl)}.skeleton-text{height:16px;margin-bottom:var(--space-4);border-radius:var(--radius-md)}.skeleton-text:last-child{width:80%}.skeleton-card{height:200px;margin-bottom:var(--space-6);border-radius:var(--radius-2xl)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.spinner-container{position:relative;width:100px;height:100px;margin:0 auto var(--space-8);display:none}.spinner{width:100px;height:100px;border:5px solid rgba(255,255,255,.1);border-top-color:var(--accent-purple);border-radius:var(--radius-full);animation:spin 1s linear infinite}.spinner-glow{position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);border-radius:var(--radius-full);background:linear-gradient(135deg,#7c3aed,#c026d3);filter:blur(25px);opacity:.4;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}.loading-text{font-size:var(--text-xl);color:var(--text-primary);font-weight:700;margin-bottom:var(--space-4);letter-spacing:-.02em}.loading-subtext{font-size:var(--text-base);color:var(--text-secondary)}.smart-loader{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0 4px;width:100%}.smart-loader-status{font-size:13px;font-weight:400;color:#ffffff8c;letter-spacing:.01em;transition:opacity .35s ease;min-height:18px}.smart-loader-status.fading{opacity:0}.smart-loader-bar{width:100%;height:2px;background:#ffffff0f;border-radius:1px;overflow:hidden}.smart-loader-bar-fill{height:100%;width:0%;background:#7c3aed;border-radius:1px;transition:width linear}.results{margin-top:var(--space-20);display:none;animation:slideUp .5s ease}.results.show{display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-card{background:var(--bg-secondary);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-2xl);padding:var(--space-12);margin-bottom:var(--space-8);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b5cf699,#6366f199)}.result-card:hover{border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf626;transform:translateY(-2px)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid rgba(139,92,246,.12);flex-wrap:wrap;gap:var(--space-4)}.result-description{background:#8b5cf608;border-left:2px solid rgba(139,92,246,.4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.description-text{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}.ai-commentary-card{background:linear-gradient(135deg,#8b5cf608,#3b82f605);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-8);position:relative;overflow:hidden;transition:all .3s ease}.ai-commentary-card:hover{border-color:#8b5cf640;background:linear-gradient(135deg,#8b5cf60d,#3b82f608)}.ai-commentary-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);font-size:.875rem;font-weight:600;color:var(--accent-purple);text-transform:uppercase;letter-spacing:.05em}.ai-commentary-content{color:var(--text-primary);font-size:1.0625rem;line-height:1.75;letter-spacing:-.01em;font-weight:400;white-space:pre-wrap;word-wrap:break-word}.ai-commentary-content p{margin-bottom:var(--space-4)}.ai-commentary-content p:last-child{margin-bottom:0}.ai-commentary-loading{display:flex;align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:.9375rem;font-style:normal}.ai-commentary-loading:after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--text-tertiary);animation:loadingDot 1.4s infinite}@keyframes loadingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.ai-commentary-expandable{margin-top:var(--space-5)}.ai-expand-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);color:var(--accent-purple);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ai-expand-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf60d,#3b82f608);opacity:0;transition:opacity .3s ease}.ai-expand-toggle:hover:before{opacity:1}.ai-expand-toggle:hover{border-color:#8b5cf666;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf61a}.ai-expand-toggle:active{transform:translateY(0)}.expand-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.expand-icon svg{width:100%;height:100%;stroke-width:2.5}.ai-commentary-expandable.expanded .expand-icon{transform:rotate(180deg)}.expand-text{position:relative;z-index:1;letter-spacing:.02em}.ai-expand-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.ai-expand-inner{padding:var(--space-6) var(--space-5) var(--space-4);color:var(--text-primary);font-size:1rem;line-height:1.7;letter-spacing:-.01em;white-space:pre-wrap;word-wrap:break-word;background:linear-gradient(180deg,rgba(139,92,246,.02),transparent);border-radius:var(--radius-lg);margin-top:var(--space-4);border:1px solid rgba(139,92,246,.08)}.ai-expand-inner p{margin-bottom:var(--space-4)}.ai-expand-inner p:last-child{margin-bottom:0}.ai-expand-inner strong{display:block;color:var(--accent-purple);font-weight:600;font-size:.9375rem;margin-top:var(--space-5);margin-bottom:var(--space-3);letter-spacing:.02em}.ai-expand-inner strong:first-child{margin-top:0}.ai-commentary-content .ai-section-head{display:block;color:var(--accent-purple);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-5);margin-bottom:var(--space-2)}.ai-commentary-content .ai-section-head:first-child{margin-top:0}.result-label{font-size:var(--text-4xl);font-weight:800;background:var(--accent-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.confidence-badge{background:var(--accent-purple);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:700;box-shadow:var(--shadow-xl),var(--shadow-glow-sm);animation:fadeIn .5s ease .3s both}.confidence-meter{margin-bottom:var(--space-10)}.meter-label{display:flex;justify-content:space-between;margin-bottom:var(--space-3);font-size:var(--text-sm)}.meter-label-text{color:#8b5cf699;font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.meter-label-value{color:var(--accent-purple);font-weight:600;font-size:var(--text-base)}.meter-bar{height:14px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.meter-fill{height:100%;background:var(--accent-purple);border-radius:var(--radius-full);animation:fillBar 1.5s cubic-bezier(.68,-.55,.265,1.55) forwards;transform-origin:left;position:relative}.meter-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmerBar 2s infinite}@keyframes fillBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shimmerBar{0%{transform:translate(-100%)}to{transform:translate(100%)}}.result-details{display:grid;gap:var(--space-4);margin-bottom:var(--space-10)}.result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);background:#ffffff0d;border-radius:var(--radius-lg);transition:all var(--transition-base)}.result-item:hover{background:#ffffff14;transform:translate(4px)}.result-item-label{color:var(--text-secondary);font-size:var(--text-base);font-weight:500}.result-item-value{color:var(--text-primary);font-weight:600;font-size:var(--text-base)}.predictions-list{margin-top:var(--space-12)}.predictions-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.predictions-title:before{content:"";width:5px;height:32px;background:var(--accent-purple);border-radius:var(--radius-full)}.prediction-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-3);display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-base);animation:fadeIn .3s ease;gap:var(--space-4)}.prediction-item:hover{border-color:#8b5cf680;transform:translate(6px);background:#8b5cf61a}.prediction-name{font-size:var(--text-base);color:var(--text-primary);font-weight:500}.prediction-confidence{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600;padding:var(--space-2) var(--space-4);background:#8b5cf61a;border-radius:var(--radius-lg)}.result-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.result-subtitle{font-size:var(--text-sm);color:#8b5cf6b3;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.result-emoji{font-size:64px;margin-bottom:var(--space-4)}.confidence-badge-large{background:#8b5cf61a;color:var(--accent-purple);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-size:var(--text-2xl);font-weight:700;border:1px solid rgba(139,92,246,.3)}.confidence-meter-visual{margin:var(--space-8) 0;padding:var(--space-6);background:#8b5cf608;border-radius:var(--radius-xl);border:1px solid rgba(139,92,246,.12)}.meter-bar-large{height:8px;background:#8b5cf614;border-radius:var(--radius-full);overflow:hidden;position:relative}.meter-fill-animated{height:100%;background:linear-gradient(90deg,#8b5cf6cc,#6366f1cc);border-radius:var(--radius-full);animation:fillBar 1s cubic-bezier(.4,0,.2,1) forwards;transform-origin:left;box-shadow:0 0 8px #8b5cf666}.result-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-8) 0}.info-card{background:#8b5cf608;border:1px solid rgba(139,92,246,.12);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card:hover{background:#8b5cf614;border-color:#8b5cf640;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.info-label{font-size:.75rem;color:var(--text-tertiary);margin-bottom:var(--space-2);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.info-value{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.comprehensive-results-container{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-6);width:100%;position:relative}.comp-result-card{background:var(--bg-secondary);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-8);animation:fadeIn .5s ease;transition:border-color var(--transition-base),box-shadow var(--transition-base);position:relative;isolation:isolate;width:100%;box-sizing:border-box}@media (min-width: 769px){.comp-result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:#8b5cf64d}}.comp-card-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid rgba(255,255,255,.05)}.comp-icon-wrapper{width:56px;height:56px;min-width:56px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:var(--shadow-glow-sm)}.comp-header-content{flex:1;min-width:0}.comp-label{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:var(--space-1)}.comp-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);line-height:1.2}.comp-confidence{font-size:var(--text-xl);font-weight:700;color:var(--accent-purple);min-width:70px;text-align:right}.comp-meter{margin-top:var(--space-4);margin-bottom:var(--space-2)}.comp-meter-bar{height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.comp-meter-fill{height:100%;background:linear-gradient(90deg,var(--accent-purple) 0%,var(--accent-blue) 100%);border-radius:var(--radius-full);transition:width 1s cubic-bezier(.68,-.55,.265,1.55);animation:fillBar 1.5s cubic-bezier(.68,-.55,.265,1.55) forwards}.comp-meter-label{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2)}.comp-details{margin-top:var(--space-6)}.comp-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.comp-detail-item{padding:var(--space-4);background:#8b5cf60d;border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-lg)}.comp-detail-label{font-size:var(--text-xs);color:var(--accent-purple);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:var(--space-2)}.comp-detail-value{font-size:var(--text-base);color:var(--text-secondary);line-height:1.5}.comp-description{margin-top:var(--space-4);padding:var(--space-4);background:#ffffff05;border-left:3px solid var(--accent-purple);border-radius:var(--radius-md)}.comp-description-text{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.comp-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.comp-health-item{background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.comp-health-item:hover{background:#ffffff0d;border-color:#8b5cf64d}.comp-health-item.healthy{border-color:#10b9814d;background:#10b9810d}.comp-health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.comp-health-icon{font-size:32px}.comp-health-badge{padding:var(--space-2) var(--space-3);background:#8b5cf633;color:var(--accent-purple);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600}.comp-health-item.healthy .comp-health-badge{background:#10b98133;color:var(--accent-green)}.comp-health-title{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.comp-health-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.comp-disclaimer{background:#8b5cf61a;border:2px solid rgba(139,92,246,.3);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;gap:var(--space-4);align-items:start;margin-top:var(--space-6)}.comp-disclaimer-icon{font-size:28px;min-width:28px}.comp-disclaimer-content h4{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.comp-disclaimer-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.comp-info-message{text-align:center;padding:var(--space-8);background:#3b82f61a;border:2px solid rgba(59,130,246,.3);border-radius:var(--radius-xl)}.comp-info-icon{font-size:48px;margin-bottom:var(--space-3)}.comp-info-text{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.available-features-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:2px solid rgba(255,255,255,.05)}.features-header{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.features-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.feature-item-compact{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.feature-item-compact.available:hover{background:#8b5cf61a;border-color:#8b5cf64d;transform:translateY(-2px)}.feature-item-compact.unavailable{opacity:.5;cursor:not-allowed}.feature-icon-small{font-size:20px}.feature-name{flex:1;font-size:var(--text-sm);color:var(--text-secondary)}.feature-status{font-size:var(--text-sm);font-weight:700}.feature-item-compact.available .feature-status{color:var(--accent-green)}.feature-item-compact.unavailable .feature-status{color:var(--accent-red)}.features-note{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary);text-align:center}@media (max-width: 480px){.features-grid-compact{grid-template-columns:1fr}}.predictions-chart-card{background:var(--bg-secondary);border:1px solid rgba(139,92,246,.12);border-radius:var(--radius-2xl);padding:var(--space-10);margin-top:var(--space-8);box-shadow:0 1px 3px #0000001a}.chart-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-8);color:var(--text-primary);padding-bottom:var(--space-4);border-bottom:1px solid rgba(139,92,246,.15)}.horizontal-bar-chart{display:flex;flex-direction:column;gap:var(--space-5)}.chart-bar-item{display:grid;grid-template-columns:160px 1fr 90px;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);transition:all .3s ease;animation:slideInLeft .5s ease;position:relative}.chart-bar-item:hover{background:#8b5cf608;transform:translate(2px)}.chart-bar-item.top-prediction{padding:var(--space-5);background:#8b5cf614;border-radius:var(--radius-xl);border:1px solid rgba(139,92,246,.25);box-shadow:0 2px 8px #8b5cf61f}.chart-bar-label{font-size:var(--text-base);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-bar-item.top-prediction .chart-bar-label{font-weight:700;font-size:var(--text-lg);color:var(--accent-purple)}.chart-bar-container{background:#8b5cf614;border-radius:var(--radius-full);height:12px;overflow:hidden;position:relative}.chart-bar-item.top-prediction .chart-bar-container{height:14px;background:#8b5cf61f}.chart-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf699,#6366f199);border-radius:var(--radius-full);transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.chart-bar-item.top-prediction .chart-bar-fill{background:linear-gradient(90deg,#8b5cf6e6,#6366f1e6);box-shadow:0 0 8px #8b5cf64d}.chart-bar-value{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-align:right;min-width:60px;font-variant-numeric:tabular-nums}.chart-bar-item.top-prediction .chart-bar-value{font-size:var(--text-base);color:var(--accent-purple);font-weight:700}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.feedback-inline{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-3) 0}.feedback-prompt{font-size:var(--text-sm);color:var(--text-secondary)}.feedback-thumb{background:none;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:32px;height:32px}.feedback-thumb:hover{border-color:#8b5cf666;color:var(--accent-purple);background:#8b5cf614}.feedback-thumb svg{width:16px;height:16px}.feedback-thumb.selected{border-color:#8b5cf680;color:var(--accent-purple);background:#8b5cf61f}.feedback-thanks{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;padding:var(--space-3) 0;margin-top:var(--space-6)}.dislike-form{margin-top:var(--space-4);padding:var(--space-5);background:var(--bg-secondary);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);animation:tabFadeIn .25s ease}.dislike-form-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.dislike-categories{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.dislike-cat-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:500;font-family:inherit;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);background:none;color:var(--text-secondary);cursor:pointer;transition:all .2s}.dislike-cat-btn:hover{border-color:#8b5cf64d;color:var(--text-primary)}.dislike-cat-btn.selected{border-color:var(--accent-purple);background:#8b5cf61f;color:var(--accent-purple)}.dislike-textarea{width:100%;min-height:70px;padding:var(--space-3);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);resize:vertical;margin-bottom:var(--space-3);transition:border-color .2s}.dislike-textarea:focus{outline:none;border-color:#8b5cf666}.dislike-textarea::placeholder{color:var(--text-tertiary)}.dislike-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.dislike-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:600;font-family:inherit;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.dislike-btn-skip{background:none;border:1px solid rgba(255,255,255,.12);color:var(--text-tertiary)}.dislike-btn-skip:hover{border-color:#ffffff40;color:var(--text-secondary)}.dislike-btn-submit{background:var(--accent-purple);border:none;color:#fff}.dislike-btn-submit:hover{background:#8b5cf6d9}.dislike-btn-submit:disabled{opacity:.4;cursor:not-allowed}.dislike-select{width:100%;padding:var(--space-3);font-size:var(--text-sm);font-family:inherit;color:var(--text-primary);background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);margin-bottom:var(--space-4);cursor:pointer;transition:border-color .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.dislike-select:focus{outline:none;border-color:#8b5cf666}.dislike-select option{background:var(--bg-secondary);color:var(--text-primary)}.ear-assessment-card{background:var(--bg-secondary);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:var(--space-8);margin-top:var(--space-4)}.ear-assessment-card.ear-healthy{border-color:#10b9814d}.ear-assessment-card.ear-minor{border-color:#fbbf244d}.ear-assessment-card.ear-attention{border-color:#ef44444d}.ear-assessment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.ear-assessment-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}.ear-assessment-badge.ear-healthy{background:#10b98126;color:var(--accent-green)}.ear-assessment-badge.ear-minor{background:#fbbf2426;color:#fbbf24}.ear-assessment-badge.ear-attention{background:#ef444426;color:#ef4444}.ear-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary)}.ear-assessment-section{margin-bottom:var(--space-5)}.ear-assessment-section:last-of-type{margin-bottom:0}.ear-section-label{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.ear-section-text{font-size:var(--text-base);color:var(--text-primary);line-height:1.7}.ear-recommendation{background:#8b5cf60f;border-radius:var(--radius-xl);padding:var(--space-4)}.ear-disclaimer{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.5}.ear-disclaimer svg{flex-shrink:0;margin-top:1px}.result-icon{font-size:48px;margin-bottom:var(--space-3)}.healthy-result{border-color:#10b9814d}.healthy-result:before{background:var(--accent-green)}.badge-success{background:linear-gradient(135deg,var(--accent-green) 0%,#059669 100%)}.fill-success{background:linear-gradient(90deg,var(--accent-green) 0%,#059669 100%)}.medical-disclaimer{background:#8b5cf60a;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-2xl);margin:var(--space-8) 0;overflow:hidden;transition:all var(--transition-base)}.medical-disclaimer:hover{background:#8b5cf60f;border-color:#8b5cf64d}.disclaimer-toggle{width:100%;background:transparent;border:none;padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition-base);color:var(--text-primary)}.disclaimer-toggle:hover{background:#8b5cf614}.disclaimer-toggle-left{display:flex;align-items:center;gap:var(--space-3)}.medical-disclaimer .disclaimer-icon{width:36px;height:36px;min-width:36px;background:#8b5cf626;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(139,92,246,.3)}.medical-disclaimer .disclaimer-icon svg{width:20px;height:20px;color:var(--accent-purple)}.medical-disclaimer .disclaimer-title{color:var(--accent-purple);font-weight:600;font-size:var(--text-base);letter-spacing:-.01em}.disclaimer-chevron{width:20px;height:20px;color:var(--accent-purple);transition:transform var(--transition-base);flex-shrink:0}.disclaimer-toggle[aria-expanded=true] .disclaimer-chevron{transform:rotate(180deg)}.medical-disclaimer .disclaimer-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);padding:0 var(--space-5)}.medical-disclaimer.expanded .disclaimer-content{max-height:500px;padding:0 var(--space-5) var(--space-5)}.medical-disclaimer .disclaimer-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.error-card{background:#ef44441a;border:2px solid var(--accent-red);border-radius:var(--radius-2xl);padding:var(--space-12);margin-bottom:var(--space-8);animation:fadeIn .5s ease}.error-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.error-icon{font-size:48px;flex-shrink:0}.error-title{font-size:var(--text-3xl);font-weight:700;color:var(--accent-red);margin-bottom:var(--space-1)}.error-subtitle{font-size:var(--text-base);color:var(--text-secondary)}.error-content{background:#0000004d;border-radius:var(--radius-lg);padding:var(--space-6)}.error-message{color:var(--text-primary);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1)}.error-suggestions h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.error-suggestions ul{list-style:none;padding:0;margin:0}.error-suggestions li{color:var(--text-secondary);font-size:var(--text-base);line-height:1.8;padding-left:var(--space-8);position:relative;margin-bottom:var(--space-3)}.error-suggestions li:before{content:"→";position:absolute;left:0;color:var(--accent-red);font-weight:700}.feedback-section{margin-top:var(--space-20);padding:var(--space-12);background:var(--bg-secondary);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);display:none;animation:slideUp .5s ease}.feedback-section.show{display:block}.toast-container{position:fixed;top:var(--space-8);right:var(--space-8);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-3);max-width:450px;pointer-events:none}.toast{background:var(--bg-elevated);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);box-shadow:var(--shadow-2xl);animation:slideInRight .3s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;pointer-events:auto}.toast:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--accent-purple);animation:toastProgress 3s linear;transform-origin:left}.toast.success{border-color:#10b9814d}.toast.success:before{background:var(--accent-green)}.toast.error{border-color:#ef44444d}.toast.error:before{background:var(--accent-red)}.toast.warning{border-color:#f59e0b4d}.toast.warning:before{background:var(--accent-yellow)}.toast-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-base)}.toast.success .toast-icon{color:var(--accent-green)}.toast.error .toast-icon{color:var(--accent-red)}.toast.warning .toast-icon{color:var(--accent-yellow)}.toast.info .toast-icon{color:var(--accent-purple)}.toast-content{flex:1}.toast-title{font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.toast-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--text-xl);line-height:1;width:28px;height:28px}.toast-close:hover{background:#ffffff1a;color:var(--text-primary)}@keyframes slideInRight{0%{transform:translate(450px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toastMessageUpdate{0%{opacity:.6;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.spinner-small{width:20px;height:20px;border:2px solid rgba(168,85,247,.2);border-top-color:var(--accent-purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-progress:before{display:none}.toast-completing{animation:toastComplete .3s ease}@keyframes toastComplete{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 768px){.toast-container{top:auto;bottom:var(--space-6);right:var(--space-4);left:var(--space-4);max-width:none;gap:var(--space-2)}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border-width:1px;gap:var(--space-3);box-shadow:var(--shadow-lg)}.toast-icon{width:20px;height:20px;font-size:var(--text-sm)}.toast-title{font-size:var(--text-sm);margin-bottom:2px}.toast-message{font-size:var(--text-xs);line-height:1.4}.toast-close{width:24px;height:24px;font-size:var(--text-lg);padding:2px}.toast:before{height:3px}.spinner-small{width:16px;height:16px}@keyframes slideInRight{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}}@media (max-width: 480px){.toast-container{bottom:var(--space-4);right:var(--space-3);left:var(--space-3)}.toast{padding:var(--space-2) var(--space-3)}.toast-title{font-size:13px}.toast-message{font-size:12px}}footer{border-top:2px solid rgba(255,255,255,.05);padding:var(--space-20) var(--space-8);position:relative;margin-top:var(--space-32)}.footer-content{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-12);margin-bottom:var(--space-12)}.footer-section{text-align:left}.footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:var(--text-2xl);font-weight:700}.footer-logo-icon{width:42px;height:42px;background:var(--accent-purple);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.footer-logo-icon svg{width:24px;height:24px;fill:#fff}.footer-tagline{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-6)}.footer-social{display:flex;gap:var(--space-3)}.social-link{width:42px;height:42px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);font-size:var(--text-lg)}.social-link:hover{background:var(--accent-purple);color:#fff;transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow-sm);border-color:transparent}.footer-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4)}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);transition:all var(--transition-base);position:relative;padding-left:var(--space-4)}.footer-link:before{content:"→";position:absolute;left:0;opacity:0;transition:all var(--transition-base)}.footer-link:hover{color:var(--text-primary);padding-left:var(--space-6)}.footer-link:hover:before{opacity:1}.footer-bottom{text-align:center;padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.05)}.footer-text{font-size:var(--text-sm);color:var(--text-tertiary)}@media (max-width: 768px){:root{--space-8: 20px;--space-10: 32px;--space-12: 40px;--space-16: 48px;--space-20: 56px;--space-24: 64px;--space-32: 80px}.nav-container{flex-direction:row;padding:var(--space-3) 0}.mobile-menu-toggle{display:block}.hero{padding:var(--space-20) var(--space-4) var(--space-16)}.hero-cta{flex-direction:column}.btn{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.features-grid{grid-template-columns:1fr}.feature-card{grid-column:span 1!important;height:auto;min-height:auto;align-self:start}.feature-page{padding:var(--space-16) var(--space-4) var(--space-20)}.page-header{margin-bottom:var(--space-12)}.result-header{flex-direction:column;align-items:flex-start}.toast-container{left:var(--space-4);right:var(--space-4);top:var(--space-4)}.option-buttons{grid-template-columns:1fr}.upload-area{padding:var(--space-6) var(--space-4);min-height:100px;gap:var(--space-1)}.upload-icon{width:44px;height:44px;margin:0 auto var(--space-2)}.upload-icon svg{width:22px;height:22px}.upload-text{font-size:var(--text-base);margin-bottom:2px}.upload-subtext{font-size:var(--text-xs)}.file-info{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);gap:var(--space-2)}.file-icon{width:36px;height:36px}.file-icon svg{width:18px;height:18px}.file-details{flex:1;min-width:0;overflow:hidden}.file-name{font-size:var(--text-xs)}.file-size{font-size:11px}.file-remove{padding:var(--space-1) var(--space-3);font-size:11px}.file-name{word-break:break-all;font-size:var(--text-sm)}.file-remove{width:100%;text-align:center;margin-top:var(--space-2)}.steps-grid,.testimonials-grid{grid-template-columns:1fr}.samples-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-section{text-align:center}.footer-logo,.footer-social{justify-content:center}.comprehensive-results-container{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6);position:relative;z-index:1}.comp-result-card{padding:var(--space-4);margin-bottom:0;position:relative;z-index:1;width:100%;box-sizing:border-box}.comp-card-header{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3)}.comp-icon-wrapper{width:44px;height:44px;min-width:44px;font-size:22px}.comp-header-content{flex:1;min-width:120px}.comp-label{font-size:var(--text-xs)}.comp-value{font-size:var(--text-lg)}.comp-confidence{font-size:var(--text-base);text-align:right;min-width:60px}.comp-meter{margin-top:var(--space-3)}.comp-meter-bar{height:6px}.comp-details{margin-top:var(--space-4)}.comp-description{padding:var(--space-3)}.comp-description-text{font-size:var(--text-sm)}.comp-detail-grid{grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--space-3)}.comp-detail-item{padding:var(--space-3)}.comp-detail-label{font-size:10px}.comp-detail-value{font-size:var(--text-sm)}.comp-health-grid{grid-template-columns:1fr;gap:var(--space-3)}.comp-health-item{padding:var(--space-4)}.comp-health-header{margin-bottom:var(--space-2)}.comp-health-icon{font-size:28px}.comp-health-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.comp-health-title{font-size:var(--text-xs)}.comp-health-value{font-size:var(--text-lg)}.comp-disclaimer{flex-direction:column;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-4)}.comp-disclaimer-icon{font-size:24px}.comp-disclaimer-content h4{font-size:var(--text-sm)}.comp-disclaimer-content p{font-size:var(--text-xs)}.comp-info-message{padding:var(--space-6)}.comp-info-icon{font-size:36px}.comp-info-text{font-size:var(--text-sm)}.chart-bar-item{grid-template-columns:80px 1fr 50px;gap:var(--space-2)}.chart-bar-label,.chart-bar-value{font-size:var(--text-xs)}.results{margin-top:var(--space-8);position:relative;z-index:1;width:100%;overflow:visible}.comprehensive-results-container{gap:var(--space-4);margin-top:var(--space-4)}}@media (max-width: 480px){.comp-card-header{flex-direction:column;align-items:flex-start}.comp-confidence{text-align:left;width:100%;margin-top:var(--space-2)}.comp-value{font-size:var(--text-base);word-break:break-word}.comp-detail-grid,.comp-health-grid{gap:var(--space-2)}.comp-health-item{padding:var(--space-3)}.comp-health-value{font-size:var(--text-base)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:3px solid var(--accent-purple);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-gradient{background:var(--accent-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1)}.glow{box-shadow:var(--shadow-xl),var(--shadow-glow-sm)}.fade-in{animation:fadeIn .5s ease}.slide-up{animation:slideUp .5s ease}.animated-bg,#particles-js,canvas{position:fixed!important;z-index:-9999!important;pointer-events:none!important}body>*:not(.animated-bg):not(script):not(nav):not(header):not(.toast-container):not(.modal-overlay):not(.image-viewer-overlay){position:relative!important;z-index:10!important}h1,h2,h3,p,a,button,section,div:not(.lang-dropdown),span,.hero-title,.hero-subtitle{opacity:1!important;visibility:visible!important}.lang-dropdown{opacity:0!important;visibility:hidden!important}.language-switcher.open .lang-dropdown{opacity:1!important;visibility:visible!important;z-index:100001!important}nav,header,.navbar{z-index:9999!important}.lang-dropdown .lang-option{pointer-events:auto!important}.toast-container{position:fixed!important;z-index:100000!important}.bg-gradient-mesh{animation:none!important;opacity:.5!important}.shape{filter:blur(80px)!important}.language-switcher{position:relative;margin-left:var(--space-4);z-index:10001;display:flex;align-items:center;align-self:center}.lang-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-sm);font-weight:500;position:relative;z-index:10002;font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.lang-toggle:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.lang-toggle:active{transform:scale(.98)}.lang-toggle:hover{background:#ffffff14;border-color:#8b5cf64d}.lang-icon{width:18px;height:18px}.lang-chevron{width:16px;height:16px;transition:transform var(--transition-base)}.language-switcher.open .lang-chevron{transform:rotate(180deg)}.current-lang{font-weight:500}.lang-dropdown{position:fixed;top:auto;right:auto;min-width:160px;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-2);display:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s;box-shadow:0 10px 40px #00000080;z-index:99999;pointer-events:none}.language-switcher.open .lang-dropdown{display:block!important;opacity:1!important;visibility:visible!important;transform:translateY(0);pointer-events:auto!important}.lang-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-sm);text-align:left;font-family:inherit;-webkit-tap-highlight-color:transparent;position:relative;pointer-events:auto}.lang-option:hover{background:#8b5cf61a}.lang-option.active{background:#8b5cf626;color:var(--accent-purple);font-weight:600}.lang-flag{font-size:20px;line-height:1}.lang-name{flex:1}@media (max-width: 768px){.language-switcher{position:fixed!important;top:10px!important;right:20px!important;margin-left:0;background:#000c;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-full);padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0006}.lang-toggle{padding:10px 16px;min-height:40px;justify-content:center;gap:8px;background:transparent;width:100%;cursor:pointer;border-radius:var(--radius-full)}.lang-toggle:hover,.lang-toggle:active{background:#8b5cf61a}.current-lang{display:block;font-size:var(--text-sm);font-weight:500}.lang-icon{width:18px;height:18px}.lang-dropdown{position:fixed!important;max-width:calc(100vw - 40px);min-width:120px;width:auto;right:20px;left:auto;top:62px!important;padding:var(--space-2);border-radius:var(--radius-lg);border:1px solid rgba(139,92,246,.2);box-shadow:0 8px 24px #00000080}.language-switcher.open .lang-dropdown{z-index:100001!important;pointer-events:auto!important;display:block!important;opacity:1!important;visibility:visible!important}.lang-toggle,.lang-option{-webkit-tap-highlight-color:rgba(139,92,246,.3);touch-action:manipulation}.lang-dropdown .lang-flag{display:none}.lang-dropdown .lang-option{justify-content:center;padding:var(--space-3) var(--space-5);pointer-events:auto!important;min-height:44px;font-weight:500}.lang-dropdown .lang-option.active{background:#8b5cf633}.lang-chevron{width:14px;height:14px}.lang-option{padding:var(--space-4);font-size:var(--text-sm);min-height:48px;border-radius:var(--radius-lg)}.lang-flag{font-size:24px}}@media (max-width: 480px){.language-switcher{position:fixed!important;top:10px!important;right:20px!important;margin-left:0}.lang-toggle{padding:var(--space-2);min-width:44px;min-height:44px}.lang-icon{width:20px;height:20px}.lang-chevron{width:14px;height:14px}.lang-dropdown{min-width:150px}}.image-guide{background:#8b5cf60a;border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-2xl);margin:var(--space-8) 0;overflow:hidden;transition:all var(--transition-base)}.image-guide:hover{background:#8b5cf60f;border-color:#8b5cf640}.guide-toggle{width:100%;background:transparent;border:none;padding:var(--space-5);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition-base);color:var(--text-primary)}.guide-toggle:hover{background:#8b5cf614}.guide-toggle-left{display:flex;align-items:center;gap:var(--space-3)}.image-guide .guide-icon{width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #8b5cf633}.image-guide .guide-icon svg{width:20px;height:20px;color:#fff}.image-guide .guide-title{color:var(--accent-purple);font-weight:600;font-size:var(--text-base);letter-spacing:-.01em}.guide-chevron{width:20px;height:20px;color:var(--accent-purple);transition:transform var(--transition-base);flex-shrink:0}.guide-toggle[aria-expanded=true] .guide-chevron{transform:rotate(180deg)}.image-guide .guide-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);padding:0 var(--space-5)}.image-guide.expanded .guide-content{max-height:2000px;padding:0 var(--space-5) var(--space-5)}.image-guide .guide-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.image-guide .guide-text strong{color:var(--text-primary);font-weight:600}.image-guide.health-guide .guide-content{width:100%}.image-guide .guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.guide-item{display:flex;gap:var(--space-3);padding:var(--space-4);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);transition:all var(--transition-base)}.guide-item:hover{background:#ffffff0a;border-color:#8b5cf64d;transform:translateY(-1px)}.guide-item-icon{font-size:22px;flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--accent-purple)}.guide-item-icon svg{width:20px;height:20px;stroke-width:2}.guide-item-content{flex:1}.guide-item-title{color:var(--text-primary);font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-1)}.guide-item-text{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.6}@media (max-width: 768px){.guide-toggle{padding:var(--space-3) var(--space-4)}.guide-toggle-left{gap:var(--space-2)}.image-guide .guide-icon{width:28px;height:28px;min-width:28px}.image-guide .guide-icon svg{width:16px;height:16px}.image-guide .guide-title{font-size:var(--text-sm)}.guide-chevron{width:18px;height:18px}.image-guide .guide-text{font-size:var(--text-xs)}.image-guide .guide-grid{grid-template-columns:1fr;gap:var(--space-3)}.guide-item{padding:var(--space-3)}.guide-item-icon{font-size:20px;width:28px;height:28px}.guide-item-icon svg{width:18px;height:18px}.image-guide.expanded .guide-content{padding:0 var(--space-4) var(--space-4)}.disclaimer-toggle{padding:var(--space-3) var(--space-4)}.disclaimer-toggle-left{gap:var(--space-2)}.medical-disclaimer .disclaimer-icon{width:28px;height:28px;min-width:28px}.medical-disclaimer .disclaimer-icon svg{width:16px;height:16px}.medical-disclaimer .disclaimer-title{font-size:var(--text-sm)}.disclaimer-chevron{width:18px;height:18px}.medical-disclaimer .disclaimer-text{font-size:var(--text-xs)}.medical-disclaimer.expanded .disclaimer-content{padding:0 var(--space-4) var(--space-4)}}@media (max-width: 480px){.image-guide{margin:var(--space-5) 0}.guide-toggle{padding:var(--space-2) var(--space-3)}.guide-toggle-left{gap:var(--space-2)}.image-guide .guide-icon{width:24px;height:24px;min-width:24px}.image-guide .guide-icon svg{width:14px;height:14px}.image-guide .guide-title{font-size:13px;font-weight:500}.guide-chevron{width:16px;height:16px}.guide-item-title{font-size:var(--text-xs)}.guide-item-text{font-size:11px}.guide-item-icon{width:24px;height:24px}.guide-item-icon svg{width:14px;height:14px}.image-guide.expanded .guide-content{padding:0 var(--space-3) var(--space-3)}.medical-disclaimer{margin:var(--space-5) 0}.disclaimer-toggle{padding:var(--space-2) var(--space-3)}.disclaimer-toggle-left{gap:var(--space-2)}.medical-disclaimer .disclaimer-icon{width:24px;height:24px;min-width:24px}.medical-disclaimer .disclaimer-icon svg{width:14px;height:14px}.medical-disclaimer .disclaimer-title{font-size:13px;font-weight:500}.disclaimer-chevron{width:16px;height:16px}.medical-disclaimer .disclaimer-text{font-size:11px;line-height:1.6}.medical-disclaimer.expanded .disclaimer-content{padding:0 var(--space-3) var(--space-3)}}.health-step{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-selection-header{text-align:center;margin-bottom:var(--space-12)}.selection-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3)}.selection-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.health-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-8);margin-top:var(--space-10);max-width:960px;margin-left:auto;margin-right:auto}.health-category-grid .health-category-card:nth-child(-n+3){grid-column:span 2}.health-category-grid .health-category-card:nth-child(4){grid-column:2 / 4}.health-category-grid .health-category-card:nth-child(5){grid-column:4 / 6}.health-category-card{background:var(--bg-secondary);border:2px solid rgba(139,92,246,.12);border-radius:var(--radius-2xl);padding:var(--space-8);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center}.health-category-card:hover{border-color:#8b5cf666;transform:translateY(-4px);box-shadow:0 12px 32px #8b5cf633}.category-card-icon{width:72px;height:72px;margin:0 auto var(--space-6);background:#8b5cf61a;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.health-category-card:hover .category-card-icon{background:#8b5cf633;transform:scale(1.1)}.category-card-icon svg{width:36px;height:36px;color:var(--accent-purple)}.category-card-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:0}.category-card-description{display:none}.health-nav-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-4);background:#8b5cf608;border:1px solid rgba(139,92,246,.1);border-radius:var(--radius-lg)}.health-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#8b5cf614;border:none;border-radius:var(--radius-lg);color:var(--accent-purple);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:0}.health-back-btn:hover{background:#8b5cf626;transform:translate(-4px)}.health-back-btn svg{width:18px;height:18px}.category-page-header{text-align:center;margin-bottom:var(--space-10)}.category-page-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.2}.category-page-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.category-form-header{display:none}.category-form-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3)}.category-form-description{font-size:var(--text-base);color:var(--text-secondary)}.category-specific-guide .guide-single-item{display:flex;align-items:start;gap:var(--space-5);padding:var(--space-6);background:#8b5cf608;border-radius:var(--radius-xl)}.category-guide-icon{width:48px;height:48px;min-width:48px;background:#8b5cf626;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.category-guide-icon svg{width:24px;height:24px;color:var(--accent-purple)}.category-guide-text{flex:1}.category-guide-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.category-guide-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.guide-sample-images{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-5)}.sample-image-placeholder{background:#8b5cf60a;border:2px dashed rgba(139,92,246,.25);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:120px;transition:all .3s ease}.sample-image-placeholder:hover{background:#8b5cf614;border-color:#8b5cf666}.sample-image-icon{width:40px;height:40px;margin-bottom:var(--space-3)}.sample-image-icon svg{width:100%;height:100%;color:#8b5cf680}.sample-image-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.category-collapsibles{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.category-disclaimer{margin:0 0 var(--space-6) 0!important}.category-specific-guide{margin:0!important}@media (min-width: 481px) and (max-width: 768px){.health-category-grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}.health-category-grid .health-category-card:nth-child(-n+3),.health-category-grid .health-category-card:nth-child(4){grid-column:auto}.health-category-grid .health-category-card:nth-child(5){grid-column:1 / -1;max-width:50%;margin:0 auto;width:100%}}@media (max-width: 480px){.health-category-grid{grid-template-columns:1fr;gap:var(--space-4)}.health-category-grid .health-category-card:nth-child(-n+3),.health-category-grid .health-category-card:nth-child(4),.health-category-grid .health-category-card:nth-child(5){grid-column:auto;max-width:none;margin:0}}@media (max-width: 768px){.health-category-grid{grid-template-columns:1fr;gap:var(--space-4)}.health-category-grid .health-category-card:nth-child(-n+3),.health-category-grid .health-category-card:nth-child(4),.health-category-grid .health-category-card:nth-child(5){grid-column:auto;max-width:none;margin:0}.selection-title{font-size:var(--text-2xl)}.category-card-icon{width:60px;height:60px}.category-card-icon svg{width:30px;height:30px}.category-form-title,.category-page-title{font-size:var(--text-2xl)}.category-page-description{font-size:var(--text-base)}.category-specific-guide .guide-single-item{flex-direction:column;text-align:center;align-items:center}.guide-sample-images{grid-template-columns:1fr}.sample-image-placeholder{min-height:100px;padding:var(--space-6) var(--space-3)}.health-nav-actions{flex-direction:column;align-items:stretch;gap:var(--space-3)}.health-back-btn,.health-nav-actions .minimal-guide-btn{width:100%;justify-content:center}.health-back-btn:hover{transform:translate(0) translateY(-2px)}.health-nav-actions .minimal-guide-btn:hover{transform:translateY(-2px)}}@media (max-width: 480px){.health-tab{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);gap:var(--space-1)}.health-tab svg{width:14px;height:14px}.health-category-card{padding:var(--space-6)}.category-card-title{font-size:var(--text-lg)}.health-back-btn{padding:var(--space-2) var(--space-4);font-size:13px}}.modal-overlay{display:none;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100005!important;align-items:center!important;justify-content:center!important}.modal-overlay.active{display:flex!important}.modal-container{background:var(--bg-secondary);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);max-width:400px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);position:relative!important;margin:auto}@keyframes modalSlideIn{0%{transform:translateY(-32px);opacity:0}to{transform:translateY(0);opacity:1}}.warning-modal .modal-header{background:var(--gradient-primary);color:var(--text-primary);padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(139,92,246,.15);position:relative}.warning-modal .modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b5cf6cc,#6366f1cc)}.warning-modal .modal-header h2{font-size:var(--text-base);font-weight:600;margin:0;letter-spacing:-.01em}.modal-body{padding:var(--space-4) var(--space-5);color:var(--text-secondary)}.modal-body p{font-size:var(--text-sm);line-height:1.4;margin-bottom:var(--space-3)}.mismatch-info{background:#8b5cf60d;border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.mismatch-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid rgba(139,92,246,.08);font-size:var(--text-sm)}.mismatch-row:last-child{border-bottom:none}.mismatch-row span:first-child{color:var(--text-tertiary)}.highlight-selected{color:var(--accent-blue);font-weight:600}.highlight-detected{color:var(--accent-orange);font-weight:600}.visibility-status{text-align:center;margin-bottom:var(--space-6)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);margin:var(--space-4) 0;font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.warning-badge{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--accent-yellow)}.warning-tips{background:#8b5cf608;border:1px solid rgba(139,92,246,.15);border-left:3px solid var(--accent-purple);padding:var(--space-5);border-radius:var(--radius-lg);margin-top:var(--space-6)}.warning-tips h4{margin-top:0;margin-bottom:var(--space-3);color:var(--text-primary);font-size:var(--text-base);font-weight:600;letter-spacing:-.01em}.warning-tips ul{margin:0;padding-left:var(--space-6);list-style-type:none}.warning-tips li{margin-bottom:var(--space-3);color:var(--text-secondary);line-height:1.6;font-size:var(--text-sm);position:relative}.warning-tips li:before{content:"•";position:absolute;left:calc(var(--space-4) * -1);color:var(--accent-purple);font-weight:700}.modal-footer{padding:var(--space-3) var(--space-5);border-top:1px solid rgba(139,92,246,.08);display:flex;gap:var(--space-3);justify-content:flex-end;background:#0003}@media (max-width: 768px){.modal-container{width:95%;max-width:95%}.warning-modal .modal-header{padding:var(--space-6) var(--space-8)}.warning-modal .modal-header h2{font-size:var(--text-lg)}.modal-body{padding:var(--space-6)}.modal-footer{flex-direction:column;gap:var(--space-2)}.modal-footer .btn{width:100%}}@media (max-width: 480px){.modal-container{border-radius:var(--radius-xl)}.warning-modal .modal-header{padding:var(--space-5) var(--space-6)}.warning-modal .modal-header h2{font-size:var(--text-base)}.modal-body{padding:var(--space-5)}.modal-body p{font-size:var(--text-sm)}.warning-tips{padding:var(--space-4)}.warning-tips h4{font-size:var(--text-sm)}.warning-tips li{font-size:var(--text-xs)}.modal-footer{padding:var(--space-5) var(--space-6)}}.minimal-warning .modal-header{background:linear-gradient(135deg,#fb923c1f,#fb71851f);border-bottom:1px solid rgba(251,146,60,.2)}.minimal-warning .modal-header h2{color:var(--accent-orange);font-size:var(--text-base);font-weight:600}.minimal-warning .modal-body{padding:var(--space-4) var(--space-5);text-align:center}.warning-message{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;margin-bottom:var(--space-3);line-height:1.5}.guide-reference{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4;margin-bottom:0}.sleek-warning{max-width:480px;box-shadow:0 25px 80px #0009,0 0 0 1px #8b5cf61a;border:1px solid rgba(139,92,246,.15)}.sleek-warning .modal-header{background:transparent;border-bottom:1px solid rgba(255,255,255,.08);padding:var(--space-5) var(--space-6) var(--space-4);display:flex;justify-content:space-between;align-items:center}.sleek-warning .modal-header h2{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.sleek-warning .modal-body{padding:var(--space-6);text-align:center}.warning-icon{width:56px;height:56px;margin:0 auto var(--space-4);background:linear-gradient(135deg,#fb923c26,#fb718526);border-radius:50%;display:flex;align-items:center;justify-content:center}.warning-icon svg{width:32px;height:32px;color:var(--accent-orange)}.sleek-warning .warning-message{font-size:var(--text-base);color:var(--text-primary);font-weight:500;margin-bottom:var(--space-3);line-height:1.6}.warning-suggestion{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:0}.sleek-warning .modal-footer{padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid rgba(255,255,255,.05);display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.sleek-warning .modal-footer .btn{flex:1;min-width:120px}.sleek-warning .modal-footer .btn-tertiary{flex-basis:100%;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:var(--accent-purple);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.sleek-warning .modal-footer .btn-tertiary:hover{background:#8b5cf626;border-color:var(--accent-purple)}.sleek-warning .modal-footer .btn-tertiary svg{flex-shrink:0}@media (max-width: 768px){.sleek-warning{max-width:95%}.sleek-warning .modal-footer .btn{flex-basis:calc(50% - var(--space-2))}.sleek-warning .modal-footer .btn-tertiary{flex-basis:100%}}.species-select-group{margin-top:var(--space-5)}.species-select-prompt{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;margin-bottom:var(--space-3)}.species-select-options{display:flex;gap:var(--space-3);justify-content:center}.species-select-btn{flex:1;max-width:160px;padding:var(--space-3) var(--space-4);background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.species-select-btn:hover{background:#8b5cf614;border-color:#8b5cf64d;color:var(--text-primary)}.species-select-btn.selected{background:#8b5cf626;border-color:var(--accent-purple);color:var(--text-primary);box-shadow:0 0 0 1px #8b5cf64d}.sleek-warning .modal-footer .btn:disabled{opacity:.5;cursor:not-allowed}.comp-override-note{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:#8b5cf614;border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.comp-override-icon{flex-shrink:0;font-size:var(--text-base)}.sample-image-item{background:var(--bg-tertiary);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.sample-image-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026;border-color:#8b5cf64d}.sample-image{width:100%;height:180px;object-fit:cover;display:block}.sample-image-item .sample-image-label{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);font-weight:600;text-align:center;background:var(--bg-secondary);border-top:1px solid rgba(139,92,246,.1)}.guide-sample-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-top:var(--space-5)}.guide-sample-images:has(.sample-image-item:only-child){grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.modal-footer .btn{font-weight:500;letter-spacing:.01em;transition:all .2s ease}.modal-footer .btn-primary{background:var(--gradient-primary);box-shadow:0 2px 8px #8b5cf64d}.modal-footer .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.modal-footer .btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid rgba(139,92,246,.2)}.modal-footer .btn-secondary:hover{background:#8b5cf614;color:var(--text-primary);border-color:#8b5cf64d}@media (max-width: 768px){.modal-container{max-width:380px}.sample-image{height:150px}.guide-sample-images{grid-template-columns:1fr}.minimal-warning .modal-body{padding:var(--space-4) var(--space-5)}.warning-message{font-size:var(--text-xs)}}@media (max-width: 480px){.modal-container{max-width:340px}.sample-image{height:120px}.minimal-warning .modal-header h2{font-size:var(--text-sm)}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.modal-footer .btn+.btn{margin-bottom:var(--space-2)}}.info-modal{max-width:1000px;max-height:90vh;width:95%;box-shadow:0 25px 80px #0009,0 0 0 1px #8b5cf61a;border:1px solid rgba(139,92,246,.15)}.info-modal .modal-header{background:transparent;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.info-modal .modal-header h2{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all var(--transition-base)}.modal-close:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.modal-close svg{width:28px;height:28px}.info-modal .modal-body{padding:var(--space-5) var(--space-6);overflow-y:auto;max-height:calc(90vh - 100px)}.info-modal .modal-body::-webkit-scrollbar{width:8px}.info-modal .modal-body::-webkit-scrollbar-track{background:#8b5cf60d;border-radius:4px}.info-modal .modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-purple),var(--accent-orange));border-radius:4px;transition:background var(--transition-base)}.info-modal .modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a78bfa,#fb923c)}.info-section{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid rgba(255,255,255,.08)}.info-section:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.info-section-icon{display:none}.info-section h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3);text-align:left;display:flex;align-items:center;gap:var(--space-2)}.info-section h3:before{content:"";width:3px;height:18px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-cyan) 100%);border-radius:2px;box-shadow:0 0 8px #8b5cf666}.info-section p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;text-align:left;margin-bottom:var(--space-4);padding:0}.info-guidelines{background:#8b5cf60d;border:1px solid rgba(139,92,246,.15);border-radius:12px;padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-guideline-item{padding:var(--space-2) var(--space-2) var(--space-2) 40px;margin-bottom:var(--space-2);position:relative;border-radius:var(--radius-lg);transition:all var(--transition-base)}.info-guideline-item:hover{background:#8b5cf614;transform:translate(4px)}.info-guideline-item:last-child{margin-bottom:0}.info-guideline-item:before{content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--accent-purple);font-size:12px;font-weight:700;background:#8b5cf633;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 8px #8b5cf626;flex-shrink:0}.info-guideline-icon{display:none}.info-guideline-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.info-sample-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-5);margin-top:var(--space-4);padding:var(--space-5);background:#8b5cf608;border-radius:12px;border:1px solid rgba(139,92,246,.1)}.info-sample-item{border-radius:12px;overflow:hidden;border:2px solid rgba(139,92,246,.3);background:var(--bg-tertiary);transition:all var(--transition-base);cursor:pointer;position:relative}.info-sample-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #8b5cf64d;border-color:var(--accent-purple)}.info-sample-item img{width:100%;height:320px;object-fit:contain;display:block;background:#00000080;padding:var(--space-3)}.info-sample-caption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4) var(--space-3) var(--space-3);font-size:var(--text-xs);color:#fff;text-align:center;font-weight:500;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 50%,transparent 100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 768px){.info-modal{max-width:95%;max-height:90vh}.info-modal .modal-body{padding:var(--space-4)}.info-sample-grid{grid-template-columns:1fr;padding:var(--space-3)}.info-sample-item img{height:260px}.info-sample-caption{padding:var(--space-3) var(--space-2) var(--space-2);font-size:11px}}.image-viewer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100010;display:flex;align-items:center;justify-content:center;padding:var(--space-8);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-viewer-container{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.image-viewer-close{position:absolute;top:-50px;right:-50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);padding:var(--space-3);cursor:pointer;transition:all var(--transition-base);color:#fff;display:flex;align-items:center;justify-content:center}.image-viewer-close:hover{background:#fff3;transform:scale(1.1)}.image-viewer-close svg{width:24px;height:24px}.image-viewer-container img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-xl);box-shadow:0 20px 60px #000c}.image-viewer-caption{color:#fff;font-size:var(--text-base);text-align:center;padding:var(--space-3) var(--space-6);background:#ffffff1a;border-radius:var(--radius-lg)}@media (max-width: 768px){.image-viewer-close{top:-40px;right:0}.image-viewer-container img{max-height:70vh}}.minimal-guide-container{display:flex;justify-content:center;margin:var(--space-6) 0}.minimal-guide-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-full);color:var(--accent-purple);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.minimal-guide-btn:hover{background:#8b5cf633;border-color:var(--accent-purple);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.minimal-guide-btn svg{width:18px;height:18px;flex-shrink:0}.health-nav-actions .minimal-guide-btn{margin:0}.health-nav-actions .minimal-guide-btn:hover{transform:translateY(0) translate(4px)}.segmented-control-wrapper{display:flex;justify-content:center;margin:var(--space-4) 0}.segmented-control{display:inline-flex;background:var(--bg-tertiary);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1);box-shadow:inset 0 2px 8px #0000004d}.segment-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-8);min-width:120px;border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all .25s ease;position:relative;letter-spacing:.02em}.segment-btn:hover:not(.active){color:var(--text-primary);background:#8b5cf614}.segment-btn.active{background:var(--gradient-primary);color:var(--text-primary);box-shadow:0 4px 12px #8b5cf666,0 2px 4px #0000004d}@media (max-width: 768px){.segment-btn{min-width:100px;padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}}@media (max-width: 480px){.segment-btn{min-width:80px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}}.health-tabs{display:flex;flex-direction:column}.health-tabs-nav{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-5);border:1px solid rgba(255,255,255,.06)}.health-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);transition:all .25s ease}.health-tab:hover{color:var(--text-secondary);background:#ffffff0a}.health-tab.active{color:var(--text-primary);background:#ffffff14;font-weight:600;box-shadow:0 1px 3px #0003}.health-tab[data-tab=explainability].active{color:var(--accent-purple, #8b5cf6);background:#8b5cf61a}.health-tab svg{flex-shrink:0;opacity:.6}.health-tab.active svg{opacity:1}.health-tab-panel{display:none}.health-tab-panel.active{display:block;animation:tabFadeIn .25s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.xai-tab-content{min-height:200px}.xai-tab-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10) var(--space-6);color:var(--text-tertiary);text-align:center}.xai-tab-placeholder p{font-size:var(--text-sm);line-height:1.5;max-width:300px;margin:0}.xai-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0}.xai-loading-bar{width:200px;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.xai-loading-fill{width:40%;height:100%;background:linear-gradient(90deg,var(--accent-purple, #8b5cf6),var(--accent-blue, #6366f1));border-radius:2px;animation:xaiLoadingSlide 1.5s ease-in-out infinite}@keyframes xaiLoadingSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.xai-loading-text{font-size:var(--text-xs);color:var(--text-tertiary)}.xai-result-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-4) 0;line-height:1.5}.xai-image-container{border-radius:var(--radius-xl);overflow:hidden;background:#0003}.xai-image{width:100%;height:auto;display:block}.xai-legend{font-size:var(--text-xs);color:var(--text-tertiary);margin:var(--space-4) 0 0 0;line-height:1.5}.xai-error{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) 0;font-size:var(--text-sm);color:var(--text-tertiary)}.xai-retry-btn{background:none;border:1px solid rgba(139,92,246,.3);color:var(--accent-purple, #8b5cf6);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;transition:all .2s}.xai-retry-btn:hover{background:#8b5cf61a;border-color:#8b5cf680}