:root{--bg:#151413;--code-bg:#211f1d;--card-bg:#211f1d;--text:#ece8e1;--text-h:#ece8e1;--text-sub:#b3ada3;--text-weak:#8f897f;--border:#2c2a27;--control-border:#6f6b65;--accent:#ece8e1;--accent-bg:#ece8e11a;--accent-border:#ece8e180;--social-bg:#2c2a2780;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--status-info:var(--text);--status-success:oklch(78% .12 190);--status-error:oklch(68% .18 25);--macro-protein:oklch(74% .12 250);--macro-fat:oklch(74% .12 70);--macro-carb:oklch(74% .12 150);--toast-bg:#26231f;--toast-shadow:#0000008c 0 24px 48px -16px, #0000004d 0 2px 8px -2px;--toast-highlight:inset 0 1px 0 #ece8e112;--ui-button-bg:#ece8e1;--ui-button-fg:#151413;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--brand-mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#social .button-icon{filter:invert()brightness(2)}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.page-layout{text-align:left;justify-content:var(--centered,flex-start);flex-direction:column;min-height:100svh;padding:0 32px 98px;display:flex}.brand-ring{width:var(--ring-size,20px);height:var(--ring-size,20px);--ring-width:calc(var(--ring-size,20px) * .15);background:conic-gradient(var(--ring-stops));-webkit-mask:radial-gradient(closest-side, #0000 calc(100% - var(--ring-width)), #000 calc(100% - var(--ring-width)));-webkit-mask:radial-gradient(closest-side, #0000 calc(100% - var(--ring-width)), #000 calc(100% - var(--ring-width)));mask:radial-gradient(closest-side, #0000 calc(100% - var(--ring-width)), #000 calc(100% - var(--ring-width)));border-radius:50%;display:inline-block}.ui-button{--_bg:var(--ui-button-bg,var(--accent,#6b6375));--_fg:var(--ui-button-fg,#fff);--_height:var(--ui-button-height,56px);--_radius:var(--ui-button-radius,14px);box-sizing:border-box;width:100%;height:var(--_height);border-radius:var(--_radius);background:var(--_bg);color:var(--_fg);font:inherit;cursor:pointer;border:none;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:600;transition:background .12s,transform .12s;display:flex}.ui-button:hover{background:color-mix(in oklab, var(--_bg) 88%, black)}.ui-button:active{transform:scale(.99)}.ui-button:focus-visible{outline:2px solid var(--_bg);outline-offset:2px}.ui-button:disabled{background:var(--_bg);opacity:.6;cursor:default;transform:none}.ui-button[data-variant=subtle]{--_bg:var(--ui-button-subtle-bg,transparent);--_fg:var(--ui-button-subtle-fg,var(--text,#6b6375));border:1px solid var(--ui-button-border,var(--control-border,#6f6b65))}.section-dots{align-items:center;gap:10px;display:flex}.section-dots__dot{width:var(--dot-size);height:var(--dot-size);background:var(--dot-color);animation:1.2s ease-in-out infinite section-dots-wave;animation-delay:calc(var(--dot-index,0) * .15s);border-radius:3px}@keyframes section-dots-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.section-dots__dot{animation:none}}.title{letter-spacing:"-0.01rem";font-family:IBM Plex Mono,monospace;font-weight:500;font-size:var(--title-size,30px);color:var(--text-h);margin:0}.upper-toast{--_offset:var(--upper-toast-offset,24px);--_duration:var(--upper-toast-duration,4s);--_bg:var(--toast-bg,var(--code-bg));--_status:var(--status-info,var(--text));--_radius:var(--upper-toast-radius,12px);--_enter:.34s;--_leave:.2s;top:var(--_offset);z-index:100;box-sizing:border-box;border:1px solid color-mix(in oklab, var(--text) 9%, transparent);border-radius:var(--_radius);background:var(--_bg);width:fit-content;max-width:min(520px,100%);color:var(--text);box-shadow:var(--toast-shadow), var(--toast-highlight);text-align:left;animation:upper-toast-in var(--_enter) cubic-bezier(.16, 1, .3, 1) both;align-items:flex-start;gap:20px;margin-inline:auto;padding:13px 16px 14px;display:flex;position:fixed;inset-inline:16px;overflow:hidden}.upper-toast[data-variant=success]{--_status:var(--status-success)}.upper-toast[data-variant=error]{--_status:var(--status-error)}.upper-toast[data-open=false]{animation:upper-toast-out var(--_leave) cubic-bezier(.4, 0, 1, 1) both}.upper-toast__body{flex-direction:column;gap:5px;min-width:0;display:flex}.upper-toast__label{font-family:var(--brand-mono);letter-spacing:.16em;color:var(--_status);align-items:center;gap:8px;font-size:10.5px;font-weight:500;line-height:1;display:inline-flex}.upper-toast__dot{background:var(--_status);border-radius:2px;width:6px;height:6px}.upper-toast__message{letter-spacing:.1px;font-size:15.5px;line-height:150%}.upper-toast__close{width:26px;height:26px;color:var(--text);font-family:var(--brand-mono);opacity:.35;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:none;justify-content:center;align-items:center;margin:-4px -6px -4px 0;font-size:15px;line-height:1;transition:opacity .14s,background .14s;display:inline-flex}.upper-toast__close:hover{opacity:1;background:color-mix(in oklab, var(--text) 8%, transparent)}.upper-toast__close:focus-visible{opacity:1;outline:1px solid var(--control-border);outline-offset:2px}.upper-toast__progress{inset-inline:0;background:var(--_status);opacity:.45;transform-origin:0;height:1px;animation:upper-toast-progress var(--_duration) linear both;position:absolute;bottom:0}@keyframes upper-toast-in{0%{opacity:0;filter:blur(6px);transform:translateY(-14px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes upper-toast-out{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(4px);transform:translateY(-10px)}}@keyframes upper-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.upper-toast{animation-name:upper-toast-fade-in}.upper-toast[data-open=false]{animation-name:upper-toast-fade-out}}@keyframes upper-toast-fade-in{0%{opacity:0}to{opacity:1}}@keyframes upper-toast-fade-out{0%{opacity:1}to{opacity:0}}.illustration{width:100%;max-width:var(--illustration-max-width,420px);align-self:center;height:auto}.center-toast{--_shift:var(--center-toast-offset,0px);--_rise:var(--center-toast-rise,56px);--_duration:var(--center-toast-duration,2.6s);--_bg:var(--toast-bg,var(--code-bg));--_status:var(--status-info,var(--text));--_radius:var(--center-toast-radius,16px);--_enter:.38s;--_leave:.46s;z-index:100;box-sizing:border-box;text-align:center;border:1px solid color-mix(in oklab, var(--text) 9%, transparent);border-radius:var(--_radius);background:var(--_bg);width:fit-content;min-width:min(300px,100% - 32px);max-width:min(460px,100% - 32px);height:fit-content;color:var(--text);box-shadow:var(--toast-shadow), var(--toast-highlight);translate:0 var(--_shift);animation:center-toast-in var(--_enter) cubic-bezier(.16, 1, .3, 1) both;flex-direction:column;align-items:center;gap:16px;margin:auto;padding:40px 48px 44px;display:flex;position:fixed;inset:0}.center-toast[data-timed=true]{animation:center-toast-in var(--_enter) cubic-bezier(.16, 1, .3, 1) both, center-toast-rise var(--_duration) linear both}.center-toast[data-open=false]{animation:center-toast-out var(--_leave) ease-out both}.center-toast[data-timed=true][data-open=false]{animation:center-toast-out var(--_leave) ease-out both, center-toast-rise var(--_duration) linear both}.center-toast[data-variant=success]{--_status:var(--status-success)}.center-toast[data-variant=error]{--_status:var(--status-error)}.center-toast__label{font-family:var(--brand-mono);letter-spacing:.24em;color:var(--_status);align-items:center;gap:9px;margin-right:-.24em;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.center-toast__dot{background:var(--_status);border-radius:2px;width:7px;height:7px}.center-toast__message{letter-spacing:-.4px;font-size:25px;line-height:138%}@media (width<=1024px){.center-toast__message{font-size:21px}}@keyframes center-toast-in{0%{opacity:0;filter:blur(10px);scale:.97}to{opacity:1;filter:blur();scale:1}}@keyframes center-toast-out{0%{opacity:1;filter:blur();scale:1}to{opacity:0;filter:blur(8px);scale:1.01}}@keyframes center-toast-rise{0%{translate:0 var(--_shift)}to{translate:0 calc(var(--_shift) - var(--_rise))}}@media (prefers-reduced-motion:reduce){.center-toast,.center-toast[data-timed=true]{animation:center-toast-fade-in var(--_enter) ease-out both}.center-toast[data-open=false],.center-toast[data-timed=true][data-open=false]{animation:center-toast-fade-out var(--_leave) ease-in both}}@keyframes center-toast-fade-in{0%{opacity:0}to{opacity:1}}@keyframes center-toast-fade-out{0%{opacity:1}to{opacity:0}}.small-toast{--_offset:var(--small-toast-offset,20px);--_duration:var(--small-toast-duration,3s);--_bg:var(--toast-bg,var(--code-bg));--_status:var(--status-info,var(--text));--_radius:var(--small-toast-radius,10px);--_enter:.3s;--_leave:.18s;right:var(--_offset);bottom:var(--_offset);max-width:min(288px, calc(100% - var(--_offset) * 2));z-index:100;box-sizing:border-box;border:1px solid color-mix(in oklab, var(--text) 9%, transparent);border-radius:var(--_radius);background:var(--_bg);color:var(--text);box-shadow:var(--toast-shadow), var(--toast-highlight);text-align:left;animation:small-toast-in var(--_enter) cubic-bezier(.16, 1, .3, 1) both;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px 11px;display:flex;position:fixed;overflow:hidden}.small-toast[data-variant=success]{--_status:var(--status-success)}.small-toast[data-variant=error]{--_status:var(--status-error)}.small-toast[data-open=false]{animation:small-toast-out var(--_leave) cubic-bezier(.4, 0, 1, 1) both}.small-toast__label{font-family:var(--brand-mono);letter-spacing:.16em;color:var(--_status);align-items:center;gap:7px;font-size:9.5px;font-weight:500;line-height:1;display:inline-flex}.small-toast__dot{background:var(--_status);border-radius:2px;width:5px;height:5px}.small-toast__message{letter-spacing:.1px;font-size:13.5px;line-height:145%}.small-toast__progress{inset-inline:0;background:var(--_status);opacity:.45;transform-origin:0;height:1px;animation:small-toast-progress var(--_duration) linear both;position:absolute;bottom:0}@keyframes small-toast-in{0%{opacity:0;filter:blur(6px);transform:translate(16px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes small-toast-out{0%{opacity:1;filter:blur();transform:translate(0)}to{opacity:0;filter:blur(4px);transform:translate(12px)}}@keyframes small-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.small-toast{animation-name:small-toast-fade-in}.small-toast[data-open=false]{animation-name:small-toast-fade-out}}@keyframes small-toast-fade-in{0%{opacity:0}to{opacity:1}}@keyframes small-toast-fade-out{0%{opacity:1}to{opacity:0}}.section-card{--_bg:var(--section-card-bg,var(--card-bg));--_radius:var(--section-card-radius,22px);box-sizing:border-box;border-radius:var(--_radius);background:var(--_bg);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:none;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;transition:background .12s,transform .12s;display:flex}.section-card:hover{background:color-mix(in oklab, var(--_bg) 92%, white)}.section-card:active{transform:scale(.995)}.section-card:focus-visible{outline:2px solid var(--control-border);outline-offset:2px}.section-card:disabled{background:var(--_bg);opacity:.5;cursor:default;transform:none}.section-card__label{color:var(--text-sub);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.section-card__mark{background:var(--section-color);border-radius:3px;width:10px;height:10px}.section-card__note{color:var(--text-weak);font-size:12.5px}.card{background:var(--card-bg);border:1px solid var(--border);box-sizing:border-box;border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.health-card{background:var(--card-bg);border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex}.health-card__label{color:var(--text-weak);font-size:12.5px;font-weight:600}.control-button{appearance:none;background:var(--bg);color:var(--text-sub);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;transition:border-color .12s,background .12s,transform .12s,box-shadow .12s}.control-button:hover:not(:disabled){border-color:var(--control-border);background:color-mix(in srgb, var(--bg) 82%, var(--card-bg))}.control-button:active:not(:disabled){transform:translateY(1px)}.control-button:focus-visible{border-color:var(--ui-button-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-button-bg) 20%, transparent);outline:none}.control-button:disabled{cursor:default;opacity:.6}.action-row{box-sizing:border-box;border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:16px;transition:border-color .14s,box-shadow .14s,transform .14s,background .14s}.action-row:hover:not(:disabled){border-color:var(--control-border);background:color-mix(in srgb, var(--card-bg) 94%, var(--bg));box-shadow:0 1px #ffffff0d,0 12px 24px #00000029}.action-row:active:not(:disabled){transform:translateY(1px)}.action-row:focus-visible{border-color:var(--ui-button-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-button-bg) 18%, transparent), 0 8px 18px #0000001f;outline:none}.checklist-item{background:var(--bg);color:var(--text-sub);font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.checklist-item__icon{color:var(--text-sub);flex-shrink:0}.checklist-item__status{color:var(--text-weak);flex-shrink:0;font-weight:700}.checklist-item[data-done=true] .checklist-item__status{color:var(--status-success)}.record-header{align-items:center;gap:6px;display:flex}.record-header__back{color:var(--text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.settings-row{box-sizing:border-box;border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;transition:border-color .14s,box-shadow .14s,transform .14s,background .14s;display:flex;box-shadow:0 1px #ffffff0a,0 8px 18px #0000001f}.settings-row:hover:not(:disabled){border-color:var(--control-border);background:color-mix(in srgb, var(--card-bg) 94%, var(--bg));box-shadow:0 1px #ffffff0d,0 12px 24px #00000029}.settings-row:active:not(:disabled){transform:translateY(1px)}.settings-row:focus-visible{border-color:var(--ui-button-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-button-bg) 18%, transparent), 0 8px 18px #0000001f;outline:none}.settings-row__main{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-row__label{font-size:15px;font-weight:600}.settings-row__action{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);color:var(--text-weak);letter-spacing:.03em;text-transform:uppercase;opacity:.9;background:#ece8e108;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.settings-row__action-icon{color:var(--text-weak);opacity:.9}.settings-row__fields{flex-wrap:wrap;gap:8px;display:flex}.settings-row__field{background:var(--bg);border:1px solid color-mix(in srgb, var(--border) 75%, transparent);border-radius:10px;flex-direction:column;gap:2px;min-width:64px;padding:6px 10px;display:flex}.settings-row__field-label{color:var(--text-weak);font-size:10.5px}.settings-row__field-value{color:var(--text);font-size:13px;font-weight:600}.sheet__backdrop{z-index:50;background:#00000080;animation:.22s ease-out forwards sheet-backdrop-fade;position:fixed;inset:0}.sheet{z-index:51;box-sizing:border-box;background:linear-gradient(#26231ffa,#151413fc);border-radius:32px 32px 0 0;flex-direction:column;gap:16px;max-height:88svh;padding:10px 20px 36px;transition:height .18s;animation:.26s cubic-bezier(.2,.8,.2,1) forwards sheet-slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -20px 45px -24px #000c,inset 0 1px #ffffff0d}.sheet__handle{z-index:1;background:var(--control-border);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:3px;flex-shrink:0;align-self:center;width:38px;height:5px;margin-top:2px;position:sticky;top:0}.sheet__title{color:var(--text);font-size:18px;font-weight:700}@keyframes sheet-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-backdrop-fade{0%{opacity:0}to{opacity:1}}.profile-sheet__stepper-row,.value-stepper__row{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.profile-sheet__stepper-label,.value-stepper__label{color:var(--text-sub);padding:0 0 0 16px;font-size:13px}.profile-sheet__stepper,.value-stepper__controls{color:var(--text);align-items:center;gap:14px;padding:0 16px 0 0;font-size:15px;font-weight:600;display:flex}.profile-sheet__stepper button,.value-stepper__controls button{border:1px solid var(--control-border);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-sheet__numbers{background:var(--card-bg);border-radius:20px;flex-direction:column;padding:4px 16px;display:flex}.profile-sheet__stepper-row{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.profile-sheet__stepper-label{color:var(--text-sub);font-size:13px}.profile-sheet__stepper{color:var(--text);align-items:center;gap:14px;font-size:15px;font-weight:600;display:flex}.profile-sheet__stepper button{border:1px solid var(--control-border);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-sheet__divider{background:var(--border);height:1px}.profile-sheet__chip-group{flex-direction:column;gap:8px;display:flex}.profile-sheet__chip-label{color:var(--text-sub);font-size:12.5px}.profile-sheet__chips{flex-wrap:wrap;gap:8px;display:flex}.profile-sheet__chips button{background:var(--card-bg);color:var(--text);font:inherit;cursor:pointer;border:none;border-radius:16px;flex-direction:column;align-items:center;padding:9px 14px;font-size:13px;font-weight:700;display:flex}.profile-sheet__chips button[data-selected=true],.profile-sheet__choice[data-selected=true]{background:var(--ui-button-bg);color:var(--ui-button-fg)}.profile-sheet__chip-note{opacity:.8;font-size:11px;font-weight:400}.profile-sheet__save{background:var(--ui-button-bg);height:52px;color:var(--ui-button-fg);font:inherit;cursor:pointer;border:none;border-radius:16px;font-size:15.5px;font-weight:700}.profile-sheet__save:disabled{opacity:.6;cursor:default}.date-field{color:var(--text-sub);flex-direction:column;flex:1;gap:8px;font-size:12.5px;display:flex;position:relative}.date-field__label{color:var(--text-sub);font-size:12.5px;font-weight:600}.date-field__trigger{box-sizing:border-box;border:1px solid var(--control-border);width:100%;color:var(--text);font:inherit;cursor:pointer;background:linear-gradient(#ffffff03,#fff0);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:14px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.date-field__trigger:hover{border-color:var(--ui-button-bg)}.date-field__trigger:focus-visible{border-color:var(--ui-button-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-button-bg) 20%, transparent);outline:none}.date-field__trigger svg{color:var(--text-sub);flex-shrink:0}.date-field__popover{z-index:70;box-sizing:border-box;border:1px solid var(--border);background:linear-gradient(#26231ffa,#1c1917fa);border-radius:28px;flex-direction:column;gap:12px;padding:14px 12px 12px;display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 24px 50px -24px #000c,inset 0 1px #ffffff0d}.date-field__header{color:var(--text);justify-content:space-between;align-items:center;gap:8px;font-weight:700;display:flex}.date-field__nav{border:1px solid var(--control-border);width:32px;height:32px;color:var(--text);cursor:pointer;background:#ffffff05;border-radius:12px;justify-content:center;align-items:center;display:flex}.date-field__month{font-size:14px}.date-field__weekdays,.date-field__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.date-field__weekdays{color:var(--text-weak);text-align:center;padding:0 2px;font-size:11px}.date-field__day{aspect-ratio:1;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;font-size:13px;transition:background .12s,transform .12s;display:flex}.date-field__day:hover:not(:disabled){background:var(--accent-bg)}.date-field__day--muted{color:var(--text-weak);opacity:.72}.date-field__day--selected{color:#171512;background:linear-gradient(#f4efe9 0%,#e3dfd9 100%);font-weight:700;box-shadow:inset 0 1px #ffffff8c}.date-field__day:disabled{opacity:.3;cursor:default}.goal-sheet__dates{gap:10px;display:flex}.goal-sheet__field{color:var(--text-sub);flex-direction:column;flex:1;gap:6px;font-size:12.5px;display:flex}.goal-sheet__field input{box-sizing:border-box;border:1px solid var(--control-border);background:var(--bg);color:var(--text);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;padding:10px 12px;font-size:14px}.goal-sheet__error{color:var(--status-error);font-size:12.5px}.goal-sheet__weight{background:var(--card-bg);border-radius:20px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.goal-sheet__weight-label{color:var(--text-sub);font-size:13px}.goal-sheet__stepper{color:var(--text);align-items:center;gap:14px;font-size:15px;font-weight:600;display:flex}.goal-sheet__stepper button{border:1px solid var(--control-border);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.goal-sheet__save{background:var(--ui-button-bg);height:52px;color:var(--ui-button-fg);font:inherit;cursor:pointer;border:none;border-radius:16px;font-size:15.5px;font-weight:700}.goal-sheet__save:disabled{opacity:.6;cursor:default}.mood-selector{gap:8px;display:flex}.mood-selector__option{border:1px solid var(--border);background:var(--card-bg);color:var(--text-sub);font:inherit;cursor:pointer;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:14px 8px;font-size:12.5px;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s;display:flex}.mood-selector__option:hover:not(:disabled):not([data-selected=true]){border-color:var(--control-border);background:color-mix(in srgb, var(--card-bg) 90%, var(--bg))}.mood-selector__option[data-selected=true]{background:var(--ui-button-bg);color:var(--ui-button-fg);border-color:color-mix(in srgb, var(--ui-button-bg) 70%, var(--border));box-shadow:inset 0 1px #ffffff2e,0 8px 18px #0000001f}.mood-selector__option[data-selected=true]:hover:not(:disabled),.mood-selector__option[data-selected=true]:focus-visible{background:var(--ui-button-bg);border-color:color-mix(in srgb, var(--ui-button-bg) 70%, var(--border));box-shadow:inset 0 1px #ffffff2e,0 8px 18px #0000001f}.mood-selector__option[data-selected=true] svg{color:var(--ui-button-fg)}.mood-selector__option span{line-height:1.2}.time-field{color:var(--text-sub);flex-direction:column;flex:1;gap:6px;font-size:12.5px;display:flex}.time-field__label{color:var(--text-sub);font-size:12.5px;font-weight:500}.time-field__input{box-sizing:border-box;border:1px solid var(--control-border);background:var(--bg);width:100%;color:var(--text);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;padding:10px 12px;font-size:14px}.time-field__input:focus{border-color:var(--ui-button-bg);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-button-bg) 18%, transparent);outline:none}.time-range-field{flex-direction:column;gap:10px;display:flex}@media (width>=480px){.time-range-field{flex-direction:row}}.meal-row{box-sizing:border-box;background:var(--card-bg);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:none;border-radius:16px;align-items:center;gap:12px;padding:10px;display:flex}.meal-row__thumb{background:var(--bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.meal-row__photo{object-fit:cover;width:100%;height:100%}.meal-row__thumb-icon{color:var(--text-weak)}.meal-row__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.meal-row__top{align-items:center;gap:8px;display:flex}.meal-row__time{color:var(--text-weak);font-size:12px}.meal-row__badge{background:var(--ui-button-bg);color:var(--ui-button-fg);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:700}.meal-row__title{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.meal-row__macros{color:var(--text-weak);font-size:11.5px}.meal-row__status{color:var(--text-sub);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.meal-row__status--error{color:var(--status-error)}.meal-row__kcal{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.meal-row__kcal-value{font-size:16px;font-weight:700}.meal-row__kcal-unit{color:var(--text-weak);font-size:10.5px}.meal-template-sheet__list{flex-direction:column;gap:8px;display:flex}.meal-template-sheet__empty{color:var(--text-weak);margin:0;font-size:13px}.meal-template-sheet__item{background:var(--card-bg);color:var(--text);font:inherit;text-align:left;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex}.meal-template-sheet__thumb{background:var(--bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.meal-template-sheet__photo{object-fit:cover;width:100%;height:100%}.meal-template-sheet__thumb-icon{color:var(--text-weak)}.meal-template-sheet__title{flex:1}.meal-template-sheet__calories{color:var(--text-sub);font-size:12.5px}.avatar{--_size:var(--avatar-size,32px);--_bg:var(--avatar-bg,var(--code-bg));box-sizing:border-box;width:var(--_size);height:var(--_size);border:1px solid var(--border);background:var(--_bg);object-fit:cover;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar__icon{width:62%;height:62%}.header{--_gutter:var(--header-gutter,32px);box-sizing:border-box;padding:var(--header-pad-top,20px) var(--_gutter) 0;text-align:left;justify-content:space-between;align-items:center;gap:16px;display:flex}.header__actions{align-items:center;gap:var(--header-actions-gap,12px);display:flex}.header__menu{align-items:center;display:flex;position:relative}.header__toggle{--_bar-width:22px;--_bar-height:2px;--_bar-gap:5px;justify-content:center;align-items:center;gap:var(--_bar-gap);box-sizing:border-box;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;width:40px;height:40px;padding:0;display:inline-flex}.header__toggle:hover{background:var(--accent-bg)}.header__toggle:focus-visible{outline:2px solid var(--control-border);outline-offset:2px}.header__bar{width:var(--_bar-width);height:var(--_bar-height);background:var(--text);border-radius:1px;transition:transform .16s,opacity .12s}.header__toggle[data-open=true]{--_shift:calc(var(--_bar-height) + var(--_bar-gap))}.header__toggle[data-open=true] .header__bar:first-child{transform:translateY(var(--_shift)) rotate(45deg)}.header__toggle[data-open=true] .header__bar:nth-child(2){opacity:0}.header__toggle[data-open=true] .header__bar:nth-child(3){transform:translateY(calc(var(--_shift) * -1)) rotate(-45deg)}.header__panel{--_bg:var(--menu-bg,var(--toast-bg));z-index:10;box-sizing:border-box;border:1px solid var(--border);background:var(--_bg);min-width:240px;box-shadow:var(--toast-shadow), var(--toast-highlight);text-align:left;border-radius:14px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.header__user{border-top:1px solid var(--border);color:var(--text);font-family:var(--brand-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:12px 16px;font-size:13px;overflow:hidden}.header__link{box-sizing:border-box;border:none;border-top:1px solid var(--border);width:100%;color:var(--text);font:inherit;text-align:center;cursor:pointer;background:0 0;padding:13px 16px;font-size:14px;display:block}.header__link:hover{background:var(--accent-bg)}.header__link:focus-visible{outline:2px solid var(--control-border);outline-offset:-2px}.header__logout{--ui-button-height:44px;border-top:1px solid var(--border);padding:12px 16px 16px}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
