.height-predictor-app{font-family:Vazirmatn,IRANSans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;--bg-page:transparent;--card-bg:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border:#e2e8f0;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--emerald-light:#ecfdf5;--teal-600:#0d9488;--teal-700:#0f766e;--indigo-600:#4f46e5;--indigo-700:#4338ca;background-color:var(--bg-page);color:var(--text-primary);direction:rtl;text-align:right;line-height:1.5;-webkit-font-smoothing:antialiased;width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;border-radius:16px}.height-predictor-app *{box-sizing:border-box}.height-predictor-app h1,.height-predictor-app h2,.height-predictor-app h3,.height-predictor-app h4,.height-predictor-app p,.height-predictor-app ul,.height-predictor-app li,.height-predictor-app button,.height-predictor-app input{margin:0;padding:0}.app-main{width:100%;max-width:1200px;margin:0 auto;padding:0}@media(min-width:768px){.app-main{padding:1.5rem 0}}.hero-banner{background:linear-gradient(to right,#064e3b,#134e4a,#0f172a);color:#fff;border-radius:16px;padding:1.25rem;margin:1.5rem auto;border:1px solid rgba(5,150,105,.3);display:flex;flex-direction:column;gap:1rem;height:auto!important;max-width:1200px}@media(min-width:768px){.hero-banner{flex-direction:row;align-items:center;justify-content:space-between;padding:1.5rem}}.hero-tag{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;color:#6ee7b7;margin-bottom:.4rem;flex-wrap:wrap}.sub-tag{color:#cbd5e1;font-weight:400;font-size:.7rem}.hero-banner p{font-size:.8rem;color:#cbd5e1;line-height:1.5}.btn-hero-cite{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.6rem 1rem;border-radius:12px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;backdrop-filter:blur(4px);transition:all .15s;width:100%}@media(min-width:768px){.btn-hero-cite{width:auto}}.btn-hero-cite:hover{background:#ffffff2e}.layout-grid{display:flex;flex-direction:column;width:100%;gap:1.5rem;align-items:stretch}@media(min-width:1024px){.layout-grid{display:grid;grid-template-columns:380px 1fr;align-items:start}}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:0 1px 3px #00000005;margin-bottom:1.5rem;width:100%;height:auto!important}.card:last-child{margin-bottom:0}.table-card,.insights-card{content-visibility:auto;contain-intrinsic-size:auto 420px}.form-card{background:linear-gradient(160deg,#fff 0,#f7fef9,#f0fdfa);border:1px solid #bbf7d0;box-shadow:0 4px 24px #05966912,0 1px 3px #00000008;position:relative;overflow:hidden;padding:0 1.25rem 1.25rem}.form-top-accent{height:4px;background:linear-gradient(90deg,#059669,#0d9488,#6366f1,#059669);background-size:200% 100%;animation:accentSlide 4s linear infinite;margin:0 -1.25rem}@keyframes accentSlide{0%{background-position:0 50%}to{background-position:200% 50%}}@media(prefers-reduced-motion:reduce){.form-top-accent,.parents-content{animation:none}}.form-header{background:linear-gradient(135deg,#ecfdf5 0,#f0fdfa 60%,#eef2ff);border-radius:14px;padding:1rem 1.1rem;margin:.75rem -.25rem 1rem;border-bottom:none!important;border:1px solid #d1fae5}.icon-avatar-lg{width:42px;height:42px;min-width:42px;background:linear-gradient(135deg,#059669,#0d9488);color:#fff;border-radius:12px;box-shadow:0 3px 10px #05966940}.form-header .header-title-group h3{font-size:1rem;color:#064e3b}.form-header .header-title-group p{font-size:.68rem;color:#0f766e}.field-block{background:#fff;border:1.5px solid #e8f5ee;border-radius:14px;padding:1.35rem 1.25rem;margin-bottom:1rem;transition:all .25s ease;position:relative}.field-block:hover{border-color:#86efac;background:linear-gradient(135deg,#fafffe,#f0fdf8);box-shadow:0 2px 12px #0596690f}.field-block:focus-within{border-color:#059669;box-shadow:0 0 0 3px #0596691a,0 2px 12px #05966914;background:#fff}.field-gender{background:linear-gradient(135deg,#fafbfc,#f5f3ff);border-color:#e0e7ff;padding:1.35rem 1.25rem}.field-gender:hover{border-color:#c7d2fe;background:linear-gradient(135deg,#f5f3ff,#eef2ff)}.field-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;color:var(--text-secondary);margin-bottom:.55rem}.field-label svg{color:var(--emerald-600);opacity:.7}.req{color:#f43f5e}.field-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;flex-wrap:wrap;gap:.35rem}.badge-val{font-size:.78rem;font-weight:800;padding:.35rem .9rem;border-radius:999px;white-space:nowrap;letter-spacing:-.01em;transition:all .3s ease}.badge-emerald{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7;box-shadow:0 1px 4px #0596691f}.badge-teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#134e4a;border:1px solid #5eead4;box-shadow:0 1px 4px #0d94881f}.badge-indigo{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#312e81;border:1px solid #a5b4fc;box-shadow:0 1px 4px #4f46e51a}.gender-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.15rem}.gender-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.15rem .75rem;font-size:.92rem;font-weight:700;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.gender-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#05966914,#0d948814);opacity:0;transition:opacity .25s}.gender-btn:hover:before{opacity:1}.gender-btn:hover{border-color:#86efac;color:#047857;transform:translateY(-1px);box-shadow:0 3px 10px #0596691a}.gender-btn.active{background:linear-gradient(135deg,#059669,#047857);border-color:#047857;color:#fff;box-shadow:0 4px 14px #0596694d;transform:translateY(-1px)}.gender-btn.active:before{opacity:0}.gender-btn.active svg{stroke:#fff}.dual-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.5rem}.input-cell{display:flex;flex-direction:column}.input-sub{display:block;font-size:.68rem;color:var(--text-muted);margin-bottom:.3rem;font-weight:500}.input-icon-wrap{position:relative;display:flex;align-items:center}.input-icon-wrap-wide{margin-bottom:.5rem}.input-icon-suffix{position:absolute;left:12px;font-size:.72rem;font-weight:700;color:#94a3b8;pointer-events:none;background:#f1f5f9;padding:.2rem .5rem;border-radius:6px}.text-input{width:100%;padding:.9rem 1rem;font-size:1.05rem;font-weight:700;border:2px solid #e2e8f0;border-radius:12px;background:#fff;text-align:center;transition:all .25s ease;-webkit-appearance:none;color:var(--text-primary)}.persian-input{direction:rtl!important;font-feature-settings:"ss01"}.text-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 4px #0596691a;background:#f0fdf8}.input-icon-wrap .text-input{padding-left:3.5rem}.range-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;outline:none;cursor:pointer;margin-top:.75rem;background:linear-gradient(90deg,#d1fae5 0,#059669);transition:all .2s}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid #059669;box-shadow:0 2px 8px #0596694d;cursor:pointer;transition:all .2s ease}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 14px #05966966;background:#ecfdf5}.range-slider::-webkit-slider-thumb:active{transform:scale(1.1);background:#d1fae5}.range-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid #059669;box-shadow:0 2px 8px #0596694d;cursor:pointer}.range-slider::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#d1fae5 0,#059669)}.slider-teal{background:linear-gradient(90deg,#ccfbf1 0,#0d9488)}.slider-teal::-webkit-slider-thumb{border-color:#0d9488;box-shadow:0 2px 8px #0d94884d}.slider-teal::-webkit-slider-thumb:hover{box-shadow:0 3px 14px #0d948866}.slider-teal::-moz-range-thumb{border-color:#0d9488}.slider-teal::-moz-range-track{background:linear-gradient(90deg,#ccfbf1 0,#0d9488)}.slider-indigo{background:linear-gradient(90deg,#e0e7ff 0,#4f46e5)}.slider-indigo::-webkit-slider-thumb{border-color:#4f46e5;box-shadow:0 2px 8px #4f46e54d}.slider-indigo::-webkit-slider-thumb:hover{box-shadow:0 3px 14px #4f46e566}.slider-indigo::-moz-range-thumb{border-color:#4f46e5}.slider-indigo::-moz-range-track{background:linear-gradient(90deg,#e0e7ff 0,#4f46e5)}.parents-accordion{border:1.5px solid #c7d2fe;border-radius:14px;background:linear-gradient(135deg,#f5f3ff,#eef2ff);overflow:hidden;transition:all .3s ease;margin-top:.25rem}.parents-accordion:hover{box-shadow:0 2px 12px #4f46e514}.parents-toggle{width:100%;padding:1.15rem;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-size:.85rem;font-weight:700;color:#3730a3;cursor:pointer;text-align:right;transition:all .2s}.parents-toggle:hover{background:#6366f10f}.parents-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.parents-rec-tag{font-size:.6rem;font-weight:600;background:linear-gradient(135deg,#dbeafe,#e0e7ff);color:#4338ca;padding:.15rem .55rem;border-radius:999px;border:1px solid #a5b4fc}.parents-content{padding:1.15rem;background:#fff;border-top:1px solid #e0e7ff;display:flex;flex-direction:column;gap:1rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.parent-field{background:#fafaff;border:1px solid #eef2ff;border-radius:10px;padding:.9rem}.parent-name{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-secondary);font-weight:600}.parent-name svg{color:#6366f1}.btn-reset{display:inline-flex;align-items:center;gap:.35rem;background:#ef44440f;border:1px solid rgba(239,68,68,.15);font-size:.75rem;font-weight:600;color:#dc2626;cursor:pointer;padding:.5rem .85rem;border-radius:8px;align-self:flex-end;transition:all .2s}.btn-reset:hover{background:#ef44441f;border-color:#ef44444d;color:#b91c1c}.icon-avatar{width:34px;height:34px;min-width:34px;border-radius:8px;background:var(--emerald-light);color:var(--emerald-600);display:flex;align-items:center;justify-content:center}.icon-teal{background:#f0fdfa;color:var(--teal-600)}.icon-amber{background:#fef3c7;color:#d97706}.card-header{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem;margin-bottom:1rem}@media(min-width:640px){.card-header{flex-direction:row;justify-content:space-between;align-items:center}}.header-title-group{display:flex;align-items:center;gap:.5rem;width:100%}.header-title-group h3{font-size:.95rem;font-weight:700;color:var(--text-primary)}.header-title-group p{font-size:.7rem;color:var(--text-muted)}.prediction-hero{background:linear-gradient(135deg,#047857,#0f766e,#0f172a);color:#fff;border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 6px -1px #0000000d;height:auto!important}@media(min-width:768px){.prediction-hero{flex-direction:row;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem}}.pred-badge-row{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:#a7f3d0;flex-wrap:wrap}.pred-val-big{font-size:1.75rem;font-weight:900;letter-spacing:-.02em;color:#fff;line-height:1.2}@media(min-width:640px){.pred-val-big{font-size:2.5rem}}.pred-confidence{font-size:.75rem;color:#cbd5e1;line-height:1.4}.pred-confidence strong{color:#6ee7b7}.pred-midparent-box{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.15);padding-top:.75rem;gap:.5rem}@media(min-width:768px){.pred-midparent-box{border-top:none;border-right:1px solid rgba(255,255,255,.15);padding-top:0;padding-right:1.5rem;align-items:flex-end}}.midparent-label{font-size:.7rem;color:#a7f3d0;display:block}.midparent-val{font-size:1.15rem;font-weight:700}.midparent-tag{font-size:.65rem;background:#10b98133;border:1px solid rgba(52,211,153,.3);color:#a7f3d0;padding:.1rem .5rem;border-radius:999px;display:inline-flex;align-items:center;gap:.25rem;width:fit-content}.metrics-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1rem}@media(min-width:640px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}.metric-card{background:#f8fafccc;border:1px solid var(--border);border-radius:14px;padding:1rem}.metric-head{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.metric-val{font-size:1.35rem;font-weight:800;line-height:1.2}.text-emerald{color:var(--emerald-800)}.text-teal{color:var(--teal-700)}.text-indigo{color:var(--indigo-700)}.unit-small{font-size:.75rem;font-weight:400;color:var(--text-muted)}.metric-val-small{font-size:.75rem;font-weight:700;color:var(--text-primary);margin-top:.25rem}.progress-bar-bg{width:100%;height:6px;background:#e2e8f0;border-radius:999px;margin:.5rem 0 .25rem;overflow:hidden}.progress-bar-fill{height:100%;background:var(--emerald-600);border-radius:999px;transition:width .3s}.metric-foot{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-muted)}.metric-desc{font-size:.68rem;color:var(--text-muted);line-height:1.35;margin-top:.35rem}.bmi-status-row{display:flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;margin-top:.35rem}.dot-indicator{width:8px;height:8px;min-width:8px;border-radius:999px}.bg-emerald{background:#10b981}.triangulation-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin-top:1.25rem}.triangulation-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}@media(min-width:640px){.triangulation-header{flex-direction:row;justify-content:space-between;align-items:center}}.triangulation-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media(min-width:768px){.triangulation-grid{grid-template-columns:repeat(3,1fr)}}.method-box{padding:1rem;border-radius:12px;border:1px solid}.method-khamis{background:#ecfdf580;border-color:#a7f3d0}.method-tanner{background:#eef2ff80;border-color:#c7d2fe}.method-who{background:#f0fdfa80;border-color:#99f6e4}.method-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.method-title-khamis{font-size:.75rem;font-weight:700;color:#064e3b}.method-title-tanner{font-size:.75rem;font-weight:700;color:#312e81}.method-title-who{font-size:.75rem;font-weight:700;color:#134e4a}.badge-method-gold{font-size:.65rem;font-weight:700;background:#dcfce7;color:#166534;border:1px solid #86efac;padding:.1rem .4rem;border-radius:4px;white-space:nowrap}.method-val{font-size:1.3rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.method-desc{font-size:.7rem;color:var(--text-secondary);line-height:1.45}.method-range{margin-top:.5rem;font-size:.7rem;font-weight:600}.toggle-center{display:flex;justify-content:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.btn-formula-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:#f1f5f9;border:none;font-size:.75rem;font-weight:700;color:var(--text-primary);padding:.6rem 1rem;border-radius:10px;cursor:pointer;width:100%}@media(min-width:640px){.btn-formula-toggle{width:auto}}.btn-formula-toggle:hover{background:#e2e8f0}.deepdive-box{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:1rem;margin-top:1rem}.deepdive-box.hidden{display:none}.deepdive-title{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;padding-bottom:.5rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}.formula-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:768px){.formula-grid{grid-template-columns:1fr 1fr}}.f-box{background:#fff;border:1px solid var(--border);border-radius:8px;padding:.75rem}.f-head{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.35rem;font-size:.75rem}@media(min-width:640px){.f-head{flex-direction:row;justify-content:space-between;align-items:center}}.tag-badge{font-size:.65rem;font-weight:600;background:var(--emerald-light);color:var(--emerald-700);border:1px solid #a7f3d0;padding:.1rem .4rem;border-radius:4px;width:fit-content}.f-box code{display:block;background:#0f172a;color:#34d399;font-family:monospace;font-size:.7rem;padding:.4rem;border-radius:6px;direction:ltr;text-align:left;margin:.35rem 0;overflow-x:auto}.f-box p{font-size:.7rem;color:var(--text-muted)}.chart-head{flex-direction:column;align-items:flex-start;gap:.75rem}@media(min-width:640px){.chart-head{flex-direction:row;align-items:center}}.chart-legend{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-muted)}.leg-line{width:14px;height:4px;border-radius:999px}.leg-emerald{background:var(--emerald-600)}.leg-gray{background:#94a3b8}.leg-blue-dashed{height:0;border-bottom:2px dashed #3b82f6}.chart-wrapper{width:100%;position:relative;overflow-x:auto;overflow-y:visible;aspect-ratio:800/440}.chart-foot{display:flex;flex-direction:column;gap:.4rem;font-size:.7rem;color:var(--text-muted);border-top:1px solid #f1f5f9;padding-top:.5rem;margin-top:.5rem}@media(min-width:640px){.chart-foot{flex-direction:row;justify-content:space-between}}.foot-info{display:flex;align-items:flex-start;gap:.3rem}.chart-tooltip-box{width:100%;max-width:200px;background:#0f172af2;backdrop-filter:blur(4px);color:#fff;padding:8px 12px;border-radius:12px;border:1px solid rgba(51,65,85,.9);box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;justify-content:center;direction:rtl;text-align:right;font-family:inherit;user-select:none;pointer-events:none}.tt-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:#38bdf8;padding-bottom:3px;border-bottom:1px solid #1e293b}.tt-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:2px}.tt-sub{color:#94a3b8;font-size:10px}.tt-num{font-family:monospace;font-weight:600;direction:ltr;text-align:left}.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);background:#f1f5f9;border:none;padding:.5rem .75rem;border-radius:8px;cursor:pointer;width:100%}@media(min-width:640px){.btn-pill{width:auto}}.table-responsive{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:12px;-webkit-overflow-scrolling:touch}.growth-table{width:100%;min-width:600px;border-collapse:collapse;font-size:.75rem;text-align:right}.growth-table th{background:#f8fafce6;padding:.65rem .85rem;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.growth-table td{padding:.6rem .85rem;border-bottom:1px solid #f1f5f9;white-space:nowrap}.growth-table tr.row-current{background:#ecfdf599;font-weight:700;color:var(--emerald-900)}.growth-table tr.row-adult{background:#f1f5f9b3;font-weight:700}.tag-current,.tag-adult{color:#fff;font-size:.6rem;padding:.1rem .4rem;border-radius:999px;margin-right:.4rem;white-space:nowrap}.tag-current{background:var(--emerald-600)}.tag-adult{background:#1e293b}.col-highlight{color:var(--emerald-700);background:#ecfdf54d;font-weight:700}.col-sub{color:var(--text-muted);font-weight:400}.insights-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media(min-width:640px){.insights-grid{grid-template-columns:1fr 1fr}}.insight-box{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:1rem}.insight-head{display:flex;align-items:flex-start;gap:.4rem;font-size:.8rem;margin-bottom:.35rem;line-height:1.4}.insight-box p{font-size:.72rem;color:var(--text-muted);line-height:1.45}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-overlay.hidden{display:none}.modal-card{background:#fff;border-radius:20px;max-width:650px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem;margin-bottom:1rem}.modal-header h3{font-size:1.05rem;font-weight:800}.modal-header p{font-size:.75rem;color:var(--text-muted)}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:0;line-height:1}.citation-entry{background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:.85rem}.cite-author{font-size:.75rem;color:var(--emerald-700);margin-bottom:.35rem}.cite-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.45}