:root{--bg:#f7f6f2;--surface:#fff;--ink:#23282b;--muted:#8c928d;--faint:#b7bcb6;--line:#eceae3;--accent:#2f7a5b;--accent-ink:#205740;--accent-soft:#e7f1ec;--amber:#b8801f;--amber-soft:#f6ecd8;--danger:#b4443a;--radius:18px;--radius-sm:12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45}button,input,textarea{color:inherit;font-family:inherit;font-size:16px}.app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.app-header{z-index:20;padding:calc(env(safe-area-inset-top) + 18px) 22px 14px;-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--line);background:#f7f6f2;position:sticky;top:0}.app-header h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.app-subtitle{color:var(--muted);margin:2px 0 0;font-size:13.5px}.content{flex-direction:column;flex:1;gap:6px;padding:18px 16px 8px;display:flex}.app-footer{padding:20px 24px calc(env(safe-area-inset-bottom) + 24px);text-align:center;color:var(--faint);font-size:12px}.scroll-top-btn{right:max(16px,50% - 224px);bottom:calc(env(safe-area-inset-bottom) + 20px);z-index:40;background:var(--accent);color:#fff;cursor:pointer;opacity:0;pointer-events:none;touch-action:manipulation;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .2s,transform .2s,background .15s;display:inline-flex;position:fixed;transform:translateY(12px)scale(.9);box-shadow:0 6px 18px #23282b38}.scroll-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scroll-top-btn:active{background:var(--accent-ink);transform:translateY(0)scale(.94)}.day-section{margin-top:24px}.day-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 6px 8px;font-size:13.5px;font-weight:800}.day-meals{flex-direction:column;gap:6px;display:flex}.meal-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:box-shadow .2s,border-color .2s;overflow:hidden}.meal-card.open{border-color:#e2e0d7;box-shadow:0 10px 30px #23282b14}.meal-summary{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:15px 16px;display:flex}.meal-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.meal-line{align-items:center;gap:10px;display:flex}.meal-type{letter-spacing:-.01em;align-items:center;gap:6px;font-size:16px;font-weight:650;display:inline-flex}.meal-icon{font-size:15px}.meal-count{color:var(--muted);background:var(--bg);border-radius:999px;padding:2px 9px;font-size:12px}.charge-row{align-items:center;gap:10px;min-width:0;display:flex}.charge-names{color:var(--ink);font-size:14px;font-weight:500}.meal-menu{color:var(--muted);white-space:pre-wrap;font-size:13px;line-height:1.35}.todo-badge{color:var(--amber);background:var(--amber-soft);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12.5px;font-weight:600}.outside-badge{color:#3f5b86;background:#e9eef6;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12.5px;font-weight:600}.meal-card.outside,.meal-card.todo{background:#fbfbf9;border-style:dashed}.meal-card.outside .meal-type,.meal-card.todo .meal-type{color:var(--muted)}.meal-card.outside .meal-icon,.meal-card.todo .meal-icon{filter:grayscale();opacity:.6}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff2e}.avatar-stack{display:flex}.avatar-stack .avatar{border:2px solid var(--surface);margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.chevron{border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);flex-shrink:0;width:9px;height:9px;margin:0 4px;transition:transform .25s;transform:rotate(45deg)}.chevron.up{transform:rotate(-135deg)}.meal-editor{padding:2px 16px 16px;animation:.22s slidein}@keyframes slidein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.editor-section{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:10px;padding:14px}.editor-section:last-child{margin-bottom:0}.section-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.section-head h3{letter-spacing:.04em;text-transform:uppercase;color:var(--ink);align-items:center;gap:7px;margin:0;font-size:13px;font-weight:800;display:inline-flex}.h3-icon{letter-spacing:normal;font-size:16px}.section-hint{color:var(--muted);margin:0 0 12px;font-size:12.5px;line-height:1.35}.empty-hint{color:var(--muted);font-size:13px}.count-pill{color:var(--muted);background:var(--bg);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.count-pill.ok{background:var(--accent-soft);color:var(--accent-ink)}.pill-grid{flex-wrap:wrap;gap:8px;display:flex}.table-list{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.guests-row{margin-top:8px}.person-pill{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 6px;transition:all .15s;display:inline-flex}.pill-name{white-space:nowrap;font-size:14px;font-weight:500}.charge-count{background:var(--bg);min-width:18px;height:18px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;margin-left:-2px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.person-pill.selected .charge-count{color:#fff;background:#ffffff3d}.charge-toggle{padding-left:8px}.pill-check{border:2px solid var(--faint);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;display:inline-flex}.charge-toggle.selected .pill-check{background:#fff;border-color:#fff}.charge-toggle.selected .pill-check:after{content:"✓";color:var(--accent);font-size:11px;font-weight:900;line-height:1}.person-pill.selected{background:var(--accent);border-color:var(--accent)}.person-pill.selected .pill-name{color:#fff;font-weight:600}.person-pill.selected .avatar{box-shadow:inset 0 0 0 1px #ffffff59}.present-toggle.absent{background:0 0;border-style:dashed;border-color:#dcd9cf}.present-toggle.absent .pill-name{color:var(--faint);text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.present-toggle.absent .avatar{filter:grayscale();opacity:.5}.person-pill.guest{border-color:var(--accent-soft);background:var(--accent-soft);padding-right:6px}.pill-remove{color:var(--muted);cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:15px;line-height:1;display:inline-flex}.add-guest-pill{color:var(--accent-ink);background:0 0;border-style:dashed;border-color:#c9d8d0;padding:8px 14px;font-size:14px;font-weight:600}.person-pill.adding{border-color:var(--accent);padding:3px 6px 3px 12px}.person-pill.adding input{background:0 0;border:none;outline:none;width:100px;padding:4px 0}.pill-confirm{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;line-height:1;display:inline-flex}.pill-confirm:active{background:var(--accent-ink)}.btn-delete{border-radius:var(--radius-sm);width:100%;color:var(--danger);cursor:pointer;background:0 0;border:none;margin-top:16px;padding:12px;font-size:14px;font-weight:600}.btn-delete:active{background:#fbe9e7}.holiday-range{flex-wrap:wrap;align-items:center;gap:8px;padding:2px 4px 8px;display:flex}.holiday-label{letter-spacing:.04em;text-transform:uppercase;width:100%;color:var(--muted);margin:0 0 8px 2px;font-size:13px;font-weight:700}.range-field{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.range-field input[type=date]{color:var(--ink);background:0 0;border:none;outline:none;padding:0;font-size:14px;font-weight:600}.muted{color:var(--muted)}.center{text-align:center}.empty{text-align:center;color:var(--muted);padding:56px 16px}.empty p{margin:4px 0}.error-banner{color:var(--danger);border-radius:var(--radius-sm);background:#fbe9e7;margin:0 0 8px;padding:11px 14px;font-size:14px}.day-section,.meal-card{scroll-margin-top:96px}.day-heading{align-items:center;display:flex}.day-section.is-today .day-heading{color:var(--accent-ink)}.day-tag{background:var(--accent);color:#fff;letter-spacing:.06em;border-radius:999px;margin-right:8px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block}.day-section.is-today .meal-card{border-color:#d7e6de}.meal-note{color:var(--muted);flex-wrap:wrap;gap:3px 10px;max-width:100%;font-size:12px;display:flex}.note-guests{color:var(--accent-ink);font-weight:600}.note-absent{color:var(--faint)}.menu-input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);resize:none;width:100%;min-height:66px;color:var(--ink);outline:none;padding:11px 12px;font-size:15px;line-height:1.4;transition:border-color .15s,box-shadow .15s,background .15s;overflow:hidden}.menu-input.menu-empty{background:#fdf8ee;border-color:#e6cfa0}.menu-input.menu-filled{background:#f2f8f5;border-color:#bfdccc}.menu-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.menu-input::placeholder{color:var(--faint)}.menu-field{flex-direction:column;gap:10px;display:flex}.menu-save{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-self:flex-end;padding:9px 18px;font-size:14px;font-weight:600;transition:background .15s,transform .15s}.menu-save:active:not(:disabled){background:var(--accent-ink);transform:scale(.97)}.menu-save:disabled{background:var(--line);color:var(--faint);cursor:default}.skeletons{flex-direction:column;gap:10px;margin-top:8px;display:flex}.skel-card{border-radius:var(--radius);background:linear-gradient(100deg,#efeee9 30%,#f7f6f2 50%,#efeee9 70%) 0 0/200% 100%;height:74px;animation:1.3s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.meal-summary{transition:background .15s}.meal-summary:active{background:var(--bg)}.person-pill:active{transform:scale(.96)}.setup{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.setup h2{margin-top:0;font-size:19px}.setup ol{padding-left:20px;line-height:1.7}.setup code{background:var(--bg);border-radius:6px;padding:1px 6px;font-size:13px}.setup a{color:var(--accent)}.header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.header-title{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;line-height:1;transition:transform .15s,background .15s;display:inline-flex}.icon-btn:active{background:var(--bg);transform:scale(.92)}.back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;min-height:44px;padding:8px 10px 8px 2px;font-size:16px;font-weight:600;display:inline-flex}.back-btn:active{opacity:.6;background:var(--accent-soft)}.header-spacer{width:72px}.settings-list{flex-direction:column;gap:12px;display:flex}.settings-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:12px;padding:10px 12px;display:flex}.row-reorder{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.reorder-btn{border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:9px;justify-content:center;align-items:center;width:40px;height:34px;font-size:18px;line-height:1;display:inline-flex}.reorder-btn:active:not(:disabled){background:var(--line);transform:scale(.94)}.reorder-btn:disabled{color:var(--faint);cursor:default;opacity:.45}.row-fields{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.settings-name-input{border:1.5px solid var(--faint);background:var(--surface);width:100%;min-height:46px;color:var(--ink);border-radius:10px;padding:12px;font-weight:600;transition:border-color .15s,box-shadow .15s}.settings-name-input::placeholder{color:var(--faint);font-weight:500}.settings-name-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.row-delete{color:var(--muted);cursor:pointer;touch-action:manipulation;background:#0000000f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;line-height:1;display:inline-flex}.row-delete:active{color:var(--danger);background:#fbe9e7;transform:scale(.94)}.add-member-btn{border:1px dashed var(--faint);background:var(--bg);width:100%;color:var(--accent-ink);border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;min-height:50px;margin-top:14px;padding:15px;font-size:15px;font-weight:600;transition:background .15s}.add-member-btn:active{background:var(--accent-soft)}.settings-note{margin:4px 2px 0;font-size:12.5px;line-height:1.4}.settings-actions{margin-top:16px;margin-bottom:calc(env(safe-area-inset-bottom) + 24px);gap:12px;display:flex}.btn-secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;min-height:50px;padding:14px 18px;font-size:15px;font-weight:600}.btn-secondary:active{background:var(--bg)}.settings-actions .btn-secondary,.settings-actions .menu-save{flex:1;align-self:auto;min-height:50px;padding:14px 18px;font-size:15px}