:root{--ya-blue-50: #eff6ff;--ya-blue-100: #dbeafe;--ya-blue-200: #bfdbfe;--ya-blue-300: #93c5fd;--ya-blue-400: #60a5fa;--ya-blue-500: #3b82f6;--ya-blue-600: #2563eb;--ya-blue-700: #1d4ed8;--ya-blue-800: #1e40af;--ya-blue-900: #1e3a8a;--ya-gold-50: #fffbeb;--ya-gold-100: #fef3c7;--ya-gold-200: #fde68a;--ya-gold-300: #fcd34d;--ya-gold-400: #fbbf24;--ya-gold-500: #f59e0b;--ya-gold-600: #d97706;--ya-gold-700: #b45309;--ya-gold-800: #92400e;--ya-gold-900: #78350f;--ya-white: #ffffff;--ya-gray-50: #f9fafb;--ya-gray-100: #f3f4f6;--ya-gray-200: #e5e7eb;--ya-gray-300: #d1d5db;--ya-gray-400: #9ca3af;--ya-gray-500: #6b7280;--ya-gray-600: #4b5563;--ya-gray-700: #374151;--ya-gray-800: #1f2937;--ya-gray-900: #111827}.ya-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,var(--ya-blue-700) 0%,var(--ya-blue-800) 100%);padding:1rem 2rem;box-shadow:0 4px 12px #00000026;border-bottom:2px solid var(--ya-blue-600)}.ya-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.ya-logo{display:flex;align-items:center;gap:.75rem;color:#fff!important;text-decoration:none;font-weight:700!important;font-size:1.25rem;transition:opacity .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ya-logo:hover{opacity:.9;color:#fff!important}.ya-logo span{color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ya-trophy-logo{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.ya-nav{display:flex;align-items:center;gap:2rem}.ya-nav-links{display:flex;align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none}.ya-nav-link{color:#fff!important;text-decoration:none;font-weight:600!important;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ya-nav-link:hover{background-color:#ffffff26;color:#fff!important;transform:translateY(-1px)}.ya-btn-back{background:#ffffff26;color:#fff!important;border:2px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:.5rem;font-weight:600!important;cursor:pointer;transition:all .2s ease;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ya-btn-back:hover{background:#ffffff40;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.ya-btn-signin{background:var(--ya-gold-500);color:#fff!important;border:none;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:700!important;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ya-btn-signin:hover{background:var(--ya-gold-600);color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.ya-hero-title{font-size:3.5rem;font-weight:800;color:var(--ya-white)!important;margin-bottom:1.5rem;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.ya-hero-subtitle{font-size:1.25rem;color:var(--ya-white)!important;opacity:.9;margin-bottom:2rem;line-height:1.5}.ya-hero-features{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.ya-hero-feature{display:flex;align-items:center;gap:.5rem;color:var(--ya-white)!important;font-weight:500;background:#ffffff1a;padding:.5rem 1rem;border-radius:2rem;border:1px solid rgba(255,255,255,.2)}.ya-hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.ya-cta-primary{background:var(--ya-gold-500);color:var(--ya-white)!important;border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f59e0b4d;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.ya-cta-primary:hover{background:var(--ya-gold-600);color:var(--ya-white)!important;transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.ya-cta-secondary{background:#ffffff1a;color:var(--ya-white)!important;border:1px solid rgba(255,255,255,.3);padding:1rem 2rem;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.ya-cta-secondary:hover{background:#fff3;color:var(--ya-white)!important;transform:translateY(-2px)}.ya-nav-link:hover{background:#ffffff1a;color:var(--ya-gold-200)}.ya-header-buttons{display:flex;align-items:center;gap:1rem}.ya-btn-signin{background:var(--ya-gold-600);color:#000;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ya-btn-signin:hover{background:var(--ya-gold-700);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.ya-btn-back{background:#ffffff1a;color:var(--ya-white);border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ya-btn-back:hover{background:#fff3;border-color:#ffffff4d}.ya-btn-family{background:#f59e0b33;color:var(--ya-gold-300);border:1px solid var(--ya-gold-500);padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:.875rem}.ya-btn-family:hover{background:var(--ya-gold-500);color:var(--ya-white);transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}@media (max-width: 768px){.ya-header{padding:.75rem}.ya-header-content{flex-direction:column;gap:1rem;align-items:stretch}.ya-logo{font-size:1.125rem}.ya-logo span:last-child{display:none}.ya-nav{width:100%;justify-content:space-between;flex-wrap:wrap}.ya-nav-links{gap:.5rem;font-size:.875rem}.ya-nav-link{padding:.5rem .75rem;font-size:.875rem}.ya-header-buttons{gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.ya-btn-signin,.ya-btn-back,.ya-btn-family{padding:.5rem .75rem;font-size:.813rem;white-space:nowrap}.user-status{flex-wrap:wrap;gap:.5rem}.user-name{display:none}}.ya-landing-page{background:linear-gradient(135deg,var(--ya-blue-600) 0%,var(--ya-blue-800) 100%);min-height:100vh;padding-top:80px}.ya-hero-section{padding:4rem 2rem;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center}.ya-hero-content{max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.ya-hero-text h1{color:var(--ya-white);font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.ya-hero-highlight{color:var(--ya-gold-300)}.ya-hero-text p{color:var(--ya-blue-100);font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.ya-cta-primary{background:var(--ya-gold-500);color:var(--ya-white);border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:1rem}.ya-cta-primary:hover{background:var(--ya-gold-600);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.ya-cta-secondary{background:#ffffff1a;color:var(--ya-white);border:1px solid rgba(255,255,255,.2);padding:1rem 2rem;border-radius:.75rem;font-size:1.125rem;font-weight:500;cursor:pointer;transition:all .3s ease}.ya-cta-secondary:hover{background:#fff3;border-color:#ffffff4d}.ya-feature-pills{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.ya-feature-pill{background:#ffffff1a;color:var(--ya-white);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;border:1px solid rgba(255,255,255,.2)}.ya-trust-indicators{display:flex;align-items:center;gap:2rem;margin-top:2rem;color:var(--ya-blue-100)}.ya-trust-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}@media (max-width: 768px){.ya-hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.ya-hero-text h1{font-size:2rem}.ya-hero-text p{font-size:1rem}.ya-cta-primary,.ya-cta-secondary{display:block;width:100%;margin:.5rem 0}.ya-trust-indicators{justify-content:center;flex-wrap:wrap}}.ya-form-container{background:var(--ya-white);border-radius:1rem;padding:2rem;box-shadow:0 10px 25px #0000001a;margin-top:80px}.ya-form-header{background:linear-gradient(135deg,var(--ya-blue-600) 0%,var(--ya-blue-700) 100%);color:var(--ya-white);padding:2rem;border-radius:1rem 1rem 0 0;text-align:center;margin:-2rem -2rem 2rem}.ya-form-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.ya-form-subtitle{opacity:.9;font-size:1rem}.ya-input{width:100%;padding:.75rem 1rem;border:2px solid var(--ya-gray-200);border-radius:.5rem;font-size:1rem;transition:all .2s ease}.ya-input:focus{outline:none;border-color:var(--ya-blue-500);box-shadow:0 0 0 3px #3b82f61a}.ya-btn-calculate{background:linear-gradient(135deg,var(--ya-gold-500) 0%,var(--ya-gold-600) 100%);color:var(--ya-white);border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-top:2rem}.ya-btn-calculate:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.app-store-buttons{display:flex;gap:1rem;justify-content:center;align-items:center;margin:2rem 0}.app-store-button{display:inline-block;transition:all .3s ease;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026}.app-store-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.app-store-button svg{display:block;width:135px;height:40px}@media (max-width: 768px){.app-store-buttons{flex-direction:column;gap:.75rem}.app-store-button svg{width:120px;height:36px}}.ya-footer{background:var(--ya-gray-800);color:var(--ya-white);padding:2rem;text-align:center}.ya-footer-content{max-width:1200px;margin:0 auto}.ya-footer-simple{display:flex;flex-direction:column;gap:1rem;align-items:center}.ya-footer-links{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.ya-footer-link{color:var(--ya-blue-200);text-decoration:none;font-size:.875rem;transition:color .2s ease}.ya-footer-link:hover{color:var(--ya-gold-300)}.ya-footer-copyright{font-size:.875rem;opacity:.7;margin-top:1rem}@media (max-width: 768px){.ya-footer-links{gap:1rem}}.user-status{display:flex;align-items:center;gap:.5rem;color:#fff}.user-name{font-weight:500;font-size:.95rem}.pro-badge{background:var(--ya-gold);color:var(--ya-primary);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.subscription-plans{padding:80px 0;background:#f9fafb}.plans-header{text-align:center;margin-bottom:60px}.plans-header h2{font-size:36px;font-weight:700;color:#111827;margin-bottom:12px}.plans-header p{font-size:18px;color:#6b7280}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:800px;margin:0 auto}.plan-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 6px #0000000d;border:2px solid #e5e7eb;position:relative;transition:all .3s ease}.plan-card.pro{border-color:#f59e0b;transform:scale(1.05)}.plan-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-4px)}.plan-card.pro:hover{transform:scale(1.05) translateY(-4px)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#f59e0b;color:#000;padding:4px 16px;border-radius:20px;font-size:14px;font-weight:600}.plan-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.plan-header h3{font-size:24px;font-weight:600;color:#111827;margin-bottom:16px}.price{display:flex;align-items:baseline;justify-content:center;gap:8px}.price .amount{font-size:40px;font-weight:700;color:#111827}.price .period{font-size:16px;color:#6b7280}.plan-features{list-style:none;padding:0;margin:0 0 32px}.plan-features li{padding:12px 0;display:flex;align-items:center;color:#4b5563;font-size:15px}.plan-features li:before{content:"✓";color:#10b981;font-weight:700;margin-right:12px;font-size:18px}.plan-features li.highlight{color:#111827;font-weight:500}.plan-cta{text-align:center}.plan-button{width:100%;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.free-button{background:#e5e7eb;color:#374151}.free-button:hover:not(:disabled){background:#d1d5db;transform:translateY(-1px)}.pro-button{background:#f59e0b;color:#000;box-shadow:0 4px 12px #f59e0b40}.pro-button:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b59}.plan-button:disabled{opacity:.6;cursor:not-allowed}.trial-note{text-align:center;font-size:14px;color:#6b7280;margin-top:16px}.plans-footer{text-align:center;margin-top:48px;color:#6b7280;font-size:14px}.plans-footer strong{color:#374151}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr;gap:24px}.plan-card.pro{transform:none}.plans-header h2{font-size:28px}.price .amount{font-size:32px}}.legal-page{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:10000;overflow-y:auto}.legal-header{position:sticky;top:0;background:#fff;border-bottom:2px solid #e5e7eb;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;z-index:100}.legal-header h1{font-size:32px;font-weight:700;color:#111827;margin:0}.close-btn{width:40px;height:40px;border-radius:8px;border:none;background:#f3f4f6;color:#6b7280;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#e5e7eb;color:#111827}.legal-content{max-width:800px;margin:0 auto;padding:40px}.last-updated{color:#6b7280;font-style:italic;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.legal-content section{margin-bottom:40px}.legal-content h2{font-size:24px;font-weight:600;color:#111827;margin-bottom:16px;margin-top:32px}.legal-content h3{font-size:18px;font-weight:600;color:#374151;margin:16px 0 12px}.legal-content p{line-height:1.7;color:#4b5563;margin-bottom:16px}.legal-content ul{margin:16px 0;padding-left:24px}.legal-content li{margin-bottom:12px;line-height:1.6;color:#4b5563}.legal-content strong{color:#111827;font-weight:600}.legal-content a{color:#0e3b6c;text-decoration:underline}.legal-content a:hover{color:#1e4d8b}.faq-item{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.faq-item:last-child{border-bottom:none}.faq-item h3{color:#0e3b6c;margin-bottom:12px}.guide-step,.guide-feature,.guide-info{background:#f9fafb;border-radius:8px;padding:20px;margin-bottom:20px;border-left:4px solid #0E3B6C}.guide-step h3,.guide-feature h3{color:#0e3b6c;margin-top:0;margin-bottom:12px}@media (max-width: 768px){.legal-header{padding:16px 20px}.legal-header h1{font-size:24px}.legal-content{padding:20px}.legal-content h2{font-size:20px}.legal-content h3{font-size:16px}}.photo-comparison{padding:20px;max-width:1200px;margin:0 auto}.photo-comparison-header{text-align:center;margin-bottom:30px}.photo-comparison-header h2{color:#0e3b6c;margin-bottom:10px}.photo-comparison-header p{color:#6b7280}.photo-comparison-pro-only{padding:20px;max-width:600px;margin:0 auto}.pro-feature-card ul{list-style:none;padding:20px 0;text-align:left;max-width:300px;margin:0 auto}.photo-upload-section{text-align:center;margin-bottom:30px}.upload-photo-button{background:#0e3b6c;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s ease}.upload-photo-button:hover{background:#0c2f54;transform:translateY(-2px)}.photo-gallery{margin-bottom:40px}.photo-gallery h3{color:#0e3b6c;margin-bottom:20px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.photo-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.photo-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.photo-item img{width:100%;height:200px;object-fit:cover}.photo-date{padding:8px;background:#f9fafb;text-align:center;font-size:14px;color:#6b7280}.photo-actions{display:flex;gap:5px;padding:8px}.select-button{flex:1;padding:6px 8px;background:#0e3b6c;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .3s ease}.select-button:hover{background:#0c2f54}.delete-button{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .3s ease}.delete-button:hover{background:#dc2626}.comparison-section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 2px 12px #00000014}.comparison-section h3{color:#0e3b6c;margin-bottom:20px;text-align:center}.comparison-mode-selector{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.comparison-mode-selector button{padding:8px 20px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:6px;cursor:pointer;transition:all .3s ease}.comparison-mode-selector button.active{background:#0e3b6c;color:#fff;border-color:#0e3b6c}.comparison-view.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison-photo{text-align:center}.comparison-photo img{width:100%;max-height:400px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0000001a}.comparison-date{margin-top:10px;font-weight:600;color:#0e3b6c}.overlay-container{position:relative;max-width:600px;margin:0 auto;text-align:center}.base-image,.overlay-image{width:100%;max-height:500px;object-fit:contain;border-radius:8px}.overlay-image{position:absolute;top:0;left:0;mix-blend-mode:normal}.overlay-dates{margin-top:15px;font-weight:600;color:#0e3b6c}.time-difference{text-align:center;margin-top:20px;padding:15px;background:#f9fafb;border-radius:8px;color:#6b7280;font-size:14px}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}@media (max-width: 768px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.comparison-view.side-by-side{grid-template-columns:1fr}.photo-item img{height:150px}}.family-sharing{padding:20px;max-width:800px;margin:0 auto}.family-sharing-header{text-align:center;margin-bottom:30px}.family-sharing-header h2{color:#0e3b6c;margin-bottom:10px}.family-sharing-header p{color:#6b7280}.family-sharing-pro-only{padding:20px;max-width:600px;margin:0 auto}.pro-feature-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #F59E0B;border-radius:16px;padding:30px;text-align:center}.pro-feature-card h3{color:#0e3b6c;margin-bottom:15px}.pro-feature-card ul{list-style:none;padding:20px 0;text-align:left;max-width:350px;margin:0 auto}.pro-feature-card li{padding:8px 0 8px 25px;position:relative}.pro-feature-card li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.upgrade-button{background:#f59e0b;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.upgrade-button:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.sharing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #00000014}.stat-value{font-size:32px;font-weight:700;color:#0e3b6c;margin-bottom:5px}.stat-label{font-size:14px;color:#6b7280}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #A7F3D0}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.family-members-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000014;margin-bottom:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{color:#0e3b6c;margin:0}.invite-button{background:#0e3b6c;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.invite-button:hover{background:#0c2f54;transform:translateY(-1px)}.invite-form{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:20px}.invite-form .form-group{display:flex;gap:10px}.invite-input{flex:1;padding:10px 14px;border:1px solid #E5E7EB;border-radius:6px;font-size:14px;transition:border-color .3s ease}.invite-input:focus{outline:none;border-color:#0e3b6c}.send-invite-button{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.send-invite-button:hover:not(:disabled){background:#059669}.send-invite-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{background:#f3f4f6;color:#6b7280;border:1px solid #E5E7EB;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#e5e7eb}.members-list{display:flex;flex-direction:column;gap:12px}.empty-state{text-align:center;padding:40px 20px;color:#6b7280}.empty-state p{margin:8px 0}.member-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB;transition:all .3s ease}.member-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.member-info{flex:1}.member-email{font-weight:500;color:#111827;margin-bottom:4px}.member-meta{display:flex;gap:12px;align-items:center;font-size:14px}.status-badge{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.invited-date{color:#6b7280}.member-actions{display:flex;gap:8px}.resend-button{background:transparent;color:#0e3b6c;border:1px solid #0E3B6C;padding:6px 12px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease}.resend-button:hover{background:#0e3b6c;color:#fff}.remove-button{background:transparent;color:#ef4444;border:1px solid #EF4444;padding:6px 12px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease}.remove-button:hover{background:#ef4444;color:#fff}.sharing-info{background:#f9fafb;border-radius:12px;padding:24px}.sharing-info h4{color:#0e3b6c;margin-bottom:16px}.sharing-info ul{list-style:none;padding:0;margin:0}.sharing-info li{padding:8px 0 8px 24px;position:relative;color:#4b5563}.sharing-info li:before{content:"•";position:absolute;left:0;color:#f59e0b;font-weight:700;font-size:18px}@media (max-width: 768px){.sharing-stats{grid-template-columns:1fr}.invite-form .form-group{flex-direction:column}.member-card{flex-direction:column;align-items:flex-start;gap:12px}.member-actions{width:100%;justify-content:flex-end}}.nutrition-tracking{max-width:1200px;margin:0 auto;padding:20px}.nutrition-header{text-align:center;margin-bottom:30px}.nutrition-header h2{color:#0e3b6c;margin-bottom:10px}.age-indicator{background:#d97706;color:#000;padding:8px 20px;border-radius:20px;display:inline-block;font-weight:600;font-size:14px}.nutrition-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:30px;border-bottom:2px solid #E5E7EB}.tab-button{background:none;border:none;padding:12px 24px;color:#4b5563;font-size:16px;font-weight:500;cursor:pointer;position:relative;transition:all .3s ease}.tab-button:hover,.tab-button.active{color:#0e3b6c}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#f59e0b}.nutrition-content{display:flex;flex-direction:column;gap:30px}.nutrition-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;border:1px solid #E5E7EB}.nutrition-card.calories{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.nutrition-card h3{color:#0e3b6c;margin-bottom:16px;font-size:20px}.nutrition-card h4{color:#374151;margin-bottom:12px;font-size:16px}.nutrition-value{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.primary-value{font-size:28px;font-weight:700;color:#0e3b6c}.secondary-value{font-size:16px;color:#6b7280}.percentage{font-size:14px;color:#4b5563;font-style:italic}.nutrition-note{font-size:14px;color:#6b7280;line-height:1.5}.macros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.nutrition-card.protein{border-left:4px solid #EF4444}.nutrition-card.carbs{border-left:4px solid #3B82F6}.nutrition-card.fats{border-left:4px solid #10B981}.other-nutrients{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.nutrition-card.small{padding:20px}.nutrition-card.small .primary-value{font-size:24px}.key-nutrients{background:#f9fafb;border-radius:12px;padding:24px}.key-nutrients h3{color:#0e3b6c;margin-bottom:20px;text-align:center}.nutrients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.nutrient-item{background:#fff;padding:16px;border-radius:8px;border:1px solid #E5E7EB}.nutrient-item h4{color:#374151;margin-bottom:8px}.nutrient-amount{font-size:20px;font-weight:700;color:#0e3b6c;margin-bottom:8px}.nutrient-sources{font-size:14px;color:#6b7280;line-height:1.4}.portions-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014}.portions-intro{text-align:center;color:#6b7280;margin-bottom:30px}.portions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.portion-card{background:#f9fafb;border:2px solid #E5E7EB;border-radius:10px;padding:20px;text-align:center;transition:all .3s ease}.portion-card:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.portion-card h4{color:#0e3b6c;margin-bottom:16px;font-size:18px}.serving-size{font-size:14px;color:#6b7280;margin-bottom:12px;line-height:1.4}.daily-servings{font-size:16px;font-weight:600;color:#374151}.sports-nutrition-content{display:flex;flex-direction:column;gap:30px}.timing-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #00000014}.timing-section h4{color:#0e3b6c;margin-bottom:24px;text-align:center;font-size:20px}.timing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.timing-card{background:#f9fafb;border-radius:10px;padding:20px;border:2px solid #E5E7EB}.timing-card.before{border-color:#f59e0b}.timing-card.during{border-color:#3b82f6}.timing-card.after{border-color:#10b981}.timing-card h5{color:#111827;margin-bottom:12px;font-size:18px}.timing{font-weight:600;color:#374151;margin-bottom:16px}.food-list,.avoid-list,.fuel-options,.recovery-foods{margin-top:12px}.timing-card ul{margin-top:8px;padding-left:20px}.timing-card li{color:#6b7280;margin-bottom:4px}.sport-specific{background:#f3f4f6;border-radius:12px;padding:24px}.sport-category{background:#fff;border-radius:8px;padding:20px;margin-top:16px}.sport-category h5{color:#0e3b6c;margin-bottom:12px}.sport-note{margin-top:12px;font-style:italic;color:#6b7280}.nutrition-disclaimer{margin-top:40px;padding:20px;background:#fef3c7;border:1px solid #F59E0B;border-radius:8px}.nutrition-disclaimer p{font-size:14px;color:#92400e;line-height:1.6;margin:0}.nutrition-message{text-align:center;padding:40px 20px}.nutrition-message h3{color:#0e3b6c;margin-bottom:16px}.info-message{background:#e0e7ff;color:#3730a3;padding:16px;border-radius:8px;margin-top:16px;display:inline-block}@media (max-width: 768px){.nutrition-tabs{flex-wrap:wrap}.tab-button{font-size:14px;padding:10px 16px}.macros-grid,.timing-grid{grid-template-columns:1fr}.primary-value{font-size:24px}.portions-grid{grid-template-columns:1fr}}:root{--ya-blue-50: #eff6ff;--ya-blue-100: #dbeafe;--ya-blue-200: #bfdbfe;--ya-blue-300: #93c5fd;--ya-blue-400: #60a5fa;--ya-blue-500: #3b82f6;--ya-blue-600: #2563eb;--ya-blue-700: #1d4ed8;--ya-blue-800: #1e40af;--ya-blue-900: #1e3a8a;--ya-gold-50: #fffbeb;--ya-gold-100: #fef3c7;--ya-gold-200: #fde68a;--ya-gold-300: #fcd34d;--ya-gold-400: #fbbf24;--ya-gold-500: #f59e0b;--ya-gold-600: #d97706;--ya-gold-700: #b45309;--ya-gold-800: #92400e;--ya-gold-900: #78350f;--ya-white: #ffffff;--ya-gray-50: #f9fafb;--ya-gray-100: #f3f4f6;--ya-gray-200: #e5e7eb;--ya-gray-300: #d1d5db;--ya-gray-400: #9ca3af;--ya-gray-500: #6b7280;--ya-gray-600: #4b5563;--ya-gray-700: #374151;--ya-gray-800: #1f2937;--ya-gray-900: #111827;--color-primary-50: var(--ya-blue-50);--color-primary-100: var(--ya-blue-100);--color-primary-500: var(--ya-blue-500);--color-primary-600: var(--ya-blue-600);--color-primary-700: var(--ya-blue-700);--color-primary-900: var(--ya-blue-900);--color-success-50: var(--ya-blue-50);--color-success-100: var(--ya-blue-100);--color-success-600: var(--ya-blue-600);--color-success-700: var(--ya-blue-700);--color-warning-50: var(--ya-gold-50);--color-warning-100: var(--ya-gold-100);--color-warning-600: var(--ya-gold-600);--color-warning-700: var(--ya-gold-700);--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-gray-50: var(--ya-gray-50);--color-gray-100: var(--ya-gray-100);--color-gray-200: var(--ya-gray-200);--color-gray-300: var(--ya-gray-300);--color-gray-400: var(--ya-gray-400);--color-gray-500: var(--ya-gray-500);--color-gray-600: var(--ya-gray-600);--color-gray-700: var(--ya-gray-700);--color-gray-800: var(--ya-gray-800);--color-gray-900: var(--ya-gray-900);--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*{box-sizing:border-box}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-700);background-color:var(--color-gray-50);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh;background:linear-gradient(135deg,var(--ya-blue-50) 0%,var(--ya-gray-50) 100%);padding:var(--spacing-lg)}.main-card{background:var(--ya-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin:0 auto;max-width:600px;overflow:hidden;border:1px solid var(--ya-blue-100)}.card-header{padding:var(--spacing-xl);background:linear-gradient(135deg,var(--ya-blue-600) 0%,var(--ya-blue-700) 100%);color:var(--ya-white);text-align:center}.card-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--ya-white)}.card-subtitle{font-size:var(--font-size-base);opacity:.9;color:var(--ya-white)}.card-description{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0;line-height:1.5}.card-content{padding:var(--spacing-xl)}.form-grid{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700);margin:0}.form-label .required{color:var(--color-error-600);margin-left:2px}.professional-input{padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-800);background-color:#fff;transition:all .2s ease;box-shadow:var(--shadow-sm)}.professional-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #0ea5e91a}.professional-input::placeholder{color:var(--color-gray-400)}.btn-primary{background-color:var(--color-primary-600);color:#fff;border:1px solid var(--color-primary-600);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-primary:hover{background-color:var(--color-primary-700);border-color:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:focus{outline:none;box-shadow:0 0 0 3px #0ea5e933}.btn-secondary{background-color:var(--color-gray-100);color:var(--color-gray-800);border:1px solid var(--color-gray-300);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background-color:var(--color-success-600);color:#fff;border:1px solid var(--color-success-600);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-success:hover{background-color:var(--color-success-700);border-color:var(--color-success-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.gender-button{padding:var(--spacing-md);border:2px solid var(--ya-blue-200);border-radius:var(--radius-md);background:var(--ya-white);color:var(--ya-blue-700);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.gender-button:hover{border-color:var(--ya-blue-500);background-color:var(--ya-blue-50);transform:translateY(-1px)}.gender-button.selected{border-color:var(--ya-blue-600);background-color:var(--ya-blue-600);color:var(--ya-white);box-shadow:0 4px 12px #2563eb4d}.results-container{margin-top:var(--spacing-2xl)}.results-header{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:var(--color-primary-50);border-radius:var(--radius-lg);border:1px solid var(--color-primary-200)}.results-title{font-size:var(--font-size-3xl);font-weight:600;color:var(--color-primary-900);margin:0 0 var(--spacing-sm) 0}.results-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);margin:0}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.result-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);transition:all .3s ease}.result-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.result-card.height{border-left:4px solid var(--color-primary-500)}.result-card.weight{border-left:4px solid var(--color-success-600)}.result-header{display:flex;justify-content:between;align-items:center;margin-bottom:var(--spacing-md)}.result-label{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-800);margin:0}.result-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-gray-900);margin:var(--spacing-sm) 0}.result-description{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:1.5;margin:0}.percentile-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;border:1px solid}.percentile-badge.low{background-color:var(--color-error-50);color:var(--color-error-700);border-color:var(--color-error-200)}.percentile-badge.below-average{background-color:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-200)}.percentile-badge.normal{background-color:var(--color-success-50);color:var(--color-success-700);border-color:var(--color-success-200)}.growth-summary{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-xl)}.summary-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary-900);margin:0 0 var(--spacing-md) 0}.summary-text{font-size:var(--font-size-base);color:var(--color-gray-700);line-height:1.6;margin:0}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:1px solid}.alert.error{background-color:var(--color-error-50);color:var(--color-error-700);border-color:var(--color-error-200)}.alert.warning{background-color:var(--color-warning-50);color:var(--color-warning-700);border-color:var(--color-warning-200)}.loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--color-gray-600)}.loading-spinner{width:20px;height:20px;border:2px solid var(--color-gray-300);border-top:2px solid var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-footer{text-align:center;margin-top:var(--spacing-2xl);padding:var(--spacing-xl);color:var(--color-gray-500)}.footer-text{font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0}.footer-subtext{font-size:var(--font-size-xs);margin:0}.unit-toggle-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.unit-toggle-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin:0}.unit-toggle-switch{position:relative;display:inline-block;width:60px;height:32px}.unit-toggle-switch input{opacity:0;width:0;height:0}.unit-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-gray-300);transition:.3s ease;border-radius:32px;border:2px solid var(--color-gray-200)}.unit-toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:2px;background-color:#fff;transition:.3s ease;border-radius:50%;box-shadow:var(--shadow-sm)}.unit-toggle-switch input:checked+.unit-toggle-slider{background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.unit-toggle-switch input:focus+.unit-toggle-slider{box-shadow:0 0 0 3px #0ea5e933}.unit-toggle-switch input:checked+.unit-toggle-slider:before{transform:translate(28px)}.unit-toggle-labels{display:flex;align-items:center;gap:var(--spacing-sm)}.unit-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);transition:color .2s ease}.unit-label.active{color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}.height-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.height-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.height-input-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);margin:0}.height-input-small{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-800);background-color:#fff;transition:all .2s ease;box-shadow:var(--shadow-sm)}.height-input-small:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #0ea5e91a}@media (max-width: 768px){.unit-toggle-container{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.unit-toggle-labels{order:-1}.height-input-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}*:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (prefers-contrast: high){:root{--color-gray-600: #000000;--color-gray-700: #000000;--color-gray-800: #000000;--color-gray-900: #000000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.app-container{padding:var(--spacing-md)}.app-title{font-size:var(--font-size-3xl)}.results-grid,.gender-group{grid-template-columns:1fr}.card-content,.card-header{padding:var(--spacing-lg)}}.growth-chart-container{margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200)}.chart-wrapper{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);overflow-x:auto}.growth-chart-svg{border-radius:var(--radius-md);background:#fafafa}.percentile-curve{transition:stroke-width .2s ease}.percentile-curve:hover{stroke-width:3}.percentile-label{font-family:var(--font-family-sans);font-weight:var(--font-weight-semibold)}.child-point{transition:r .2s ease;cursor:pointer}.child-point:hover{r:8}.child-point-glow{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.2}50%{opacity:.4}}.chart-legend{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-lg)}.legend-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-md);text-align:center}.legend-items{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.legend-color.child-marker{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px var(--color-gray-300)}.legend-text{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.growth-chart-container{padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.chart-wrapper{overflow-x:scroll;padding-bottom:var(--spacing-sm)}.growth-chart-svg{min-width:500px}.legend-items{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.chart-title{font-size:var(--font-size-lg)}}.chart-insights{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-blue-50);border-radius:var(--radius-lg);border:1px solid var(--color-blue-200)}.insights-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-blue-900);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-xs)}.insights-text{font-size:var(--font-size-sm);color:var(--color-blue-800);line-height:1.6;margin:0}.simple-chart-container{margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200)}.chart-header{text-align:center;margin-bottom:var(--spacing-xl)}.chart-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-xs) 0}.chart-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.percentile-bar-container{margin:var(--spacing-xl) 0}.percentile-labels{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.percentile-bar{position:relative;height:40px;border-radius:var(--radius-lg);overflow:hidden;display:flex;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.percentile-segment{height:100%;transition:all .3s ease}.percentile-segment.p0-25{background:linear-gradient(90deg,#fef2f2,#fee2e2)}.percentile-segment.p25-50{background:linear-gradient(90deg,#fef3c7,#fde68a)}.percentile-segment.p50-75{background:linear-gradient(90deg,#dbeafe,#bfdbfe)}.percentile-segment.p75-100{background:linear-gradient(90deg,#dcfce7,#bbf7d0)}.child-marker{position:absolute;top:-8px;width:4px;height:56px;border-radius:2px;transform:translate(-2px);box-shadow:var(--shadow-md);z-index:10}.marker-label{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray-900);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);white-space:nowrap}.percentile-explanation{margin:var(--spacing-xl) 0}.explanation-card{background:var(--color-blue-50);border:1px solid var(--color-blue-200);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.explanation-header{margin-bottom:var(--spacing-md)}.percentile-badge{display:inline-block;color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.explanation-text{color:var(--color-blue-800);font-size:var(--font-size-sm);line-height:1.6;margin:0}.growth-insights{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200)}.insights-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-md) 0;text-align:center}.insights-grid{display:grid;gap:var(--spacing-md)}.insight-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.insight-icon{font-size:var(--font-size-lg);flex-shrink:0}.insight-content{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.5}.insight-content strong{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.chart-tabs{display:flex;justify-content:center;margin-bottom:var(--spacing-xl);background:var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--spacing-xs)}.chart-tab{flex:1;padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;transition:all .2s ease}.chart-tab.active{background:#fff;color:var(--color-primary-700);box-shadow:var(--shadow-sm)}.chart-tab:hover:not(.active){color:var(--color-gray-800)}@media (max-width: 768px){.simple-chart-container{padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.percentile-labels{font-size:10px}.marker-label{font-size:10px;padding:2px 6px}.insights-grid{gap:var(--spacing-sm)}.insight-item{padding:var(--spacing-sm)}.chart-title{font-size:var(--font-size-lg)}}.saved-children-container{margin-bottom:var(--spacing-xl)}.saved-children-header{margin-bottom:var(--spacing-lg);text-align:center}.saved-children-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.saved-children-description{color:var(--color-gray-600);font-size:var(--font-size-sm)}.saved-children-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.add-new-child-section{text-align:center;margin:var(--spacing-lg) 0}.add-new-child-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--ya-white);color:var(--ya-blue-600);border:2px dashed var(--ya-blue-300);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .2s ease}.add-new-child-btn:hover{background:var(--ya-blue-50);border-color:var(--ya-blue-500);color:var(--ya-blue-700);transform:translateY(-2px)}.add-new-child-btn .add-icon{font-size:var(--font-size-xl);font-weight:700}.saved-child-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all .2s ease;position:relative}.saved-child-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.saved-child-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.saved-child-info{flex:1}.saved-child-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.saved-child-details{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.delete-child-btn{background:var(--color-gray-100);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);cursor:pointer;transition:all .2s ease;font-size:16px;line-height:1}.delete-child-btn:hover{background:var(--color-red-100);color:var(--color-red-600)}.saved-child-latest{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.latest-measurement-label{font-size:var(--font-size-xs);color:var(--color-gray-600);margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium)}.latest-measurement-data{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.measurement-item{font-size:var(--font-size-sm);color:var(--color-gray-700)}.measurement-date{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.select-child-btn{width:100%;background:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.select-child-btn:hover{background:var(--color-primary-700)}.saved-children-empty{text-align:center;padding:var(--spacing-xl)}.empty-state{max-width:400px;margin:0 auto}.empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.empty-description{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.5}.delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-confirm-modal{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:400px;width:90%;text-align:center}.delete-confirm-modal h4{color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.delete-confirm-modal p{color:var(--color-gray-600);margin-bottom:var(--spacing-lg)}.delete-confirm-actions{display:flex;gap:var(--spacing-md);justify-content:center}.btn-danger{background:var(--color-red-600);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:var(--color-red-700)}.btn-secondary{background:var(--color-gray-200);color:var(--color-gray-700);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--color-gray-300)}.growth-history-container{margin-top:var(--spacing-xl)}.growth-history-header{text-align:center;margin-bottom:var(--spacing-lg)}.growth-history-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.growth-history-subtitle{color:var(--color-gray-600);font-size:var(--font-size-sm)}.growth-trend{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-blue-50) 100%);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.trend-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin-bottom:var(--spacing-md);text-align:center}.trend-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.trend-stat{text-align:center}.trend-label{display:block;font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.trend-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-700)}.trend-value small{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:400}.measurements-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.measurement-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.measurement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-gray-100)}.measurement-date{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.measurement-age{font-size:var(--font-size-sm);color:var(--color-gray-600)}.measurement-data{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.measurement-item{text-align:center}.measurement-label{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.measurement-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.measurement-notes{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-100);font-size:var(--font-size-sm);color:var(--color-gray-700)}.show-more-container{text-align:center;margin-top:var(--spacing-lg)}.growth-history-empty{text-align:center;padding:var(--spacing-xl)}@media (max-width: 768px){.saved-children-grid,.trend-stats,.measurement-data{grid-template-columns:1fr;gap:var(--spacing-md)}.measurement-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.delete-confirm-modal{margin:var(--spacing-md)}}.growth-chart-container{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;box-shadow:var(--shadow-sm)}.chart-header{text-align:center;margin-bottom:var(--spacing-lg)}.chart-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.chart-subtitle{color:var(--color-gray-600);font-size:var(--font-size-sm)}.chart-controls{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.percentile-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.percentile-selector label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.percentile-selector select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#fff;cursor:pointer}.chart-wrapper{position:relative;display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.growth-chart-svg{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:#fff}.chart-tooltip{font-family:var(--font-family-sans);white-space:nowrap;box-shadow:var(--shadow-lg)}.chart-legend{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--radius-md)}.legend-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.legend-items{display:flex;gap:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-item span{font-size:var(--font-size-xs);color:var(--color-gray-600)}.chart-insights{background:linear-gradient(135deg,var(--color-blue-50) 0%,var(--color-purple-50) 100%);border:1px solid var(--color-blue-200);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.chart-insights h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-blue-700);margin-bottom:var(--spacing-md);text-align:center}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.insight-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.insight-item strong{font-size:var(--font-size-sm);color:var(--color-gray-700)}.insight-item span{font-size:var(--font-size-sm);color:var(--color-gray-600)}.child-avatar-container{display:flex;flex-direction:column;align-items:center}.child-avatar{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.avatar-emoji{font-size:1.5rem;line-height:1}.avatar-label{margin-top:var(--spacing-sm)}.percentile-avatar-scale{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-lg) 0}.scale-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:var(--spacing-lg)}.avatars-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:var(--spacing-md)}.avatar-column{flex:1;display:flex;flex-direction:column;align-items:center}.avatar-wrapper{transition:all .2s ease}.scale-description{text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.future-athlete-projection{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-lg) 0;box-shadow:var(--shadow-sm)}.projection-header{margin-bottom:var(--spacing-lg)}.projection-content{border-radius:var(--radius-lg);padding:var(--spacing-xl)}.projection-visual{margin-bottom:var(--spacing-lg)}.future-avatar{font-size:4rem;line-height:1;margin-bottom:var(--spacing-md)}.projected-height{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.sports-potential{margin-bottom:var(--spacing-lg)}.sports-potential h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-md)}.sports-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.sport-tag{background:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);border:1px solid var(--color-gray-300);transition:all .2s ease}.sport-tag:hover{background:var(--color-blue-50);border-color:var(--color-blue-300);color:var(--color-blue-700)}.potential-description{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5}.growth-insight{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-gray-200)}.growth-insight h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-sm)}.growth-insight p{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5;margin:0}@media (max-width: 768px){.growth-chart-container{padding:var(--spacing-lg)}.chart-wrapper{overflow-x:auto}.growth-chart-svg{min-width:600px}.legend-items{flex-wrap:wrap;justify-content:center}.avatars-row{flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.avatar-column{flex:none;min-width:80px}.insights-grid{grid-template-columns:1fr}.sports-list{justify-content:center}.future-avatar{font-size:3rem}}@media (max-width: 480px){.chart-title{font-size:var(--font-size-lg)}.future-athlete-projection,.projection-content{padding:var(--spacing-lg)}}.visual-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.visual-title{font-size:1.5rem;font-weight:600;color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-lg)}.avatar-section{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg)}.charts-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.child-avatar{text-align:center;padding:var(--spacing-lg);background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-width:400px;margin:0 auto}.avatar-emoji{font-size:4rem;margin-bottom:var(--spacing-md);display:block}.avatar-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.avatar-description{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:var(--spacing-md)}.percentile-scale{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-background);border-radius:var(--border-radius)}.scale-item{text-align:center;flex:1}.scale-emoji{font-size:1.5rem;display:block;margin-bottom:.25rem}.scale-label{font-size:.75rem;color:var(--color-text-secondary)}.scale-item.active{background:var(--color-primary);color:#fff;border-radius:var(--border-radius);padding:.25rem}.growth-chart{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.chart-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md);text-align:center}.chart-container{position:relative;width:100%;height:400px;margin-bottom:var(--spacing-md)}.chart-svg{width:100%;height:100%;border:1px solid var(--color-border);border-radius:var(--border-radius)}.percentile-curve{fill:none;stroke-width:2;opacity:.7}.percentile-curve.p5{stroke:#ef4444}.percentile-curve.p25{stroke:#f97316}.percentile-curve.p50{stroke:#10b981}.percentile-curve.p75{stroke:#3b82f6}.percentile-curve.p95{stroke:#8b5cf6}.child-point{fill:var(--color-primary);stroke:#fff;stroke-width:2;r:6}.child-point:hover{r:8;fill:var(--color-primary-dark)}.chart-legend{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.legend-color{width:16px;height:3px;border-radius:2px}@media (max-width: 768px){.visual-section{padding:var(--spacing-md)}.avatar-emoji{font-size:3rem}.chart-container{height:300px}.percentile-scale{flex-direction:column;gap:var(--spacing-sm)}.scale-item{width:100%}}.landing-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.hero-section{padding:4rem 2rem;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-highlight{background:linear-gradient(45deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.hero-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.5rem}.feature-item{display:flex;align-items:center;gap:.75rem;font-weight:500}.feature-icon{font-size:1.5rem}.hero-cta{text-align:left}.cta-primary{background:linear-gradient(45deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;margin-bottom:1rem}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.cta-primary.large{padding:1.25rem 2.5rem;font-size:1.25rem}.cta-subtitle{font-size:.875rem;opacity:.8;margin:0}.hero-visual{display:flex;justify-content:center;align-items:center}.phone-mockup{width:300px;height:600px;background:linear-gradient(145deg,#2d3748,#1a202c);border-radius:30px;padding:20px;box-shadow:0 20px 40px #0000004d;position:relative}.phone-mockup:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:60px;height:6px;background:#4a5568;border-radius:3px}.phone-screen{width:100%;height:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.app-preview{padding:2rem 1.5rem;height:100%;display:flex;flex-direction:column;gap:1.5rem}.app-header h3{color:var(--color-primary);font-size:1.5rem;margin:0 0 .5rem}.app-header p{color:var(--color-text-secondary);margin:0}.app-percentiles{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.percentile-card-preview{background:#fff;border-radius:12px;padding:1rem;text-align:center;box-shadow:0 2px 8px #0000001a;border:2px solid}.percentile-card-preview.height{border-color:#ef4444}.percentile-card-preview.weight{border-color:#10b981}.percentile-icon{font-size:1.5rem;margin-bottom:.5rem}.percentile-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.percentile-label{font-size:.875rem;color:var(--color-text-secondary)}.app-chart-preview{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-background);border-radius:12px;padding:1rem}.app-store-section{padding:4rem 2rem;background:#fff}.app-store-content{max-width:1200px;margin:0 auto;text-align:center}.section-title{font-size:2.5rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.app-store-buttons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.store-button{display:flex;align-items:center;gap:1rem;background:var(--color-text);color:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;transition:all .3s ease;min-width:200px}.store-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.store-icon{font-size:2rem}.store-text{text-align:left}.store-label{font-size:.875rem;opacity:.8}.store-name{font-size:1.125rem;font-weight:600}.features-section{padding:4rem 2rem;background:var(--color-background)}.features-content{max-width:1200px;margin:0 auto;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.feature-icon-large{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.feature-description{color:var(--color-text-secondary);line-height:1.6}.testimonials-section{padding:4rem 2rem;background:#fff}.testimonials-content{max-width:1200px;margin:0 auto;text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background:var(--color-background);padding:2rem;border-radius:16px;text-align:left}.testimonial-stars{font-size:1.25rem;margin-bottom:1rem}.testimonial-text{font-style:italic;line-height:1.6;margin-bottom:1.5rem;color:var(--color-text)}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{font-size:2rem;width:50px;height:50px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.author-name{font-weight:600;color:var(--color-text)}.author-role{font-size:.875rem;color:var(--color-text-secondary)}.cta-section{padding:4rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.cta-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.cta-feature{font-size:.875rem;opacity:.9}.landing-footer{background:var(--color-text);color:#fff;padding:3rem 2rem 1rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:2rem}.footer-brand h3{font-size:1.5rem;margin-bottom:.5rem}.footer-brand p{opacity:.8}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-section h4{font-size:1rem;margin-bottom:1rem;color:var(--color-primary)}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.5rem;opacity:.8;font-size:.875rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:2rem;text-align:center;opacity:.8;font-size:.875rem}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:2.5rem}.phone-mockup{width:250px;height:500px}.features-grid{grid-template-columns:1fr}.app-store-buttons{flex-direction:column;align-items:center}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:1fr;gap:1.5rem}.cta-features{flex-direction:column;gap:1rem}.hero-features{grid-template-columns:1fr}}.header-btn{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:.875rem;padding:.5rem 1rem}@media (max-width: 768px){.header-btn{position:static;transform:none;margin-top:1rem}.header-content{position:relative}}.inch-converter,.weight-helper{position:relative;display:inline-block;margin-left:.5rem}.converter-toggle,.helper-toggle{background:var(--color-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.converter-toggle:hover,.helper-toggle:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.converter-popup,.helper-popup{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000;min-width:400px;max-width:500px;animation:popupSlideIn .3s ease}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.converter-header,.helper-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-background);border-radius:12px 12px 0 0}.converter-header h3,.helper-header h3{margin:0;font-size:1.125rem;color:var(--color-text)}.converter-close,.helper-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-secondary);padding:.25rem;border-radius:4px;transition:all .2s ease}.converter-close:hover,.helper-close:hover{background:var(--color-border);color:var(--color-text)}.converter-content,.helper-content{padding:1.5rem}.converter-note,.helper-note{margin:0 0 1rem;font-size:.875rem;color:var(--color-text-secondary);font-style:italic;text-align:center}.height-grid,.weight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;max-height:300px;overflow-y:auto}.height-option,.weight-option{background:#fff;border:2px solid var(--color-border);border-radius:8px;padding:.75rem;text-align:center;cursor:pointer;transition:all .2s ease;font-size:.875rem}.height-option:hover,.weight-option:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.height-measurement,.weight-measurement{font-weight:700;font-size:1rem;color:var(--color-text);margin-bottom:.25rem}.height-age,.weight-age{font-size:.75rem;color:var(--color-primary);font-weight:600;margin-bottom:.25rem}.height-description,.weight-description{font-size:.75rem;color:var(--color-text-secondary)}.form-row{display:flex;align-items:flex-end;gap:1rem;margin-bottom:1.5rem}.form-group-inline{flex:1}.helper-container{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.success-checkmark{display:inline-block;width:20px;height:20px;border-radius:50%;background:var(--color-success);color:#fff;text-align:center;line-height:20px;font-size:12px;margin-right:.5rem;animation:successPop .5s ease}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.form-group.error input{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.form-group.success input{border-color:var(--color-success);box-shadow:0 0 0 3px #22c55e1a}.error-message{color:var(--color-error);font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.error-icon{font-size:1rem}.main-card,.results-card{transition:all .3s ease}.main-card:hover,.results-card:hover{box-shadow:0 8px 24px #0000001a}.btn-primary{position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}@media (max-width: 768px){.converter-popup,.helper-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:90vw;max-width:90vw;max-height:80vh;overflow-y:auto}.height-grid,.weight-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.form-row{flex-direction:column;gap:.5rem}.helper-container{justify-content:center;margin-top:1rem}}.converter-toggle:focus,.helper-toggle:focus,.height-option:focus,.weight-option:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-color-scheme: dark){.converter-popup,.helper-popup{background:var(--color-card-dark, #1f2937);border-color:var(--color-border-dark, #374151)}.height-option,.weight-option{background:var(--color-background-dark, #111827);border-color:var(--color-border-dark, #374151);color:var(--color-text-dark, #f9fafb)}}.export-report{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin-top:2rem;text-align:center}.export-report h3{margin:0 0 .5rem;color:var(--color-text);font-size:1.25rem}.export-description{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.875rem}.export-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.export-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s ease;min-width:140px}.export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.export-note{font-size:.75rem;color:var(--color-text-secondary);margin:0;font-style:italic}.pwa-install{position:fixed;bottom:1rem;left:1rem;right:1rem;background:var(--color-primary);color:#fff;padding:1rem;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;align-items:center;justify-content:space-between;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-text{flex:1;margin-right:1rem}.pwa-install-title{font-weight:600;margin:0 0 .25rem;font-size:.875rem}.pwa-install-description{font-size:.75rem;opacity:.9;margin:0}.pwa-install-buttons{display:flex;gap:.5rem}.pwa-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pwa-btn:hover{background:#ffffff4d}.pwa-btn.primary{background:#fff;color:var(--color-primary)}.pwa-btn.primary:hover{background:#ffffffe6}.main-card,.results-card,.landing-page{will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.btn-primary,.btn-secondary,.form-group input,.form-group select{border:2px solid currentColor}}@media print{.export-report,.navigation-buttons,.helper-container{display:none}.results-card{box-shadow:none;border:1px solid #000}.growth-chart{page-break-inside:avoid}}@media (max-width: 768px){.export-buttons{flex-direction:column;align-items:center}.export-btn{width:100%;max-width:200px}.pwa-install{left:.5rem;right:.5rem;bottom:.5rem}.pwa-install-buttons{flex-direction:column;gap:.25rem}}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center}.loading-spinner-large{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-boundary{text-align:center;padding:2rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:1rem}.error-boundary h2{color:#dc2626;margin:0 0 1rem}.error-boundary p{color:#7f1d1d;margin:0 0 1rem}.error-boundary button{background:#dc2626;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600}.error-boundary button:hover{background:#b91c1c}.height-mode-toggle{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);background:var(--ya-gray-100);padding:4px;border-radius:var(--radius-md);border:1px solid var(--ya-gray-200)}.mode-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--ya-gray-600);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.mode-btn:hover{color:var(--ya-blue-700);background:var(--ya-blue-50)}.mode-btn.active{background:var(--ya-blue-600);color:var(--ya-white);box-shadow:var(--shadow-sm)}.inches-only-input{display:flex;align-items:center;gap:var(--spacing-sm)}.inches-only-input .professional-input{flex:1}.unit-label{color:var(--ya-gray-500);font-size:var(--font-size-sm);font-weight:500}.gender-buttons{display:flex;gap:var(--spacing-md)}.gender-btn{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--ya-blue-200);border-radius:var(--radius-md);background:var(--ya-white);color:var(--ya-blue-700);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.gender-btn:hover{border-color:var(--ya-blue-500);background-color:var(--ya-blue-50);transform:translateY(-1px)}.gender-btn.active{border-color:var(--ya-blue-600);background-color:var(--ya-blue-600);color:var(--ya-white);box-shadow:0 4px 12px #2563eb4d}.date-inputs{display:flex;gap:var(--spacing-sm);align-items:end}.date-input-group{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.date-label{font-size:var(--font-size-sm);font-weight:500;color:var(--ya-blue-700);margin-bottom:var(--spacing-xs)}.date-input{min-width:0;flex:1;padding:var(--spacing-md);border:2px solid var(--ya-blue-200);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--ya-blue-800);background-color:var(--ya-white);transition:all .2s ease}.date-input:focus{outline:none;border-color:var(--ya-blue-500);box-shadow:0 0 0 3px #3b82f61a}.date-input::placeholder{color:var(--ya-gray-400)}.height-inputs{display:flex;gap:var(--spacing-md);align-items:end}.height-input-group{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.height-label{font-size:var(--font-size-sm);font-weight:500;color:var(--ya-blue-700);margin-bottom:var(--spacing-xs)}.height-input{padding:var(--spacing-md);border:2px solid var(--ya-blue-200);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--ya-blue-800);background-color:var(--ya-white);transition:all .2s ease}.height-input:focus{outline:none;border-color:var(--ya-blue-500);box-shadow:0 0 0 3px #3b82f61a}.height-input::placeholder{color:var(--ya-gray-400)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-base);font-weight:600;color:var(--ya-blue-800);margin-bottom:var(--spacing-sm)}.required{color:var(--ya-gold-600)}.professional-input{padding:var(--spacing-md);border:2px solid var(--ya-blue-200);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--ya-blue-800);background-color:var(--ya-white);transition:all .2s ease;box-shadow:var(--shadow-sm);width:100%}.professional-input:focus{outline:none;border-color:var(--ya-blue-500);box-shadow:0 0 0 3px #3b82f61a}.professional-input::placeholder{color:var(--ya-gray-400)}.calculate-btn{background:linear-gradient(135deg,var(--ya-gold-500) 0%,var(--ya-gold-600) 100%);color:var(--ya-white);border:2px solid var(--ya-gold-600);padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f59e0b4d;width:100%;margin-top:var(--spacing-xl)}.calculate-btn:hover{background:linear-gradient(135deg,var(--ya-gold-600) 0%,var(--ya-gold-700) 100%);border-color:var(--ya-gold-700);box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.calculate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.main-card{background:var(--ya-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--ya-blue-100);max-width:600px;margin:0 auto}@media (max-width: 768px){.height-mode-toggle{flex-direction:column;gap:var(--spacing-xs)}.mode-btn{flex:none}.height-inputs{flex-direction:column;gap:var(--spacing-sm)}.height-input-group{flex:none;width:100%}.date-inputs{flex-direction:column;gap:var(--spacing-sm)}.date-input-group{flex:none;width:100%}.gender-buttons{flex-direction:column;gap:var(--spacing-sm)}}.pro-paywall{text-align:center;padding:var(--spacing-xxl);background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:var(--border-radius-lg);border:2px dashed var(--color-border);max-width:500px;margin:0 auto}.paywall-icon{font-size:4rem;margin-bottom:var(--spacing-lg);filter:grayscale(.5)}.paywall-title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md)}.paywall-description{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.paywall-features{background:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.paywall-features h4{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.paywall-features ul{list-style:none;padding:0;text-align:left;max-width:300px;margin:0 auto}.paywall-features li{padding:var(--spacing-sm) 0;color:var(--color-text-secondary);font-size:.95rem}.upgrade-btn{font-size:1.125rem;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:var(--spacing-md)}.upgrade-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0e3b6c33}.paywall-note{font-size:.875rem;color:var(--color-text-secondary);margin:0}.growth-history-container.pro-only{min-height:400px;display:flex;align-items:center;justify-content:center}:root{--ya-text-on-blue: #ffffff;--ya-text-on-gold: #000000;--ya-text-on-light: #1f2937;--ya-text-muted: #4b5563;--ya-link-blue: #1d4ed8;--ya-error-dark: #dc2626;--ya-success-dark: #059669}.ya-header{background:linear-gradient(135deg,#0e3b6c,#0c2f54)}.ya-nav-link{color:#fff!important;opacity:.9}.ya-nav-link:hover{opacity:1;background:#ffffff26}.ya-btn-signin,.ya-cta-primary{background:#d97706;color:#000}.ya-btn-signin:hover,.ya-cta-primary:hover{background:#b45309}.ya-btn-back,.ya-cta-secondary{border-color:#ffffff80;color:#fff}.ya-form-container label,.form-label{color:#1f2937;font-weight:500}.card-subtitle,.helper-text,.nutrition-note,.nutrient-sources,.serving-size{color:#4b5563}.professional-input,.ya-input,input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{border-color:#6b7280;color:#111827}.professional-input:focus,.ya-input:focus{border-color:#1d4ed8;outline:2px solid #93c5fd;outline-offset:2px}.error,.alert-error{background:#fee2e2;color:#991b1b;border-color:#dc2626}.success,.alert-success{background:#d1fae5;color:#065f46;border-color:#059669}.percentile-card{border:2px solid #d1d5db}.percentile-value{color:#0e3b6c;font-weight:700}.percentile-message{color:#374151}.sport-percentile-item{background:#f3f4f6;border:1px solid #9ca3af}.position-average{color:#374151;font-weight:500}.recharts-text{fill:#374151!important}.recharts-cartesian-axis-tick-value{fill:#4b5563!important}.nutrition-card h3,.nutrition-card h4{color:#111827;font-weight:600}.percentage,.secondary-value{color:#374151}.tab-button{color:#374151;font-weight:500}.tab-button:hover{color:#111827}.tab-button.active{color:#0e3b6c;font-weight:600}.pro-badge{background:#d97706;color:#000;font-weight:600}.pro-badge-small{background:#d97706;color:#000;font-weight:700}.app-footer,.footer-text{background:#f9fafb;color:#374151}a{color:#1d4ed8;text-decoration:underline}a:hover{color:#1e40af}button:disabled,input:disabled,select:disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed;opacity:.7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.ya-header{background:#000}.ya-btn-signin,.ya-cta-primary{background:#fbbf24;color:#000;border:2px solid #000000}.professional-input,input,select,textarea{border-width:2px;border-color:#000}.percentile-card{border-width:3px;border-color:#000}}@media print{*{color:#000!important;background:#fff!important}.ya-header,.ya-btn-signin,.pro-badge{border:2px solid #000000!important}}.clickable,[role=button],[tabindex="0"]{cursor:pointer}.skip-to-main{position:absolute;left:-9999px;z-index:999;padding:1em;background:#000;color:#fff;text-decoration:none;border-radius:4px}.skip-to-main:focus{left:50%;transform:translate(-50%);top:10px}@media (pointer: coarse){button,a,input,select,textarea,[role=button]{min-height:44px;min-width:44px}.ya-nav-link{padding:12px 16px}}