:root{--ink:#203c36;--muted:#63746e;--green:#205f53;--green-hover:#164a40;--paper:#f5f7f4;--white:#fff;--soft:#edf3ef;--line:#dce5df;--amber:#88622e;--amber-soft:#faf5e9;--danger:#9b4437;--danger-soft:#fff3ef;--disabled:#a5aea9;--focus:#927037;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--radius:10px;--radius-card:16px;--small:12px;--body:14px;--label:13px;--content:1160px;--control:46px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Arial,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;font-size:var(--body);margin:0;line-height:1.75}p,h1,h2,h3{margin:0}h1{letter-spacing:.02em;font-size:32px;font-weight:600;line-height:1.4}h2{font-size:20px;font-weight:600}h3{font-size:16px;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--green);text-underline-offset:4px}a:hover{color:var(--green-hover)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}main{max-width:var(--content);padding:0 var(--s6);margin:auto}input:not([type=radio]):not([type=checkbox]):not([type=file]),select{width:100%;min-width:0;min-height:var(--control);border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:10px 12px}textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);resize:vertical;width:100%;min-width:0;padding:10px 12px}input:disabled,select:disabled{color:var(--muted);opacity:1;background:var(--soft)!important}input::placeholder{color:#9aa8a1}input[type=date]{font-size:13px;padding:10px 8px!important}label{font-size:var(--label)}fieldset{min-width:0}.date-fields{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.site-header{max-width:var(--content);min-height:80px;padding:var(--s4) var(--s6);justify-content:space-between;align-items:center;gap:var(--s4);border-bottom:1px solid var(--line);margin:auto;display:flex}.brand{letter-spacing:.08em;color:var(--ink);align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{letter-spacing:-3px;background:var(--green);color:#fff;border-radius:var(--radius);padding:7px 12px 11px 9px;font-size:25px;line-height:1;display:inline-block}.brand-mark span{font-size:15px}.main-nav{gap:var(--s1);padding:var(--s1);border:1px solid var(--line);border-radius:var(--radius);background:var(--white);display:flex}.main-nav a{min-height:40px;font-size:var(--label);color:var(--muted);white-space:nowrap;border-radius:6px;align-items:center;padding:8px 18px;text-decoration:none;display:flex}.main-nav a[aria-current=page]{background:var(--soft);color:var(--green);font-weight:700}.intro{justify-content:space-between;gap:var(--s6);padding:var(--s10) 0 var(--s8);align-items:center;display:flex}.eyebrow,.small-label{letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:600}.intro h1{margin:var(--s2) 0 var(--s3)}.lede{color:var(--muted)}.privacy-dot{font-size:var(--small);color:var(--muted);white-space:nowrap}.privacy-dot:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.workspace{gap:var(--s6);grid-template-columns:360px minmax(0,1fr);align-items:start;display:grid}.input-card,.result-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--s6);min-width:0}.input-card{top:var(--s6);position:sticky}.result-card{padding:var(--s8);outline:none;min-height:590px}.card-heading{align-items:center;gap:var(--s3);margin-bottom:var(--s6);display:flex}.card-heading h2{font-size:16px}.step-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.card-kicker{display:none}.input-card form>label,.date-fields>label,.family-shortcut-body>label,.profile-form>label,.rename-form label,.family-toolbar label{gap:var(--s2);margin-bottom:var(--s5);flex-direction:column;font-weight:500;display:flex}.metric-tabs{gap:var(--s1);padding:var(--s1);margin:0 0 var(--s6);border-radius:var(--radius);background:var(--soft);border:0;display:flex}.metric-tabs button{min-height:40px;font-size:var(--body);border-radius:6px;flex:1;padding:8px}.metric-tabs button[aria-pressed=true]{background:var(--white);color:var(--green);font-weight:700;box-shadow:0 1px 4px #203c3612}.category-tabs{margin:0 0 var(--s3);border:0;border-bottom:1px solid var(--line);gap:24px;padding:0;display:flex}.category-tabs button{min-height:42px;color:var(--muted);border-bottom:3px solid #0000;padding:8px 2px;font-weight:600}.category-tabs button[aria-pressed=true]{border-color:var(--green);color:var(--green)}.category-tabs.compact{gap:16px;margin-bottom:8px}.category-tabs.compact button{min-height:36px;font-size:var(--small)}.fitness-guide{margin:-8px 0 var(--s5);padding:var(--s3);background:var(--soft);border-radius:8px}.fitness-guide p{font-size:var(--small);color:var(--muted);margin:var(--s2) 0 0}.sex-field{margin:0 0 var(--s5);border:0;padding:0}.sex-field legend{font-size:var(--label);margin-bottom:var(--s2);font-weight:500}.radio-options{gap:var(--s2);display:flex}.radio-option{border:1px solid var(--line);border-radius:var(--radius);min-height:var(--control);font-size:var(--label);cursor:pointer;white-space:nowrap;flex:1;justify-content:center;align-items:center;padding:8px;gap:var(--s2)!important;flex-direction:row!important;margin:0!important;display:flex!important}.radio-option:has(input:checked){background:var(--soft);border-color:var(--green);color:var(--green)}.radio-option input{width:16px;height:16px;accent-color:var(--green);margin:0}.sex-field:disabled .radio-option{cursor:default;opacity:.65}.measurement-input{letter-spacing:.02em;font-variant-numeric:tabular-nums;min-height:60px!important;font-size:28px!important}.checkbox-label{align-items:center;gap:var(--s2)!important;font-size:var(--small)!important;flex-direction:row!important;font-weight:400!important}.checkbox-label input{accent-color:var(--green);width:16px;height:16px}.primary,.secondary{justify-content:center;align-items:center;gap:var(--s2);border:1px solid var(--green);border-radius:var(--radius);min-height:44px;font-size:var(--label);padding:11px 18px;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-hover);color:#fff}.secondary{background:var(--white);color:var(--green);border-color:var(--line)}.secondary:hover{background:var(--soft)}.calculate-button{width:100%;margin:var(--s5) 0 var(--s3);justify-content:space-between;min-height:48px}.text-button{font-size:var(--small);text-underline-offset:4px;min-height:36px;padding:8px 0;text-decoration:underline}.input-note{color:var(--muted);font-size:11px;line-height:1.8}.sample-button{margin:var(--s3) auto 0;color:var(--muted);display:block}details{margin-top:var(--s4);font-size:var(--small)}summary{cursor:pointer;color:var(--ink);padding:var(--s2) 0;line-height:1.7}.details-body{padding-top:var(--s3)}.family-shortcut{margin-top:var(--s1);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.family-shortcut summary{font-size:var(--small);padding:var(--s3) 0;color:var(--muted);overflow-wrap:anywhere}.optional-label{background:var(--soft);margin-left:var(--s2);border-radius:4px;padding:2px 7px;font-size:10px}.family-shortcut-body{padding:0 0 var(--s4)}.family-shortcut-body>label{font-size:var(--small);margin-bottom:var(--s2)}.family-shortcut-body p{color:var(--muted);font-size:var(--small);margin-bottom:var(--s2)}.empty-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:470px;display:flex}.empty-result h3{letter-spacing:.03em;font-size:24px;font-weight:400;line-height:1.8}.empty-result p{color:var(--muted);margin:var(--s4) 0 var(--s6);font-size:13px}.ruler{height:40px;margin-bottom:var(--s8);border-bottom:1px solid var(--line);align-items:flex-end;gap:11px;display:flex}.ruler i{background:var(--line);width:1px;height:10px}.ruler i.long{height:25px}.result-top{justify-content:space-between;align-items:center;gap:var(--s2);color:var(--muted);font-size:var(--small);flex-wrap:wrap;display:flex}.confidence{border:1px solid var(--line);background:var(--soft);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px}.measurement{color:var(--muted);margin-top:var(--s5);font-size:13px}.measurement strong{color:var(--ink);margin:0 4px 0 8px;font-size:28px;font-weight:400}.score-area{justify-content:space-between;align-items:center;gap:var(--s4);margin:var(--s5) 0;display:flex}.score-label{font-size:var(--small)}.score{letter-spacing:-.04em;color:var(--green);font-variant-numeric:tabular-nums;font-size:64px;line-height:1.2}.score-range{margin-top:var(--s2);font-size:42px}.percentile{text-align:right;flex-direction:column;display:flex}.percentile strong{font-size:20px;font-weight:500}.percentile span{font-size:11px}.percentile small{color:var(--muted);font-size:10px}.reference-line{font-size:var(--small);color:var(--muted);line-height:1.85}.chart-panel{margin-top:var(--s6)}.chart-tabs{gap:0 var(--s5);border-bottom:1px solid var(--line);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.chart-tabs button{min-height:42px;color:var(--muted);font-size:var(--small);border-bottom:2px solid #0000;padding:9px 0}.chart-tabs button[aria-pressed=true]{color:var(--green);border-bottom-color:var(--green);font-weight:600}.chart-tabs button:disabled{color:var(--disabled);opacity:1;cursor:not-allowed;border-bottom-color:#0000}svg{width:100%;height:auto;display:block}svg text{fill:var(--muted);font-size:11px}.chart-note{font-size:var(--small);color:var(--muted);margin:var(--s2) 0;line-height:1.85}.chart-current{font-size:var(--small);margin:var(--s4) 0 var(--s1);flex-wrap:wrap;gap:4px 16px;display:flex}.score-tick{fill:var(--ink);font-size:14px}.measurement-tick{fill:var(--green);font-size:12px}.score-reference-grid{display:none}.distribution-unavailable{padding:var(--s4);background:var(--soft);border-radius:var(--radius);margin:var(--s4) 0}.distribution-unavailable p{font-size:var(--small);line-height:1.85}.distribution-context{margin:var(--s4) 0;font-size:13px}.category-row{margin:var(--s5) 0}.category-row>div:first-child{justify-content:space-between;gap:var(--s3);font-size:13px;display:flex}.category-track{background:var(--soft);height:16px;margin-top:var(--s2);border-radius:4px;overflow:hidden}.category-track>div{background:#6c9a8a;height:100%}.stat-row{gap:var(--s3);border-block:1px solid var(--line);padding:var(--s4) 0;margin-top:var(--s6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat-row>div{border-right:1px solid var(--line);flex-direction:column;display:flex}.stat-row>div:last-child{border:0}.stat-row span{color:var(--muted);font-size:11px}.stat-row strong{font-size:21px;font-weight:400}.stat-row small{margin-left:3px;font-size:11px}.method-box,.source-box{border-top:1px solid var(--line);margin-top:var(--s5);padding-top:var(--s2)}.method-box p,.source-box p{font-size:var(--small);color:var(--muted);overflow-wrap:anywhere;line-height:1.85}.source-box a{font-size:13px}.source-box p{margin-top:var(--s2)}.result-cautions{padding:var(--s4);background:var(--amber-soft);border-radius:var(--radius);margin-top:var(--s4)}.method-note{font-size:var(--small);color:var(--amber)}.method-note+.method-note{margin-top:var(--s2)}.save-caption{border-top:1px solid var(--line);margin-top:var(--s6);padding-top:var(--s5);font-size:var(--small);color:var(--muted)}.result-actions{gap:var(--s3);margin-top:var(--s4);flex-wrap:wrap;display:flex}.notice{font-size:var(--small);color:var(--green);padding:var(--s3) 0}.error{background:var(--danger-soft);color:var(--danger);padding:var(--s3);border-radius:var(--radius);font-size:var(--small);margin:var(--s3) 0;border:1px solid #e3c6bd}.unsupported{padding:var(--s6) 0}.unsupported h3{font-size:18px}.unsupported p{margin-top:var(--s3);font-size:13px}.share-preview{border-top:1px solid var(--line);margin-top:var(--s6);padding-top:var(--s5)}.share-preview p{font-size:var(--small);color:var(--muted);margin:var(--s2) 0 var(--s4)}.share-preview img{width:100%;max-width:460px;display:block}.about-disclosure{margin:var(--s8) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:var(--s2) 0}.about-disclosure>summary{color:var(--muted);font-size:13px}.about-section{gap:var(--s10);padding:var(--s6) 0;grid-template-columns:1fr 2fr;display:grid}.about-section h2{margin:var(--s2) 0 var(--s4)}.about-section p{font-size:var(--small);color:var(--muted)}.about-content article{gap:var(--s4);margin-bottom:var(--s5);display:flex}.about-content article>span{color:var(--green);font-size:24px}.about-content h3{font-size:14px}.source-links{gap:var(--s3);margin-top:var(--s4);flex-wrap:wrap;display:flex}.source-links a{font-size:var(--small)}.site-footer{max-width:var(--content);margin:var(--s8) auto 0;padding:var(--s6);gap:var(--s6);border-top:1px solid var(--line);font-size:var(--small);color:var(--muted);justify-content:space-between;align-items:flex-start;display:flex}.site-footer strong{letter-spacing:.06em;color:var(--ink);font-size:13px}.site-footer p{margin-top:var(--s1)}.footer-links{gap:var(--s2) var(--s5);flex-wrap:wrap;display:flex}.install-details{max-width:350px;margin:0}.install-details summary{padding:0}.release-version{font-size:10px}.legal-page{max-width:860px}.legal-page .settings-card+.settings-card{margin-top:var(--s5)}.legal-page .settings-card p{margin-top:var(--s3);color:var(--muted)}.affiliate-section{border-left:4px solid var(--amber)}.promotion-label{background:var(--amber-soft);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block;color:var(--amber)!important}.affiliate-list{gap:var(--s4);margin-top:var(--s5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.affiliate-list article{padding:var(--s4);border:1px solid var(--line);border-radius:var(--radius)}.affiliate-list article p{margin:var(--s2) 0 var(--s4);font-size:var(--small);color:var(--muted)}.contact-form{gap:var(--s5);margin-top:var(--s5);max-width:640px;display:grid}.contact-form>label:not(.contact-consent){gap:var(--s2);font-weight:600;display:grid}.contact-consent{align-items:flex-start;gap:var(--s3);padding:var(--s4);border-radius:var(--radius);background:var(--soft);font-size:var(--small);display:flex}.contact-consent input{width:18px;height:18px;accent-color:var(--green);flex:none;margin-top:3px}.contact-form .primary{justify-self:start}.contact-provider{color:var(--muted);font-size:11px;margin:calc(var(--s3) * -1) 0 0!important}.contact-honeypot{display:none!important}.field-error{color:var(--danger);font-size:var(--small)}.contact-success{padding:var(--s5);margin-top:var(--s5);border-radius:var(--radius);background:var(--soft)}.contact-success p{margin:var(--s2) 0 var(--s4)!important}.records-page{max-width:1040px}.history-section{padding:var(--s10) 0 var(--s6)}.section-heading{justify-content:space-between;align-items:end;gap:var(--s4);margin-bottom:var(--s3);display:flex}.section-heading h1{margin-top:var(--s2)}.section-heading>span{font-size:var(--small);color:var(--muted)}.history-section>p{color:var(--muted);font-size:13px}.history-section>p.error{color:var(--danger)}.family-toolbar{gap:var(--s4);margin:var(--s6) 0 var(--s5);align-items:end;display:flex}.family-toolbar label{min-width:220px;margin:0}.family-toolbar>span{color:var(--muted);font-size:var(--small);padding-bottom:var(--s3)}.profile-editor,.growth-section,.backup-section{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--s5) var(--s6);margin:var(--s5) 0}.profile-editor>summary,.backup-section>summary{padding:0;font-size:13px;font-weight:500}.profile-form{max-width:620px;margin-top:var(--s6)}.profile-form h3{margin-bottom:var(--s5)}.small-note{font-size:var(--small);color:var(--muted);margin:var(--s3) 0}.profile-list>article{border-top:1px solid var(--line);padding-top:var(--s5);margin-top:var(--s5)}.profile-list p{font-size:var(--small);color:var(--muted)}.profile-list p,.profile-list strong{overflow-wrap:anywhere}.profile-list .result-actions{gap:var(--s5);margin-top:var(--s2)}.rename-form{gap:var(--s4);margin-top:var(--s4);flex-wrap:wrap;align-items:end;display:flex}.rename-form label{margin:0}.profile-confirm,.backup-preview{padding:var(--s4);background:var(--soft);border-radius:var(--radius);margin-top:var(--s4)}.profile-confirm button{margin:var(--s3) var(--s4) 0 0}.history-empty{padding:var(--s6);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;background:var(--soft);font-size:var(--small);color:var(--muted);margin-top:var(--s5)}.growth-heading,.history-list-heading{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.growth-heading h3{overflow-wrap:anywhere}.growth-heading>span,.history-list-heading>span{font-size:var(--small);color:var(--muted)}.growth-controls{gap:var(--s8);margin-top:var(--s4);flex-wrap:wrap;display:flex}.growth-chart-scroll{overflow-x:auto}.growth-svg{min-width:480px;max-height:420px}.growth-svg text{font-size:13px}.growth-point{cursor:pointer;outline:none}.growth-point:focus-visible rect{stroke:var(--focus);stroke-width:2px}.growth-detail{border-left:3px solid var(--amber);border-radius:0 var(--radius) var(--radius) 0;padding:var(--s4);background:var(--soft);overflow-wrap:anywhere;font-size:13px}.growth-detail p{font-size:var(--small);color:var(--muted);margin-top:var(--s1)}.growth-changes li{margin-bottom:var(--s4);overflow-wrap:anywhere}.growth-changes p{margin-top:var(--s1)}.transition-note{color:var(--amber)}.growth-section>.growth-controls{align-items:start;gap:var(--s5);padding:var(--s4);border:1px solid var(--line);background:var(--soft);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;display:grid}.growth-control-block{min-width:0}.growth-control-label{color:var(--muted);letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.growth-metric-groups{flex-wrap:wrap;gap:10px 20px;display:flex}.growth-metric-group{align-items:center;gap:8px;min-width:0;display:flex}.growth-group-label{min-width:38px;color:var(--muted);font-size:11px}.growth-option-tabs{border:1px solid var(--line);background:var(--white);border-radius:9px;gap:4px;padding:4px;display:flex}.growth-option-tabs button{min-height:36px;color:var(--muted);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:600;display:flex}.growth-option-tabs button[aria-pressed=true]{background:var(--green);color:var(--white);box-shadow:0 1px 3px #173d3524}.growth-tab-count{background:var(--soft);min-width:18px;height:18px;color:var(--green);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;display:inline-flex}.growth-option-tabs button[aria-pressed=true] .growth-tab-count{background:#ffffffd9}.growth-view-control{padding-left:var(--s5);border-left:1px solid var(--line)}.history-list-heading{margin:var(--s8) 0 var(--s3)}.table-scroll{max-height:350px;margin-top:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow:auto}.history-table{max-height:480px}table{border-collapse:collapse;width:100%;font-size:var(--small);text-align:left;white-space:nowrap}th,td{padding:var(--s4);border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--soft);font-weight:500}tr:last-child td{border-bottom:0}td button+button{margin-left:var(--s3)}.block{color:var(--muted);font-size:11px;display:block}.record-reference{margin-top:var(--s1)}.record-reference summary{color:var(--muted);padding:4px 0;font-size:11px}.record-person{margin-top:var(--s2);display:block}.record-person select{font-size:var(--small);max-width:180px;min-height:40px}.record-person~button{font-size:11px;display:block}.danger{color:var(--danger)}.clear-actions{gap:var(--s4);margin-top:var(--s5);font-size:var(--small);flex-wrap:wrap;align-items:center;display:flex}.delete-dialog{border:1px solid var(--line);width:min(440px,100% - 32px);color:var(--ink);border-radius:16px;padding:24px;box-shadow:0 20px 60px #173d3538}.delete-dialog::backdrop{background:#15302a8c}.delete-dialog h3{margin:4px 0 12px;font-size:21px}.delete-dialog p{overflow-wrap:anywhere;font-size:14px}.delete-dialog-note{color:#8a5a1f;background:#fbf4e8;border-radius:8px;padding:12px}.delete-dialog .result-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.delete-dialog .result-actions>*{min-height:44px}.danger-action{background:var(--danger);border-color:var(--danger);color:#fff}.danger-action:hover{filter:brightness(.94)}.backup-section p{font-size:var(--small);margin-top:var(--s2);color:var(--muted);overflow-wrap:anywhere}.backup-preview h4{margin:0;font-size:14px}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-button:focus-within{outline:3px solid var(--focus);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.workspace{grid-template-columns:330px minmax(0,1fr)}.result-card{padding:var(--s6)}.score-area{align-items:flex-start;gap:var(--s3);flex-direction:column}.percentile{text-align:left}.privacy-dot{display:none}}@media (max-width:760px){main{padding:0 var(--s4)}.site-header{padding:var(--s4);gap:var(--s3);flex-wrap:wrap}.brand{letter-spacing:.04em;font-size:14px}.brand-mark{padding:7px 11px 10px 8px;font-size:21px}.main-nav a{font-size:var(--small);padding:8px 10px}.intro{padding:var(--s6) 0}.intro h1{font-size:27px}.lede{font-size:13px}.workspace{gap:var(--s5);grid-template-columns:1fr}.input-card{position:static}.input-card,.result-card{padding:var(--s5);border-radius:12px}.result-card{min-height:0}.empty-result{min-height:260px}.empty-result h3{font-size:22px}.ruler{margin-bottom:var(--s5)}.score-area{align-items:center;gap:var(--s2);flex-direction:row}.score{font-size:52px}.score-range{font-size:34px}.percentile{text-align:right}.percentile strong{font-size:17px}.percentile span{font-size:10px}.stat-row strong{font-size:19px}.chart-tabs{gap:0 16px}.chart-tabs button{font-size:11px}.score-reference-grid{gap:var(--s2);margin:var(--s3) 0 var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.score-reference-grid>div{gap:var(--s1);background:var(--soft);padding:var(--s2);border-radius:6px;flex-direction:column;display:flex}.score-reference-grid span{color:var(--muted);font-size:11px}.score-reference-grid strong{font-size:var(--small);overflow-wrap:anywhere;font-weight:500}.about-section{gap:var(--s6);grid-template-columns:1fr}.site-footer{padding:var(--s5) var(--s4);gap:var(--s5);flex-wrap:wrap}.release-version{margin-left:auto}.history-section{padding-top:var(--s6)}.section-heading h1{font-size:27px}.family-toolbar{gap:var(--s3)}.family-toolbar label{flex:1;min-width:0}.family-toolbar>span{white-space:nowrap}.profile-editor,.growth-section,.backup-section{padding:var(--s4);border-radius:12px}.profile-form .date-fields{grid-template-columns:1fr}.growth-controls{gap:var(--s3)}.growth-heading h3{font-size:16px}.growth-detail{padding:var(--s3)}.growth-changes ol{padding-left:var(--s5)}.profile-list .result-actions{gap:var(--s2) var(--s4)}}@media (max-width:370px){.site-header{justify-content:center}.main-nav{justify-content:center;width:100%}.main-nav a{flex:1;justify-content:center}.date-fields{grid-template-columns:1fr}.score-area{flex-direction:column;align-items:start}.percentile{text-align:left}}.rank-secondary{gap:4px;max-width:220px}.rank-secondary strong{font-size:18px}.score-area:has(.score-range){flex-wrap:wrap}.rank-note{font-size:var(--small);color:var(--muted)}.result-save{border-top:1px solid var(--line);margin-top:var(--s6);padding-top:var(--s5)}.result-save>p,.result-family-form p{font-size:var(--small);color:var(--muted);margin-top:var(--s2)}.result-family-form{padding:var(--s4);background:var(--soft);border-radius:var(--radius);margin-top:var(--s4)}.result-family-form label{gap:var(--s2);flex-direction:column;display:flex}.result-save .error{color:var(--danger)}@media (max-width:760px){.rank-secondary{max-width:180px}.rank-secondary strong{font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.growth-overlay-toggle{align-items:center;gap:10px;margin:16px 0;font-size:14px;display:flex}.growth-overlay-toggle input{width:18px;height:18px;accent-color:var(--ink)}.reference-growth{margin-top:12px}.reference-growth-svg{max-height:none}.reference-growth .growth-controls{align-items:center}.reference-growth details p{color:var(--muted);font-size:13px;line-height:1.8}.growth-scroll-hint{display:none}@media (max-width:600px){.growth-scroll-hint{display:block}}
.main-nav a{align-items:center;gap:7px;display:flex}.main-nav svg{width:20px;height:20px}.settings-page{max-width:800px;margin:0 auto}.settings-card{background:var(--white);border:1px solid var(--line);border-radius:16px;margin-bottom:20px;padding:24px}.settings-card h2{margin:0 0 14px;font-size:18px}.settings-card p{color:var(--muted);overflow-wrap:anywhere;font-size:14px;line-height:1.9}.settings-card .details-body{padding:0}.site-header{padding-top:max(16px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}@media (max-width:760px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.site-header{justify-content:center}.main-nav{z-index:30;background:var(--white);border:0;border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-radius:0;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #183e3310}.main-nav a{border-radius:10px;flex-direction:column;justify-content:center;gap:5px;min-height:52px;padding:5px;font-size:12px}.main-nav svg{width:23px;height:23px}.main-nav a[aria-current=page]{background:var(--soft);color:var(--green);font-weight:700}input:not([type=checkbox]):not([type=radio]),select{min-width:0;max-width:100%;min-height:48px;font-size:16px}input[type=date]{width:100%}.date-fields>*{min-width:0}.date-fields{gap:12px}.text-button{min-height:44px}.chart-tabs button{min-height:44px;font-size:12px}.metric-tabs button{min-height:48px}.category-tabs button{min-height:44px}.sex-radio label{min-height:48px}.settings-card{padding:20px}.site-footer{margin-bottom:16px}.result-card{scroll-margin-top:16px}.history-table{background:0 0;border:0;max-height:none;overflow:visible}.history-table table,.history-table tbody{white-space:normal;width:100%;display:block}.history-table thead{display:none}.history-table tr{background:var(--white);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;padding:18px;display:grid}.history-table td{overflow-wrap:anywhere;border:0;min-width:0;padding:0;display:block}.history-table td:first-child,.history-table td:nth-child(4),.history-table td:nth-child(5){grid-column:1/-1}.history-table td:nth-child(2):before{content:"測定値";color:var(--muted);font-size:11px;display:block}.history-table td:nth-child(3):before{content:"保存時の偏差値";color:var(--muted);font-size:11px;display:block}.history-table td:nth-child(2),.history-table td:nth-child(3){font-size:18px}.record-person select{max-width:100%}.history-table td:nth-child(5){border-top:1px solid var(--line);justify-content:space-between;padding-top:8px;display:flex}.input-card:focus-within{scroll-margin-bottom:100px}body:has(input:not([type=checkbox]):not([type=radio]):focus) .main-nav{display:none}}.native-app .install-details,.mobile-screen-back,.mobile-family-list{display:none}@media (max-width:760px){.mobile-screen-back{min-height:44px;margin-bottom:16px;display:block}.compare-page.mobile-selection .result-card,.compare-page.mobile-detail .input-card,.compare-page.mobile-detail>.intro,.compare-page.mobile-detail>.about-disclosure{display:none}.compare-page.mobile-detail{padding-top:16px}.history-section.mobile-selection .family-detail-screen,.history-section.mobile-detail .family-selection-screen{display:none}.mobile-family-list{gap:12px;margin:24px 0;display:grid}.family-open-card{text-align:left;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.family-open-card strong{font-size:18px}.family-open-card span{color:var(--muted);font-size:13px}.history-section .family-toolbar{display:none}}.mobile-only{display:none}@media (max-width:760px){.mobile-only{display:block}}.onboarding{width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:var(--paper,#fff);border:0;border-radius:20px;padding:0}.onboarding::backdrop{background:#15302a8c}.onboarding-content{padding:24px}.onboarding-top{justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.onboarding-number{color:var(--green);margin:24px 0 16px;font-size:32px}.onboarding h2{margin-bottom:16px;font-size:24px}.onboarding-content>p:not(.onboarding-number){font-size:15px;line-height:1.8}.onboarding-hint{background:var(--soft);border-radius:10px;margin:20px 0;padding:16px;font-size:13px}.onboarding-actions{gap:12px;display:flex}.onboarding-actions .primary{flex:1}.onboarding button{min-height:44px}.settings-disclosure>summary{cursor:pointer;font-size:18px;font-weight:600}.settings-disclosure>p:first-of-type{margin-top:12px}.onboarding-reopen{margin-bottom:12px}@media (min-width:761px){.settings-disclosure>summary{pointer-events:none;list-style:none}.onboarding-reopen:empty{display:none}}@media (max-width:760px){html,body{max-width:100%;overflow-x:clip}main,section,form,.date-fields>label{min-width:0}input,select{min-width:0;max-width:100%}button,summary{overflow-wrap:anywhere}.site-header{padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top));min-height:48px}.brand-mark{padding:3px 7px 5px;font-size:18px}.brand{font-size:13px}.main-nav{padding:4px 12px calc(4px + env(safe-area-inset-bottom))}.main-nav a{gap:3px;min-height:48px}.main-nav svg{width:18px;height:18px}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.site-footer{display:none}.intro{padding:16px 0 12px}.intro .eyebrow,.section-heading .eyebrow{display:none}.intro h1,.section-heading h1{margin:0;font-size:22px}.intro .lede{margin:6px 0 0;font-size:12px}.compare-page .intro .lede,.compare-page .privacy-dot{display:none}.input-card{padding:14px}.input-card .card-heading h2{font-size:16px}.input-card .metric-tabs{margin-bottom:12px}.metric-tabs button{min-height:44px}.input-card form>label,.input-card .date-fields>label,.input-card .sex-field{gap:5px;margin-bottom:12px}.input-card .sex-field legend{margin-bottom:5px}.radio-option{min-height:44px;padding:6px}.radio-option input{min-height:0}.input-card input{min-height:44px;padding:8px 10px}.input-card .measurement-input{min-height:48px!important;font-size:24px!important}.input-card .family-shortcut{margin-top:0}.input-card .family-shortcut summary{min-height:44px;padding:10px 0;font-size:12px}.input-card .calculate-button{min-height:44px;margin-top:12px;padding:10px 14px}.input-card .input-note{margin-top:8px;font-size:10px;line-height:1.5}.input-card .sample-button{min-height:44px;margin:0 auto}.history-section{padding-top:16px}.family-selection-screen>.section-heading{margin-bottom:8px}.family-selection-screen>p{margin:8px 0;font-size:12px;line-height:1.6}.mobile-family-list{gap:8px;margin:16px 0}.mobile-family-list h2{font-size:16px}.mobile-family-list>p{margin:0;font-size:13px}.family-open-card{gap:4px;padding:12px 14px}.family-open-card strong{font-size:16px}.family-open-card span{font-size:12px}.profile-editor{margin:12px 0;padding:12px}.profile-editor>summary{min-height:32px;font-size:13px}.profile-form{margin-top:12px}.profile-form h3{margin-bottom:12px;font-size:16px}.profile-form>label,.profile-form .date-fields>label,.profile-form .sex-field{gap:5px;margin-bottom:12px}.profile-form input{min-height:44px}.profile-form .small-note{font-size:11px;line-height:1.6}.profile-form .primary{min-height:44px;padding:10px 14px}.profile-list:empty{display:none}.settings-card{margin-bottom:12px;padding:14px}.settings-card h2,.settings-disclosure>summary{font-size:16px}.settings-card p{font-size:12px;line-height:1.7}.settings-page .backup-section{background:0 0;border:0;margin:0;padding:0}.settings-page .backup-section p{margin:10px 0}.settings-page .result-actions{gap:8px}.settings-page .result-actions>*{flex:1;min-width:0;min-height:44px;padding:10px;font-size:12px}.settings-disclosure>summary{min-height:24px}.settings-page>.small-note{margin:12px 0;font-size:11px}.input-card .date-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.input-card input[type=radio],.input-card input[type=checkbox]{min-height:0;padding:0}.input-card .calculate-button{margin-bottom:4px}.input-card .input-note{margin-bottom:0}.input-card .date-fields input[type=date]{letter-spacing:-.7px;font-size:16px;padding:8px 2px!important}.input-card .card-heading{margin-bottom:8px}.input-card .step-number{display:none}.compare-page .intro{padding:10px 0 8px}.input-card form>label,.input-card .date-fields>label,.input-card .sex-field,.input-card .metric-tabs,.settings-page .settings-card h2{margin-bottom:8px}.family-selection-screen:has(.profile-editor[open])>.mobile-family-list{display:none}.family-selection-screen:has(.profile-editor[open])>p{display:none}.profile-editor[open]>summary{color:var(--green)}}.onboarding-reopen:empty{display:none}@media (max-width:760px){.compare-page.mobile-detail{padding-top:8px;padding-bottom:64px}.result-card{padding:12px}.result-card>.mobile-screen-back{min-height:36px;margin:0;font-size:12px}.result-card>.card-heading{display:none}.result-top{gap:4px;font-size:11px}.result-top p{margin:4px 0}.confidence{white-space:normal;padding:2px 7px;font-size:10px}.measurement{margin-top:4px;font-size:12px}.measurement strong{font-size:20px}.score-area{flex-direction:row;align-items:center;gap:8px;margin:4px 0;display:flex}.score{font-size:76px;font-weight:600;line-height:1.05}.score-range{letter-spacing:-.05em;margin:0;font-size:42px}.score-label{font-size:11px}.rank-secondary{text-align:right;max-width:140px}.rank-secondary strong{font-size:15px}.rank-secondary small{display:none}.mobile-result-note{color:var(--muted);margin:6px 0;font-size:10px}.chart-panel{margin-top:8px}.chart-panel>.chart-tabs{flex-wrap:nowrap;justify-content:space-between;gap:8px;margin-bottom:4px;display:flex}.chart-panel>.chart-tabs button{white-space:nowrap;min-height:40px;font-size:10px}.chart-current{display:none}.chart-panel>svg{max-height:210px}.score-reference-grid{display:none!important}.mobile-details{border-top:1px solid var(--line);margin:6px 0;font-size:12px}.mobile-details>summary{cursor:pointer;min-height:36px;color:var(--muted);padding:8px 0}.mobile-details p{font-size:12px;line-height:1.7}.mobile-details .mobile-details{margin:4px 0}.mobile-save-bar{z-index:15;bottom:calc(61px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f5f7f3f7;padding:6px 16px;position:fixed;left:0;right:0}.mobile-save-bar .primary{width:100%;min-height:44px;padding:10px 16px}.save-dialog{border:1px solid var(--line);width:calc(100% - 24px);max-width:440px;max-height:calc(100dvh - 48px);color:var(--ink);border-radius:16px;padding:16px}.save-dialog::backdrop{background:#15302a80}.save-dialog .result-save{border:0;margin:0;padding:8px 0}.save-dialog .result-actions{flex-direction:column;gap:8px;display:flex}.save-dialog .result-actions>*{min-height:44px}.save-dialog h3{font-size:18px}.save-dialog p{font-size:13px}.growth-chart-scroll{overflow:visible}.growth-svg{width:100%;min-width:0;max-height:240px}.growth-scroll-hint{display:none}.reference-growth{margin-top:4px}.reference-growth .growth-controls{gap:8px;margin:0}.reference-growth .growth-controls .chart-note{font-size:10px}.growth-brief{color:var(--muted);margin:2px 0 6px;font-size:10px}.reference-growth-svg{max-height:230px}.family-detail-screen>.mobile-screen-back{min-height:40px;margin:0;font-size:12px}.family-detail-screen .growth-section{margin:4px 0 12px;padding:12px}.growth-heading{gap:4px}.growth-heading h3{font-size:16px}.growth-heading>span{display:none}.growth-controls{gap:12px;margin-top:6px}.growth-controls .chart-tabs{gap:12px;margin-bottom:4px}.growth-controls .chart-tabs button{min-height:40px;font-size:12px}.growth-section>.growth-controls{grid-template-columns:1fr;gap:12px;padding:10px}.growth-metric-groups{gap:8px;display:grid}.growth-metric-group{grid-template-columns:38px minmax(0,1fr);gap:6px;display:grid}.growth-option-tabs{width:100%;min-width:0}.growth-option-tabs button{flex:1;min-width:0;padding:7px 5px;font-size:11px}.growth-view-control{border-left:0;border-top:1px solid var(--line);padding:10px 0 0}.growth-view-control .growth-option-tabs{max-width:240px}.growth-overlay-toggle{min-height:36px;margin:4px 0;font-size:12px}.delete-dialog{padding:18px}.delete-dialog h3{font-size:18px}.delete-dialog .result-actions{grid-template-columns:1fr}.delete-dialog .danger-action{order:2}.growth-svg text{font-size:20px}.chart-panel>svg .score-tick{font-size:22px}.chart-panel>svg .measurement-tick{font-size:18px}}.result-card .mobile-details{border-top:1px solid var(--line);margin:8px 0;font-size:13px}.result-card .mobile-details>summary{min-height:40px;color:var(--muted);cursor:pointer;padding:10px 0}.result-card .mobile-details p{font-size:13px;line-height:1.8}.save-dialog{border:1px solid var(--line);width:calc(100% - 32px);max-width:480px;max-height:calc(100dvh - 48px);color:var(--ink);border-radius:16px;padding:24px}.save-dialog::backdrop{background:#15302a80}.save-dialog .result-save{border:0;margin:0;padding:12px 0}.save-dialog .result-actions{flex-direction:column;gap:10px;display:flex}.save-dialog .result-actions>*{min-height:44px}.save-dialog h3{font-size:20px}.save-dialog p{font-size:13px}@media (min-width:761px){.result-card{padding:24px;position:relative}.result-card>.card-heading{margin-bottom:16px;padding-right:174px}.result-card .card-kicker{display:none}.result-save-action{position:absolute;top:20px;right:24px}.result-save-action>.primary{min-height:44px;padding:10px 18px;font-size:13px}.result-card .result-top{gap:8px;font-size:12px}.result-card .measurement{margin-top:8px}.result-card .measurement strong{font-size:24px}.result-card .score-area{flex-direction:row;align-items:center;gap:16px;margin:12px 0}.result-card .score{font-size:80px;line-height:1.05}.result-card .score-range{font-size:48px}.result-card .rank-secondary{text-align:right;max-width:190px}.result-card .rank-secondary small{display:none}.result-card .mobile-result-note{color:var(--muted);margin:6px 0 12px;font-size:11px}.result-card .chart-panel{margin-top:12px}.result-card .chart-current{display:none}.result-card .chart-panel>svg{max-height:230px}.result-card .reference-growth-svg{min-width:0;max-height:260px}.result-card .reference-growth .growth-controls,.result-card .reference-growth{margin-top:4px}.result-card .rank-secondary{max-width:250px}.result-card .rank-secondary strong{font-size:16px}.result-card .growth-brief{color:var(--muted);margin:4px 0 8px;font-size:11px;display:block}}.birth-date-picker{border:0;min-width:0;margin:0 0 16px;padding:0}.birth-date-picker legend{margin-bottom:8px;font-size:13px;font-weight:500}.birth-date-parts{grid-template-columns:minmax(90px,1.4fr) minmax(64px,1fr) minmax(64px,1fr);gap:8px;display:grid}.birth-date-parts label{align-items:center;gap:4px;min-width:0;display:flex}.birth-date-parts input,.birth-date-parts select{width:100%;min-width:0;padding:8px}.measurement-date-row{grid-template-columns:1fr!important}@media (max-width:760px){.birth-date-picker{margin-bottom:8px}.birth-date-picker legend{margin-bottom:5px}.birth-date-parts input,.birth-date-parts select{min-height:44px;font-size:16px}.input-card .measurement-date-row>label{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.measurement-date-row input{width:165px}.input-card .card-heading{display:none}.compare-page .intro{padding:8px 0}.input-card .input-note{display:none}.input-card .measurement-date-row input[type=date]{flex:0 0 165px;width:165px}.input-card .measurement-date-row>label{white-space:nowrap}}