:root{--green-900: #16352E;--green-800: #1E4A40;--green-700: #2F6B5E;--green-600: #3A7D6E;--green-200: #C4D9D0;--green-100: #DCE9E3;--green-50: #EEF4F1;--gold-700: #A87722;--gold-600: #C08A2D;--gold-500: #D9A441;--gold-100: #F6E8CC;--gold-50: #FBF4E4;--ink-900: #1C2A26;--ink-600: #51625C;--ink-400: #8A9793;--paper-0: #FFFFFF;--paper-50: #F7F9F7;--paper-100: #EEF2EF;--line-200: #DFE7E2;--line-300: #C9D4CE;--success-600: #3E8E5A;--success-100: #DFF0E5;--warning-600: #C08A2D;--warning-100: #F6E8CC;--danger-600: #C4533F;--danger-100: #F6E0DB;--info-600: #4A7D8C;--info-100: #E0EDF1;--macro-protein: #2F6B5E;--macro-carb: #D9A441;--macro-fat: #C77B4A;--macro-kcal: #1C2A26;--brand: var(--green-700);--brand-strong: var(--green-800);--brand-soft: var(--green-50);--accent: var(--gold-500);--surface-page: var(--paper-50);--surface-card: var(--paper-0);--surface-sunken: var(--paper-100);--surface-brand: var(--green-700);--text-primary: var(--ink-900);--text-secondary: var(--ink-600);--text-muted: var(--ink-400);--text-inverse: #FFFFFF;--text-on-brand: #FFFFFF;--border-default: var(--line-200);--border-strong: var(--line-300);--focus-ring: 0 0 0 3px rgba(47, 107, 94, .28)}:root{--font-sans: "Outfit", "Century Gothic", system-ui, sans-serif;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-display: 28px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.45;--tracking-caps: .06em}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.overline{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--screen-pad: 20px;--tap-min: 44px}:root{--shadow-card: 0 1px 2px rgba(28, 42, 38, .05), 0 2px 8px rgba(28, 42, 38, .05);--shadow-raised: 0 4px 16px rgba(28, 42, 38, .1), 0 1px 3px rgba(28, 42, 38, .06);--shadow-sheet: 0 -8px 32px rgba(28, 42, 38, .14);--ease-out: cubic-bezier(.2, .8, .2, 1);--duration-fast: .12s;--duration-normal: .2s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:var(--weight-semibold);border-radius:var(--radius-md);border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:active{transform:scale(.98)}.btn-md{height:48px;padding:0 20px;font-size:var(--text-md)}.btn-sm{height:36px;padding:0 14px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-primary{background:var(--brand);color:var(--text-on-brand)}.btn-primary:hover{background:var(--brand-strong)}.btn-secondary{background:var(--surface-card);color:var(--brand);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--brand-soft);border-color:var(--brand)}.btn-ghost{background:transparent;color:var(--brand)}.btn-ghost:hover{background:var(--brand-soft)}.btn-danger{background:var(--danger-600);color:#fff}.btn[disabled]{opacity:.45;pointer-events:none}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.icon-btn:hover{background:var(--surface-sunken);color:var(--text-primary)}.icon-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);background:var(--surface-card);color:var(--text-secondary);border:1.5px solid var(--border-default);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.chip:hover{border-color:var(--brand);color:var(--brand)}.chip.is-selected{background:var(--brand);border-color:var(--brand);color:var(--text-on-brand)}.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.badge-draft{background:var(--warning-100);color:var(--gold-700)}.badge-review{background:var(--info-100);color:var(--info-600)}.badge-sent{background:var(--success-100);color:var(--success-600)}.badge-neutral{background:var(--surface-sunken);color:var(--text-secondary)}.badge-brand{background:var(--green-100);color:var(--green-800)}.tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--green-50);color:var(--green-800)}.tag-gold{background:var(--gold-50);color:var(--gold-700)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.input{height:48px;padding:0 14px;border-radius:var(--radius-md);border:1.5px solid var(--border-strong);background:var(--surface-card);font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--brand);box-shadow:var(--focus-ring)}.stepper{display:inline-flex;align-items:center;gap:0;border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-card)}.stepper button{width:44px;height:44px;border:none;background:transparent;cursor:pointer;font-size:var(--text-lg);color:var(--brand);font-weight:var(--weight-bold)}.stepper .stepper-value{min-width:56px;text-align:center;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.switch{position:relative;display:inline-block;width:48px;height:28px;flex:none}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:var(--line-300);transition:background-color var(--duration-normal) var(--ease-out);cursor:pointer}.switch .track:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1c2a2640;transition:transform var(--duration-normal) var(--ease-out)}.switch input:checked+.track{background:var(--brand)}.switch input:checked+.track:before{transform:translate(20px)}.switch input:focus-visible+.track{box-shadow:var(--focus-ring)}.card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);box-shadow:var(--shadow-card)}.card-pad{padding:var(--space-4)}.card-sunken{background:var(--surface-sunken);border:none;box-shadow:none}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius-md);background:var(--surface-sunken)}.seg button{height:34px;padding:0 16px;border:none;border-radius:9px;cursor:pointer;background:transparent;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out)}.seg button.is-active{background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-card);font-weight:var(--weight-semibold)}.day-strip{display:flex;gap:4px}.day-strip .day{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 10px;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);transition:background-color var(--duration-fast) var(--ease-out)}.day-strip .day:hover{background:var(--surface-sunken)}.day-strip .day .dw{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted)}.day-strip .day .dn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.day-strip .day.is-active .dn{background:var(--brand);color:var(--text-on-brand)}.day-strip .day.is-active .dw{color:var(--brand)}.day-strip .day .dot{width:4px;height:4px;border-radius:50%;background:var(--gold-500)}.day-strip .day .dot.hidden{visibility:hidden}.meal-card{box-sizing:border-box;display:flex;gap:12px;align-items:center;background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);box-shadow:var(--shadow-card);padding:12px;text-align:left;width:100%;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.meal-card:hover{border-color:var(--green-200);box-shadow:var(--shadow-raised)}.meal-card .meal-photo{width:56px;height:56px;flex:none;border-radius:var(--radius-md);background:var(--surface-sunken);object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.meal-card .meal-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.meal-card .meal-slot{display:flex;justify-content:space-between;align-items:baseline}.meal-card .meal-name{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text-primary);line-height:var(--leading-tight)}.meal-card .meal-meta{display:flex;gap:8px;align-items:center;font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.meal-card.is-empty{border-style:dashed;border-color:var(--border-strong);box-shadow:none;background:transparent;justify-content:center;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);min-height:64px}.meal-card.is-empty:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.macro-bar{display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}.macro-bar .mb-label{font-size:var(--text-sm);color:var(--text-secondary);width:58px;flex:none}.macro-bar .mb-track{flex:1;height:8px;border-radius:var(--radius-full);background:var(--line-200);overflow:hidden}.macro-bar .mb-fill{display:block;height:100%;border-radius:var(--radius-full)}.macro-bar .mb-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);width:52px;text-align:right;flex:none}.target-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.target-row+.target-row{border-top:1px solid var(--border-default)}.target-row .tr-label{font-size:var(--text-md);color:var(--text-primary)}.target-row .tr-sub{font-size:var(--text-xs);color:var(--text-muted)}.target-row .tr-dots{display:flex;gap:5px}.target-row .tr-dots .td{width:18px;height:18px;border-radius:var(--radius-full);border:1.5px solid var(--line-300);display:flex;align-items:center;justify-content:center}.target-row .tr-dots .td.is-done{background:var(--brand);border-color:var(--brand)}.target-row .tr-dots .td.is-done:after{content:"";width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}.status-stepper{display:flex;align-items:center}.status-stepper .ss-step{display:flex;align-items:center;gap:8px}.status-stepper .ss-dot{width:24px;height:24px;border-radius:50%;flex:none;border:2px solid var(--line-300);background:var(--surface-card);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--weight-bold);color:var(--text-muted)}.status-stepper .ss-step.is-done .ss-dot{background:var(--brand);border-color:var(--brand);color:#fff}.status-stepper .ss-step.is-current .ss-dot{border-color:var(--brand);color:var(--brand)}.status-stepper .ss-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted)}.status-stepper .ss-step.is-current .ss-label,.status-stepper .ss-step.is-done .ss-label{color:var(--text-primary)}.status-stepper .ss-line{flex:1;height:2px;background:var(--line-200);margin:0 8px;min-width:16px}.status-stepper .ss-line.is-done{background:var(--brand)}.bottom-nav{display:flex;background:var(--surface-card);border-top:1px solid var(--border-default);padding:6px 8px calc(6px + env(safe-area-inset-bottom,8px))}.bottom-nav .bn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:11px;font-weight:var(--weight-medium);color:var(--text-muted);border-radius:var(--radius-sm)}.bottom-nav .bn-item.is-active{color:var(--brand);font-weight:var(--weight-semibold)}.g-row{display:flex;align-items:center;gap:12px;padding:11px 0;width:100%;border:none;background:transparent;cursor:pointer;text-align:left;font-family:var(--font-sans)}.g-row+.g-row{border-top:1px solid var(--border-default)}.g-row .g-check{width:24px;height:24px;border-radius:var(--radius-full);border:1.5px solid var(--line-300);flex:none;display:flex;align-items:center;justify-content:center;color:transparent;transition:all var(--duration-fast) var(--ease-out)}.g-row:hover .g-check{border-color:var(--brand)}.g-row.is-checked .g-check{background:var(--brand);border-color:var(--brand);color:#fff}.g-row .g-name{flex:1;min-width:0;font-size:var(--text-md);color:var(--text-primary);transition:color var(--duration-fast) var(--ease-out)}.g-row.is-checked .g-name{color:var(--text-muted);text-decoration:line-through}.g-row .g-qty{font-size:var(--text-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.g-row.is-checked .g-qty{color:var(--text-muted)}.g-row:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.set-row{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:var(--text-md)}.set-row+.set-row{border-top:1px solid var(--border-default)}.set-row .sr-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--green-50);color:var(--green-800);display:flex;align-items:center;justify-content:center;flex:none}.set-row .sr-label{flex:1;min-width:0;font-weight:var(--weight-medium);color:var(--text-primary)}.set-row .sr-sub{font-size:var(--text-xs);font-weight:400;color:var(--text-muted)}.set-row .sr-value{font-size:var(--text-sm);color:var(--text-secondary)}.stepper-sm button{width:34px;height:34px;font-size:var(--text-md)}.stepper-sm .stepper-value{min-width:64px;font-size:var(--text-sm)}.avatar-sm{width:36px;height:36px;border-radius:var(--radius-full);background:var(--green-100);color:var(--green-800);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold);font-size:12px;flex:none}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#1c2a2673;display:flex;align-items:flex-end}.sheet{width:100%;background:var(--surface-card);border-radius:20px 20px 0 0;padding:12px 20px calc(20px + env(safe-area-inset-bottom,8px));box-shadow:0 -12px 40px #1c2a2638;animation:sheet-up var(--duration-normal) var(--ease-out)}.sheet-handle{width:36px;height:4px;border-radius:var(--radius-full);background:var(--line-300);margin:0 auto 14px}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.spin{display:inline-flex;animation:spin-rot .8s linear infinite}@keyframes spin-rot{to{transform:rotate(360deg)}}.set-row.row-btn{width:100%;background:transparent;cursor:pointer;text-align:left;font-family:var(--font-sans);border:none}.set-row.row-btn:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.set-row+.set-row.row-btn{border-top:1px solid var(--border-default)}.day-picker+.set-row{border-top:1px solid var(--border-default)}.day-picker{display:flex;gap:6px;padding:2px 0 12px}.day-picker .dp{width:34px;height:34px;border-radius:var(--radius-full);border:1.5px solid var(--border-default);background:var(--surface-card);font-family:var(--font-sans);font-size:11px;font-weight:var(--weight-semibold);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.day-picker .dp:hover{border-color:var(--brand);color:var(--brand)}.day-picker .dp.is-on{background:var(--brand);border-color:var(--brand);color:var(--text-on-brand)}.net-bar{display:flex;gap:8px;align-items:center;justify-content:center;padding:7px 12px;font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--gold-50);color:var(--gold-700);border-bottom:1px solid var(--gold-100)}.net-bar.is-online{background:var(--success-100);color:var(--success-600);border-color:transparent}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{height:100%}body{background:var(--surface-page)}a{color:var(--green-700)}a:hover{color:var(--green-800)}button{font-family:var(--font-sans)}#root{height:100dvh;display:flex;justify-content:center}.app-shell{position:relative;width:100%;max-width:430px;height:100%;background:var(--surface-page);display:flex;flex-direction:column;overflow:hidden}@media(min-width:431px){body{background:#e4e9e5}.app-shell{box-shadow:0 0 0 1px var(--line-200),0 24px 64px #1c2a2626}}.screen{flex:1;overflow-y:auto;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.screen-pad{display:flex;flex-direction:column;gap:14px;padding:8px var(--screen-pad) 24px}.screen-title{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.screen-subline{font-size:var(--text-sm);color:var(--text-secondary)}.stack-8{display:flex;flex-direction:column;gap:8px}.subhead{display:flex;align-items:center;gap:4px}.bottom-nav a.bn-item{text-decoration:none}.bottom-nav .bn-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.banner-gold{display:flex;gap:10px;align-items:center;background:var(--gold-50);border:1px solid var(--gold-100);border-radius:var(--radius-md);padding:10px 12px;font-size:var(--text-sm);color:var(--gold-700);font-weight:var(--weight-medium)}.banner-success{display:flex;gap:10px;align-items:center;background:var(--success-100);border-radius:var(--radius-md);padding:8px 8px 8px 12px;font-size:var(--text-sm);color:var(--success-600);font-weight:var(--weight-medium)}.footnote{display:flex;gap:6px;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--text-muted)}.avatar-md{width:44px;height:44px;border-radius:var(--radius-full);background:var(--green-100);color:var(--green-800);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold);font-size:14px;flex:none}.avatar-40{width:40px;height:40px;font-size:14px}.meal-card.readonly{cursor:default}.meal-card.readonly:hover{border-color:var(--border-default);box-shadow:var(--shadow-card)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-tile{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:12px 8px;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center}.stat-num{font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.15}.stat-label{font-size:var(--text-xs);color:var(--text-secondary)}.chip-rail{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:2px 4px}.chip-rail::-webkit-scrollbar{display:none}