:root{--miki-ink: #040D0E;--miki-teal-900: #012321;--miki-teal-800: #062E2D;--miki-teal-500: #26736A;--miki-mint: #9BFFE9;--miki-sand: #A19B8C;--miki-tan: #AB9076;--f-page: #EEF4F3;--f-bg: #FFFFFF;--f-surface: #FFFFFF;--f-surface-2: #F2F7F6;--f-border: #D3E0DE;--f-text: #0B1C1D;--f-hint: #5E6F6E;--f-link: #26736A;--f-accent: #26736A;--f-accent-strong: #1B5A52;--f-accent-soft: #DDF1EC;--f-on-accent: #FFFFFF;--f-success: #1A7A48;--f-success-soft: #DDF3E6;--f-warning: #8F5B00;--f-warning-soft: #FBEBCB;--f-danger: #B3261E;--f-danger-soft: #FBE0DD;--f-series-1: #26736A;--f-series-2: #8A6C4F;--f-series-3: #5B4FC9;--f-grid: #D3E0DE;--f-shadow-rgb: 11 28 29;--f-edge-mix: 50%;--f-elev-mix: 0%;--f-scrim: rgb(4 13 14 / .45);--f-glass-bg: rgb(255 255 255 / .8);--f-glass-edge: rgb(255 255 255 / .85);--f-glass-hairline: rgb(11 28 29 / .1);--f-glass-shadow: 0 10px 30px rgb(11 28 29 / .16), 0 2px 6px rgb(11 28 29 / .08);--f-lens-bg: linear-gradient(180deg, rgb(38 115 106 / .2), rgb(38 115 106 / .12));--f-lens-edge: rgb(255 255 255 / .95);--f-lens-shadow: 0 3px 10px rgb(38 115 106 / .22), inset 0 1px 0 rgb(255 255 255 / .9), inset 0 -1px 0 rgb(38 115 106 / .18);--f-abstain: #F6C945;--f-abstain-edge: #8A6A00;--f-abstain-soft: #FFF3C4;--f-abstain-z: #5B4FC9;--f-tab-health: #D0213B;--f-tab-health-edge: #8F1329;--f-tab-food: #188040;--f-tab-workout: #2B63D6;--f-tab-adult: #F6C945;--f-tab-adult-edge: #8A6A00;--f-water: #1769A8;--f-water-soft: #DCEEFB;--f-kcal: #26736A;--f-kcal-soft: #DDF1EC;--f-over: #8F5B00;--f-over-soft: #FBEBCB;--f-progress: #26736A;--f-progress-done: #1A7A48;--f-track-mix: 12%;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--f-page: #040D0E;--f-bg: #071314;--f-surface: #0D1F21;--f-surface-2: #172A2C;--f-border: #2C4F51;--f-text: #E8F3F1;--f-hint: #8FA3A1;--f-link: #9BFFE9;--f-accent: #9BFFE9;--f-accent-strong: #C4FFF2;--f-accent-soft: #0E3B37;--f-on-accent: #04201C;--f-success: #5EE0A0;--f-success-soft: #0F3324;--f-warning: #F5C25B;--f-warning-soft: #3A2B0A;--f-danger: #FF8A80;--f-danger-soft: #3D1613;--f-series-1: #9BFFE9;--f-series-2: #D2AE8A;--f-series-3: #8070F0;--f-grid: #26474A;--f-shadow-rgb: 0 0 0;--f-edge-mix: 40%;--f-elev-mix: 9%;--f-scrim: rgb(0 0 0 / .6);--f-glass-bg: rgb(16 38 42 / .76);--f-glass-edge: rgb(255 255 255 / .16);--f-glass-hairline: rgb(0 0 0 / .45);--f-glass-shadow: 0 12px 32px rgb(0 0 0 / .55), 0 2px 6px rgb(0 0 0 / .4);--f-lens-bg: linear-gradient(180deg, rgb(155 255 233 / .22), rgb(155 255 233 / .12));--f-lens-edge: rgb(255 255 255 / .28);--f-lens-shadow: 0 3px 12px rgb(0 0 0 / .45), inset 0 1px 0 rgb(255 255 255 / .3), inset 0 -1px 0 rgb(155 255 233 / .16);--f-abstain: #F6C945;--f-abstain-edge: #F6C945;--f-abstain-soft: #3B300A;--f-abstain-z: #A99BFF;--f-tab-health: #FF5A6E;--f-tab-health-edge: #FFA3AF;--f-tab-food: #2EDC6A;--f-tab-workout: #8AB6FF;--f-tab-adult: #F6C945;--f-tab-adult-edge: #8A6A00;--f-water: #7CC4F4;--f-water-soft: #0D2F47;--f-kcal: #9BFFE9;--f-kcal-soft: #0E3B37;--f-over: #F5C25B;--f-over-soft: #3A2B0A;--f-progress: #9BFFE9;--f-progress-done: #5EE0A0;--f-track-mix: 12%;color-scheme:dark}}:root[data-theme=dark]{--f-page: #040D0E;--f-bg: #071314;--f-surface: #0D1F21;--f-surface-2: #172A2C;--f-border: #2C4F51;--f-text: #E8F3F1;--f-hint: #8FA3A1;--f-link: #9BFFE9;--f-accent: #9BFFE9;--f-accent-strong: #C4FFF2;--f-accent-soft: #0E3B37;--f-on-accent: #04201C;--f-success: #5EE0A0;--f-success-soft: #0F3324;--f-warning: #F5C25B;--f-warning-soft: #3A2B0A;--f-danger: #FF8A80;--f-danger-soft: #3D1613;--f-series-1: #9BFFE9;--f-series-2: #D2AE8A;--f-series-3: #8070F0;--f-grid: #26474A;--f-shadow-rgb: 0 0 0;--f-edge-mix: 40%;--f-elev-mix: 9%;--f-scrim: rgb(0 0 0 / .6);--f-glass-bg: rgb(16 38 42 / .76);--f-glass-edge: rgb(255 255 255 / .16);--f-glass-hairline: rgb(0 0 0 / .45);--f-glass-shadow: 0 12px 32px rgb(0 0 0 / .55), 0 2px 6px rgb(0 0 0 / .4);--f-lens-bg: linear-gradient(180deg, rgb(155 255 233 / .22), rgb(155 255 233 / .12));--f-lens-edge: rgb(255 255 255 / .28);--f-lens-shadow: 0 3px 12px rgb(0 0 0 / .45), inset 0 1px 0 rgb(255 255 255 / .3), inset 0 -1px 0 rgb(155 255 233 / .16);--f-abstain: #F6C945;--f-abstain-edge: #F6C945;--f-abstain-soft: #3B300A;--f-abstain-z: #A99BFF;--f-tab-health: #FF5A6E;--f-tab-health-edge: #FFA3AF;--f-tab-food: #2EDC6A;--f-tab-workout: #8AB6FF;--f-tab-adult: #F6C945;--f-tab-adult-edge: #8A6A00;--f-water: #7CC4F4;--f-water-soft: #0D2F47;--f-kcal: #9BFFE9;--f-kcal-soft: #0E3B37;--f-over: #F5C25B;--f-over-soft: #3A2B0A;--f-progress: #9BFFE9;--f-progress-done: #5EE0A0;--f-track-mix: 12%;color-scheme:dark}:root{--c-page: var(--tg-theme-secondary-bg-color, var(--f-page));--c-bg: var(--tg-theme-bg-color, var(--f-bg));--c-surface: var(--tg-theme-section-bg-color, var(--tg-theme-bg-color, var(--f-surface)));--c-surface-2: color-mix(in srgb, var(--c-text) 6%, var(--c-surface));--c-bar: var(--tg-theme-bottom-bar-bg-color, var(--c-surface));--c-border: var(--tg-theme-section-separator-color, var(--f-border));--c-text: var(--tg-theme-text-color, var(--f-text));--c-hint: var(--tg-theme-hint-color, var(--f-hint));--c-link: var(--tg-theme-link-color, var(--f-link));--c-text-2: color-mix(in srgb, var(--c-text) 68%, var(--c-surface));--c-text-3: color-mix(in srgb, var(--c-text) 64%, var(--c-surface));--c-accent: var(--f-accent);--c-accent-strong: var(--f-accent-strong);--c-accent-soft: var(--f-accent-soft);--c-on-accent: var(--f-on-accent);--c-success: var(--f-success);--c-success-soft: var(--f-success-soft);--c-warning: var(--f-warning);--c-warning-soft: var(--f-warning-soft);--c-danger: var(--f-danger);--c-danger-soft: var(--f-danger-soft);--c-series-1: var(--f-series-1);--c-series-2: var(--f-series-2);--c-series-3: var(--f-series-3);--c-grid: var(--f-grid);--c-band: color-mix(in srgb, var(--c-success) 16%, transparent);--c-band-edge: color-mix(in srgb, var(--c-success) 55%, transparent);--c-edge: color-mix(in srgb, var(--c-text) var(--f-edge-mix), var(--c-surface));--c-elevated: color-mix(in srgb, var(--c-text) var(--f-elev-mix), var(--c-surface));--c-abstain: var(--f-abstain);--c-abstain-edge: var(--f-abstain-edge);--c-abstain-soft: var(--f-abstain-soft);--c-abstain-z: var(--f-abstain-z);--tab-health: var(--f-tab-health);--tab-health-edge: var(--f-tab-health-edge);--tab-food: var(--f-tab-food);--tab-workout: var(--f-tab-workout);--tab-adult: var(--f-tab-adult);--tab-adult-edge: var(--f-tab-adult-edge);--ic-banana: var(--c-abstain);--ic-banana-edge: #8A6A00;--ic-drop: #7CC4F4;--ic-drop-edge: #1F6FA8;--ic-z: var(--c-abstain-z);--c-water: var(--f-water);--c-water-soft: var(--f-water-soft);--c-kcal: var(--f-kcal);--c-kcal-soft: var(--f-kcal-soft);--c-over: var(--f-over);--c-over-soft: var(--f-over-soft);--c-progress: var(--f-progress);--c-progress-done: var(--f-progress-done);--c-track: color-mix(in srgb, var(--c-text) var(--f-track-mix), var(--c-surface));--ic-water: var(--c-water);--c-focus: var(--c-accent);--c-scrim: var(--f-scrim);--c-skeleton-a: var(--c-surface-2);--c-skeleton-b: color-mix(in srgb, var(--c-surface-2) 55%, var(--c-surface));--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--gutter: var(--sp-4);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Roboto Mono", monospace;--fs-caption: 12px;--lh-caption: 16px;--fs-footnote: 13px;--lh-footnote: 18px;--fs-body: 16px;--lh-body: 22px;--fs-body-lg: 17px;--lh-body-lg: 24px;--fs-title: 20px;--lh-title: 26px;--fs-headline: 24px;--lh-headline: 30px;--fs-display: 34px;--lh-display: 40px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--num: tabular-nums lining-nums;--tap: 44px;--control-h: 48px;--control-h-lg: 52px;--icon: 24px;--icon-sm: 20px;--tabbar-h: 56px;--safe-bottom: env(safe-area-inset-bottom, 0px);--tg-safe-bottom: var(--tg-content-safe-area-inset-bottom, 0px);--measure: 480px;--shadow-0: none;--shadow-1: 0 1px 2px rgb(var(--f-shadow-rgb) / .06), 0 0 0 1px var(--c-border);--shadow-2: 0 4px 16px rgb(var(--f-shadow-rgb) / .12), 0 0 0 1px var(--c-border);--shadow-3: 0 12px 32px rgb(var(--f-shadow-rgb) / .22), 0 0 0 1px var(--c-border);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--glass-bg: var(--f-glass-bg);--glass-edge: var(--f-glass-edge);--glass-hairline: var(--f-glass-hairline);--glass-shadow: var(--f-glass-shadow);--glass-blur: 22px;--glass-saturate: 180%;--lens-bg: var(--f-lens-bg);--lens-edge: var(--f-lens-edge);--lens-shadow: var(--f-lens-shadow);--tabbar-pill-h: 64px;--tabbar-inset: 16px;--tabbar-gap: 12px;--tabbar-space: calc(var(--tabbar-pill-h) + var(--tabbar-gap) + max(var(--safe-bottom), var(--tg-safe-bottom)) + var(--sp-4));--glass-dur: .42s;--glass-spring: cubic-bezier(.34, 1.28, .5, 1);--z-bar: 10;--z-sheet: 30;--z-toast: 40}@supports not (color: color-mix(in srgb,red,blue)){:root{--c-surface-2: var(--f-surface-2);--c-text-2: var(--f-hint);--c-text-3: var(--f-hint);--c-band: var(--f-success-soft);--c-band-edge: var(--f-success);--c-skeleton-b: var(--f-border);--c-edge: var(--f-hint);--c-elevated: var(--f-surface);--c-track: var(--f-border)}}@supports (transition-timing-function: linear(0,1)){:root{--glass-spring: linear(0, .02, .074, .149, .237, .332, .428, .52, .607, .687, .757, .818, .871, .914, .949, .977, .999, 1.015, 1.026, 1.033, 1.037, 1.038, 1.038, 1.036, 1.033, 1.03, 1.027, 1.023, 1.019, 1.016, 1)}}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms;--glass-dur: 0ms}}:root{--safe-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px));--safe-left: var(--tg-safe-area-inset-left, 0px);--safe-right: var(--tg-safe-area-inset-right, 0px);--safe-bottom-total: calc( max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px)) + var(--tg-content-safe-area-inset-bottom, 0px) );--app-vh: var(--tg-viewport-stable-height, 100dvh)}:root[data-theme-lock]{--c-page: var(--f-page);--c-bg: var(--f-bg);--c-surface: var(--f-surface);--c-bar: var(--f-surface);--c-border: var(--f-border);--c-text: var(--f-text);--c-hint: var(--f-hint);--c-link: var(--f-link)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:var(--app-vh);background:var(--c-page);color:var(--c-text);font:var(--fw-regular) var(--fs-body) / var(--lh-body) var(--font-sans);font-variant-numeric:var(--num);-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button,[role=radio],[role=tab]{min-height:var(--tap);min-width:var(--tap);touch-action:manipulation}input,textarea{font-size:var(--fs-body)}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.i{width:var(--icon);height:var(--icon);fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0ms!important;transition-duration:0ms!important}}ul,ol{list-style:none;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tabular-nums{font-variant-numeric:var(--num)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.row{display:flex;align-items:center;gap:var(--sp-2)}.violet-banana{--ic-banana: var(--c-series-3);--ic-banana-edge: color-mix(in srgb, var(--c-series-3) 55%, #000)}.field-group{display:grid;gap:var(--sp-2)}.field-label{display:block;color:var(--c-text-2);font-size:var(--fs-footnote)}.field-input{min-height:var(--control-h);padding:0 var(--sp-3);border:1.5px solid var(--c-edge);border-radius:var(--r-md);background:var(--c-surface-2);outline:0}.field-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft)}.field-area{width:100%;min-height:96px;padding:var(--sp-3);resize:none}.field-count{margin-top:var(--sp-1);text-align:right;color:var(--c-text-2);font-size:var(--fs-caption)}.field-error{color:var(--c-danger);font-size:var(--fs-footnote)}.btn-delete{min-height:var(--control-h);border-radius:var(--r-md);background:var(--c-danger-soft);color:var(--c-danger);font-weight:var(--fw-semibold)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:40px;padding:0 var(--sp-4);border-radius:var(--r-pill);background:var(--c-surface-2);border:1.5px solid transparent;color:var(--c-text);font-size:var(--fs-footnote);font-weight:var(--fw-medium);max-width:100%}.chip:active{background:var(--c-border)}.chip.on{background:var(--c-accent);color:var(--c-on-accent)}.chip small{color:var(--c-text-2);font-size:var(--fs-caption);font-weight:var(--fw-regular)}.chip.on small{color:inherit}.chip.tag{min-height:24px;padding:0 var(--sp-2);font-size:var(--fs-caption);color:var(--c-text-2);background:var(--c-surface-2)}.watermark{position:fixed;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-position:right bottom;background-size:cover;opacity:.1}.watermark[data-art=sun-spiral]{background-image:url(/brand/miki-bg-sun-spiral.png)}.watermark[data-art=tommy]{background-image:url(/brand/miki-bg-tommy.png)}.watermark[data-art=dagger]{background-image:url(/brand/miki-bg-dagger.png)}:root[data-theme=dark] .watermark{opacity:.14}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .watermark{opacity:.14}}