.my-body{margin:0;color:var(--text-primary);background:var(--surface-page);font-family:Arial,sans-serif;line-height:var(--line-height-body)}.my-body.is-initial-loading>:is(.body-page,.menu-btn,.app-copyright){visibility:hidden}.body-page{width:min(1440px,calc(100% - 48px));margin:auto;padding:24px 0 48px}.my-body :is(h1,h2,h3,p){text-align:left;font-family:inherit;overflow-wrap:anywhere}.my-body h1{margin:4px 0 12px;font-size:var(--page-header-title-size);line-height:var(--line-height-tight)}.my-body h2{margin:0;font-size:var(--font-size-large);line-height:var(--line-height-heading)}.my-body p{font-size:var(--font-size-medium)}.my-body label{display:grid;gap:6px;margin:0;font-size:var(--font-size-small)}.my-body :is(select,input){box-sizing:border-box;width:100%;min-height:44px;margin:0;color:var(--text-primary);background:var(--surface-control);border:1px solid var(--border-subtle);border-radius:var(--radius-control);padding:10px 12px;font:inherit}.my-body select{width:auto;max-width:100%}.my-body :is(.body-page,dialog) button:not(.app-tab){font:inherit;cursor:pointer;min-height:44px}.my-body .pump-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:var(--font-size-small);text-decoration:none}.concept-bar,.concept-brand,.body-section-heading,.body-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.concept-brand{justify-content:flex-start}.concept-bar{flex-wrap:wrap}.body-stat{overflow-wrap:anywhere}.concept-notice,.my-body .body-note{color:var(--text-secondary);font-size:var(--font-size-small)}.concept-nav{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0;font-size:var(--font-size-small)}.concept-nav [aria-current]{color:var(--color-primary);font-weight:700}.body-header{display:flex;position:relative;gap:24px;justify-content:space-between;align-items:center;padding:var(--page-header-padding);padding-bottom:72px;background:radial-gradient(at top right,var(--accent-wash),transparent 70%),var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-panel)}.body-header p,.body-header{margin:0}.body-eyebrow{margin:0 0 6px;font-weight:700;color:var(--color-primary);font-size:var(--font-size-small)!important}.body-header-status{position:absolute;right:24px;bottom:18px;display:flex;align-items:center;gap:8px;color:var(--color-complete);font-size:var(--font-size-small)}.body-section-heading{margin:28px 0 18px;align-items:flex-end}.body-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.body-stat{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:22px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-card);text-align:left;color:var(--text-primary)}.body-stat[aria-pressed=true]{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.body-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-control);color:var(--color-primary);background:var(--accent-wash)}.body-stat strong{font-size:var(--font-size-xl);line-height:var(--line-height-heading)}.body-stat small{font-size:var(--font-size-small);color:var(--text-secondary)}.body-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;margin-top:28px;align-items:start}.body-panel{min-width:0;padding:24px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background:var(--surface-card)}.body-panel .body-section-heading{margin-top:0}.body-metric-label select{width:100%}.body-trend-summary{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-top:24px}.body-trend-summary strong{font-size:var(--font-size-xl)}.body-trend-summary span{color:var(--text-secondary);font-size:var(--font-size-small)}.my-body .progress-chart{font-size:var(--font-size-small)}.body-chart-empty{display:grid;place-content:center;min-height:300px}.my-body .u-legend{width:auto}.my-body .u-legend :is(th,td){background:transparent;border:0;padding:4px}.my-body summary{padding:12px 0;cursor:pointer;font-size:var(--font-size-small);font-weight:700}.body-table-wrap{overflow:auto;max-width:100%}.body-table-wrap :is(th,td){font-size:var(--font-size-small)}.body-table-wrap caption{text-align:left;padding:10px 0;color:var(--text-secondary)}.my-body .body-composition-table{min-width:48rem;table-layout:fixed}.my-body .body-composition-table :is(th,td){overflow-wrap:normal}.body-composition-table th:nth-child(1){width:18%}.body-composition-table th:nth-child(2){width:14%}.body-composition-table th:nth-child(3){width:40%}.body-composition-table th:nth-child(4){width:28%}.body-outline{display:block;width:100%;height:280px;margin:16px auto}.body-guide-lines [data-active=true]{stroke:var(--color-primary);stroke-width:5;stroke-dasharray:none}.body-location-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.my-body dialog{box-sizing:border-box;width:min(640px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);color:var(--text-primary);background:var(--surface-card)}.my-body dialog::backdrop{background:#00000073}.body-dialog-heading{margin-bottom:20px}.body-dialog-heading>div{min-width:0}.my-body input{min-width:0}.body-dialog-heading button{color:var(--text-primary);flex:0 0 44px}.body-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.body-entry-grid label{min-width:0}.body-dialog-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.body-dialog-footer{position:sticky;bottom:0;padding:16px 0;background:var(--surface-card)}.my-body #body-entry-error{color:var(--color-cancelled)}.my-body [hidden]{display:none}@media (max-width:900px){.body-workspace{grid-template-columns:1fr}.body-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.body-page{width:calc(100% - 24px);padding-top:16px}.body-header{flex-direction:column;align-items:stretch;gap:20px}.body-header .pump-button{width:100%}.body-stat{padding:16px}.body-stat strong{font-size:var(--font-size-large)}.body-panel{padding:16px}.body-dialog-footer{flex-direction:column-reverse}.body-dialog-footer button{width:100%}.body-section-heading{flex-wrap:wrap}.body-header-status{right:16px}}@media (prefers-reduced-motion:reduce){.my-body *{animation:none!important;transition:none!important}}@media (max-width:620px){.body-entry-grid{grid-template-columns:1fr}}.body-photos{margin-top:24px}.body-photo-controls{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.body-photo-controls label{flex:1 1 160px;min-width:0}.body-photo-controls select{width:100%}.body-photo-comparison{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,480px);margin:20px auto}.body-photo-comparison figure{margin:0;min-width:0}.body-photo-frame{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;padding:16px;color:var(--text-secondary);background:var(--surface-control);border-radius:var(--radius-control);text-align:center}.body-photo-frame img{display:block;max-width:100%;height:360px;object-fit:contain}.body-photo-comparison figcaption{padding-top:10px;font-size:var(--font-size-small)}.body-photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.body-photo-gallery article{min-width:0}.body-photo-gallery img{display:block;width:100%;height:160px;object-fit:contain;background:var(--surface-control);border-radius:var(--radius-control)}.body-photo-gallery p{font-size:var(--font-size-small)}.body-photo-fields{display:grid;gap:20px;margin:24px 0}.body-photo-fields input{max-width:100%}.my-body #body-photo-error{color:var(--color-cancelled)}@media (max-width:620px){.body-photo-comparison{grid-template-columns:1fr}.body-photos .body-section-heading{align-items:stretch}.body-photos .body-section-heading button{width:100%}}.body-page{box-sizing:border-box;width:100%;max-width:none;padding:24px clamp(12px,3vw,40px) 48px}.body-tabs{margin:24px 0}.body-privacy{margin-top:24px}.my-body .body-privacy-link{display:inline-flex;align-items:center;max-width:100%;padding:8px 0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-link);text-align:left;text-decoration:underline;text-underline-offset:.2em;box-shadow:none}.my-body .body-privacy-link:hover{text-decoration-thickness:2px}.my-body .body-privacy-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.my-body .body-checkbox{display:flex;align-items:flex-start;gap:12px;margin:18px 0;font-size:var(--font-size-medium)}.my-body .body-checkbox input{width:24px;min-height:24px;flex:0 0 24px}.my-body textarea{box-sizing:border-box;max-width:100%;width:100%;color:var(--text-primary);background:var(--surface-control);border:1px solid var(--border-subtle);padding:12px;font:inherit;border-radius:var(--radius-control)}.my-body button:disabled{opacity:.6;cursor:wait}.my-body table{width:100%}.my-body :is(th,td){text-align:left;overflow-wrap:anywhere;vertical-align:top}.body-actions{display:grid;gap:8px}.body-actions .pump-button{width:100%;box-sizing:border-box}.my-body .body-note{font-size:var(--font-size-small)}.my-body [role=alert]{color:var(--color-cancelled)}.body-photo-frame img{max-height:65vh;max-width:100%}.body-photo-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.my-body .body-header{padding:var(--page-header-padding);padding-bottom:76px}.my-body .app-header-status{bottom:16px;right:16px}.my-body .body-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.my-body .body-stat{min-width:0}.my-body .body-panel{margin-bottom:24px}.my-body .body-dialog-footer .pump-button{color:var(--text-primary)}.my-body .body-dialog-footer .pump-button:not(.ghost){color:var(--text-on-action)}@media (max-width:620px){.body-page{width:100%;padding:16px 12px 32px}.my-body .body-section-heading>button{width:100%}.my-body .body-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.my-body .body-stat{padding:12px}}@media (max-width:24rem){.my-body .body-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}}.body-photo-image{display:grid;place-items:center;min-height:160px;width:100%;overflow:hidden}.my-body .body-photo-image img[hidden]{display:none}.my-body .body-photo-image p{padding:12px;text-align:center}.body-photo-switch{display:flex;flex-wrap:wrap;gap:12px}.body-photo-switch button{flex:1 1 120px}.body-photo-switch [aria-pressed=true]{background:var(--accent-wash);color:var(--text-primary);border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.body-photo-comparison figure{grid-area:1 / 1}.body-photo-comparison[data-show=earlier] [data-photo-layer=later],.body-photo-comparison[data-show=later] [data-photo-layer=earlier]{opacity:0;pointer-events:none}.body-photo-comparison .body-photo-frame{box-sizing:border-box;aspect-ratio:3 / 4;min-height:0;padding:0;overflow:hidden}.body-photo-comparison .body-photo-image{height:100%;min-height:0}.body-photo-comparison img{width:100%;height:100%;max-height:none;object-fit:contain}.body-photo-field{display:grid;gap:10px;min-width:0}.body-photo-field .pump-button{width:100%;box-sizing:border-box}.body-camera-options{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.body-camera-options>label{flex:1 1 140px;min-width:0}.body-camera-options select{width:100%}.body-camera-options .body-checkbox{flex:1 1 100%;margin:0}.body-camera-stage{position:relative;width:min(100%,360px,45dvh);aspect-ratio:3 / 4;margin:16px auto;overflow:hidden;border-radius:var(--radius-control);background:#111}.body-camera-stage :is(video,img,svg){position:absolute;inset:0;width:100%;height:100%;display:block}.body-camera-stage :is(video,img){object-fit:cover}.body-camera-stage svg{pointer-events:none;filter:drop-shadow(0 1px 2px #000)}.body-camera-person{stroke:#fff;stroke-width:2;stroke-dasharray:5 4}.body-camera-landmarks{stroke:#fff;stroke-width:2}#body-camera-countdown{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 2px 6px #000;font-size:4rem;font-weight:700}#body-photo-camera .body-dialog-footer{position:static;flex-wrap:wrap}#body-photo-camera .body-dialog-footer button{flex:1 1 auto}.body-overview-actions{display:flex;flex-wrap:wrap;gap:12px}.body-favourite-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.body-favourite-chart{min-width:0}.body-favourite-chart h3{margin:0 0 12px;font-size:var(--font-size-large)}.body-favourite-chart__latest{display:block;font-size:var(--font-size-xl)}.body-mini-chart{width:100%;min-width:0;margin:16px 0}.body-mini-chart p{min-height:160px;display:grid;place-content:center}.body-favourite-chart .pump-button{width:100%;box-sizing:border-box}@media (max-width:900px){.body-favourite-charts{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.body-overview-actions>button{flex:1 1 100%}}
