@layer reset,base,layout,ui,screen;:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", system-ui, sans-serif;--fs-display: 1.75rem;--fs-title: 1.1875rem;--fs-body: .9375rem;--fs-label: .8125rem;--fs-caption: .75rem;--lh-tight: 1.3;--lh-snug: 1.5;--lh-body: 1.75;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--tracking-tight: -.02em;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 56px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--hairline: 1px;--dur-1: .12s;--dur-2: .18s;--dur-3: .26s;--ease: cubic-bezier(.22, .61, .36, 1);--content-max: 480px;--appbar-h: 52px;--tabbar-h: 56px;--tap-min: 44px}@media(prefers-reduced-motion:reduce){:root{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms}}:root,:root[data-theme=light]{color-scheme:light;--bg: #fafaf8;--surface: #ffffff;--surface-sunken: #f1f1ee;--surface-press: #f0f0ec;--border: #e7e6e1;--border-strong: #d3d2cb;--text: #1c1f22;--text-muted: #6a7078;--text-faint: #9aa0a6;--ink: #1c1f22;--on-ink: #ffffff;--accent: #1f6f5c;--accent-soft: #e8f1ee;--on-accent: #ffffff;--success: #1c6b41;--success-soft: #e9f3ec;--error: #ad3527;--error-soft: #fbedeb;--warm: #b0632b;--shadow-1: 0 1px 2px rgba(20, 22, 24, .04);--shadow-2: 0 6px 20px -8px rgba(20, 22, 24, .14);--shadow-3: 0 20px 48px -12px rgba(20, 22, 24, .28);--scrim: rgba(24, 26, 28, .44)}:root[data-theme=dark]{color-scheme:dark;--bg: #101214;--surface: #191c1f;--surface-sunken: #15181a;--surface-press: #21252a;--border: #262a2e;--border-strong: #363b41;--text: #e8eaeb;--text-muted: #9ba2a8;--text-faint: #6e767d;--ink: #eef0f1;--on-ink: #17191b;--accent: #5cc0a3;--accent-soft: #16302a;--on-accent: #0e1a17;--success: #56c489;--success-soft: #14291d;--error: #ef8b7e;--error-soft: #331b18;--warm: #d9925c;--shadow-1: none;--shadow-2: 0 6px 20px -8px rgba(0, 0, 0, .5);--shadow-3: 0 20px 48px -12px rgba(0, 0, 0, .6);--scrim: rgba(0, 0, 0, .6)}:root,:root[data-theme=light]{--g-grain: #c08a3a;--g-potato: #9c7248;--g-meat: #be5348;--g-fish: #3c7fa6;--g-egg: #d2a02a;--g-soy: #7c9a4e;--g-dairy: #6c84be;--g-greenveg: #3e8b5d;--g-paleveg: #8aa97a;--g-seaweed: #476e6b;--g-fruit: #c2657d;--g-fat: #a08050;--g-sweets: #8d6ea6}:root[data-theme=dark]{--g-grain: #e0b071;--g-potato: #c39c74;--g-meat: #e48a80;--g-fish: #79b0d3;--g-egg: #efc862;--g-soy: #a8c57c;--g-dairy: #9bafe0;--g-greenveg: #6fb88a;--g-paleveg: #b3cba4;--g-seaweed: #79a29e;--g-fruit: #e495a9;--g-fat: #c6a87f;--g-sweets: #b79ad0}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}ul,ol{list-style:none}table{border-collapse:collapse}}@layer base{html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}h1,h2,h3{font-size:inherit;font-weight:var(--fw-semibold);line-height:var(--lh-snug)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--accent-soft);color:var(--text)}}@layer base{.t-display{font-size:var(--fs-display);line-height:var(--lh-tight);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.t-title{font-size:var(--fs-title);line-height:var(--lh-snug);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.t-body{font-size:var(--fs-body);line-height:var(--lh-body)}.t-label{font-size:var(--fs-label);line-height:var(--lh-snug);font-weight:var(--fw-medium)}.t-caption{font-size:var(--fs-caption);line-height:var(--lh-snug)}.t-section{font-size:var(--fs-caption);line-height:var(--lh-snug);font-weight:var(--fw-semibold);letter-spacing:.06em;color:var(--text-faint)}.t-muted{color:var(--text-muted)}.t-faint{color:var(--text-faint)}.t-num{font-variant-numeric:tabular-nums}}@layer ui{.ui-screen{max-width:var(--content-max);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.ui-appbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--s2);min-height:var(--appbar-h);padding:0 var(--s3);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px)}.ui-appbar[data-bordered=true]{box-shadow:inset 0 -1px 0 var(--border)}.ui-appbar-title{flex:1;min-width:0;font-size:var(--fs-label);font-weight:var(--fw-semibold);color:var(--text);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-appbar-slot{display:flex;align-items:center;justify-content:center;min-width:40px}.ui-appbar-slot.end{justify-content:flex-end}.ui-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);margin-inline-start:calc(var(--s3) * -1);border-radius:var(--r-full);color:var(--text-muted);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.ui-iconbtn:active{background:var(--surface-press);color:var(--text)}.ui-appbar-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--border)}.ui-appbar-progress>span{display:block;height:100%;background:var(--accent);transition:width var(--dur-3) var(--ease)}.ui-body{flex:1;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5) var(--s5) var(--s8)}.ui-screen[data-tabs=true] .ui-body{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--s6))}.ui-footer{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4) var(--s5) calc(var(--s5) + env(safe-area-inset-bottom));background:linear-gradient(to bottom,transparent,var(--bg) 24px)}.ui-screen[data-tabs=true] .ui-footer{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:var(--s4)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap-min);padding:var(--s3) var(--s5);border-radius:var(--r-md);font-size:var(--fs-body);font-weight:var(--fw-semibold);letter-spacing:.01em;transition:transform var(--dur-1) var(--ease),background var(--dur-1) var(--ease),opacity var(--dur-1) var(--ease)}.ui-btn:active{transform:scale(.985)}.ui-btn[data-block=true]{width:100%}.ui-btn:disabled{opacity:.45;cursor:default;transform:none}.ui-btn[data-variant=primary]{background:var(--ink);color:var(--on-ink)}.ui-btn[data-variant=primary]:active{background:color-mix(in srgb,var(--ink) 88%,var(--bg))}.ui-btn[data-variant=secondary]{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 var(--hairline) var(--border-strong)}.ui-btn[data-variant=secondary]:active{background:var(--surface-press)}.ui-btn[data-variant=ghost]{color:var(--text-muted);padding-inline:var(--s3)}.ui-btn[data-variant=ghost]:active{background:var(--surface-press)}.ui-btn[data-variant=danger]{color:var(--error);box-shadow:inset 0 0 0 var(--hairline) color-mix(in srgb,var(--error) 40%,transparent)}.ui-btn[data-variant=danger]:active{background:var(--error-soft)}.ui-btn[data-variant=danger-solid]{background:var(--error);color:#fff}.ui-card{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s4) var(--s5);background:var(--surface);border-radius:var(--r-lg);box-shadow:inset 0 0 0 var(--hairline) var(--border),var(--shadow-1);text-align:start}.ui-card[data-tappable=true]{position:relative;padding-inline-end:var(--s8);transition:background var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.ui-card[data-tappable=true]:active{background:var(--surface-press);transform:scale(.99)}.ui-card-chevron{position:absolute;top:50%;inset-inline-end:var(--s4);translate:0 -50%;color:var(--text-faint)}.ui-card[data-tone=accent]{background:var(--accent-soft);box-shadow:inset 0 0 0 var(--hairline) color-mix(in srgb,var(--accent) 26%,transparent)}.ui-card[data-tone=accent] .ui-card-chevron{color:var(--accent)}.ui-card-lead{display:flex;align-items:center;gap:var(--s3)}.ui-card-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--r-md);background:var(--surface-sunken);color:var(--text-muted)}.ui-card[data-tone=accent] .ui-card-icon{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.ui-badge{display:inline-flex;align-items:center;gap:var(--s1);padding:2px var(--s2);border-radius:var(--r-sm);font-size:var(--fs-caption);font-weight:var(--fw-medium);line-height:1.6;background:var(--surface-sunken);color:var(--text-muted)}.ui-badge[data-tone=accent]{background:var(--accent-soft);color:var(--accent)}.ui-badge[data-tone=success]{background:var(--success-soft);color:var(--success)}.ui-badge[data-tone=error]{background:var(--error-soft);color:var(--error)}.ui-progress{height:6px;border-radius:var(--r-full);background:var(--surface-sunken);overflow:hidden}.ui-progress>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width var(--dur-3) var(--ease)}.ui-segmented{display:flex;gap:2px;padding:3px;border-radius:var(--r-md);background:var(--surface-sunken)}.ui-segment{flex:1;min-height:38px;padding:var(--s2) var(--s1);border-radius:calc(var(--r-md) - 3px);font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--text-muted);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.ui-segment[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:var(--fw-semibold);box-shadow:var(--shadow-1),inset 0 0 0 var(--hairline) var(--border)}.ui-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:var(--tap-min);padding:var(--s3) var(--s4);background:var(--surface);font-size:var(--fs-body)}.ui-rows{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;box-shadow:inset 0 0 0 var(--hairline) var(--border),var(--shadow-1)}.ui-rows>.ui-row+.ui-row{box-shadow:inset 0 var(--hairline) 0 var(--border)}.ui-toggle{position:relative;width:48px;height:28px;flex-shrink:0;border-radius:var(--r-full);background:var(--border-strong);transition:background var(--dur-2) var(--ease)}.ui-toggle>span{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000003d;transition:left var(--dur-2) var(--ease)}.ui-toggle[aria-checked=true]{background:var(--accent)}.ui-toggle[aria-checked=true]>span{left:23px}.ui-scrim{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:var(--s4);padding-bottom:calc(var(--s4) + env(safe-area-inset-bottom));background:var(--scrim);animation:ui-fade var(--dur-2) var(--ease)}.ui-dialog{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-3);animation:ui-rise var(--dur-3) var(--ease)}.ui-dialog-actions{display:flex;gap:var(--s2);margin-top:var(--s1)}.ui-dialog-actions>.ui-btn{flex:1}@media(min-width:480px){.ui-scrim{align-items:center}}@keyframes ui-fade{0%{opacity:0}}@keyframes ui-rise{0%{opacity:0;transform:translateY(12px)}}.ui-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);box-shadow:inset 0 var(--hairline) 0 var(--border)}.ui-tab{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-faint);transition:color var(--dur-1) var(--ease)}.ui-tab[aria-current=page]{color:var(--text)}.ui-tab-label{font-size:10px;line-height:1;font-weight:var(--fw-medium);letter-spacing:.02em}}@layer ui{.ui-iconbtn.end{margin-inline-start:0;margin-inline-end:calc(var(--s3) * -1)}.ui-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.ui-chip{display:inline-flex;align-items:center;gap:var(--s2);min-height:36px;padding:var(--s2) var(--s3);border-radius:var(--r-full);font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 var(--hairline) var(--border-strong);transition:background var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.ui-chip:active{transform:scale(.97);background:var(--surface-press)}.ui-chip[data-selected=true]{background:var(--ink);color:var(--on-ink);box-shadow:none}.ui-chip[data-colored=true] .ui-chip-dot{width:9px;height:9px;border-radius:50%;background:var(--chip-color);flex-shrink:0}.ui-chip[data-colored=true][data-selected=true]{background:color-mix(in srgb,var(--chip-color) 16%,var(--surface));color:var(--text);box-shadow:inset 0 0 0 1.5px var(--chip-color)}.ui-field{display:flex;flex-direction:column;gap:var(--s2)}.ui-input{display:flex;align-items:center;gap:var(--s2);padding:0 var(--s3);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 var(--hairline) var(--border-strong);color:var(--text-faint)}.ui-input:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent)}.ui-input>input,.ui-textarea{flex:1;min-width:0;width:100%;font-size:16px;font-family:inherit;line-height:1.5;color:var(--text);background:none;border:none;outline:none}.ui-input>input{min-height:var(--tap-min)}.ui-input>input::placeholder,.ui-textarea::placeholder{color:var(--text-faint)}.ui-input-clear{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:var(--r-full);background:var(--surface-sunken);color:var(--text-muted)}.ui-textarea{padding:var(--s3);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 var(--hairline) var(--border-strong);resize:vertical}.ui-textarea:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.ui-scrim[data-center=true]{align-items:center}.ui-scrim:not([data-center=true]){padding:0}.ui-sheet{width:100%;max-width:var(--content-max);max-height:88dvh;display:flex;flex-direction:column;border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--surface);box-shadow:var(--shadow-3);animation:ui-rise var(--dur-3) var(--ease);overflow:hidden}.ui-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--s4) var(--s3) var(--s5);box-shadow:inset 0 -1px 0 var(--border)}.ui-sheet-head .ui-iconbtn{margin-inline:0}.ui-sheet-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--s4);padding:var(--s4) var(--s5)}.ui-sheet-foot{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3) var(--s5) calc(var(--s4) + env(safe-area-inset-bottom));background:var(--surface);box-shadow:inset 0 1px 0 var(--border)}.ui-empty{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s8) var(--s5);text-align:center}.ui-empty-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:var(--s2);border-radius:var(--r-lg);background:var(--surface-sunken);color:var(--text-faint)}.ui-empty>.ui-btn{margin-top:var(--s4)}}@layer ui{.ui-chip[data-static=true]{min-height:26px;padding:2px var(--s2);font-size:var(--fs-caption);background:var(--surface-sunken);box-shadow:none;color:var(--text-muted);cursor:default}}@layer screen{.mp-section{display:flex;flex-direction:column;gap:var(--s3)}.mp-stack{display:flex;flex-direction:column;gap:var(--s2)}.mp-datebar{display:flex;align-items:center;gap:var(--s2)}.mp-datebar-main{flex:1;text-align:center}.mp-datebar .ui-iconbtn:disabled{opacity:.3;cursor:default}.mp-backtoday{align-self:center;padding:var(--s2) var(--s4);margin-top:calc(var(--s3) * -1);border-radius:var(--r-full);color:var(--accent);background:var(--accent-soft)}.mp-slots{display:flex;flex-direction:column;gap:var(--s2)}.mp-slot{display:flex;align-items:center;gap:var(--s4);min-height:64px;padding:var(--s3) var(--s4);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 var(--hairline) var(--border),var(--shadow-1);text-align:start;transition:background var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.mp-slot:active{background:var(--surface-press);transform:scale(.99)}.mp-slot-name{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--r-md);background:var(--surface-sunken);color:var(--text-muted)}.mp-slot[data-filled=true] .mp-slot-name{background:var(--accent-soft);color:var(--accent)}.mp-slot-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mp-slot-mark{flex-shrink:0;color:var(--text-faint)}.mp-foot-stat{text-align:center;margin-top:auto;padding-top:var(--s4)}.mp-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s2)}.mp-dot{aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface-sunken);box-shadow:inset 0 0 0 var(--hairline) var(--border);transition:transform var(--dur-1) var(--ease)}.mp-dot:active{transform:scale(.92)}.mp-dot[data-level="1"]{background:color-mix(in srgb,var(--accent) 24%,var(--surface))}.mp-dot[data-level="2"]{background:color-mix(in srgb,var(--accent) 44%,var(--surface))}.mp-dot[data-level="3"]{background:color-mix(in srgb,var(--accent) 66%,var(--surface))}.mp-dot[data-level="4"]{background:var(--accent)}.mp-daylist{display:flex;flex-direction:column;gap:var(--s2)}.mp-day{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3) var(--s4);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 var(--hairline) var(--border),var(--shadow-1);text-align:start}.mp-day:active{background:var(--surface-press)}.mp-day-head{display:flex;align-items:center;justify-content:space-between;color:var(--text-faint)}.mp-day-head>.t-label{color:var(--text)}.mp-day-line{display:flex;gap:var(--s3);align-items:baseline}.mp-day-slot{width:2.5em;flex-shrink:0}.mp-dishlist{display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;box-shadow:inset 0 0 0 var(--hairline) var(--border),var(--shadow-1)}.mp-dishrow{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--surface);color:var(--text-faint);text-align:start}.mp-dishrow+.mp-dishrow{box-shadow:inset 0 var(--hairline) 0 var(--border)}.mp-dishrow:active{background:var(--surface-press)}.mp-dishrow-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s1);color:var(--text)}.mp-form{display:flex;flex-direction:column;gap:var(--s5)}.mp-form-actions{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s2)}.mp-goal{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s3)}}