*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.block{display:block}.flex{display:flex}.table{display:table}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rounded{border-radius:.25rem}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--ink:#17212b;--muted:#65727b;--line:#dfe7e8;--paper:#fff;--teal:#159c91}*{box-sizing:border-box}body{color:var(--ink);background:#f4f7f8;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.app-shell{max-width:1440px;margin:0 auto;padding:48px clamp(20px,5vw,80px) 24px}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.main-nav{gap:8px;margin-bottom:28px;display:flex}.main-nav a{border:1px solid var(--line);color:var(--muted);background:var(--paper);border-radius:999px;padding:9px 14px;font-size:12px;font-weight:800;text-decoration:none}.main-nav a.active,.main-nav a:hover{color:var(--teal);background:#effcfb;border-color:#b8e4df}.facts-list{gap:0;margin:18px 0 0;display:grid}.facts-list>div{border-top:1px solid var(--line);grid-template-columns:minmax(130px,.35fr) minmax(0,1fr);gap:18px;padding:14px 0;display:grid}.facts-list dt{color:var(--muted);font-size:13px;font-weight:700}.facts-list dd{margin:0;line-height:1.6}@media (max-width:600px){.facts-list>div{grid-template-columns:1fr;gap:4px}}.facts-back{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--surface-raised);border-radius:10px;grid-area:2/2;justify-self:start;align-items:center;margin:0 0 8px;padding:0 13px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.facts-back:hover,.facts-back:focus-visible{border-color:var(--accent-border);background:var(--accent-soft)}.facts-shell>.about-copy{grid-area:3/2;width:100%;min-width:0}.eyebrow{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:800}h1{letter-spacing:-.06em;margin:0;font-size:clamp(42px,6vw,82px);font-weight:800;line-height:.92}h1 em{color:var(--teal);font-style:normal}.lead{max-width:420px;color:var(--muted);margin:24px 0 0;line-height:1.6}.header-mark{width:104px;height:104px;color:var(--teal);border:1px solid #c8dddd;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:54px;display:grid;transform:rotate(-12deg)}.dashboard{grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);align-items:start;gap:28px;display:grid}.panel,.method-card,.ratio-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 45px #17212b0f}.form-panel{padding:28px}.template-tools{gap:22px;width:100%;margin-top:28px;display:grid}.import-panel{grid-template-columns:minmax(260px,.85fr) minmax(0,2.2fr) auto;align-items:center;gap:24px;padding:26px 28px;display:grid}.import-copy{align-self:center}.import-panel h2{font-size:21px}.import-panel .muted{margin:7px 0 0}.import-editor{gap:12px;min-width:0;display:grid}.import-panel textarea{resize:vertical;width:100%;min-height:126px;color:var(--ink);background:#fbfdfd;border:1px solid #d5e0e1;border-radius:12px;outline:none;padding:14px}.import-panel textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #d7f5f1}.import-button{color:#fff;background:var(--teal);cursor:pointer;border:0;border-radius:10px;min-height:43px;padding:0 16px;font-weight:800}.import-actions{align-content:center;justify-items:stretch;gap:10px;min-width:220px;display:grid}.icon-button{width:43px;height:43px;color:var(--teal);cursor:pointer;background:#effcfb;border:1px solid #b8e4df;border-radius:10px;justify-self:end;place-items:center;display:grid}.icon-button:hover:not(:disabled){background:#d7f5f1}.icon-button:disabled{cursor:not-allowed;opacity:.45}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.secondary-import-button{color:var(--teal);background:#effcfb;border:1px solid #b8e4df}.secondary-import-button:hover{background:#d7f5f1}.imported-results{color:#4b676b;background:#effcfb;border:1px solid #b8e4df;border-radius:16px;margin-top:14px;padding:16px 20px;font-size:12px;line-height:1.55}.imported-results p{margin:5px 0 0}.section-heading,.section-row,.method-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}h2{letter-spacing:-.04em;margin:0;font-size:30px}h3{margin:0;font-size:16px}.muted,.results-intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.55}.form-section{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.skinfold-section{margin-top:28px}.skinfold-groups{margin-top:14px}.flat-skinfold-list{gap:12px 14px;margin-top:14px}.sum-overrides{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.sum-overrides h3{font-size:14px}.sum-overrides .field-hint{margin-bottom:11px}.skinfold-group{padding:14px 0 16px}.skinfold-group+.skinfold-group{border-top:1px solid var(--line)}.group-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.group-heading h4{margin:0;font-size:14px}.group-heading span{color:#7d8b90;font-size:11px}.group-change{color:#b05d47;margin:8px 0 0;font-size:11px;line-height:1.4}.skinfold-group .field-grid{gap:11px;margin-top:11px}.group-sum{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(150px,.9fr);align-items:end;gap:14px;margin-top:13px;padding-top:12px;display:grid}.group-sum p{color:#7d8b90;margin:0 0 4px;font-size:11px;line-height:1.4}.field-hint{color:var(--muted);margin:6px 0 16px;font-size:12px}.template-section{margin:0;padding:26px 28px 28px}.template-copy-actions{align-items:flex-start;gap:10px;display:flex}.template-copy-actions .icon-button{flex:none}.markdown-editable{resize:vertical;width:100%;min-height:126px;color:var(--ink);background:#fbfdfd;border:1px solid #d5e0e1;border-radius:10px;outline:none;padding:14px 16px;font:13px/1.55 Consolas,Courier New,monospace;display:block}.markdown-editable:focus,.markdown-field:focus{border-color:var(--teal);box-shadow:0 0 0 3px #d7f5f1}.markdown-preview{overflow-wrap:anywhere;min-height:126px;max-height:760px;color:var(--ink);background:#fff;border:1px solid #d5e0e1;border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.55;overflow:auto}.markdown-field{cursor:text}.import-editor .markdown-field,.import-editor .markdown-editable{resize:none;height:360px;min-height:360px;max-height:360px}.measurement-template-field{height:760px;min-height:760px;max-height:760px;margin-top:4px}.measurement-template-field.markdown-editable{resize:none;height:760px;min-height:760px;max-height:760px}.markdown-preview>:first-child{margin-top:0}.markdown-preview>:last-child{margin-bottom:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{letter-spacing:-.02em;margin:18px 0 8px;line-height:1.2}.markdown-preview h1{font-size:25px}.markdown-preview h2{font-size:21px}.markdown-preview h3{font-size:17px}.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{font-size:14px}.markdown-preview p{margin:10px 0}.markdown-preview ul,.markdown-preview ol{margin:10px 0;padding-left:22px}.markdown-preview li{margin:4px 0}.markdown-list-item-nested{margin-left:18px}.markdown-preview hr{border:0;border-top:1px solid var(--line);margin:18px 0}.markdown-preview blockquote{color:var(--muted);border-left:3px solid #b8e4df;margin:12px 0;padding:3px 0 3px 12px}.markdown-preview code{color:#315b5b;background:#eff5f5;border-radius:4px;padding:2px 4px;font:12px/1.4 Consolas,Courier New,monospace}.markdown-preview pre{color:#f4f7f8;background:#17212b;border-radius:8px;margin:12px 0;padding:12px;overflow:auto}.markdown-preview pre code{color:inherit;background:0 0;padding:0}.markdown-empty{color:var(--muted);font-style:italic}.field-grid{gap:14px;margin-top:16px;display:grid}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group-title{color:var(--ink);margin:22px 0 0;font-size:14px;font-weight:650}.field{color:#47565e;gap:7px;font-size:12px;font-weight:700;display:grid}.field input,.field select{width:100%;min-height:43px;color:var(--ink);background:#fbfdfd;border:1px solid #d5e0e1;border-radius:10px;outline:none;padding:0 12px}.field input:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #d7f5f1}.input-with-unit{position:relative}.input-with-unit input{padding-right:40px}.input-with-unit small{color:#8a999d;font-size:11px;position:absolute;top:14px;right:12px}.input-history-menu{z-index:50;border:1px solid var(--line);background:var(--surface-raised);border-radius:10px;gap:4px;min-width:170px;padding:8px;display:grid;position:fixed;box-shadow:0 14px 35px #0003}.input-history-menu strong{color:var(--muted);padding:3px 7px 5px;font-size:11px}.input-history-menu button{color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;padding:8px 10px}.input-history-menu button:hover,.input-history-menu button:focus-visible{background:var(--accent-soft);color:var(--teal);outline:none}.input-history-menu button small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.input-history-menu span{color:var(--muted);padding:5px 7px;font-size:12px}.text-button{color:var(--coral,#d86647);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.count-pill,.status-label{color:#668087;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#eff5f5;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.results-column{min-width:0}.results-intro{padding:12px 4px 20px}.results-intro>p:last-child{margin:10px 0 0}.result-bubble{background:#fbfdfd;border:1px solid #dbe8e7;border-radius:24px;margin-top:14px;padding:18px;box-shadow:0 16px 45px #17212b0d}.result-bubble-heading-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.result-bubble-heading{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.result-copy-button{flex:none;width:34px;height:34px}.result-bubble .method-list,.result-bubble .method-section-label{margin-top:10px}.result-bubble .method-section-label:first-child{margin-top:0}.average-body-fat{background:#f5f9f9;border:1px solid #dbe8e7;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:18px 20px;display:flex}.average-body-fat.is-active{background:#effcfb;border-color:#b8e4df}.average-body-fat-value{color:var(--teal);letter-spacing:-.05em;margin-top:7px;font-size:34px;display:block}.average-body-fat .card-help{text-align:right;max-width:180px}.scale-body-fat{align-items:flex-start}.delta-primary{padding:18px 20px;display:block}.delta-primary .card-help{text-align:left;max-width:none;margin-top:4px}.delta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.delta-grid .average-body-fat{margin-top:0}.nowrap{white-space:nowrap}.bmi-bubble .ratio-card{margin-top:10px}.ratio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ratio-card{border-color:#dbe8e7;min-height:142px;padding:20px}.ratio-card.is-active{background:#effcfb;border-color:#b8e4df}.card-label{color:#63747a;margin:0;font-size:11px;line-height:1.4}.ratio-value{color:var(--teal);letter-spacing:-.05em;margin:10px 0 5px;font-size:38px;font-weight:800}.card-help{color:#7d8b90;margin:0;font-size:11px}.method-list{gap:14px;margin-top:14px;display:grid}.method-section-label{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin:14px 4px 0;font-size:11px;font-weight:800}.method-card{padding:20px}.method-card.is-active{border-color:#b8e4df}.preferred-card{border-width:2px}.preferred-field{border:2px solid #0000;border-radius:12px;padding:2px}.method-top{align-items:center}.method-top>div{align-items:center;gap:9px;display:flex}.status-dot{background:#c3ced0;border-radius:50%;width:8px;height:8px}.metric-row{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;padding-top:17px;display:grid}.metric-row span{color:#78878c;text-transform:uppercase;letter-spacing:.06em;font-size:10px;display:block}.metric-row strong{letter-spacing:-.04em;margin-top:5px;font-size:21px;display:block}.incomplete-copy{color:#7a888d;margin:17px 0 0;font-size:13px}details{border-top:1px solid var(--line);margin-top:17px;padding-top:13px}summary{cursor:pointer;color:var(--teal);font-size:12px;font-weight:800}.formula-wrap{color:var(--ink);padding:4px 0;font-size:12px;overflow-x:auto}.formula-detail{color:#6b7a80;margin:4px 0;font-size:11px}.page-footer{color:#87959a;justify-content:space-between;gap:20px;margin-top:28px;font-size:11px;display:flex}.legal-links{flex-wrap:wrap;gap:12px;display:flex}.legal-links a,.legal-navigation a,.legal-panel a{color:var(--teal)}.legal-links a{text-decoration:none}.legal-links a:hover,.legal-navigation a:hover{text-decoration:underline}.legal-shell{max-width:1040px}.legal-navigation{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;font-size:12px;font-weight:700;display:flex}.legal-navigation a{text-decoration:none}.legal-panel{padding:30px}.legal-section{max-width:760px}.legal-section+.legal-section{border-top:1px solid var(--line);margin-top:34px;padding-top:34px}.legal-section h2{margin-bottom:24px}.legal-section h3{color:var(--ink);margin:26px 0 8px}.legal-section p{color:var(--muted);font-size:14px;line-height:1.7}.legal-section address{color:var(--ink);font-size:14px;font-style:normal;line-height:1.7}.legal-section strong{color:var(--ink)}.settings-shell{max-width:980px}.settings-panel{padding:28px}.history-panel{max-width:900px}.history-filters{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr);gap:14px;margin-bottom:20px;padding-bottom:20px;display:grid}.history-filters label{color:var(--muted);gap:6px;font-size:12px;font-weight:800;display:grid}.history-filters input,.history-filters select{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface-raised,var(--paper));border-radius:10px;outline:none;padding:0 12px}.history-filters input:focus,.history-filters select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #ff5c6226}.history-list{gap:14px;display:grid}.history-entry{border:1px solid var(--line);background:#fbfdfd;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.current-history-entry{background:#effcfb;border-color:#8bd5cd}.history-entry h2{margin:5px 0 8px;font-size:24px}.history-values{color:var(--muted);flex-wrap:wrap;gap:8px 14px;font-size:13px;display:flex}.history-actions{align-items:center;gap:14px;display:flex}.history-delete-button{width:40px;height:40px;color:var(--coral,#d86647);cursor:pointer;background:#fff8f5;border:1px solid #f0c9bd;border-radius:10px;place-items:center;padding:0;display:grid}.history-delete-button:hover{background:#ffece6}.history-delete-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.history-restore-button,.history-start-button{white-space:nowrap;text-decoration:none}.history-empty{text-align:center;padding:36px 0 20px}.history-empty h2{margin:0 0 8px}.history-start-button{align-items:center;margin-top:18px;display:inline-flex}.trends-panel{max-width:1100px;padding:25px}.trend-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:20px;display:flex}.trend-metric-list{flex-wrap:wrap;gap:8px;max-width:760px;display:flex}.trend-select-area{min-width:min(100%,420px);position:relative}.trend-search-trigger{border:1px solid var(--line);width:min(100%,420px);color:var(--ink);background:var(--surface-raised);text-align:left;cursor:pointer;font:inherit;border-radius:9px;justify-content:space-between;gap:16px;padding:10px 12px;display:flex}.trend-search-trigger span{color:var(--muted)}.trend-search-popover{z-index:5;border:1px solid var(--line);background:var(--paper);border-radius:12px;width:min(100%,360px);padding:12px;position:absolute;top:76px;left:0;box-shadow:0 18px 40px #0000003d}.trend-search-popover>input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface-raised);border-radius:8px;margin-bottom:12px;padding:9px 10px}.trend-search-section{gap:5px;margin-top:10px;display:grid}.trend-search-section strong{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.trend-search-section button{color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:7px;justify-content:space-between;padding:8px 9px;font-size:13px;display:flex}.trend-search-section button:hover,.trend-search-section button.selected{background:var(--accent-soft)}.trend-search-section small{color:var(--muted)}.trend-metric-button{border:1px solid var(--line);color:var(--muted);background:var(--surface-raised);cursor:pointer;font:inherit;border-radius:999px;padding:8px 12px;font-size:12px}.trend-metric-button.selected{color:var(--ink);border-color:var(--accent-border);background:var(--accent-soft)}.trend-check{border:1px solid;border-radius:50%;place-items:center;width:14px;height:14px;margin-right:5px;font-size:10px;display:inline-grid}.trend-span{min-width:150px;color:var(--muted);gap:7px;font-size:12px;font-weight:700;display:grid}.trend-span select{border:1px solid var(--line);color:var(--ink);background:var(--surface-raised);border-radius:9px;padding:9px}.trend-chart-wrap{margin-top:24px;overflow-x:auto}.trend-scale-list{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.app-shell>.trends-panel{grid-area:2/2}.app-shell>.trend-multi-axis-panel{grid-area:3/2}.app-shell>.trend-scale-list{grid-area:4/2}.trend-scale{border:1px solid var(--line);color:var(--muted);background:var(--surface-raised);border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:inline-flex}.trend-scale i{border-radius:50%;width:9px;height:9px}.trend-scale strong{color:var(--ink)}.trend-scale small{color:var(--muted)}.trend-multi-axis-panel{border:1px solid var(--line);background:var(--paper);border-radius:14px;grid-column:2;margin:0 0 14px;padding:20px 25px 10px;box-shadow:0 16px 45px #17212b0f}.trends-panel .trend-chart-wrap{display:none}.trend-multi-axis-chart{width:100%;min-width:680px;height:auto;display:block;overflow:visible}.multi-axis-grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:5 5;opacity:.9}.multi-axis-line{stroke-width:1.4px}.multi-axis-tick{stroke-width:1.2px}.multi-axis-label{font-size:10px}.multi-axis-title{font-size:10px;font-weight:700}.trend-chart{width:100%;min-width:680px;height:auto;display:block;overflow:visible}.chart-axis,.chart-grid{stroke:var(--line);stroke-width:1px}.chart-grid{stroke-dasharray:4 5;opacity:.8}.chart-label{fill:var(--muted);font-size:11px}.metric-axis{stroke-width:1px;opacity:.85}.metric-axis-label{font-size:9px;font-weight:700}.trend-line{fill:none;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.trend-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px 22px;font-size:12px;display:flex}.trend-legend i{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.trend-stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:22px;display:grid}.trend-stat{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;gap:5px;padding:14px;display:grid}.trend-stat span,.trend-stat small{color:var(--muted);font-size:11px}.trend-stat strong{font-size:20px}.trend-empty{text-align:center;color:var(--muted);padding:80px 0}.trends-page-shell{align-content:start}.trends-content{grid-area:2/2;min-width:0}.fuel-trends-toolbar{grid-template-columns:minmax(280px,360px) minmax(0,1fr) auto;align-items:start;gap:18px;margin-bottom:18px;display:grid}.fuel-trends-select-area{min-width:0;position:relative}.fuel-trends-select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:var(--surface-raised);text-align:left;cursor:pointer;font:inherit;border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.fuel-trends-select>span{color:var(--muted)}.fuel-trends-selected-count{color:var(--muted);margin-top:7px;font-size:11px}.fuel-trends-popover{z-index:10;border:1px solid var(--line);background:var(--paper);border-radius:10px;width:340px;max-height:480px;padding:12px;position:absolute;top:48px;left:0;overflow:auto;box-shadow:0 20px 50px #00000059}.fuel-trends-popover>input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface-raised);border-radius:7px;margin-bottom:12px;padding:9px}.fuel-trends-search-section{gap:5px;margin-top:12px;display:grid}.fuel-trends-search-section>strong{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.fuel-trends-search-section button{color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;padding:8px;font-size:12px;display:flex}.fuel-trends-search-section button:hover,.fuel-trends-search-section button.selected{background:var(--accent-soft)}.fuel-trends-search-section small{color:var(--muted)}.fuel-trends-chips{flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0;padding-top:1px;display:flex}.fuel-trends-clear,.fuel-trends-chip{border:1px solid var(--line);min-height:34px;color:var(--ink);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:12px;display:inline-flex}.fuel-trends-clear{color:var(--muted);border-style:dashed}.fuel-trends-chip i,.fuel-chart-legend i{border-radius:50%;width:9px;height:9px;display:inline-block}.fuel-trends-chip span{color:var(--muted);font-size:16px}.fuel-trends-aggregation{min-width:140px;color:var(--muted);gap:7px;font-size:11px;font-weight:700;display:grid}.fuel-trends-aggregation select{border:1px solid var(--line);min-height:36px;color:var(--ink);background:var(--surface-raised);border-radius:8px;padding:0 10px}.fuel-trends-card{padding:17px}.fuel-trends-card h2,.fuel-statistics-card h2,.fuel-correlations h2{margin:0;font-size:18px}.fuel-trends-card>p{color:var(--muted);margin:4px 0 14px;font-size:12px}.fuel-trends-chart{position:relative;overflow-x:auto}.fuel-trends-chart svg{width:100%;min-width:760px;height:auto;display:block;overflow:visible}.fuel-chart-grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:5 5}.fuel-chart-axis{stroke:var(--muted);stroke-width:1.2px}.fuel-chart-tick{stroke:var(--muted);stroke-width:1px}.fuel-chart-axis-label,.fuel-chart-date{font-size:10px}.fuel-chart-date{fill:var(--muted)}.fuel-chart-axis-title{font-size:10px;font-weight:700}.fuel-trend-line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.fuel-chart-hover-line{stroke:var(--muted);stroke-width:1px;stroke-dasharray:4 4;pointer-events:none;opacity:.8}.fuel-chart-hover-point{stroke-width:2px;pointer-events:none}.fuel-chart-tooltip{z-index:2;border:1px solid var(--accent-border);min-width:180px;max-width:260px;color:var(--ink);background:var(--paper);pointer-events:none;border-radius:9px;gap:5px;padding:10px 12px;font-size:11px;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #00000038}.fuel-chart-tooltip strong{margin-bottom:2px;font-size:12px}.fuel-chart-tooltip span{color:var(--muted);align-items:center;gap:6px;display:flex}.fuel-chart-tooltip i{border-radius:50%;flex:none;width:8px;height:8px}.fuel-chart-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px 22px;margin-top:7px;font-size:11px;display:flex}.fuel-chart-legend i{margin-right:6px}.fuel-trends-statistics{gap:14px;margin-top:14px;display:grid}.fuel-statistics-card,.fuel-correlations{padding:17px}.fuel-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.fuel-rate-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.fuel-stat-box{border:1px solid var(--line);background:0 0;border-radius:7px;min-width:0;padding:11px 12px}.fuel-stat-box span,.fuel-stat-box small{color:var(--muted);font-size:11px;display:block}.fuel-stat-box strong{color:var(--ink);white-space:nowrap;margin-top:4px;font-size:14px;display:block}.fuel-stat-box small{margin-top:6px}@media (max-width:1200px){.fuel-trends-toolbar{grid-template-columns:minmax(250px,320px) minmax(0,1fr)}.fuel-trends-aggregation{grid-column:2;justify-self:end}.fuel-stat-grid,.fuel-rate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.trends-content{display:block}.fuel-trends-toolbar{grid-template-columns:1fr}.fuel-trends-chips{justify-content:flex-start}.fuel-trends-aggregation{grid-column:auto;justify-self:start}}@media (max-width:560px){.fuel-trends-popover{width:min(340px,100vw - 60px)}.fuel-stat-grid,.fuel-rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.trend-statistics{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.trend-statistics h2{margin-bottom:14px;font-size:20px}.trend-stat-block+.trend-stat-block{margin-top:18px}.trend-stat-block h3{margin:0 0 8px;font-size:14px}@media (max-width:700px){.trend-toolbar{flex-direction:column;align-items:stretch}.trend-span{max-width:220px}.trends-panel{padding:18px}}.settings-section{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.settings-section:first-child{border-top:0;margin-top:0;padding-top:0}.preference-list{gap:10px;margin-top:18px;display:grid}.preference-option{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fbfdfd;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.preference-option:hover,.preference-option[aria-pressed=true]{background:#fff}.preference-option[aria-pressed=true]{box-shadow:0 8px 20px #17212b0f}.preference-number{color:#839196;background:#eff5f5;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.preference-option strong,.preference-option small{display:block}.preference-option small{color:var(--muted);margin-top:3px;font-size:11px}.selection-check{border:1px solid var(--line);color:#fff;text-align:center;border-radius:50%;width:22px;height:22px;margin-left:auto;font-weight:800;line-height:20px}.language-options{gap:8px;margin-top:16px;display:flex}.language-options button,.language-options a{border:1px solid var(--line);color:var(--muted);background:var(--paper);cursor:pointer;border-radius:10px;padding:11px 18px;font-weight:700;text-decoration:none}.toggle-row{color:var(--muted);cursor:pointer;align-items:center;gap:12px;margin-top:16px;font-size:12px;font-weight:700;display:flex}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:#d6e0e1;border-radius:999px;width:46px;height:26px;padding:3px;transition:background .15s}.toggle-track span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;display:block;box-shadow:0 1px 3px #00000026}.toggle-row input:checked+.toggle-track span{transform:translate(20px)}.color-legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.color-legend span{align-items:center;gap:7px;display:flex}.color-legend i{border-radius:50%;width:14px;height:14px;display:inline-block}.settings-save-note{color:var(--muted);margin:24px 0 0;font-size:12px}.export-period-field{max-width:360px;margin-top:18px}.export-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.file-input-hidden{display:none}.metric-selection{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.metric-selection .section-heading{align-items:center}.metric-selection h3{font-size:18px}.metric-selection .field-hint{margin:6px 0 0}.metric-selection-actions{gap:12px;margin-top:14px;display:flex}.metric-selection-actions button,.metric-group legend button{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:800}.metric-group{border:0;border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 14px;margin:20px 0 0;padding:14px 0 0;display:grid}.metric-group legend{width:100%;color:var(--ink);grid-column:1/-1;justify-content:space-between;padding:0;font-size:13px;font-weight:800;display:flex}.metric-checkbox{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.metric-checkbox input{accent-color:var(--teal)}.transfer-dialog-backdrop{z-index:40;background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.transfer-dialog{border:1px solid var(--accent-border);width:min(680px,100%);max-height:min(760px,100vh - 40px);color:var(--ink);background:var(--surface-raised);border-radius:18px;padding:26px;overflow:auto;box-shadow:0 24px 80px #00000080}.transfer-dialog h2{margin:0;font-size:24px}.dialog-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:28px;line-height:1}.transfer-dialog .field{margin-top:22px}.transfer-metric-selection{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.transfer-metric-selection h3{margin:0;font-size:17px}.transfer-metric-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:14px;display:grid}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.secondary-button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--surface-soft);cursor:pointer;border-radius:9px;padding:0 16px}@media (max-width:560px){.transfer-dialog{padding:20px}.transfer-metric-list{grid-template-columns:1fr}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}.export-message{border-radius:10px;margin:18px 0 0;padding:12px 14px;font-size:12px}.export-message.success{color:#25655f;background:#effcfb}.export-message.error{color:#9a4935;background:#fff2ed}.danger-settings-section{border-top-color:#ff5c6259}.danger-button{background:var(--coral,#ff5c62)}.danger-button:disabled{cursor:not-allowed;opacity:.45}.delete-confirmation{background:#ff5c620f;border:1px solid #ff5c6259;border-radius:14px;max-width:560px;margin-top:18px;padding:16px}.delete-confirmation .field{margin-top:14px}.storage-consent-banner{z-index:50;border:1px solid var(--accent-border);width:min(760px,100vw - 48px);color:var(--ink);background:var(--surface-raised,#171c23);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:22px 24px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 60px #00000059}.language-suggestion{z-index:49;border:1px solid var(--accent-border);width:min(340px,100vw - 36px);color:var(--ink);background:var(--surface-raised,#171c23);border-radius:14px;gap:8px;padding:18px 20px;display:grid;position:fixed;top:18px;right:18px;box-shadow:0 16px 44px #00000047}.language-suggestion p{margin:0}.language-suggestion .eyebrow{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.language-suggestion-action{color:var(--teal);text-underline-offset:3px;justify-self:start;font-weight:750;text-decoration:underline}.language-suggestion small{color:var(--muted);font-size:12px;line-height:1.45}.language-suggestion-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:8px;right:10px}.storage-consent-banner h2{font-size:20px}.storage-consent-banner p:not(.eyebrow){max-width:520px;color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.55}.consent-options{gap:8px;margin-top:16px;display:grid}.consent-option{color:var(--ink);cursor:pointer;align-items:flex-start;gap:9px;font-size:12px;display:flex}.consent-option input{accent-color:var(--teal);flex:none;margin-top:2px}.consent-option span{gap:3px;display:grid}.consent-option small{color:var(--muted);font-size:11px;font-weight:400}.consent-legal a{color:var(--teal)}.storage-consent-actions{flex-wrap:wrap;align-items:flex-end;gap:9px;max-width:180px;display:flex}.storage-consent-actions button{white-space:nowrap;cursor:pointer;min-height:42px}.storage-consent-actions .accept-all-button{order:-1;width:100%;min-height:48px;font-size:15px;box-shadow:0 10px 24px #ff5c624d}@media (max-width:700px){.storage-consent-banner{grid-template-columns:1fr;gap:14px;width:calc(100vw - 24px);bottom:12px;right:12px}.storage-consent-actions{flex-wrap:wrap}}@media (max-width:900px){.dashboard{grid-template-columns:1fr}.results-column{order:-1}.header-mark{width:75px;height:75px;font-size:38px}.import-panel{grid-template-columns:1fr}.import-actions{justify-items:start;min-width:0}.import-panel .import-button{justify-self:start}}@media (max-width:700px){.measurement-template-field,.measurement-template-field.markdown-editable{height:300px;min-height:300px;max-height:300px}}@media (max-width:560px){.app-shell{padding:28px 16px 18px}.page-header{align-items:flex-start}.header-mark{display:none}.form-panel{padding:20px}.field-grid.two,.ratio-grid,.delta-grid{grid-template-columns:1fr}.page-footer{flex-direction:column;gap:7px}.metric-row strong{font-size:17px}.history-filters{grid-template-columns:1fr}.history-entry{flex-direction:column;align-items:flex-start}.history-restore-button{width:100%}}@media (max-width:700px){.metric-group{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.metric-group{grid-template-columns:1fr}.export-actions .import-button{width:100%}}:root{--ink:#f4f7fb;--muted:#aab5c3;--line:#333d4a;--paper:#171c23;--teal:#ff5c62;--coral:#ff6b70;--surface:#000;--surface-raised:#1b2129;--surface-soft:#252e39;--accent-soft:#ff5c6229;--accent-border:#ff6f746b}html{background:var(--surface)}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 84% 0%, #ff5c6212, transparent 32rem), var(--surface);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{grid-template-columns:214px minmax(0,1fr);gap:34px;max-width:1600px;min-height:100vh;margin:0 auto;padding:34px 34px 26px;display:grid}.page-header{grid-area:1/2;align-items:flex-start;margin-bottom:8px}.main-nav{min-height:calc(100vh - 62px);box-shadow:none;background:0 0;border:0;border-radius:18px;flex-direction:column;grid-area:1/1/span 5;align-self:start;gap:5px;margin:0;padding:0;display:flex;position:sticky;top:28px}.main-nav:before{display:none}.nav-main-links,.nav-settings-link{border:1px solid var(--line);background:#11151aeb;border-radius:18px;flex-direction:column;gap:5px;padding:18px 12px;display:flex;box-shadow:0 18px 45px #00000038}.nav-main-links:before{content:"SKINFOLD / ANALYTICS";color:#758296;letter-spacing:.14em;margin:0 9px 20px;font-size:9px;font-weight:800;display:block}.nav-subgroup{gap:5px;display:grid}.nav-main-links .nav-subpage{border-left:2px solid var(--line);border-radius:0 10px 10px 0;min-height:36px;margin-left:14px;padding-left:16px;font-size:12px}.nav-main-links .nav-subpage.active{border-left-color:var(--teal)}.nav-settings-link{margin-top:auto}.main-nav>a{background:#11151aeb}.main-nav a{color:#aab5c3;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;min-height:40px;padding:0 11px;font-size:12px;font-weight:750;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:flex}.main-nav a:before{content:"";background:#596574;border-radius:50%;width:5px;height:5px;margin-right:10px}.main-nav a.active,.main-nav a:hover{color:#fff;border-color:var(--accent-border);background:var(--accent-soft)}.main-nav a.active:before{background:var(--teal);box-shadow:0 0 0 4px #ff5c6224}.main-nav>a[href=\/settings],.main-nav>a[href="/de/settings"],.main-nav>a[href="/en/settings"]{border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:auto;padding-top:16px}.eyebrow{color:var(--teal);letter-spacing:.14em}h1{letter-spacing:-.055em;font-size:clamp(37px,4vw,62px)}h1 em{color:var(--teal)}.lead{max-width:580px;color:var(--muted);margin-top:14px}.header-mark{border-color:var(--accent-border);background:var(--accent-soft) url(/brand-mark.png) center / 72% no-repeat;width:66px;height:66px;transform:none}.header-mark>span{display:none}.main-nav .site-logo{color:#e9eef5;background:0 0;border:0;align-items:center;gap:10px;min-height:0;margin:0 0 8px 8px;padding:0;font-size:12px;font-weight:800;line-height:1.2;text-decoration:none;display:flex}.main-nav .site-logo:before{display:none}.site-logo img{flex:none;width:44px;height:44px;display:block}.site-logo:hover{color:#fff}.dashboard,.template-tools,.page-footer{grid-column:2}.dashboard{gap:20px}.panel,.method-card,.ratio-card{border-color:var(--line);background:var(--paper);border-radius:14px;box-shadow:0 14px 34px #00000029}.form-panel,.settings-panel{padding:25px}.form-section,.metric-selection,.settings-section,details,.metric-row{border-color:var(--line)}h2{font-size:25px}h3,h4,.field-group-title{color:#e9eef5}.muted,.results-intro>p:last-child,.field-hint,.card-help,.incomplete-copy{color:var(--muted)}.field{color:#b8c3d0}.field input,.field select,.import-panel textarea,.markdown-editable{color:var(--ink);background:#11161d;border-color:#303b49}.field input:focus,.field select:focus,.import-panel textarea:focus,.markdown-editable:focus,.markdown-field:focus{border-color:var(--teal);box-shadow:0 0 0 3px #ff5c6226}.input-with-unit small,.group-heading span{color:#7f8b9b}.count-pill,.status-label{color:#c4cdda;background:var(--surface-soft)}.import-button{color:#1c0d0e;background:var(--teal);box-shadow:0 8px 18px #ff5c622e}.import-button:hover{background:#ff7479}.secondary-import-button,.icon-button{color:var(--teal);border-color:var(--accent-border);background:var(--accent-soft)}.icon-button:hover:not(:disabled),.secondary-import-button:hover{background:#ff5c6233}.imported-results,.average-body-fat,.ratio-card,.history-entry,.preference-option,.markdown-preview{border-color:var(--line);color:var(--ink);background:var(--surface-raised)}.average-body-fat.is-active,.ratio-card.is-active,.current-history-entry,.preference-option:hover,.preference-option[aria-pressed=true]{border-color:var(--accent-border);background:var(--accent-soft)}.average-body-fat-value,.ratio-value,.result-bubble-heading,.method-section-label,summary,.metric-selection-actions button,.metric-group legend button{color:var(--teal)}.result-bubble{border-color:var(--line);background:var(--surface-raised);box-shadow:none}.method-card.is-active,.preferred-card{border-color:var(--accent-border)}.status-dot.active{background:var(--teal);box-shadow:0 0 0 4px #ff5c6224}.preferred-card.preference-one,.preferred-field.preference-one{border-color:#ff5c62}.preferred-card.preference-two,.preferred-field.preference-two{border-color:#ffb454}.preferred-card.preference-three,.preferred-field.preference-three{border-color:#ae8bff}.preferred-field.preference-one.preference-two{border-color:#0000;box-shadow:0 0 0 2px #ff5c62,0 0 0 4px #ffb454}.preferred-field.preference-one.preference-three{border-color:#0000;box-shadow:0 0 0 2px #ff5c62,0 0 0 4px #ae8bff}.preferred-field.preference-two.preference-three{border-color:#0000;box-shadow:0 0 0 2px #ffb454,0 0 0 4px #ae8bff}.preferred-field.preference-one.preference-two.preference-three{border-color:#0000;box-shadow:0 0 0 2px #ff5c62,0 0 0 4px #ffb454,0 0 0 6px #ae8bff}.preference-one .preference-number,.color-legend .preference-one i{color:#ff8589;background:#ff5c6229}.preference-two .preference-number,.color-legend .preference-two i{color:#ffc77b;background:#ffb45429}.preference-three .preference-number,.color-legend .preference-three i{color:#c2abff;background:#ae8bff29}.selection-check.selected{background:var(--teal);border-color:var(--teal)}.language-options button,.language-options a,.toggle-track{border-color:var(--line);color:var(--muted);background:var(--surface-raised)}.language-options button.selected,.language-options a.selected{border-color:var(--accent-border);color:var(--teal);background:var(--accent-soft)}.toggle-track{background:#313b48}.toggle-track span{background:#e9eef5}.toggle-row input:checked+.toggle-track{background:var(--teal)}.markdown-preview code{color:#ffb4b7;background:#ff5c621f}.markdown-preview pre{background:#090b0f}.markdown-preview a{color:var(--teal)}.page-footer{color:#687587}.legal-shell{max-width:1040px;display:block}.legal-shell .page-header{display:flex}.legal-shell .legal-panel{width:100%}.legal-shell .legal-section{max-width:860px}@media (max-width:900px){.app-shell{padding:24px 18px;display:block}.main-nav{flex-direction:row;min-height:0;margin-bottom:28px;padding:0;position:static;overflow-x:auto}.site-logo{flex:none;margin:0 4px 0 0}.site-logo span{display:none}.site-logo img{width:38px;height:38px}.main-nav:before{display:none}.nav-main-links,.nav-settings-link{border-radius:12px;flex-direction:row;flex:none;padding:8px}.nav-subgroup{align-items:center;gap:5px;display:flex}.nav-main-links .nav-subpage{min-height:40px;margin-left:0;padding-left:14px}.nav-main-links:before{display:none}.main-nav a{flex:none}.nav-settings-link{margin-top:0}.page-header{margin-bottom:24px}}.about-content{grid-area:2/2;gap:20px;min-width:0;max-width:1050px;display:grid}.about-profile{padding:0;overflow:hidden}.about-profile-image{height:clamp(310px,42vw,520px);position:relative;overflow:hidden}.about-profile-image>img{-o-object-fit:cover;object-fit:cover;transition:opacity .3s}.about-profile-gradient{pointer-events:none;background:linear-gradient(#0000,#0000000d 45%,#000000c7);position:absolute;inset:0}.about-carousel-button{z-index:2;color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.about-carousel-button:hover,.about-carousel-pause:hover{background:#0009}.about-carousel-previous{left:14px}.about-carousel-next{right:14px}.about-profile-caption{z-index:4;color:#fff;margin:0;font-size:13px;font-weight:700;position:absolute;bottom:18px;left:130px;right:175px}.about-carousel-controls{z-index:2;align-items:center;gap:3px;display:flex;position:absolute;bottom:12px;right:18px}.about-carousel-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:20px;height:28px;display:grid}.about-carousel-dot:before{content:"";background:#ffffff40;border:1px solid #fffc;border-radius:50%;width:7px;height:7px}.about-carousel-dot.active:before{background:#fff}.about-carousel-pause{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #fffc;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:5px;font-size:10px;display:grid}.about-profile-body{padding:0 24px 24px}.about-identity{z-index:3;align-items:end;gap:15px;margin-top:-43px;display:flex;position:relative}.about-avatar{border:4px solid var(--surface-raised);background:var(--surface-soft);border-radius:50%;flex:none;width:92px;height:92px;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000059}.about-avatar>img{-o-object-fit:cover;object-fit:cover}.about-identity h2{margin:0 0 5px;font-size:25px}.about-identity .eyebrow{margin:0 0 6px}.about-social-links,.about-online-links{flex-wrap:wrap;gap:8px;display:flex}.about-social-links{margin-top:18px}.about-social-links a,.about-online-links a{border:1px solid var(--line);min-height:34px;color:var(--ink);background:var(--surface-raised);border-radius:9px;align-items:center;padding:0 11px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.about-social-links a:hover,.about-online-links a:hover{color:#fff;border-color:var(--accent-border);background:var(--accent-soft)}.about-copy{padding:10px 30px}.about-section{max-width:900px;padding:28px 0}.about-section+.about-section{border-top:1px solid var(--line)}.about-section .eyebrow{margin-bottom:9px}.about-section h2{margin-bottom:14px}.about-section p:not(.eyebrow){max-width:780px;color:var(--muted);font-size:14px;line-height:1.7}.about-section a{color:var(--teal)}.about-project-list{gap:14px;margin-top:20px;display:grid}.about-project{border:1px solid var(--line);background:var(--surface-raised);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(180px,260px);align-items:center;gap:20px;padding:18px;display:grid}.about-project h3{margin:0 0 7px;font-size:18px}.about-project p{margin:0}.about-project-images{gap:8px;display:grid}.about-project-image{background:#0b0e12;border-radius:10px;height:130px;overflow:hidden}.about-project-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.about-subheading{margin:30px 0 12px}.about-other-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;display:grid}.about-other-projects>div{border-bottom:1px solid var(--line);gap:3px;padding:10px 0;display:grid}.about-other-projects a{overflow-wrap:anywhere;font-size:13px;font-weight:700}.about-other-projects span{color:var(--muted);font-size:12px;line-height:1.45}.about-find-me{padding-bottom:34px}.about-skinfold-copy{gap:30px;padding:24px;display:grid}.about-skinfold-jump{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-bottom:20px;display:flex}.about-skinfold-jump a{border:1px solid var(--line);min-height:34px;color:var(--muted);background:var(--surface-raised);border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.about-skinfold-jump a:hover,.about-skinfold-jump a:focus-visible{border-color:var(--accent-border);color:var(--ink);background:var(--accent-soft)}.about-skinfold-features{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.about-skinfold-feature{border:1px solid var(--line);background:linear-gradient(145deg, #ffffff09, transparent 70%), var(--surface-raised);border-radius:16px;min-width:0;padding:22px;scroll-margin-top:24px}.about-skinfold-feature:first-child{border-color:var(--accent-border);background:linear-gradient(120deg, var(--accent-soft), transparent 75%), var(--surface-raised)}.about-skinfold-feature .eyebrow,.about-skinfold-faq>.eyebrow{color:var(--teal);letter-spacing:.12em;font-size:10px;font-weight:800}.about-skinfold-feature h2{margin:0 0 12px;font-size:clamp(20px,2vw,25px);line-height:1.25}.about-skinfold-feature p:not(.eyebrow){max-width:68ch;color:var(--muted);font-size:14px;line-height:1.75}.accuracy-intro{margin-bottom:16px}.accuracy-criteria{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px;display:grid}.accuracy-criteria section{border:1px solid var(--line);background:var(--surface-raised);border-radius:13px;min-width:0;padding:17px}.accuracy-criteria h3{color:var(--teal);margin:0 0 8px;font-size:16px}.accuracy-criteria p{margin:0 0 8px;color:var(--ink)!important;font-size:14px!important;line-height:1.6!important}.accuracy-criteria span{color:var(--muted);font-size:12px;line-height:1.55;display:block}.accuracy-takeaway{border-left:3px solid var(--teal);background:var(--accent-soft);border-radius:0 10px 10px 0;margin:0 0 14px;padding:12px 15px}.accuracy-details{border-top:1px solid var(--line);padding-top:12px}.accuracy-details summary{color:var(--ink);cursor:pointer;font-size:13px;font-weight:750}.accuracy-details p{margin:12px 0 0}.accuracy-details p:last-child{margin-bottom:0}.about-skinfold-faq{padding-top:8px;scroll-margin-top:24px}.about-skinfold-faq h2{margin-bottom:18px;font-size:clamp(24px,3vw,32px)}.about-skinfold-faq-list{gap:10px;display:grid}.about-skinfold-faq-list details{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;padding:0 17px}.about-skinfold-faq-list summary{color:var(--ink);cursor:pointer;padding:16px 34px 16px 0;font-size:14px;font-weight:750;line-height:1.5;list-style:none;position:relative}.about-skinfold-faq-list summary::-webkit-details-marker{display:none}.about-skinfold-faq-list summary:after{color:var(--teal);content:"+";font-size:21px;font-weight:500;position:absolute;top:15px;right:2px}.about-skinfold-faq-list details[open] summary:after{content:"−"}.about-skinfold-faq-list details p{max-width:72ch;color:var(--muted);margin:0;padding:0 0 16px;font-size:13px;line-height:1.7}.about-skinfold-faq-list details[open]{border-color:var(--accent-border)}.about-skinfold-links{padding-top:4px}.about-skinfold-links h2{margin-bottom:14px}.about-skinfold-links>div{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.about-skinfold-links .import-button{text-decoration:none}.methods-copy{gap:26px}.method-anchor{scroll-margin-top:24px}.methods-copy .about-skinfold-jump{align-items:center}.methods-copy .about-skinfold-jump strong{color:var(--ink);padding:0 8px 0 2px;font-size:12px}.contents-methods{z-index:2;position:relative}.contents-methods ul{border:1px solid var(--line);background:var(--paper);border-radius:14px;grid-template-columns:max-content;gap:6px;margin:0;padding:8px;list-style:none;display:none;position:absolute;top:0;left:calc(100% - 2px);box-shadow:0 12px 28px #00000047}.contents-methods:hover ul,.contents-methods:focus-within ul{display:grid}.contents-methods ul a{white-space:nowrap;min-height:30px;padding:0 10px;font-size:11px}.contents-methods.is-expanded{align-items:center;gap:8px;display:flex}.contents-methods.is-expanded ul{box-shadow:none;flex-wrap:wrap;gap:6px;margin:0;display:flex;position:static}@media (max-width:680px){.contents-methods ul{top:calc(100% + 6px);left:0}}@media (hover:none){.contents-methods{display:grid}.contents-methods ul{box-shadow:none;margin-top:6px;display:grid;position:static}}.athlete-method-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.athlete-method-compare section{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;padding:16px}.athlete-method-compare h3{margin:0 0 8px;font-size:16px}.athlete-method-compare p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.method-caveat{border:1px solid var(--accent-border);color:var(--ink);background:var(--accent-soft);border-radius:14px;padding:18px 20px;font-size:14px;line-height:1.7}.method-history{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.method-history li{border-bottom:1px solid var(--line);grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:14px;padding:14px 0;display:grid}.method-history strong{color:var(--teal)}.method-history p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.method-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:18px;display:grid}.comparison-skim{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;margin:18px 0 24px;display:grid}.comparison-skim section{border:1px solid var(--line);background:var(--surface-raised);border-radius:14px;min-width:0;padding:15px 16px}.comparison-skim h3{margin:0 0 9px;font-size:15px}.comparison-skim p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.comparison-skim .skim-best{color:var(--ink);margin-bottom:4px;font-size:13px;font-weight:750}.method-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:16px;min-width:0;padding:20px}.method-card h3{color:#ff5c62;margin:4px 0 18px;font-size:19px;line-height:1.35}.method-card dl{gap:7px;margin:0;display:grid}.method-card dt{color:var(--teal);letter-spacing:.07em;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:800}.method-card dd{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.7}.method-card .method-formula{color:var(--ink);font-family:var(--font-mono,ui-monospace, monospace)}.methods-copy>section>ul{color:var(--muted);padding-left:22px;line-height:1.8}.methods-copy .about-skinfold-links ul{margin-bottom:20px;padding-left:22px;line-height:1.9}@media (max-width:760px){.accuracy-criteria{grid-template-columns:minmax(0,1fr)}.method-history li{grid-template-columns:minmax(0,1fr);gap:5px}.athlete-method-compare{grid-template-columns:minmax(0,1fr)}.about-skinfold-copy{padding:18px}}@media (max-width:900px){.about-content{max-width:none}}@media (max-width:650px){.about-profile-image{height:330px}.about-profile-body{padding:0 18px 18px}.about-identity{flex-direction:column;align-items:flex-start;gap:9px;margin-top:-38px}.about-profile-caption{left:112px;right:70px}.about-carousel-controls{max-width:55%;right:8px;overflow:hidden}.about-carousel-dot{display:none}.about-copy{padding:4px 20px}.about-project{grid-template-columns:1fr}.about-project-image{height:170px}.about-other-projects{grid-template-columns:1fr}}.guide-shell{align-content:start}.guide-header-mark{transform:rotate(16deg)}.guide-content{grid-area:2/2;gap:22px;min-width:0;max-width:1120px;display:grid}.guide-jump-nav{flex-wrap:wrap;gap:8px;display:flex}.guide-jump-nav a{border:1px solid var(--line);min-height:34px;color:var(--muted);background:var(--surface-raised);border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.guide-jump-nav a:hover{border-color:var(--accent-border);color:var(--ink);background:var(--accent-soft)}.guide-intro-callout{border:1px solid var(--accent-border);color:var(--muted);background:var(--accent-soft);border-radius:14px;grid-template-columns:28px minmax(0,1fr);gap:13px;padding:16px 18px;font-size:13px;line-height:1.6;display:grid}.guide-intro-callout>span{border:1px solid var(--accent-border);width:28px;height:28px;color:var(--teal);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:17px;font-weight:700;display:grid}.guide-intro-callout p{margin:0}.guide-intro-callout strong{color:var(--ink)}.guide-section{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:30px;scroll-margin-top:24px;box-shadow:0 14px 34px #00000029}.guide-section-heading{max-width:760px}.guide-section-heading .eyebrow{margin:0 0 8px}.guide-section-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(25px,3vw,34px)}.guide-section-heading>p:last-child{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.65}.guide-technique-grid{border:1px solid var(--line);background:var(--surface-raised);border-radius:15px;margin-top:28px;padding:18px}.guide-steps{counter-reset:guide-step;gap:14px;margin:0;padding:0;list-style:none;display:grid}.guide-steps li{min-height:34px;color:var(--muted);counter-increment:guide-step;padding-left:47px;font-size:13px;line-height:1.58;position:relative}.guide-steps li:before{content:counter(guide-step);border:1px solid var(--accent-border);width:30px;height:30px;color:var(--teal);background:var(--accent-soft);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:0;left:0}.guide-steps strong{color:var(--ink)}.guide-practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.guide-practice-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:14px;padding:19px}.guide-practice-card h3{color:var(--ink);margin:0 0 11px;font-size:16px}.guide-practice-card p,.guide-practice-card li{color:var(--muted);font-size:12px;line-height:1.58}.guide-practice-card p{margin:0}.guide-practice-card ul{gap:8px;margin:0;padding-left:18px;display:grid}.guide-practice-card li::marker{color:var(--teal)}.guide-practice-card strong{color:var(--ink)}.guide-practice-card-accent{border-color:var(--accent-border);background:linear-gradient(145deg, #ff5c6221, var(--surface-raised) 60%)}.guide-small-note{color:#8793a4!important;margin-top:12px!important;font-size:11px!important}.guide-site-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.guide-site-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:14px;min-height:190px;padding:14px}.guide-site-card h3{color:var(--ink);margin:0;font-size:15px}.guide-site-card p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.55}.guide-site-card .guide-site-direction{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:800}.guide-scale-layout{margin-top:26px}.guide-scale-cards{gap:14px;display:grid}.guide-measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.guide-circumference-table-wrap{border:1px solid var(--line);border-radius:14px;margin-top:18px;overflow-x:auto}.guide-circumference-table{border-collapse:collapse;width:100%;min-width:680px}.guide-circumference-table th,.guide-circumference-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--muted);padding:13px 15px;font-size:12px;line-height:1.5}.guide-circumference-table thead th{color:#ced8e4;letter-spacing:.08em;text-transform:uppercase;background:#11161d;font-size:10px}.guide-circumference-table tbody th{width:20%;color:var(--ink);font-weight:750}.guide-circumference-table tbody tr:last-child>*{border-bottom:0}.guide-closing-note{border-left:3px solid var(--teal);color:#b6c1cf;margin:20px 0 0;padding-left:15px;font-size:13px;line-height:1.65}@media (max-width:1050px){.guide-site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-site-card{min-height:166px}}@media (max-width:900px){.guide-content{max-width:none;display:grid}.guide-technique-grid,.guide-scale-layout{grid-template-columns:1fr}.guide-technique-copy{max-width:760px}}@media (max-width:680px){.guide-section{border-radius:15px;padding:21px 17px}.guide-practice-grid,.guide-measurement-grid,.guide-site-grid{grid-template-columns:1fr}.guide-site-card{min-height:0}.guide-technique-grid{margin-top:19px;padding:14px}}.method-card h4{color:#ffd166;letter-spacing:0;text-transform:none;margin:16px 0 6px;font-size:11px;font-weight:700}.method-card h4:first-of-type{margin-top:0}.method-card p{margin:0 0 12px}.method-card .method-population{color:var(--muted);margin:0 0 12px;padding-left:20px;font-size:13px;line-height:1.7}.method-card .method-population li+li{margin-top:3px}.method-card p:last-child{margin-bottom:0}.comparison-skim+.method-card{margin-top:0}.comparison-quick-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin:18px 0 22px;display:grid}.comparison-quick-cards section{border:1px solid var(--line);background:var(--surface-raised);border-radius:14px;padding:16px}.comparison-quick-cards h3{margin:0 0 10px;font-size:16px}.comparison-quick-cards p{margin:0 0 7px;font-size:13px;line-height:1.55}.comparison-quick-cards p:last-child{margin-bottom:0}.comparison-evidence{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;margin:8px 0 20px}.comparison-evidence summary{color:var(--ink);cursor:pointer;padding:14px 16px;font-size:14px;font-weight:750}.comparison-evidence[open]{padding:0 16px 16px}.comparison-evidence[open] summary{border-bottom:1px solid var(--line);margin:0 -16px 16px}.comparison-evidence>h3{margin-top:18px}.measurement-protocol{counter-reset:protocol-step;grid-template-columns:minmax(0,1fr);gap:12px;margin:14px 0 24px;padding:0;list-style:none;display:grid}.measurement-protocol li{border:1px solid var(--line);background:var(--surface-raised);min-height:74px;color:var(--ink);counter-increment:protocol-step;border-radius:13px;padding:16px 16px 16px 52px;font-size:14px;line-height:1.6;position:relative}.measurement-protocol li:before{background:var(--accent-soft);width:26px;height:26px;color:var(--teal);content:counter(protocol-step);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:14px;left:14px}.measurement-note{border-left:3px solid var(--accent-border);background:var(--surface-raised);border-radius:0 12px 12px 0;margin:12px 0 0;padding:15px 17px}@media (max-width:760px){.comparison-quick-cards,.measurement-protocol{grid-template-columns:minmax(0,1fr)}}a[href^="http://"],a[href^="https://"],a[href^="http://"]:visited,a[href^="https://"]:visited,a[href^="http://"]:hover,a[href^="https://"]:hover,a[href^="http://"]:focus-visible,a[href^="https://"]:focus-visible,a[href^="http://"]:active,a[href^="https://"]:active{color:#60a5fa}
