:root{color-scheme:light dark;--bg: #f6f4f0;--surface: #fffdfb;--surface-sunken: #edeae3;--border: #e3ded4;--border-strong: #c9c3b8;--input-border: #8a8272;--text: #211f1c;--text-muted: #6b6459;--ink: #1e1b18;--ink-contrast: #fbf8f3;--ink-tint: #ece4d7;--ink-wash: rgba(30, 27, 24, .06);--danger: #a02a1b;--danger-contrast: #fff6f3;--danger-text: #8e2314;--danger-soft: #fbebe7;--danger-border: #e7b9ae;--warn-text: #7a4c00;--warn-soft: #fcf3d9;--warn-border: #e5d2a0;--success-text: #23553a;--success-soft: #e9f3ec;--success-border: #b9d6c1;--badge-meat-bg: #9c3a1f;--badge-meat-text: #fff8f4;--badge-meat-border: #9c3a1f;--badge-veggie-bg: #e6f1e7;--badge-veggie-text: #23533a;--badge-veggie-border: #4c7a59;--badge-soup-bg: #eef3f8;--badge-soup-text: #17507e;--badge-soup-border: #3c6b93;--focus: #1e1b18;--skeleton: #e7e2d9;--shadow-card: 0 1px 2px rgba(28, 24, 18, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--dur-fast: .12s;--dur-base: .18s;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.36, .64, 1)}@media(prefers-color-scheme:dark){:root{--bg: #121110;--surface: #1b1917;--surface-sunken: #171513;--border: #322e29;--border-strong: #4a443c;--input-border: #6e675e;--text: #f3efe8;--text-muted: #a79e93;--ink: #ede7de;--ink-contrast: #1b1917;--ink-tint: #2e2924;--ink-wash: rgba(243, 239, 232, .08);--danger: #8e2f22;--danger-contrast: #ffece7;--danger-text: #ffb4a4;--danger-soft: #33201b;--danger-border: #5a2a22;--warn-text: #f0c36a;--warn-soft: #2a2115;--warn-border: #4a3b1c;--success-text: #b6e2c0;--success-soft: #1d2e24;--success-border: #2c4a36;--badge-meat-bg: #b0472c;--badge-meat-text: #fff3ee;--badge-meat-border: #b0472c;--badge-veggie-bg: #1f3a2a;--badge-veggie-text: #b6e2c0;--badge-veggie-border: #5c9e70;--badge-soup-bg: #172029;--badge-soup-text: #a8d0f0;--badge-soup-border: #6aa0c9;--focus: #ede7de;--skeleton: #2c2926;--shadow-card: 0 1px 2px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}p,h1,h2,h3{margin:0}button,input{font:inherit;color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.app{display:flex;min-height:100dvh;flex-direction:column}.app__main{flex:1;width:100%;padding:var(--space-5) var(--space-4) var(--space-5)}.app__footer{width:100%;max-width:640px;margin:0 auto;padding:0 var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));color:var(--text-muted);font-size:.8125rem}.page{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);width:100%;max-width:640px;margin:0 auto}.page-head{display:grid;gap:var(--space-1)}.page-head__eyebrow{color:var(--text-muted);font-size:.8125rem;font-weight:600;letter-spacing:.08em}.page-head__title{font-size:1.75rem;line-height:1.25;letter-spacing:-.01em}.page-head__lede{max-width:46ch;margin-top:var(--space-1);color:var(--text-muted);font-size:.9375rem}.filter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-sunken)}.filter-tab{min-height:44px;min-width:44px;padding:0 var(--space-2);border:1.5px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.filter-tab[aria-pressed=true]{border-color:var(--ink);background:var(--surface);color:var(--text)}.filter-tab:active:not(:disabled){background:var(--surface)}.composer{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.composer__title{font-size:.9375rem;font-weight:700}.composer__field{display:grid;gap:var(--space-1)}.composer__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2) var(--space-3)}.composer__submit{flex:1 1 120px;min-width:96px}.field-label{color:var(--text-muted);font-size:.8125rem;font-weight:600}.input{width:100%;min-height:44px;padding:10px var(--space-3);border:1.5px solid var(--input-border);border-radius:var(--radius-sm);background:var(--surface);font-size:1rem;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input::placeholder{color:var(--text-muted);opacity:1}.input:hover:not(:disabled){border-color:var(--border-strong)}.input:focus{border-color:var(--ink)}.input[aria-invalid=true]{border-color:var(--danger)}.field-note{font-size:.8125rem;line-height:1.5}.field-note--hint{color:var(--text-muted)}.field-note--warning{color:var(--warn-text)}.field-note--error{color:var(--danger-text)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 var(--space-4);border:1.5px solid transparent;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;text-align:center;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{border-color:var(--ink);background:var(--ink);color:var(--ink-contrast)}.btn--ghost{border-color:var(--border-strong);background:transparent;color:var(--text)}.btn--danger{border-color:var(--danger);background:var(--danger);color:var(--danger-contrast)}.btn--danger-text{color:var(--danger-text)}.btn--compact{padding:0 var(--space-3);font-size:.875rem}.type-picker{display:grid;gap:var(--space-1);min-width:0}.type-picker__legend{color:var(--text-muted);font-size:.8125rem;font-weight:600}.type-picker__options{display:flex;gap:var(--space-1)}.type-chip{position:relative;display:flex}.type-chip__input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.type-chip__box{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:52px;padding:0 var(--space-3);border:1.5px solid var(--input-border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.type-chip:hover .type-chip__box{border-color:var(--border-strong);color:var(--text)}}.type-chip__input:checked+.type-chip__box{border-color:var(--ink);background:var(--ink-tint);color:var(--text)}.type-chip__input:disabled+.type-chip__box{cursor:not-allowed;opacity:.55}.type-chip__input:focus-visible+.type-chip__box{outline:2px solid var(--focus);outline-offset:2px}.badge{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:24px;padding:4px var(--space-2);border:1px solid transparent;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:700;line-height:1.2;letter-spacing:.02em}.badge--meat{border-color:var(--badge-meat-border);background:var(--badge-meat-bg);color:var(--badge-meat-text)}.badge--veggie{border-color:var(--badge-veggie-border);background:var(--badge-veggie-bg);color:var(--badge-veggie-text)}.badge--soup{border:1.5px solid var(--badge-soup-border);border-radius:6px;background:var(--badge-soup-bg);color:var(--badge-soup-text)}.notice{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin:0;padding:10px var(--space-3);border:1px solid transparent;border-left-width:4px;border-radius:var(--radius-sm);font-size:.9375rem}.notice__text{flex:1 1 200px;min-width:0}.notice--success{border-color:var(--success-border);background:var(--success-soft);color:var(--success-text)}.notice--warning{border-color:var(--warn-border);background:var(--warn-soft);color:var(--warn-text)}.notice--error{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger-text)}.notice .btn{margin-left:auto}.list-section{display:grid;gap:var(--space-2)}.list-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-3)}.list-head__title{font-size:1.0625rem;border-radius:var(--radius-sm)}.list-head__meta{color:var(--text-muted);font-size:.8125rem}.recipe-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.recipe-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);animation:row-in var(--dur-base) var(--ease-spring) backwards;animation-delay:calc(var(--row-index, 0) * 24ms)}.recipe-row--editing{border-color:var(--border-strong)}.recipe-row--removing{animation:row-out var(--dur-base) var(--ease-out) forwards;pointer-events:none}.recipe-row__main{display:flex;flex:1 1 160px;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.recipe-row__name{min-width:0;overflow-wrap:anywhere;font-size:1.0625rem;font-weight:600;line-height:1.35}.recipe-row__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-left:auto}.recipe-row__hint{flex:1 1 100%;color:var(--text-muted);font-size:.8125rem;line-height:1.5}.recipe-edit{display:grid;gap:var(--space-2);width:100%}.recipe-edit__field{display:grid;gap:var(--space-1)}.recipe-edit__controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2) var(--space-3)}.recipe-edit__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}.skeleton-list{display:grid;gap:var(--space-2)}.skeleton-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.skeleton-bar{display:block;height:14px;border-radius:var(--radius-pill);background:var(--skeleton);animation:skeleton-pulse 1.6s ease-in-out infinite}.skeleton-bar--name{width:42%}.skeleton-bar--badge{width:40px;height:22px}.skeleton-row:nth-child(2) .skeleton-bar--name{width:58%}.skeleton-row:nth-child(3) .skeleton-bar--name{width:30%}.empty-state{display:grid;gap:var(--space-2);justify-items:center;padding:var(--space-6) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center}.empty-state__title{font-size:1.0625rem}.empty-state__text{max-width:34ch;color:var(--text-muted);font-size:.9375rem}:where(button,input,a,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes row-out{to{opacity:0;transform:translateY(-4px)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(hover:hover)and (pointer:fine){.filter-tab:hover:not([aria-pressed=true]):not(:disabled){background:var(--ink-wash);color:var(--text)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 88%,var(--text))}.btn--ghost:hover:not(:disabled){background:var(--ink-wash);border-color:var(--ink)}.btn--danger:hover:not(:disabled){filter:brightness(1.06)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.recipe-row,.recipe-row--removing{animation:none!important}.btn:active:not(:disabled){transform:none}}@media(min-width:600px){.app__main{padding-top:var(--space-6)}.page-head__title{font-size:2rem}.composer{padding:var(--space-4) var(--space-5)}.recipe-row{padding:var(--space-3) var(--space-4)}}.view-nav{width:100%;padding:var(--space-4) var(--space-4) 0}.view-nav__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);width:100%;max-width:640px;margin:0 auto;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-sunken)}.view-nav__item{min-height:44px;min-width:44px;padding:0 var(--space-2);border:1.5px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.view-nav__item[aria-current=page]{border-color:var(--ink);background:var(--surface);color:var(--text)}.page--tonight{gap:var(--space-4)}.page--with-dock{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.tonight-head__date{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-2);margin-top:var(--space-1);font-size:1.0625rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.01em}.tonight-head__today{padding:2px var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.02em}.slots-section{display:grid;gap:var(--space-2);border-radius:var(--radius-lg)}.slots-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3)}.slots-head__main{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);min-width:0}.slots-head__title{border-radius:var(--radius-sm);font-size:1.0625rem}.slots-head__meta{color:var(--text-muted);font-size:.8125rem;font-variant-numeric:tabular-nums}.slots-head__spin{flex:none}.slots-status:empty{display:none}.slots-status{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.slots-locked-note{padding:8px var(--space-3);border-left:3px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-muted);font-size:.8125rem;line-height:1.5}.slot-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.slot-card{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-1) var(--space-2);padding:var(--space-1) var(--space-3) var(--space-3) var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);animation:slot-in var(--dur-base) var(--ease-spring) backwards;animation-delay:calc(var(--slot-index, 0) * 24ms)}.slot-card--off{border-style:dashed;background:var(--surface-sunken);box-shadow:none}.slot-card--armed{border-color:var(--danger-border)}.slot-card--removing{opacity:.6}.slots-section--flash .slot-card{animation:adopt-flash .64s var(--ease-out) 1 forwards}.slot-card__top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.slot-check{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer}.slot-check__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.slot-check__box{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.5px solid var(--input-border);border-radius:6px;background:var(--surface);color:var(--ink-contrast);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.slot-check__glyph{width:12px;height:12px}.slot-check__input:checked+.slot-check__box{border-color:var(--ink);background:var(--ink)}.slot-check__input:disabled{cursor:not-allowed}.slot-check__input:disabled+.slot-check__box{opacity:.55}.slot-check__input:focus-visible+.slot-check__box{outline:2px solid var(--focus);outline-offset:2px}.slot-card__name{flex:1 1 0;min-width:0;overflow-wrap:anywhere;font-size:1.0625rem;font-weight:600;line-height:1.4}.slot-card--off .slot-card__name{color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:1.5px}.slot-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.slot-card__hint{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.slot-add{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding-top:var(--space-1)}.slot-add__label{color:var(--text-muted);font-size:.8125rem;font-weight:600}.slot-add__buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.slot-add__btn{min-width:68px;gap:var(--space-1)}.slot-note{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.slot-note--spin{font-variant-numeric:tabular-nums}.slot-note--spin:empty{display:none}.slot-card__spin-btn{min-width:76px}.slot-card--spinning{border-color:var(--border-strong)}.slot-card__spin-note{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);color:var(--text-muted);font-size:.8125rem;line-height:1.5}.slot-card__spin-note-text{min-width:0;overflow-wrap:anywhere}.slot-card__spin-note--warn{color:var(--warn-text)}.slot-card__spin-note--error{color:var(--danger-text)}.rationale{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface)}.rationale__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.rationale__title{font-size:.9375rem;font-weight:700}.rationale__text{max-width:46ch;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.65}.tag{flex:none;padding:2px var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.02em}.guide-card{display:grid;justify-items:start;gap:var(--space-2);padding:var(--space-5) var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface)}.guide-card__title{font-size:1.0625rem}.guide-card__text{max-width:40ch;color:var(--text-muted);font-size:.9375rem;line-height:1.6}.guide-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.guide-card__main{min-width:200px}.dock{position:fixed;inset:auto 0 0;z-index:10;padding:var(--space-3) var(--space-5) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);box-shadow:0 -1px 0 var(--border)}.dock__inner{display:grid;gap:var(--space-1);width:100%;max-width:420px;margin:0 auto}.dock__primary{min-height:52px;border-radius:var(--radius-md);font-size:1.0625rem}.dock__hint{color:var(--text-muted);font-size:.8125rem;font-variant-numeric:tabular-nums;text-align:center}.dock__hint--warn{color:var(--warn-text)}.dock__error{padding:6px var(--space-2);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger-text);font-size:.8125rem;line-height:1.5;text-align:center}.dock__result{display:flex;align-items:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-2) 0 var(--space-3);border:1.5px solid var(--success-border);border-radius:var(--radius-md);background:var(--success-soft);color:var(--success-text)}.dock__result-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-pill);background:var(--success-text);color:var(--success-soft)}.dock__result-text{font-size:1rem;font-weight:700}.dock__undo{margin-left:auto}.skeleton-block{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.skeleton-bar--line{width:90%}.skeleton-bar--short{width:55%}@keyframes slot-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes adopt-flash{0%{border-color:var(--ink);background-color:var(--ink-tint)}to{border-color:var(--border);background-color:var(--surface)}}@keyframes slot-reel{0%{transform:translateY(0) scaleY(1);filter:blur(0);opacity:1}22%{transform:translateY(-8px) scaleY(.86);filter:blur(1.4px);opacity:.7}46%{transform:translateY(6px) scaleY(1.08);filter:blur(1.9px);opacity:.58}72%{transform:translateY(-3px) scaleY(.94);filter:blur(1.1px);opacity:.8}to{transform:translateY(0) scaleY(1);filter:blur(1px);opacity:.72}}@keyframes slot-land{0%{transform:translateY(-9px) scaleY(.88);filter:blur(1.6px);opacity:.35}62%{transform:translateY(2px) scaleY(1.03);filter:blur(0);opacity:1}to{transform:translateY(0) scaleY(1);filter:blur(0);opacity:1}}@media(prefers-reduced-motion:no-preference){.slot-card--spinning .slot-card__name{animation:slot-reel .52s var(--ease-out) 1 forwards;will-change:transform,filter}.slot-card__name--land{animation:slot-land .34s var(--ease-spring) 1 both}}@media(hover:hover)and (pointer:fine){.view-nav__item:hover:not([aria-current=page]){background:var(--ink-wash);color:var(--text)}.slot-check:hover .slot-check__box{border-color:var(--ink)}}@media(min-width:600px){.slot-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-1)}.slot-card__top{grid-column:1}.slot-card__actions{grid-column:2;justify-content:flex-end}.slot-card__hint,.slot-card__spin-note{grid-column:1 / -1}.slots-head__title,.rationale__title{font-size:1.125rem}.dock__inner{max-width:460px}}