@font-face{font-family:Onest;src:url(/fonts/Onest-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/Onest-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/Onest-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/Onest-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/Onest-ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}:root{--bg:#f6f7fb;--surface:#fff;--text:#1c1d22;--secondary:#6b6f7b;--tertiary:#9095a3;--line:#e6e8f0;--border:#d3d6e2;--track:#e3e5ee;--dashed:#bcc1d3;--accent:#2a3be3;--protein:#3a4be0;--protein2:#8290f2;--protein-light:#a9b3f6;--protein-tint:#e4e7fd;--ring-protein:#3a4be0;--ring-fat:#8290f2;--ring-carbs:#c9cff8;--ring-carbs-edge:#a9b3f6;--ring-tile:#eef0fb;--ring-unknown:#e3e5ee;--warn:#c4512b;--warn-text:#a8431f;--warn-tint:#fbe9e2;--warn-deep:#6e2a12;--activity:#0e8f5e;--activity-text:#0b6b47;--activity-tint:#ddf4ea;--camera:#101112;--camera-plate:#2a2723;--toast-check:#9de0c2;--scrim:#17191b8c;--pad:28px;--pad-compact:24px;--touch:44px;--card-radius:18px;--sheet-radius:28px;--app-width:480px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Onest,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.3;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;margin:0;padding:0}button:disabled{cursor:default}input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tabular{font-variant-numeric:tabular-nums}.hp-app{height:100%;max-width:var(--app-width);background:var(--bg);margin:0 auto;position:relative;overflow:hidden}@media (width>=560px){body{background:#e9ebf2}.hp-app{box-shadow:0 0 0 1px var(--line), 0 12px 40px #1c1d2214}}.hp-shell{height:100%;display:flex}.hp-shell__sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:4px;width:240px;padding:28px 16px;display:flex}.hp-shell__logo{padding:0 12px;font-size:22px;font-weight:800}.hp-shell__badge{background:var(--protein-tint);color:var(--protein);letter-spacing:.7px;text-transform:uppercase;border-radius:999px;align-self:flex-start;margin:8px 12px 0;padding:4px 10px;font-size:12px;font-weight:700}.hp-shell__nav{flex-direction:column;gap:4px;margin-top:24px;display:flex}.hp-shell__item{min-height:var(--touch);color:var(--text);border-radius:999px;align-items:center;gap:12px;padding:0 16px;font-size:16px;font-weight:600;display:flex}.hp-shell__item:hover{background:var(--bg)}.hp-shell__item--active,.hp-shell__item--active:hover{background:var(--protein-tint);color:var(--protein)}.hp-shell__coach{background:var(--bg);border-radius:18px;align-items:center;gap:10px;margin-top:auto;padding:16px;display:flex}.hp-shell__coach-text{min-width:0;color:var(--secondary);flex-direction:column;font-size:14px;display:flex}.hp-shell__coach-text b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.hp-shell__content{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}@media (width>=1024px){.hp-shell__content .hp-sheet-backdrop,.hp-shell__content .hp-dialog-backdrop{justify-content:center;align-items:center}.hp-shell__content .hp-sheet{border-radius:var(--sheet-radius);width:min(560px,100% - 48px);max-height:min(86%,720px);box-shadow:0 16px 48px #1c1d223d}.hp-shell__content .hp-sheet--medium{min-height:0}.hp-shell__content .hp-sheet--large{height:min(86%,720px)}.hp-shell__content .hp-sheet__grabber{display:none}.hp-shell__content .hp-dialog{width:min(420px,100% - 48px)}.hp-app{max-width:none;box-shadow:none;margin:0}.hp-app .hp-field-label{font-size:14px}.hp-app :is([style*="font-size: 10px"],[style*="font-size: 11px"],[style*="font-size: 12px"],[style*="font-size: 13px"]):not([style*="text-transform: uppercase"]){font-size:14px!important}.hp-app .hp-chip,.hp-app input:not([type=checkbox]):not([type=radio]):not([type=file]){min-height:44px}.hp-app input:focus-visible,.hp-app textarea:focus-visible{outline-offset:2px;outline:2px solid var(--accent)!important}}.hp-settings-rows>:last-child>.hp-divider:last-child{display:none}.hp-onb-frame{background:var(--bg);max-width:560px;height:100%;box-shadow:0 0 0 1px var(--line);margin:0 auto;overflow:hidden}.hp-signin{background:var(--bg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;display:grid}.hp-signin__brand{background:var(--accent);color:#fff;flex-direction:column;justify-content:space-between;padding:64px 72px;display:flex}.hp-signin__logo{letter-spacing:-.03em;font-size:26px;font-weight:800}.hp-signin__tagline{letter-spacing:-.03em;max-width:520px;margin:0;font-size:42px;font-weight:800;line-height:1.15}.hp-signin__form{justify-content:center;align-items:center;padding:32px;display:flex;overflow-y:auto}.hp-signin__column{flex-direction:column;width:420px;max-width:100%;display:flex}.hp-screen{background:var(--bg);height:100%;color:var(--text);flex-direction:column;display:flex}.hp-screen__scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;overflow:hidden auto}.hp-screen__scroll::-webkit-scrollbar{display:none}.hp-screen__content{flex-direction:column;align-items:stretch;min-height:100%;padding-bottom:16px;display:flex}.hp-screen__bottom{background:var(--bg);padding-bottom:max(8px, env(safe-area-inset-bottom))}.hp-screen__bottom-inner{flex-direction:column;gap:4px;padding-top:12px;display:flex}.hp-press{transition:transform var(--motion-release) var(--motion-release-ease), opacity var(--motion-quick) ease-out}.hp-press:active:not(:disabled){transition-duration:var(--motion-quick);transition-timing-function:ease-out;transform:scale(.97)}.hp-press--row:active:not(:disabled){transform:scale(.985)}@media (prefers-reduced-motion:reduce){.hp-press,.hp-press:active:not(:disabled){transform:none}.hp-press:active:not(:disabled){opacity:.8}}.hp-btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;font-weight:700;display:flex}.hp-btn--primary{background:var(--accent);color:#fff}.hp-btn--primary:disabled{background:var(--border)}.hp-btn--secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:0 18px;font-size:16px}.hp-btn--apple{color:#fff;background:#000}.hp-text-btn{min-height:var(--touch);color:var(--secondary);align-items:center;font-size:15px;font-weight:600;display:inline-flex}.hp-chip{white-space:nowrap;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.hp-chip--selected{background:var(--accent);color:#fff;border-color:var(--accent)}.hp-back{height:var(--touch);color:var(--secondary);align-self:flex-start;align-items:center;gap:4px;font-size:15px;font-weight:600;display:inline-flex}.hp-icon-btn{width:var(--touch);height:var(--touch);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hp-switch{width:56px;height:var(--touch);flex-shrink:0;justify-content:flex-end;align-items:center;display:inline-flex}.hp-switch__track{background:var(--border);width:52px;height:32px;transition:background var(--motion-quick) ease-out;border-radius:16px;position:relative}.hp-switch__track--on{background:var(--protein)}.hp-switch__knob{width:26px;height:26px;transition:transform var(--motion-quick) ease-out;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000001f}.hp-switch__track--on .hp-switch__knob{transform:translate(20px)}.hp-divider{background:var(--line);flex-shrink:0;height:1px}.hp-kicker{letter-spacing:.7px;text-transform:uppercase;color:var(--secondary);font-size:12px;font-weight:700}.hp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);padding:14px}.hp-field-label{color:var(--secondary);font-size:13px;font-weight:500}.hp-text-field{background:var(--surface);border:1px solid var(--border);border-radius:14px;outline:none;width:100%;height:52px;padding:0 14px;font-size:16px}.hp-text-field:focus{border-color:var(--accent)}.hp-underline-input{border:0;border-bottom:2px solid var(--accent);background:0 0;border-radius:0;outline:none;width:100%;padding:0}.hp-underline-input::placeholder,.hp-text-field::placeholder{color:var(--tertiary);opacity:1}.hp-sheet-backdrop{background:var(--scrim);z-index:40;animation:hp-fade var(--motion-standard) ease-out;align-items:flex-end;display:flex;position:absolute;inset:0}.hp-sheet{background:var(--bg);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;width:100%;max-height:92%;animation:hp-slide-up var(--motion-standard) ease-out;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;overflow:hidden}.hp-sheet--medium{min-height:52%}.hp-sheet--large{height:92%}.hp-sheet__grabber{background:var(--border);border-radius:3px;flex-shrink:0;width:36px;height:5px;margin:8px auto 0}.hp-sheet__body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.hp-photo-viewer{z-index:200;overscroll-behavior:contain;animation:hp-fade var(--motion-standard) ease-out;position:fixed;inset:0;overflow:hidden}.hp-photo-viewer__backdrop{background:#000;position:absolute;inset:0}.hp-photo-viewer__stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.hp-photo-viewer__layer{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.hp-photo-viewer__img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.hp-photo-viewer--animates.hp-photo-viewer__layer{transition:transform var(--motion-standard) cubic-bezier(.2, .8, .2, 1)}.hp-photo-viewer--animates.hp-photo-viewer__backdrop{transition:opacity var(--motion-standard) cubic-bezier(.2, .8, .2, 1)}.hp-photo-viewer__chrome{pointer-events:none;transition:opacity var(--motion-quick) ease-out;position:absolute;inset:0}.hp-photo-viewer__close{top:calc(8px + env(safe-area-inset-top));color:#fff;pointer-events:auto;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;right:16px}.hp-photo-viewer__close:focus-visible{outline-offset:2px;outline:2px solid #fff}.hp-photo-viewer__caption{left:24px;right:24px;bottom:calc(12px + env(safe-area-inset-bottom));text-align:center;color:#fff;font-size:15px;font-weight:600;position:absolute}@media (prefers-reduced-motion:reduce){.hp-photo-viewer{animation:none}.hp-photo-viewer--animates.hp-photo-viewer__layer,.hp-photo-viewer--animates.hp-photo-viewer__backdrop{transition:none}}.hp-dialog-backdrop{background:var(--scrim);z-index:50;animation:hp-fade var(--motion-quick) ease-out;align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0}.hp-dialog{width:100%;animation:hp-slide-up var(--motion-standard) ease-out;flex-direction:column;gap:8px;display:flex}.hp-dialog__group{background:var(--surface);border-radius:16px;overflow:hidden}.hp-dialog__header{text-align:center;padding:14px 16px}.hp-dialog__title{color:var(--secondary);font-size:13px;font-weight:700}.hp-dialog__message{color:var(--secondary);margin-top:4px;font-size:13px}.hp-dialog__button{text-align:center;border-top:1px solid var(--line);width:100%;height:56px;color:var(--accent);font-size:17px;font-weight:500}.hp-dialog__button--destructive{color:#d93025}.hp-dialog__button--cancel{border-top:0;font-weight:700}.hp-toast{top:max(8px, env(safe-area-inset-top));z-index:60;background:var(--accent);color:#fff;animation:hp-toast-in var(--motion-standard) ease-out;cursor:pointer;border-radius:16px;align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:600;display:flex;position:absolute;left:20px;right:20px;box-shadow:0 4px 12px #0000001f}.hp-toast__undo{color:#fff;min-height:44px;margin:-10px -4px -10px 0;padding:0 6px;font-weight:700;text-decoration:underline}.hp-toast__undo:focus-visible{outline-offset:0;border-radius:6px;outline:2px solid #fff}@media (width>=1024px){.hp-toast{max-width:440px;animation-name:hp-toast-in-up;inset:auto auto 24px 264px}}@keyframes hp-toast-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hp-debug-handle{z-index:30;color:#fff;background:#1c1d2259;border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:20px;height:44px;font-size:11px;font-weight:800;display:flex;position:absolute;top:calc(50% + 120px);right:0}.hp-debug-handle span{display:block;transform:rotate(-90deg)}@keyframes hp-fade{0%{opacity:0}to{opacity:1}}@keyframes hp-slide-up{0%{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes hp-toast-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes hp-fade-out{0%{opacity:1}to{opacity:0}}.hp-day-fade{animation:hp-fade var(--motion-standard) ease}.hp-day-fade-out{animation:hp-fade-out var(--motion-standard) ease forwards}.hp-day-ease{transition:opacity var(--motion-standard) ease, color var(--motion-standard) ease, transform var(--motion-standard) ease, width var(--motion-standard) ease}@media (prefers-reduced-motion:reduce){.hp-day-fade,.hp-day-fade-out{animation:none}.hp-day-ease{transition:none}}:root{--motion-quick:.15s;--motion-standard:.25s;--motion-standard-ease:cubic-bezier(.2, 0, 0, 1);--motion-arrive:.6s;--motion-arrive-ease:cubic-bezier(.22, 1.12, .36, 1);--motion-celebrate:.7s;--motion-skeleton-pulse:.9s;--motion-wave:1.2s;--motion-release:.35s;--motion-release-ease:cubic-bezier(.34, 1.56, .64, 1);--motion-ease-out:cubic-bezier(0, 0, .2, 1);--motion-ring-draw:.6s;--motion-chart-draw:.8s;--motion-breathe:2.4s;--motion-cascade-step:40ms;--motion-shine:.9s;--motion-zoom:.38s;--motion-analysing-turn:1.6s;--motion-analysing-scan:1.2s;--motion-spin:.8s}.hp-row-arrive{transform-origin:top;animation:hp-row-arrive var(--motion-arrive) var(--motion-arrive-ease) both}@keyframes hp-row-arrive{0%{opacity:0;transform:translateY(-6px)scale(.96)}}.hp-check-in{animation:hp-check-in var(--motion-standard) var(--motion-arrive-ease) both}@keyframes hp-check-in{0%{opacity:0;transform:scale(.4)}}.hp-check-bounce{animation:hp-check-bounce var(--motion-celebrate) ease-out both}@keyframes hp-check-bounce{0%{transform:scale(1)}25%{transform:scale(1.35)}55%{transform:scale(.92)}80%{transform:scale(1.06)}to{transform:scale(1)}}.hp-bar-shine{pointer-events:none;opacity:0;width:35%;animation:hp-bar-shine var(--motion-shine) var(--motion-standard-ease);background:linear-gradient(90deg,#fff0,#ffffffd9,#fff0);position:absolute;top:0;bottom:0;left:0}@keyframes hp-bar-shine{0%{opacity:1;transform:translate(-100%)}to{opacity:1;transform:translate(286%)}}@media (prefers-reduced-motion:reduce){.hp-row-arrive,.hp-check-in,.hp-check-bounce{animation:hp-fade var(--motion-standard) ease-out both}.hp-bar-shine{display:none}}.hp-cascade{animation:hp-cascade var(--motion-arrive) var(--motion-arrive-ease) both;animation-delay:calc(var(--cascade-index,0) * var(--motion-cascade-step))}@keyframes hp-cascade{0%{opacity:0;transform:translateY(10px)}}.hp-fade-in{animation:hp-fade var(--motion-standard) ease-out both}.hp-roll--up{animation:hp-roll-up var(--motion-standard) var(--motion-standard-ease) both}.hp-roll--down{animation:hp-roll-down var(--motion-standard) var(--motion-standard-ease) both}@keyframes hp-roll-up{0%{opacity:0;transform:translateY(60%)}}@keyframes hp-roll-down{0%{opacity:0;transform:translateY(-60%)}}@media (prefers-reduced-motion:reduce){.hp-cascade{animation:hp-fade var(--motion-standard) ease-out both;animation-delay:0s}.hp-roll--up,.hp-roll--down{animation:hp-fade var(--motion-standard) ease-out both}}.hp-analysing{z-index:10;color:#fff;animation:hp-fade var(--motion-standard) ease-out;background:#101112d1;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:0}.hp-analysing__circle{width:222px;height:222px;animation:hp-analysing-settle var(--motion-arrive) var(--motion-arrive-ease) both;justify-content:center;align-items:center;display:flex;position:relative}.hp-analysing__circle:before{content:"";border:6px solid #ffffff24;border-radius:50%;position:absolute;inset:0}.hp-analysing__ring{background:conic-gradient(#c9cff800 0deg, var(--ring-carbs) 70deg, var(--ring-fat) 150deg, var(--ring-protein) 223deg, transparent 224deg);animation:hp-spin var(--motion-analysing-turn) linear infinite;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 6px))}.hp-analysing__photo{background:var(--camera-plate);border-radius:50%;justify-content:center;align-items:center;width:196px;height:196px;display:flex;position:relative;overflow:hidden}.hp-analysing__photo img{object-fit:cover;width:100%;height:100%;display:block}.hp-analysing__scan{height:28%;animation:hp-scan var(--motion-analysing-scan) ease-in-out infinite alternate;background:linear-gradient(#fff0,#ffffff59,#fff0);position:absolute;top:-14%;left:0;right:0}.hp-analysing__caption{height:24px;animation:hp-caption-in var(--motion-standard) var(--motion-standard-ease) both;font-size:16px;font-weight:600;line-height:24px}.hp-analysing--inline{z-index:auto;color:var(--text);background:0 0;gap:20px;animation:none;position:static;inset:auto}.hp-analysing--inline .hp-analysing__circle:before{border-color:var(--track)}.hp-analysing__skip{width:fit-content;left:20px;right:20px;bottom:max(48px, env(safe-area-inset-bottom));color:#fff;white-space:nowrap;min-height:44px;animation:hp-skip-in var(--motion-standard) var(--motion-standard-ease) both;background:#ffffff29;border-radius:999px;margin:0 auto;padding:0 20px;font-size:16px;font-weight:600;position:absolute}.hp-analysing--inline .hp-analysing__skip{background:var(--protein-tint);color:var(--protein);animation-name:hp-fade;position:static}@keyframes hp-skip-in{0%{opacity:0;transform:translateY(16px)}}@keyframes hp-analysing-settle{0%{opacity:0;transform:scale(1.35)}}@keyframes hp-scan{0%{top:-14%}to{top:86%}}@keyframes hp-caption-in{0%{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.hp-analysing__circle{animation:hp-fade var(--motion-standard) ease-out both}.hp-analysing__ring{animation:none}.hp-analysing__scan{display:none}.hp-analysing__caption,.hp-analysing__skip{animation:hp-fade var(--motion-standard) ease-out both}}.hp-screen-wrap{height:100%}.hp-screen-wrap--push{animation:hp-screen-push var(--motion-standard) var(--motion-standard-ease) both}.hp-screen-wrap--pop{animation:hp-screen-pop var(--motion-standard) var(--motion-standard-ease) both}@keyframes hp-screen-push{0%{opacity:0;transform:translate(32px)}}@keyframes hp-screen-pop{0%{opacity:0;transform:translate(-24px)}}.hp-ring-draw{stroke-dasharray:1 1;animation:hp-ring-draw var(--motion-ring-draw) var(--motion-ease-out) both}@keyframes hp-ring-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.hp-step{transition:width var(--motion-release) var(--motion-release-ease), background-color var(--motion-standard) ease-out}.hp-slide-down{animation:hp-slide-down var(--motion-standard) var(--motion-standard-ease) both}@keyframes hp-slide-down{0%{opacity:0;transform:translateY(-12px)}}.hp-dot-pop{animation:hp-dot-pop var(--motion-celebrate) ease-out both}@keyframes hp-dot-pop{0%{transform:scale(1)}28%{transform:scale(1.7)}60%{transform:scale(.9)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hp-screen-wrap--push,.hp-screen-wrap--pop,.hp-slide-down{animation:hp-fade var(--motion-standard) ease-out both}.hp-ring-draw{stroke-dasharray:none;animation:none}.hp-step{transition:none}.hp-dot-pop{animation:none}}.hp-breathe{animation:hp-breathe var(--motion-breathe) ease-in-out infinite alternate}@keyframes hp-breathe{0%{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.hp-breathe{animation:none}}.hp-chart-draw{stroke-dasharray:1 1;animation:hp-ring-draw var(--motion-chart-draw) var(--motion-ease-out) both}.hp-chart-dot{animation:hp-chart-dot var(--motion-release) var(--motion-release-ease) var(--motion-chart-draw) both}@keyframes hp-chart-dot{0%{transform:scale(0)}}@media (prefers-reduced-motion:reduce){.hp-chart-draw{stroke-dasharray:none;animation:none}.hp-chart-dot{animation:none}}.hp-water-capsule{background:var(--track);border-radius:14px;flex-shrink:0;width:28px;height:64px;position:relative;overflow:hidden}.hp-water-capsule__water{transition:transform var(--motion-arrive) var(--motion-arrive-ease);position:absolute;inset:0}.hp-water-capsule__body{position:absolute;inset:0}.hp-water-capsule__wave{transform-origin:50%;width:200%;height:8px;position:absolute;top:-4px;left:0;transform:scaleY(0)}.hp-water-capsule__wave--on{animation:hp-water-wave var(--motion-wave) cubic-bezier(0, 0, .2, 1) both}@keyframes hp-water-wave{0%{transform:translate(0)scaleY(1)}to{transform:translate(-50%)scaleY(0)}}@media (prefers-reduced-motion:reduce){.hp-water-capsule__water{transition:none}.hp-water-capsule__wave--on{animation:none}}.hp-page-drag{transition:transform var(--motion-standard) var(--motion-standard-ease)}.hp-page-drag--live{transition:none}.hp-page-turn--older{animation:hp-page-from-left var(--motion-standard) var(--motion-standard-ease) both}.hp-page-turn--newer{animation:hp-page-from-right var(--motion-standard) var(--motion-standard-ease) both}.hp-page-title{display:inline-block}.hp-page-title--older{animation:hp-title-from-left var(--motion-standard) var(--motion-standard-ease) both}.hp-page-title--newer{animation:hp-title-from-right var(--motion-standard) var(--motion-standard-ease) both}@keyframes hp-page-from-left{0%{opacity:0;transform:translate(-30%)}}@keyframes hp-page-from-right{0%{opacity:0;transform:translate(30%)}}@keyframes hp-title-from-left{0%{opacity:0;transform:translate(-60px)}}@keyframes hp-title-from-right{0%{opacity:0;transform:translate(60px)}}@media (prefers-reduced-motion:reduce){.hp-page-drag{transition:none;transform:none!important}.hp-page-turn--older,.hp-page-turn--newer,.hp-page-title--older,.hp-page-title--newer{animation:hp-fade var(--motion-standard) ease-out both}}.hp-zoom-source{view-transition-name:hp-zoom}.hp-zoom-screen{view-transition-name:hp-zoom;height:100%}::view-transition-group(hp-zoom){animation-duration:var(--motion-zoom);animation-timing-function:var(--motion-standard-ease)}::view-transition-old(hp-zoom){animation-duration:var(--motion-quick)}::view-transition-old(root){animation-duration:var(--motion-standard)}::view-transition-new(root){animation-duration:var(--motion-standard)}.hp-dropzone{transition:background var(--motion-quick) ease-out, border-color var(--motion-quick) ease-out}@keyframes hp-skeleton{0%{opacity:1}to{opacity:.5}}.hp-skeleton{animation:hp-skeleton var(--motion-skeleton-pulse) ease-in-out infinite alternate}@media (prefers-reduced-motion:reduce){.hp-skeleton{animation:none}}@keyframes hp-spin{to{transform:rotate(360deg)}}.hp-spinner{width:28px;height:28px;animation:hp-spin var(--motion-spin) linear infinite;opacity:.8;border:3px solid;border-right-color:#0000;border-radius:50%}.hp-restore-row{animation:hp-fade var(--motion-standard) ease}.hp-restore-spinner{width:12px;height:12px;animation:hp-spin var(--motion-spin) linear infinite;opacity:.7;border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0}@media (prefers-reduced-motion:reduce){.hp-restore-row{animation:none}.hp-restore-spinner{opacity:.35;border-right-color:currentColor;animation:none}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hp-quick-field{border:1.5px solid var(--border);background:var(--surface);min-height:60px;transition:border-color var(--motion-quick), box-shadow var(--motion-quick);border-radius:999px;padding:0 8px 0 20px}.hp-quick-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2a3be32e}.hp-quick-field input:focus-visible{outline:none!important}.hp-quick-send{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.hp-quick-send:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hp-quick-dropdown{z-index:30;background:var(--surface);border:1px solid var(--line);animation:hp-fade var(--motion-quick) ease-out;border-radius:18px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 14px 36px #1c1d2224}.hp-quick-option{cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:8px 16px;display:flex}.hp-quick-option--active,.hp-quick-option:hover{background:var(--bg)}.hp-quick-tile{background:var(--ring-tile);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.hp-quick-tile--ai{border:1.5px dashed var(--dashed);color:var(--protein);background:0 0}.hp-quick-chip{background:var(--protein-tint);color:var(--protein);border-radius:999px;align-items:center;gap:6px;max-width:100%;min-height:36px;padding:4px 4px 4px 14px;font-size:14px;font-weight:600;display:inline-flex}.hp-quick-chip button:not(.hp-quick-chip__text){border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.hp-quick-chip button:not(.hp-quick-chip__text):hover{background:#3a4be024}.hp-quick-tab{min-height:36px;color:var(--secondary);border-bottom:2px solid #0000;font-size:15px;font-weight:700}.hp-quick-tab[aria-pressed=true]{color:var(--text);border-bottom-color:var(--text)}.hp-quick-star{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:-6px -8px -6px 0;display:inline-flex}.hp-quick-star:hover{background:var(--track)}@media (width<=1023px){.hp-quick-hint{display:none}}.hp-quick-full{z-index:60;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.hp-quick-full__bar{order:0;align-items:center;gap:12px;min-height:56px;padding:8px 16px;display:flex}.hp-quick-full__bar button{background:var(--track);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.hp-quick-full .hp-quick-dropdown{overscroll-behavior:contain;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;order:1;animation:none;position:static;overflow-y:auto}.hp-quick-full__log{order:2;padding:0 16px 8px}.hp-quick-full__field{order:3;padding:0 16px 12px}.hp-quickcards{position:relative;container-type:inline-size}.hp-quickcards__grid{grid-template-columns:1fr;gap:12px;display:grid}@container (width>=420px){.hp-quickcards__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}}.hp-quick-btn{min-height:36px;color:var(--text);background:var(--protein-tint);white-space:nowrap;border-radius:999px;padding:0 14px;font-size:14px;font-weight:700}.hp-quick-btn--plain{background:var(--surface);border:1px solid var(--border);font-weight:600}.hp-quick-btn--plain[aria-pressed=true]{background:var(--protein-tint);border-color:var(--accent);color:var(--protein)}.hp-quick-btn--accent{border:1px solid var(--border);color:var(--protein);background:0 0;font-size:13px}.hp-quick-btn:hover,.hp-quick-suggest:hover{filter:brightness(.96)}.hp-quick-number,.hp-quick-weight{color:var(--text);background:0 0;border:0;font-family:inherit}.hp-quick-number{border:1.5px solid var(--border);border-radius:12px;width:96px;height:40px;padding:0 12px;font-size:16px;font-weight:600}.hp-quick-number:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2a3be32e}.hp-quick-weight{letter-spacing:-.04em;flex:none;width:150px;min-width:0;padding:0;font-size:44px;font-weight:800;line-height:1.1}.hp-weight-pop input.hp-quick-weight:focus-visible,.hp-weight-pop input.hp-quick-weight:focus{box-shadow:none;outline:none!important}.hp-quick-suggest{border:1px solid var(--border);background:var(--surface);min-height:52px;color:var(--text);border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;display:flex}.hp-quick-suggest[aria-pressed=true]{background:var(--protein-tint);border-color:var(--accent);color:var(--protein)}.hp-quick-close{width:36px;height:36px;color:var(--secondary);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hp-quick-close:hover{background:var(--track)}.hp-weight-pop{z-index:30;background:var(--surface);border:1px solid var(--line);animation:hp-fade var(--motion-quick) ease-out;border-radius:18px;padding:18px 20px;position:absolute;top:0;left:0;right:0;box-shadow:0 14px 36px #1c1d2224}@media (width>=1024px){.hp-weight-pop{width:min(400px,100%);left:auto}}.hp-quick-btn:focus-visible,.hp-quick-suggest:focus-visible,.hp-quick-close:focus-visible,.hp-quick-chip button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hp-sidepanel-backdrop{background:var(--scrim);z-index:40;animation:hp-fade var(--motion-standard) ease-out;justify-content:flex-end;display:flex;position:absolute;inset:0}.hp-sidepanel{background:var(--bg);width:min(440px,100%);height:100%;animation:hp-slide-left var(--motion-standard) ease-out;flex-direction:column;display:flex;overflow:hidden;box-shadow:-12px 0 40px #1c1d222e}@keyframes hp-slide-left{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hp-sidepanel{animation:none}}.hp-coachline{background:var(--ring-tile);text-align:left;width:100%;min-height:44px;color:var(--text);border-radius:22px;align-items:center;gap:10px;padding:8px 14px;display:flex}.hp-coachline--open{border-radius:22px;padding:12px 14px;display:block}.hp-coachline--card{align-items:flex-start;padding:10px 14px}.hp-coachline__about{color:var(--secondary);text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;align-items:center;min-width:0;min-height:32px;padding:0 4px;font-size:13px;display:inline-flex;overflow:hidden}.hp-coachline__about:hover{text-decoration:underline}.hp-coachline__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.hp-coachline__icon:hover{background:#3a4be01a}.hp-coachline__chip{background:var(--surface);white-space:nowrap;border:1px solid var(--line);border-radius:999px;min-height:40px;padding:0 14px;font-size:15px;font-weight:600}.hp-coachline__link{min-height:40px;color:var(--secondary);padding:0 8px;font-size:15px;font-weight:600}.hp-coachline__link--accent{color:var(--protein);font-weight:700}.hp-coachline__link:disabled{opacity:.4}.hp-coachline__link:hover:not(:disabled){text-decoration:underline}.hp-coachline:focus-visible,.hp-coachline__icon:focus-visible,.hp-coachline__chip:focus-visible,.hp-coachline__link:focus-visible,.hp-coachline__about:focus-visible,.hp-comment-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hp-comment-row{border-top:1px solid var(--line);align-items:flex-start;gap:12px;width:100%;min-height:44px;padding:16px 0;display:flex}.hp-portion{z-index:90;animation:hp-fade var(--motion-quick) ease-out;background:#0000004d;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hp-portion__card{box-sizing:border-box;width:100%;max-width:520px;padding:24px 24px calc(16px + env(safe-area-inset-bottom));background:var(--surface);border-radius:28px 28px 0 0;outline:none;flex-direction:column;gap:20px;display:flex}@media (width>=1024px){.hp-portion{align-items:center}.hp-portion__card{border-radius:24px;padding-bottom:20px;box-shadow:0 14px 36px #1c1d2224}}.hp-portion__close,.hp-portion__step{background:var(--track);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.hp-portion__step{width:56px;height:56px}.hp-portion__step:disabled{opacity:.4}.hp-portion__factor{background:var(--track);text-align:center;border-radius:999px;flex:1;justify-content:center;align-items:center;height:48px;padding:0;font-size:16px;font-weight:600;display:inline-flex}.hp-day-modes{flex-wrap:wrap;gap:6px;display:flex}.hp-day-modes button{border:1px solid var(--border);background:var(--surface);height:44px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:15px;font-weight:600;display:inline-flex}.hp-day-modes button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.hp-portion__factor[aria-pressed=true]{background:var(--accent);color:#fff}.hp-quick-pill{background:var(--track);height:22px;color:var(--secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.hp-quick-option--chosen{background:var(--ring-tile)}.hp-quick-tile--chosen{background:var(--accent);color:#fff}.hp-quick-chip__text{color:inherit;font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.hp-quick-draft{background:var(--ring-tile);border-radius:18px;align-items:center;margin-bottom:12px;display:flex}.hp-quick-draft__main{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;min-height:56px;padding-left:16px;display:flex}.hp-quick-draft__x{width:44px;height:44px;color:var(--tertiary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hp-swap-name{text-align:left;border-radius:10px;min-height:44px}.hp-swap-name__text{-webkit-text-decoration:underline dotted var(--dashed);text-decoration:underline dotted var(--dashed);text-underline-offset:4px}.hp-swap-name:hover .hp-swap-name__text{-webkit-text-decoration-color:var(--secondary);text-decoration-color:var(--secondary)}.hp-swap-icon{width:36px;height:36px;color:var(--secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hp-swap-icon:hover:not(:disabled),.hp-swap-icon[aria-expanded=true]{background:var(--ring-tile);color:var(--text)}.hp-swap-icon--remove{color:var(--tertiary)}.hp-swap-icon--remove:hover:not(:disabled){background:var(--warn-tint);color:var(--warn-text)}.hp-swap-reveal{opacity:0;transition:opacity var(--motion-quick) ease-out}.hp-swap-row:hover .hp-swap-reveal,.hp-swap-row:focus-within .hp-swap-reveal,.hp-swap-reveal[aria-expanded=true]{opacity:1}@media (hover:none){.hp-swap-reveal{opacity:1}}.hp-swap-link{height:36px;color:var(--protein);white-space:nowrap;border-radius:8px;padding:0 6px;font-size:14px;font-weight:700}.hp-swap-link:hover{text-decoration:underline}.hp-swap-grams{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:2px;width:72px;height:36px;display:inline-flex}.hp-swap-grams:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #2a3be340}.hp-swap-grams input{text-align:right;width:38px;color:var(--text);font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:16px;font-weight:800;outline:none!important}.hp-swap-option{align-items:center;padding-right:8px;display:flex}.hp-swap-option--active{background:#f1f3fe}.hp-swap-option:hover:not(.hp-swap-option--active){background:var(--bg)}.hp-swap-option__main{text-align:left;min-width:0;color:var(--text);cursor:pointer;flex:1;align-items:center;gap:12px;display:flex}.hp-swap-star{color:#b9bdcb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.hp-swap-star:hover{background:var(--ring-tile)}.hp-swap-star[aria-pressed=true]{color:#d99a00}.hp-swap-menuitem{text-align:left;width:100%;color:var(--text);align-items:center;gap:10px;display:flex}.hp-swap-menuitem:hover,.hp-swap-menuitem:focus{background:#f1f3fe;outline:none}.hp-swap-menuitem:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hp-swap-menuitem--danger{color:var(--warn-text)}.hp-swap-key{text-align:center;height:52px;color:var(--text);background:#f0f1f5;border-radius:14px;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:flex}.hp-swap-key:active{background:var(--track)}.hp-swap-listbox input:focus-visible{outline:none!important}.hp-swap-touch{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}.hp-swap-touch input{-webkit-user-select:text;user-select:text}.hp-collapse{opacity:0;transition:grid-template-rows var(--motion-standard) ease, opacity var(--motion-standard) ease, margin-top var(--motion-standard) ease;grid-template-rows:0fr;display:grid}.hp-collapse[data-open=true]{opacity:1;grid-template-rows:1fr}.hp-collapse__inner{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.hp-collapse{transition:none}}.hp-quick-scrim{display:none}@media (width>=1024px){.hp-quick-scrim{z-index:59;animation:hp-fade var(--motion-quick) ease-out;background:#0000004d;display:block;position:fixed;inset:0}.hp-quick-full--day{border-radius:24px;left:calc(50% - 300px);right:calc(50% - 300px);overflow:hidden;box-shadow:0 14px 36px #1c1d2224;height:90vh!important;top:5vh!important;bottom:auto!important}}.hp-quick-gallery{background:var(--ring-tile);width:44px;height:44px;color:var(--protein);border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:inline-flex}.hp-quick-gallery:focus-visible{outline:2px solid var(--accent);outline-offset:2px}