#vita-app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--brand-mint: #5BD6BF;--brand-navy: #25323D;--brand-mint-light: #E8F8F5;--brand-mint-hover: #4CC9B0;--primary: #5BD6BF;--primary-light: #7DE0CE;--primary-dark: #3DC4A8;--secondary: #25323D;--accent: #ff8a65;--accent-hover: #FF8366;--white: #FFFFFF;--pure-white: #FFFFFF;--off-white: #FAFBFC;--black: #000000;--gray-100: #F7F7F7;--gray-200: #F2F1EE;--gray-300: #D5D8D9;--gray-400: #B8BEC3;--gray-500: #9BA5AE;--gray-600: #7D8892;--gray-700: #606C76;--gray-800: #424F59;--gray-900: #25323D;--gradient-primary: linear-gradient(135deg, #5BD6BF 0%, #7DE0CE 100%);--gradient-accent: linear-gradient(135deg, #ff8a65 0%, #FF8366 100%);--gradient-mint-subtle: linear-gradient(180deg, #F0FDFB 0%, #FFFFFF 100%);--gradient-hero: linear-gradient(180deg, #E8F8F5 0%, #F0FDFB 50%, #FFFFFF 100%);--gradient-section: linear-gradient(180deg, #FFFFFF 0%, #F0FDFB 100%);--gradient-navy: linear-gradient(135deg, #25323D 0%, #334155 100%);--text-primary: var(--gray-800);--text-secondary: var(--gray-600);--text-muted: var(--gray-400);--text-color: var(--gray-800);--text-light: var(--gray-600);--shadow-xs: 0 1px 2px rgba(31, 41, 55, .04);--shadow-sm: 0 2px 4px rgba(31, 41, 55, .06);--shadow-md: 0 4px 16px rgba(31, 41, 55, .08);--shadow-lg: 0 8px 32px rgba(31, 41, 55, .12);--shadow-xl: 0 16px 48px rgba(31, 41, 55, .16);--primary-color: var(--primary);--primary-hover: var(--primary-light);--primary-dark: var(--primary);--accent-color: var(--accent);--coral-pink: var(--accent);--mint-green: var(--primary);--electric-mint: var(--primary-light);--warm-orange: var(--accent);--background: var(--white);--background-light: var(--off-white);--background-section: var(--gray-50);--surface: var(--white);--glass-white: rgba(255, 255, 255, .85);--glass-white-10: rgba(255, 255, 255, .1);--glass-white-20: rgba(255, 255, 255, .2);--glass-white-30: rgba(255, 255, 255, .3);--glass-white-50: rgba(255, 255, 255, .5);--glass-white-70: rgba(255, 255, 255, .7);--glass-white-80: rgba(255, 255, 255, .8);--glass-white-95: rgba(255, 255, 255, .95);--glass-blur: saturate(180%) blur(20px);--glass-border: rgba(255, 255, 255, .18);--gray-50: #FAFAFA;--gray-150: #E2E8F0;--gray-350: #94A3B8;--gray-950: #0F172A;--border-color: var(--gray-200);--light-gray: var(--gray-200);--medium-gray: var(--gray-400);--dark-gray: var(--gray-600);--color-success: #10B981;--color-success-light: #ECFDF5;--color-success-dark: #059669;--color-warning: #F59E0B;--color-warning-light: #FFFBEB;--color-warning-dark: #D97706;--color-error: #EF4444;--color-error-light: #FEF2F2;--color-error-dark: #DC2626;--color-info: #5BD6BF;--color-info-light: #E8F8F5;--color-kakao: #FEE500;--color-naver: #03A94D;--overlay-light: rgba(0, 0, 0, .4);--overlay-default: rgba(0, 0, 0, .6);--overlay-dark: rgba(0, 0, 0, .75);--primary-alpha-10: rgba(91, 214, 191, .1);--primary-alpha-15: rgba(91, 214, 191, .15);--primary-alpha-20: rgba(91, 214, 191, .2);--primary-alpha-30: rgba(91, 214, 191, .3);--primary-alpha-40: rgba(91, 214, 191, .4);--mint-50: #F0FDFB;--mint-100: #C1EFE7;--mint-200: #9FE7DA;--mint-300: #7DDECC;--mint-400: #5BD6BF;--mint-500: #3DC1A8;--mint-600: #2EB79D;--mint-700: #259580;--mint-800: #1D7362;--mint-900: #145145;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--space-16: 128px;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-3);--spacing-lg: var(--space-4);--spacing-xl: var(--space-6);--spacing-2xl: var(--space-8);--font-headline-en: "Poppins", sans-serif;--font-headline-kr: "Spoqa Han Sans Neo", sans-serif;--font-body: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-h1: 45px;--font-weight-h1: 700;--line-height-h1: 1.3;--font-size-h2: 32px;--font-weight-h2: 700;--line-height-h2: 1.3;--font-size-h3: 24px;--font-weight-h3: 500;--line-height-h3: 1.3;--font-size-h4: 18px;--font-weight-h4: 500;--line-height-h4: 1.3;--font-size-paragraph: 14px;--font-weight-paragraph: 400;--line-height-paragraph: 1.5;--font-size-small: 10px;--font-weight-small: 300;--line-height-small: 1.5;--font-size-xs: 10px;--font-size-sm: 14px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--font-size-4xl: 45px;--font-size-display: 50px;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 1.8;--font-family: var(--font-body);--shadow: var(--shadow-md);--shadow-mint: var(--shadow-md);--shadow-orange: var(--shadow-md);--shadow-primary-sm: 0 2px 8px rgba(91, 214, 191, .15);--shadow-primary: 0 4px 20px rgba(91, 214, 191, .25);--shadow-primary-lg: 0 8px 32px rgba(91, 214, 191, .35);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--transition-fast: var(--duration-fast) var(--ease-in-out);--transition-normal: var(--duration-normal) var(--ease-in-out);--transition-slow: var(--duration-slow) var(--ease-in-out);--transition: all var(--duration-normal) var(--ease-in-out);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--border-radius-xs: var(--radius-sm);--border-radius-sm: var(--radius-sm);--border-radius-md: var(--radius-md);--border-radius-lg: var(--radius-lg);--border-radius-xl: var(--radius-xl);--border-radius-pill: var(--radius-full);--font-size-mobile-h1: 24px;--font-size-mobile-h2: 20px;--font-size-mobile-h3: 17px;--font-size-mobile-h4: 15px;--font-size-mobile-paragraph: 14px;--font-size-mobile-small: 12px;--font-size-mobile-xs: var(--font-size-mobile-small);--font-size-mobile-sm: var(--font-size-mobile-paragraph);--font-size-mobile-base: var(--font-size-mobile-paragraph);--font-size-mobile-lg: var(--font-size-mobile-h4);--font-size-mobile-xl: var(--font-size-mobile-h2);--font-size-mobile-2xl: var(--font-size-mobile-h1);--space-mobile-1: 12px;--space-mobile-2: 16px;--space-mobile-3: 20px;--space-mobile-4: 24px;--space-mobile-5: 32px;--touch-target-min: 44px;--touch-target-recommended: 48px}body{font-family:var(--font-body);font-size:var(--font-size-paragraph);font-weight:var(--font-weight-paragraph);line-height:var(--line-height-paragraph);color:var(--text-primary);overflow-x:hidden;background:var(--white);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-2);line-height:var(--leading-tight);letter-spacing:-.02em}h1{font-family:var(--font-headline-en);font-size:var(--font-size-h1);font-weight:var(--font-weight-h1);line-height:var(--line-height-h1)}h2{font-family:var(--font-body);font-size:var(--font-size-h2);font-weight:var(--font-weight-h2);line-height:var(--line-height-h2)}h3{font-family:var(--font-body);font-size:var(--font-size-h3);font-weight:var(--font-weight-h3);line-height:var(--line-height-h3)}h4,h5{font-family:var(--font-body);font-size:var(--font-size-h4);font-weight:var(--font-weight-h4);line-height:var(--line-height-h4)}h6{font-family:var(--font-body);font-size:var(--font-size-paragraph);font-weight:var(--font-weight-paragraph);line-height:var(--line-height-paragraph)}input[type=text],input[type=email],input[type=tel],input[type=password],textarea,select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);transition:var(--transition);background:var(--white);color:var(--text-primary);line-height:var(--leading-normal)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px #5bd6bf26}.spinner{border:3px solid var(--light-gray);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none!important}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}@media (max-width: 767px){h1,.page-title{font-size:var(--font-size-mobile-h1);margin-bottom:var(--space-mobile-2)}h2,.section-title{font-size:var(--font-size-mobile-h2);margin-bottom:var(--space-mobile-2)}h3,.card-title{font-size:var(--font-size-mobile-h3);margin-bottom:var(--space-mobile-1)}h4{font-size:var(--font-size-mobile-h4)}p,.text-base,body{font-size:var(--font-size-mobile-paragraph)}.text-secondary,.text-sm,small{font-size:var(--font-size-mobile-small)}button,.btn,a.button{font-size:var(--font-size-mobile-h4)}.card,.result-card,.supplement-card,.issue-card{padding:var(--space-mobile-3);margin-bottom:var(--space-mobile-2)}.section,section{margin-bottom:var(--space-mobile-5)}.container,.page-container{padding-left:var(--space-mobile-3);padding-right:var(--space-mobile-3)}.cta-button,.primary-button{min-height:var(--touch-target-recommended);padding:14px 24px;font-size:var(--font-size-mobile-base);font-weight:var(--font-semibold)}.clickable,.card.clickable,[role=button]{min-height:var(--touch-target-min)}.icon-button,button.icon{min-width:var(--touch-target-recommended);min-height:var(--touch-target-recommended)}.result-header{padding:var(--space-mobile-3)}.result-header h1{font-size:var(--font-size-mobile-2xl)}.result-summary-card{padding:var(--space-mobile-3);border-radius:var(--radius-md)}.health-age-card{padding:var(--space-mobile-3)}.health-age-card .age-number{font-size:2.5rem}.health-age-card .age-label{font-size:var(--font-size-mobile-sm)}.health-issue-card{padding:var(--space-mobile-3);margin-bottom:var(--space-mobile-2)}.health-issue-card .issue-title{font-size:var(--font-size-mobile-lg);line-height:1.4}.health-issue-card .issue-description{font-size:var(--font-size-mobile-xs);line-height:1.6}.severity-badge{font-size:var(--font-size-mobile-xs);padding:3px 8px}.supplement-card{padding:var(--space-mobile-3);margin-bottom:var(--space-mobile-2)}.supplement-card .supplement-name{font-size:var(--font-size-mobile-base);font-weight:var(--font-semibold)}.supplement-card .supplement-dosage{font-size:var(--font-size-mobile-xs);color:var(--text-secondary)}.supplement-card .supplement-benefit{font-size:var(--font-size-mobile-sm);line-height:1.5}.price-info{font-size:var(--font-size-mobile-base)}.price-current{font-size:var(--font-size-mobile-lg);font-weight:var(--font-bold)}.price-original{font-size:var(--font-size-mobile-sm)}.price-discount{font-size:var(--font-size-mobile-xs)}.daily-schedule{padding:var(--space-mobile-3)}.schedule-item{padding:var(--space-mobile-2);margin-bottom:var(--space-mobile-1)}.supplements-grid,.issues-grid{grid-template-columns:1fr!important;gap:var(--space-mobile-2)}.mt-1{margin-top:var(--space-mobile-1)}.mt-2{margin-top:var(--space-mobile-2)}.mt-3{margin-top:var(--space-mobile-3)}.mt-4{margin-top:var(--space-mobile-4)}.mt-5{margin-top:var(--space-mobile-5)}.mb-1{margin-bottom:var(--space-mobile-1)}.mb-2{margin-bottom:var(--space-mobile-2)}.mb-3{margin-bottom:var(--space-mobile-3)}.mb-4{margin-bottom:var(--space-mobile-4)}.mb-5{margin-bottom:var(--space-mobile-5)}.mx-1{margin-left:var(--space-mobile-1);margin-right:var(--space-mobile-1)}.mx-2{margin-left:var(--space-mobile-2);margin-right:var(--space-mobile-2)}.mx-3{margin-left:var(--space-mobile-3);margin-right:var(--space-mobile-3)}.p-1{padding:var(--space-mobile-1)}.p-2{padding:var(--space-mobile-2)}.p-3{padding:var(--space-mobile-3)}.p-4{padding:var(--space-mobile-4)}*:focus-visible{outline:3px solid var(--primary)!important;outline-offset:3px!important}[tabindex]:focus-visible{box-shadow:0 0 0 4px var(--primary-alpha-20)!important}}@media (max-width: 374px){h1,.page-title{font-size:1.375rem}h2,.section-title{font-size:1.25rem}.container,.page-container{padding-left:var(--space-mobile-2);padding-right:var(--space-mobile-2)}.card,.result-card{padding:var(--space-mobile-2)}}@media (min-width: 425px) and (max-width: 767px){.supplements-grid-large{grid-template-columns:repeat(2,1fr)!important}h1,.page-title{font-size:1.75rem}}