:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-header{background:#fffffff2;padding:1rem 2rem;text-align:center;box-shadow:0 2px 10px #0000001a;margin-bottom:1.5rem}.app-header h1{color:#333;font-size:2rem;margin-bottom:.25rem;font-weight:700;line-height:1.2}.subtitle{color:#666;font-size:1rem;margin-bottom:.25rem;line-height:1.3}.source-info{color:#888;font-size:.85rem;margin-top:.25rem;line-height:1.4}.source-info a{color:#667eea;text-decoration:none}.source-info a:hover{text-decoration:underline}.app-main{max-width:1400px;margin:0 auto;padding:0 1rem 2rem}.app-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media (min-width: 768px){.app-grid{grid-template-columns:400px 1fr;align-items:start;grid-auto-rows:min-content}.input-section{grid-column:1;grid-row:1;align-self:start}.charts-section{grid-column:2;grid-row:1;align-self:start}}@media (min-width: 1200px){.app-grid{grid-template-columns:400px 1fr;align-items:start}}.charts-section{min-height:400px;margin-top:0;padding-top:0}.input-section,.summary-section,.charts-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.app-footer{background:#fffffff2;padding:1.5rem;text-align:center;color:#666;font-size:.9rem;margin-top:2rem}.byline{font-size:.85rem;color:#888;margin-top:.25rem;display:inline-block}.byline a{color:#888;text-decoration:none;transition:color .2s}.byline a:hover{color:#667eea;text-decoration:underline}@media (max-width: 767px){.app-header{padding:.75rem 1rem;margin-bottom:1rem}.app-header h1{font-size:1.5rem;margin-bottom:.2rem}.subtitle{font-size:.9rem;margin-bottom:.2rem}.source-info{font-size:.8rem;margin-top:.2rem}.app-main{padding:0 .5rem 1rem}.input-section,.summary-section,.charts-section{padding:1rem}}.data-input-form{width:100%}.data-input-form h2{color:#333;margin-bottom:1.5rem;font-size:1.5rem;border-bottom:2px solid #667eea;padding-bottom:.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500;font-size:.95rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group small{display:block;margin-top:.25rem;color:#888;font-size:.85rem}.submit-btn{width:100%;padding:.875rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:1rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.submit-btn:active{transform:translateY(0)}.measurements-list{margin-top:2rem;padding-top:2rem;border-top:2px solid #e0e0e0}.measurements-list h3{color:#333;margin-bottom:1rem;font-size:1.2rem}.measurements-table{width:100%;max-width:100%;margin-bottom:1rem;overflow-x:auto;box-sizing:border-box}.measurements-table table{width:100%;max-width:100%;border-collapse:collapse;font-size:.8rem;table-layout:fixed;box-sizing:border-box}.measurements-table th{background-color:#f8f9fa;padding:.35rem .2rem;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.measurements-table th:first-child{width:30px;min-width:30px;max-width:30px;padding:.35rem .15rem}.measurements-table td{padding:.35rem .2rem;border-bottom:1px solid #f0f0f0;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.measurements-table tr:hover{background-color:#f8f9fa}.delete-btn{padding:.4rem .8rem;background-color:#ff6b6b;color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.delete-btn:hover{background-color:#ee5a5a}.clear-btn{width:100%;padding:.75rem;background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s}.clear-btn:hover{background-color:#ee5a5a}.current-measurement{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e0e0e0}.measurement-age{margin-bottom:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;color:#333;font-size:1rem}.advanced-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.advanced-toggle{padding:.5rem 0;color:#555;transition:color .2s}.advanced-toggle:hover{color:#667eea}@media (min-width: 768px){.measurements-table{overflow-x:visible}.measurements-table table{table-layout:fixed;width:100%}.measurements-table th,.measurements-table td{padding:.3rem .15rem}.measurements-table th:first-child,.measurements-table td:first-child{width:6%}.measurements-table th:nth-child(2),.measurements-table td:nth-child(2){width:16%}.measurements-table th:nth-child(3),.measurements-table td:nth-child(3){width:13%}.measurements-table th:nth-child(4),.measurements-table td:nth-child(4){width:13%}.measurements-table th:nth-child(5),.measurements-table td:nth-child(5){width:13%}.measurements-table th:nth-child(6),.measurements-table td:nth-child(6){width:12%}.measurements-table th:last-child,.measurements-table td:last-child{width:17%}.measurements-table td:last-child button{padding:.15rem .25rem;font-size:.65rem;margin-right:.15rem}}@media (max-width: 767px){.measurements-table{font-size:.8rem;overflow-x:auto}.measurements-table th,.measurements-table td{padding:.5rem}}.growth-charts{width:100%;margin-top:0;padding-top:0}.growth-charts h2{color:#333;margin-bottom:1.5rem;font-size:1.8rem;border-bottom:2px solid #667eea;padding-bottom:.5rem}.chart-section{margin-bottom:3rem}.section-header{color:#333;margin-bottom:1rem;margin-top:2rem;font-size:1.5rem;font-weight:600;border-bottom:1px solid #ddd;padding-bottom:.5rem}.chart-section:first-child .section-header{margin-top:0}.chart-container{margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;width:100%;box-sizing:border-box;overflow:visible}@media (max-width: 767px){.chart-container{padding:.5rem .25rem;background:#fff;border-radius:4px}}.chart-container .recharts-wrapper,.chart-container .recharts-surface{overflow:visible!important}.chart-scroll-wrapper{width:100%;overflow-x:auto;overflow-y:visible;padding-bottom:10px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#667eea #f0f0f0;max-width:100%;box-sizing:border-box}@media (max-width: 767px){.chart-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-container .recharts-responsive-container{min-width:500px}}.chart-scroll-wrapper::-webkit-scrollbar{height:8px}.chart-scroll-wrapper::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.chart-scroll-wrapper::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.chart-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#5568d3}.chart-container h3{color:#555;margin-bottom:1rem;font-size:1.3rem}.loading,.no-data{text-align:center;padding:2rem;color:#666;font-size:1.1rem}.chart-spinner-container{display:flex;align-items:center;justify-content:center;height:400px;width:100%}.spinner{border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-source-selector{background:#f0f4ff;border:1px solid #667eea;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;gap:2rem;flex-wrap:wrap}.source-group{flex:1;min-width:250px;display:flex;flex-direction:column;gap:.5rem}.source-group label{font-size:.9rem;font-weight:600;color:#555}.source-group select{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;background:#fff;cursor:pointer;transition:border-color .2s}.source-group select:hover{border-color:#667eea}.source-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media (max-width: 767px){.chart-container{padding:.5rem}.growth-charts h2{font-size:1.5rem}.chart-container h3{font-size:1.1rem}.section-header{font-size:1.3rem}.data-source-selector{flex-direction:column;gap:1rem;padding:1rem}.source-group{min-width:100%}}.recharts-legend-wrapper{padding-right:0!important;margin-right:0!important}.box-whisker-plots{width:100%;margin-top:2rem;overflow-x:hidden}.box-whisker-plots h2{color:#333;margin-bottom:1rem;font-size:1.8rem;border-bottom:2px solid #667eea;padding-bottom:.5rem}.plot-description{color:#666;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.box-plots-container{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.box-plots-container{grid-template-columns:repeat(2,1fr)}}.box-plot-item{background:#f8f9fa;border-radius:8px;padding:1.5rem;border:1px solid #e0e0e0}.box-plot-item h3{color:#555;margin-bottom:1rem;font-size:1.1rem}.chart-source{font-size:.85rem;font-weight:400;color:#888;font-style:italic}.box-plot-content{display:flex;gap:1.5rem;align-items:flex-start}.box-plot-visual{flex:1;background:#fff;border-radius:4px;padding:1rem;border:1px solid #e0e0e0;min-width:300px;max-width:500px;aspect-ratio:1.9;overflow:hidden}@media (max-width: 767px){.box-plot-content{flex-direction:column}.box-plot-item{padding:1rem}.box-plot-visual{min-width:0;max-width:100%;width:100%;padding:.5rem;box-sizing:border-box}.box-plots-container{overflow-x:hidden;width:100%}.box-plot-item{overflow-x:hidden;width:100%;box-sizing:border-box}}