:root{--bg: #f7fafc;--surface: #fff;--surface-2: #f8fafc;--ink: #4a5568;--ink-2: #718096;--ink-3: #a0aec0;--rule: #e2e8f0;--teal: #1c9983;--teal-hover: #157967;--teal-soft: #f0fdf4;--ember: #e53e3e;--ember-soft: #fff5f5;--amber: #b45309;--amber-soft: #fef3c7;--amber-rule: #fde68a;--gold: #f6c05a;--veg-green: #2ecc71;--veg-green-soft: #eafaf1;--radius: 12px;--radius-sm: 6px;--radius-pill: 9999px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 10px 40px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .15)}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,th{font-family:Poppins,sans-serif}.muted{color:var(--ink-2)}.boot{display:grid;place-items:center;min-height:60vh}button{font:inherit;border-radius:var(--radius-pill);border:1px solid var(--teal);background:var(--teal);color:#fff;font-weight:600;min-height:44px;padding:0 20px;cursor:pointer;transition:background-color .15s,transform .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--teal-hover);border-color:var(--teal-hover)}button:disabled{opacity:.5;cursor:default}button.link{background:none;border:none;color:var(--teal);border-radius:0;font-weight:500;min-height:36px;padding:0 4px;text-decoration:underline}button.link:hover:not(:disabled){background:none;color:var(--teal-hover)}button.secondary{background:var(--surface-2);color:var(--ink-2);border-color:transparent;border-radius:var(--radius-sm);font-weight:600}button.secondary:hover:not(:disabled){background:var(--rule);border-color:transparent}button.danger{background:var(--ember);border-color:var(--ember)}button.danger:hover:not(:disabled){background:#c53030;border-color:#c53030}input,select{font:inherit;width:100%;min-height:44px;padding:8px 10px;border:2px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);accent-color:var(--teal);transition:border-color .15s,box-shadow .15s}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:16px;padding:0;border:0;flex:none;cursor:pointer}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input:disabled,select:disabled{background:var(--surface-2);color:var(--ink-3)}input:focus-visible,select:focus-visible{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px #1c99831a}:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.error{background:var(--ember-soft);color:var(--ember);padding:10px 12px;border-radius:var(--radius-sm);margin:12px 0 0}.notice{background:var(--amber-soft);color:var(--amber);padding:10px 12px;border-radius:var(--radius-sm)}.hint{font-size:13px;color:var(--ink-3);margin:0 0 10px}.ok{color:var(--teal);font-size:14px}.count{font-size:12px;font-weight:600;color:var(--ink-2);background:var(--surface-2);border-radius:var(--radius-pill);padding:1px 9px}.badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 9px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-2);border:1px solid transparent}.badge-tier-basic{background:var(--surface-2);color:var(--ink-2);border-color:var(--rule)}.badge-tier-premium{background:var(--teal-soft);color:var(--teal);border-color:var(--teal)}.badge-tier-vip{background:var(--amber-soft);color:var(--amber);border-color:var(--amber-rule)}.badge-status-delivered{background:var(--teal-soft);color:var(--teal)}.badge-status-today{background:var(--amber-soft);color:var(--amber)}.badge-status-pending{background:var(--surface-2);color:var(--ink-2)}.badge-status-rejected{background:var(--ember-soft);color:var(--ember)}.badge-veg{background:var(--veg-green-soft);color:var(--veg-green)}.holiday-text{display:inline-block;background:var(--ember-soft);color:var(--ember);border-radius:var(--radius-pill);padding:4px 10px;font-size:12px;font-weight:600}.page{min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom))}.container{max-width:1100px;margin:0 auto;background:var(--surface);border-radius:20px;box-shadow:var(--shadow-md);padding:24px 24px 32px}.app-nav-header{margin:-24px -24px 24px;padding:16px 24px;border-bottom:1px solid var(--rule);overflow:hidden;position:sticky;top:0;z-index:100;background:var(--surface)}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.nav-logo{justify-self:start;min-width:0}.pill-tabs{display:inline-flex;max-width:100%;min-width:0;justify-self:center;background:var(--surface-2);padding:4px;border-radius:var(--radius-pill);box-shadow:inset 0 2px 4px #0000000d;gap:4px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.pill-tabs::-webkit-scrollbar{display:none}.pill-tabs button{background:transparent;color:var(--ink-2);border:none;padding:10px 20px;font-size:14px;white-space:nowrap;min-height:auto;scroll-snap-align:start}.pill-tabs button:hover:not(:disabled){background:transparent;color:var(--ink)}.pill-tabs button.on{background:var(--teal);color:#fff}.pill-tabs button.on:hover{background:var(--teal)}.logout-btn{background:transparent;color:var(--ink-3);border:1px solid var(--rule);padding:8px 18px;font-size:13px;min-height:auto;display:inline-flex;align-items:center;gap:6px;justify-self:end}.logout-btn svg{width:14px;height:14px}.logout-btn:hover:not(:disabled){background:var(--ember-soft);color:var(--ember);border-color:#fca5a5}.nav-menu{display:none}@media(max-width:860px){.app-nav-header{overflow:visible}.nav-inner{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between}.pill-tabs,.logout-btn{display:none}.guest-exit-btn{display:inline-flex;padding:8px}.guest-exit-btn .guest-exit-label{display:none}.nav-menu{display:block;position:relative}.nav-menu-toggle{background:none;border:none;color:var(--ink);font-size:22px;min-height:40px;min-width:40px;padding:0;cursor:pointer}.nav-menu-toggle:hover:not(:disabled){background:var(--teal-hover);color:#fff}.nav-menu-panel{display:none;position:absolute;top:calc(100% + 8px);right:0;left:auto;flex-direction:column;width:220px;overflow-y:auto;overscroll-behavior:contain;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1000}.nav-menu-panel.open{display:flex}.nav-menu-panel button{width:100%;justify-content:flex-start;text-align:left;background:none;border:none;border-radius:0;color:var(--ink-2);font-weight:600;font-size:14px;padding:14px 16px;border-bottom:1px solid var(--rule)}.nav-menu-panel button:last-child{border-bottom:none}.nav-menu-panel button.on{color:var(--teal);background:var(--teal-soft)}.nav-menu-signout{color:var(--ember)!important}}@media(max-width:700px){.page{padding:0}.container{border-radius:0;box-shadow:none;padding:calc(16px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom))}.app-nav-header{margin:-16px -12px 16px}}.week-banner{text-align:center;margin-bottom:10px}.week-banner h2{margin:0 0 6px;font-size:14px}.week-total{text-align:center;font-size:15px;margin:-8px 0 16px}.week-total strong{color:var(--teal)}.week-total-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:20px auto;padding:16px 20px;background:var(--surface);border:1px solid var(--border, var(--rule));border-radius:var(--radius);box-shadow:var(--shadow-sm);max-width:480px;text-align:center}.week-total-due{font-size:17px;color:var(--ink)}.week-total-due strong{color:var(--teal);font-size:19px;font-weight:700}.week-total-breakdown{font-size:14px;color:var(--ink-3);margin-top:2px;display:flex;flex-direction:column;gap:2px}.week-total-note{display:block;font-size:13px;color:var(--ink-3);margin-top:4px}.week-total-wallet-action{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px;padding-top:10px;border-top:1px dashed var(--rule);width:100%}.wallet-balance-hint{font-size:13px;color:var(--ink-2);font-weight:500}.btn-topup-wallet{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--teal);color:#fff;border:none;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.btn-topup-wallet:hover{opacity:.9}.save-bar-wallet-warning{color:#dc2626;font-size:12px;font-weight:600}.field-price-hint{font-size:11px;color:var(--ink-3);margin-top:4px;line-height:1.2}.field-wallet-empty-hint{font-size:11px;color:#dc2626;font-weight:600;margin-top:4px;line-height:1.2}.field-basic-wrap{display:flex;flex-direction:row;align-items:center;gap:8px}.meal-preview-band{margin:12px -24px;padding:18px 24px;background:var(--surface)}@media(max-width:700px){.meal-preview-band{margin:12px -12px;padding:14px 12px}}.meal-preview-carousel{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px;width:fit-content;max-width:100%;margin:0 auto}.meal-preview-carousel::-webkit-scrollbar{display:none}.meal-preview-card{flex:0 0 auto;scroll-snap-align:start;width:140px}.meal-preview-date{font-size:12px;font-weight:600;color:var(--ink-2);text-align:center;margin-bottom:6px}.meal-preview-photo-wrap{position:relative}.meal-preview-photo-btn{position:relative;display:block;width:100%;height:160px;padding:0;min-height:auto;border:none;border-radius:var(--radius);overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-sm);cursor:pointer}.meal-preview-photo{width:100%;height:100%;object-fit:cover;display:block}.meal-preview-photo-placeholder{background:#475569}.meal-preview-choose{position:absolute;top:6px;right:6px;width:28px;height:28px;min-height:auto;padding:0;border-radius:var(--radius-pill);background:#64748b8c;color:#fff;border:none;font-size:18px;line-height:1;font-weight:600;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;transition:background-color .15s}.meal-preview-choose:hover:not(:disabled){background:#64748bbf}.meal-preview-choose.chosen{background:var(--teal)}.meal-preview-choose.chosen:hover:not(:disabled){background:var(--teal-hover)}.meal-preview-overlay{position:absolute;left:0;right:0;bottom:0;padding:20px 10px 8px;background:linear-gradient(to top,#000000b3,#0000);color:#fff;font-size:12.5px;font-weight:700;text-align:left;line-height:1.35}.meal-preview-empty{width:100%;height:160px;border-radius:var(--radius);border:1px solid var(--rule);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:12.5px;text-align:center;padding:0 8px;box-sizing:border-box}.meal-preview-lightbox{position:fixed;inset:0;z-index:30;background:#0f172abf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px}.meal-preview-lightbox-content{position:relative;max-width:min(90vw,480px);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);line-height:0}.meal-preview-lightbox-content img{display:block;width:100%;max-height:80vh;background:#000}.progressive-photo{display:grid}.progressive-photo>img{grid-area:1 / 1}.progressive-full{opacity:0;transition:opacity .25s ease-out}.progressive-full.loaded{opacity:1}.meal-preview-lightbox-photo-placeholder{width:100%;height:320px;background:#475569}.meal-preview-lightbox-overlay{padding:32px 16px 14px}.meal-preview-lightbox-day{font-size:13px;opacity:.85}.meal-preview-lightbox-label{font-size:16px;margin-top:2px}.meal-preview-lightbox-close{position:absolute;top:10px;right:10px;width:36px;height:36px;min-height:auto;padding:0;border-radius:var(--radius-pill);background:#0000008c;color:#fff;border:none;font-size:15px}.meal-preview-lightbox-choose{top:10px;right:auto;left:10px;width:36px;height:36px;font-size:20px}.meal-preview-lightbox-empty{width:min(90vw,480px);height:320px;max-height:80vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--surface);padding:20px;line-height:normal}.meal-preview-lightbox-empty-day{font-weight:700;font-size:15px;color:var(--ink)}.meal-preview-lightbox-empty-text{color:var(--ink-3);font-size:14px;margin:0}.meal-preview-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;min-height:auto;padding:0;border-radius:var(--radius-pill);background:#00000073;color:#fff;border:none;font-size:20px;display:flex;align-items:center;justify-content:center}.meal-preview-lightbox-nav.prev{left:8px}.meal-preview-lightbox-nav.next{right:8px}.week-nav{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.nav-btn{width:44px;height:44px;min-height:44px;padding:0;flex:none;background:var(--teal-soft);color:var(--teal);border:none;font-size:13px}.nav-btn:hover:not(:disabled){background:var(--teal);color:#fff}.week-picker-toggle{background:var(--surface-2);color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius-pill);min-height:44px;padding:0 16px;min-width:190px;justify-content:center;font-size:14px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;overflow:hidden}.week-picker-toggle:hover:not(:disabled){background:var(--rule);color:var(--ink)}.week-date-text{display:inline-block;transition:transform .2s ease}.week-date-text.dragging{transition:none}.week-date-text.slide-forward{animation:date-slide-from-right .22s ease-out}.week-date-text.slide-backward{animation:date-slide-from-left .22s ease-out}@keyframes date-slide-from-right{0%{transform:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes date-slide-from-left{0%{transform:translate(-28px);opacity:0}to{transform:translate(0);opacity:1}}.week-picker{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);list-style:none;margin:0;padding:6px;width:220px;max-height:216px;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:500;text-align:left}.week-picker button{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;background:none;border:none;border-radius:var(--radius-sm);color:var(--ink);font-size:13.5px;font-weight:500;min-height:40px;padding:0 10px}.week-picker button:hover:not(:disabled){background:var(--surface-2);transform:none}.week-picker button.on{background:var(--teal-soft);color:var(--teal-hover);font-weight:700}.week-picker button small{color:var(--ink-3);font-size:12px;font-weight:400}.week-content{animation:week-slide-in .22s ease-out}@keyframes week-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.week.has-save-bar{padding-bottom:100px}@media(max-width:700px){.week.has-save-bar{padding-bottom:140px}}.save-bar{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);z-index:500;max-width:calc(100vw - 24px)}.save-bar-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.save-bar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.save-bar-count{font:700 12px/1.3 Poppins,sans-serif;color:var(--amber);white-space:nowrap}.save-bar-count-short{display:none}.save-bar-total{font-size:13px;color:var(--ink-2);white-space:nowrap}.save-bar-total strong{color:var(--teal);font-size:14px;font-weight:700}.save-bar-wallet-warning{color:var(--ember);font-size:12px;font-weight:600;white-space:nowrap}.save-bar-balance{color:var(--teal);font-size:12px;font-weight:600;white-space:nowrap}.guest-balance-note{margin:8px 0 12px;font-size:13px;color:var(--ink-2)}.save-bar button{border-radius:var(--radius-pill);min-height:34px;padding:0 16px;font-size:12.5px;white-space:nowrap}.save-bar .btn-undo{background:var(--surface-2);color:var(--ink-2);border:1px solid var(--rule);min-height:30px;font-size:11.5px;font-weight:500}.save-bar .btn-undo:hover:not(:disabled){background:var(--rule);transform:none}.save-bar .btn-pay-primary{background:var(--teal);color:#fff;border:none;font-weight:700;min-height:40px;font-size:14px}.save-bar .btn-pay-primary:hover:not(:disabled){background:var(--teal-hover)}@media(max-width:700px){.save-bar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));transform:none;max-width:none;width:auto;flex-direction:column;align-items:stretch;gap:8px;border-radius:var(--radius);padding:10px 12px}.save-bar-status{justify-content:space-between}.save-bar-actions{margin-left:0}.save-bar-actions button{padding:0 8px}.save-bar-actions .btn-undo{flex:1}.save-bar-actions button:not(.btn-undo){flex:2}.save-bar-count-full{display:none}.save-bar-count-short{display:inline}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.grid-wrap{display:none}.card,.claim-card,.person,.rating-row,.weeks li,.profile fieldset,.login>form,.sheet-body{box-shadow:var(--shadow-sm)}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:12px}.week .card{background:var(--teal-soft)}.card.saving,tr.saving{opacity:.55}.card header{margin-bottom:10px}.card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.card li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;justify-content:space-between}.card li.locked label{color:var(--ink-3)}.card label{display:flex;align-items:baseline;gap:4px;font-size:12.5px;font-weight:500;white-space:nowrap}.card label span{font-size:11px;color:var(--ink-3);font-weight:400}.card-header{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:14px 20px;background:var(--surface-2);border-bottom:1px solid var(--rule);font:700 13px/1.3 Poppins,sans-serif}.card-body{padding:20px}.field{display:flex;gap:8px;align-items:center}.field input[type=number]{width:78px;flex:none;text-align:center}.day-veg-toggle{background:none;border:none;padding:2px;min-height:auto;min-width:auto;width:27px;height:27px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-3)}.day-veg-toggle:disabled{cursor:not-allowed;opacity:.35}.day-veg-toggle:hover:not(:disabled){background:none;transform:none}.day-veg-toggle .leaf-glyph{width:21px;height:21px}.day-veg-toggle.active{color:var(--veg-green)}.veg-hint{display:flex;align-items:center;gap:8px;background:var(--veg-green-soft);border:1px solid var(--veg-green);border-radius:var(--radius-sm);padding:8px 10px;margin-bottom:12px;font-size:13px;color:var(--ink)}.veg-hint .leaf-glyph{flex:none;width:18px;height:18px;color:var(--veg-green)}.veg-hint span{flex:1}.veg-hint-close{background:none;border:none;color:var(--ink-2);font-size:16px;line-height:1;padding:2px 4px;min-height:auto;min-width:auto;cursor:pointer;flex:none}.veg-hint-close:hover:not(:disabled){background:none;color:var(--ink);transform:none}.day-order-toggle{width:30px;height:30px;border-radius:50%;min-height:auto;min-width:auto;display:flex;align-items:center;justify-content:center;padding:0;border:1.5px dashed var(--ink-3);background:none;color:var(--ink-3);font-size:16px;font-weight:700;cursor:pointer}.day-order-toggle.ordered{border:1.5px solid var(--veg-green);background:var(--veg-green);color:#fff}.day-order-toggle:hover:not(:disabled){background:var(--surface-2);transform:none}.day-order-toggle.ordered:hover:not(:disabled){background:var(--veg-green);opacity:.9}.day-order-toggle:disabled{opacity:.4;cursor:not-allowed}.day-order-toggle.locked{border:1.5px solid var(--rule);background:none;color:transparent;cursor:default}.day-order-toggle.locked.ordered{border-color:#cbd5e0;background:#cbd5e0;color:#fff}.day-veg-toggle.static{cursor:default}.locked-value{opacity:.6;font-size:13px;cursor:not-allowed}.locked-value-admin{background:none;border:none;padding:0;min-height:auto;font:inherit;color:var(--ink);opacity:.75;cursor:pointer;text-decoration:underline;text-underline-offset:2px}@media(hover:hover){.locked-value-admin:hover{opacity:1;background:none;transform:none}}.locked-value-admin:disabled{opacity:.5;cursor:wait}.unlock-toast{position:fixed;top:calc(16px + env(safe-area-inset-top) + var(--install-banner-offset, 0px));left:50%;transform:translate(-50%);background:var(--teal);color:#fff;font-weight:600;font-size:13px;margin:0;padding:10px 20px;border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);z-index:600;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.install-banner{position:fixed;top:0;left:0;right:0;z-index:150;padding:3px 14px;padding-top:calc(3px + env(safe-area-inset-top));background:var(--teal);color:#fff;font-size:11px;font-weight:500}.install-banner-inner{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1100px;margin:0 auto}.install-banner-actions{display:flex;align-items:center;gap:4px;flex:none}.install-banner-actions button:not(.install-banner-close){background:#fff;color:var(--teal);border-color:#fff;min-height:20px;padding:0 10px;font-size:11px}.install-banner-actions button:not(.install-banner-close):hover:not(:disabled){background:#ffffffe6}.install-banner-close{background:none;border:none;color:#fff;font-size:15px;line-height:1;padding:4px;min-height:auto;min-width:auto;cursor:pointer}.install-banner-close:hover:not(:disabled){background:#ffffff26;transform:none}.install-tab{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:150;display:inline-flex;align-items:center;gap:5px;min-height:0;min-width:0;padding:2px 12px 3px;padding-top:calc(2px + env(safe-area-inset-top));background:var(--teal);color:#fff;border:none;border-radius:0 0 10px 10px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;box-shadow:0 2px 6px #0000002e;cursor:pointer}.install-tab:hover:not(:disabled){background:var(--teal);filter:brightness(.92);transform:translate(-50%)}.ios-install-steps{margin:0 0 14px;padding-left:20px;font-size:14px;color:var(--ink);line-height:1.6}.ios-install-steps li{margin-bottom:6px}.qty-stepper{display:inline-flex;align-items:center;gap:2px}.qty-stepper input[type=number]{width:36px;min-height:26px;flex:none;padding:0 2px;text-align:center;-moz-appearance:textfield}.qty-stepper input[type=number]::-webkit-inner-spin-button,.qty-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-stepper.active input[type=number]{background:var(--teal-soft);border-color:var(--teal);color:var(--teal-hover)}.qty-btn{background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--radius-sm);color:var(--ink-2);font-size:14px;font-weight:700;line-height:1;min-height:26px;min-width:22px;padding:0;cursor:pointer}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-btn:hover:not(:disabled){background:var(--surface);transform:none}.refusal,.refusal-row td{background:var(--ember-soft);color:var(--ember);font-size:13.5px;padding:8px 10px;border-radius:var(--radius-sm);margin:10px 0 0}.name-cell{display:flex;align-items:center;gap:6px;min-width:0}.emp-name{font-weight:600;color:var(--teal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.emp-name-btn{background:none;border:none;padding:0;display:inline-flex;align-items:center;gap:4px;cursor:pointer;text-align:left;min-height:auto;min-width:auto;font:inherit}.emp-name-btn:hover:not(:disabled){background:none;transform:none}.emp-name-btn:hover .emp-name{text-decoration:underline}.name-cell small{color:var(--ink-3);font-size:12px;margin-right:4px}.trash-icon,.leaf-icon,.repeat-icon,.name-options-btn{background:none;border:none;padding:2px;min-height:auto;min-width:auto;font-size:14px;color:var(--ink-3);cursor:pointer;flex:none;line-height:1}.trash-icon:hover:not(:disabled){background:none;color:var(--ember);transform:none}.leaf-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.leaf-glyph{width:14px;height:14px}.leaf-glyph.active{color:var(--veg-green)}.leaf-icon:hover:not(:disabled){background:none;transform:none}.name-options-btn{font-size:16px;font-weight:700}.name-options-btn:hover:not(:disabled){background:none;color:var(--teal);transform:none}.repeat-icon{margin-left:auto;filter:grayscale(1);opacity:.45}.repeat-icon.active{filter:none;opacity:1}.repeat-icon:hover:not(:disabled){background:none;transform:none}.add-employee-block{margin-top:16px;padding-top:16px;border-top:2px solid var(--rule)}.btn-add-employee{background:transparent;color:var(--teal);border:2px dashed var(--amber-rule);border-color:#a7f3d0;font-weight:600;width:100%}.btn-add-employee:hover:not(:disabled){background:var(--teal-soft)}.add-employee-form{display:flex;flex-direction:column;gap:10px}.add-employee-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.add-employee-row input[type=text],.add-employee-row>input{flex:1 1 220px}.add-employee-row select{flex:1 1 160px}.add-employee-row button{flex:none}.add-employee-actions{display:flex;align-items:center;gap:12px}.bulk-check{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;font-weight:600;color:var(--ink);flex:none;min-height:44px}@media(min-width:860px){.cards{display:none}.grid-wrap{display:block;overflow-x:auto;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.grid{width:100%;border-collapse:collapse;font-size:13px}.grid th,.grid td{padding:8px 10px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:middle}.grid thead th:not(.col-name){text-align:center}.sub-header-row .sub-th:not(:first-child){text-align:center}.day-cell-inner{display:flex;align-items:center;justify-content:center;height:100%}.grid thead th{font-size:13.5px;font-weight:600;color:var(--ink)}.grid thead tr:first-child th{padding-bottom:6px}.grid .sub-header-row .sub-th{padding-top:0;border-bottom:1px solid var(--rule);font-size:12px;color:var(--ink-3);font-weight:400}.sub-th-icon{display:inline-flex;align-items:center;gap:4px;margin-right:14px}.sub-th-icon .leaf-glyph{color:var(--veg-green)}.sub-th-repeat-all{background:none;border:none;padding:0;min-height:auto;color:inherit;font:inherit;cursor:pointer}.sub-th-repeat-all:hover{background:none;color:var(--teal);transform:none}.day-status{display:block;font-style:normal;font-size:10.5px;color:var(--amber);margin-top:2px}.day-status.open{color:var(--teal)}.day-status.no{color:var(--ember)}.unlock-req-btn{background:none;border:none;font-size:14px;padding:0;min-height:auto;line-height:1;opacity:.7}.unlock-req-btn:hover{background:none;opacity:1;transform:none}.grid tbody tr td{background:var(--teal-soft)}.grid tbody tr:hover td{background:var(--surface-2)}.grid tbody tr:last-child td{border-bottom:none}.grid .refusal-row td{border-bottom:none}.col-name,.sub-header-row .sub-th:first-child{position:sticky;left:0;z-index:1;width:26%}.grid thead .col-name,.sub-header-row .sub-th:first-child{background:var(--surface)}.grid tbody tr td.col-name{background:var(--teal-soft)}.grid tbody tr:hover td.col-name{background:var(--surface-2)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sheet{position:fixed;inset:0;z-index:20;background:#0f172a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center}.sheet-body{position:relative;width:100%;max-width:460px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--rule);border-radius:16px 16px 0 0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg)}.sheet-body h3{margin:0 0 6px;font-size:18px}.sheet-body p{margin:0 0 14px;font-size:14px}.sheet-body label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:5px}.sheet-body textarea{width:100%;font:inherit;padding:10px;border-radius:var(--radius-sm);border:2px solid var(--rule);background:var(--bg);color:var(--ink);resize:vertical}.sheet-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.btn-danger{background:var(--ember);border-color:var(--ember)}.btn-danger:hover:not(:disabled){background:#c53030;border-color:#c53030}.fb-type-row{display:flex;gap:20px;margin-bottom:14px}.fb-type-row label{display:flex;align-items:center;gap:6px;margin-bottom:0;font-size:14px;color:var(--ink)}@media(min-width:560px){.sheet{align-items:center}.sheet-body{border-radius:16px}}.people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.person{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:12px 14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.person.inactive{opacity:.65}.person-main{flex:1 1 160px;display:flex;flex-direction:column}.person-main small{color:var(--ink-3);font-size:12px}.invite-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.invite-row label{flex:1 1 180px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-2)}.invite-row button{flex:none}.invite-row small.error{flex-basis:100%}.invite-status{color:var(--ink-3);font-size:13px;margin:0}.activity-info{color:var(--ink-3);font-size:13px;margin:4px 0 0}.dietary{border:1px solid var(--rule);border-radius:var(--radius-sm);padding:10px 12px;margin:0;display:flex;flex-wrap:wrap;gap:8px 14px}.dietary legend{font-size:12px;font-weight:600;color:var(--ink-2);padding:0 4px}.dietary label{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-2)}.dietary label.locked{opacity:.55;cursor:not-allowed}.dietary input{width:auto;min-height:auto}.dietary input:disabled{cursor:not-allowed}.dietary small.error{flex-basis:100%}.vip-tag{font-size:9.5px;font-weight:700;color:var(--ember);letter-spacing:.02em}.login,.claim{display:grid;place-items:center;min-height:60vh;padding:20px}.login>form,.claim-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:6px}.login>form>svg,.claim-card>svg{align-self:center;margin-bottom:8px}.login-mode-toggle{display:flex;width:100%;margin:6px 0 4px}.login-mode-toggle button{flex:1;color:var(--ink-3)}.login-mode-toggle button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.login-mode-toggle button.on:hover{background:var(--surface)}.login>form>h1,.claim-card h1{margin:0;font-size:26px;letter-spacing:-.02em;text-align:center}.login>form>p,.claim-card p{margin:0 0 12px;text-align:center}.login>form>label,.claim-card label{font-size:13px;color:var(--ink-2);margin-top:10px}.login>form>button,.claim-card button{margin-top:18px}.login>form>p.login-method-hint{margin:8px 0 0;font-size:13px}.login>form>p.login-sent{background:var(--teal-soft);color:var(--teal-hover);padding:10px 12px;border-radius:var(--radius-sm);margin:12px 0 0;font-size:14px}.register-link-wrap{margin-top:4px;text-align:center;font-size:13px}.register-link-wrap button.link{font-size:13px}.profile{display:flex;flex-direction:column;gap:16px;max-width:620px}.profile fieldset{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);padding:16px;margin:0}.profile legend{font-size:13px;font-weight:600;color:var(--ink-2);padding:0 6px}.profile-columns{display:flex;flex-direction:column;gap:16px}@media(min-width:860px){.profile{max-width:900px}.profile-columns{flex-direction:row;align-items:flex-start}.profile-columns fieldset{flex:1;min-width:0}}.field-row{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.field-row:last-child{margin-bottom:0}.field-row>span{font-size:13px;color:var(--ink-2)}.field-row small{font-size:12px;color:var(--ink-3)}.field-row.checkbox-row{flex-direction:row;align-items:center;gap:8px}.claim-note{margin:-4px 0 0;font-size:13px}.field-row textarea{font:inherit;padding:8px 10px;border:2px solid var(--rule);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);resize:vertical}.profile-actions{display:flex;align-items:center;gap:12px}.profile-order-days{margin-top:14px;display:flex;flex-direction:column;gap:6px}.profile-order-days .field-row-label{font-size:13px;color:var(--ink-2)}.day-checkbox-group{display:flex;flex-wrap:wrap;gap:14px}.day-toggle{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.profile-contribution{margin-top:14px;display:flex;flex-direction:column;gap:8px}.profile-contribution .field-row-label{font-size:13px;color:var(--ink-2)}.contribution-option{display:flex;align-items:center;gap:8px;font-size:14px}.contribution-amount{max-width:200px;margin:4px 0 4px 24px}.profile-contribution-visibility{margin-top:14px;display:flex;flex-direction:column;gap:8px}.profile-contribution-visibility .field-row-label{font-size:13px;color:var(--ink-2)}.contribution-visibility-options{display:flex;flex-direction:column;gap:8px}.removal-list{list-style:none;margin:0 0 16px;padding:0;max-height:240px;overflow-y:auto;border:1px solid var(--rule);border-radius:var(--radius-sm)}.removal-list li{padding:8px 12px;font-size:13px;border-bottom:1px solid var(--rule)}.removal-list li:last-child{border-bottom:none}.join-request-list{max-height:none}.join-request-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.join-request-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.join-request-actions input{flex:1 1 160px;min-height:36px}.tier-plans{display:flex;flex-direction:column;gap:10px;margin-top:10px}.tier-plan{border:1px solid var(--rule);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:8px}.tier-plan.current{border-color:var(--teal);background:var(--teal-soft)}.tier-plan-head{display:flex;align-items:center;gap:8px}.tier-plan p{margin:0 0 8px;font-size:13px;color:var(--ink-2);line-height:1.45}.tier-plan button{margin-top:auto;width:100%;font-size:12.5px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:560px){.tier-plans{flex-direction:row;align-items:stretch}.tier-plan{flex:1}}.wallet{display:flex;flex-direction:column;gap:16px;max-width:480px}.wallet fieldset{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);padding:16px;margin:0;box-shadow:var(--shadow-sm)}.wallet legend{font-size:13px;font-weight:600;color:var(--ink-2);padding:0 6px}.wallet-balance-amount{font-size:32px;font-weight:700;color:var(--teal);margin:4px 0 10px}.wallet-topup{margin-top:14px;display:flex;flex-direction:column;gap:10px}.claim-card .wallet-link-actions button{flex:1;margin-top:14px}.wallet-link-actions{display:flex;gap:10px}.wallet-link-actions .secondary{flex:0 0 auto}.wallet-auto-topup-form{margin-top:10px;display:flex;flex-direction:column;gap:10px}.wallet-auto-topup-actions{display:flex;gap:10px}.wallet-auto-topup-actions .secondary{flex:0 0 auto}.weeks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.weeks li{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.week-row{width:100%;background:none;border:none;color:var(--ink);border-radius:0;padding:12px 14px;text-align:left;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}.week-row .w{display:flex;flex-direction:column;flex:1 1 190px}.week-row .w small{color:var(--ink-3);font-size:12px}.week-row .m{font-size:14px;color:var(--ink-2)}.week-row .d{font-size:13px;color:var(--ink-3)}.week-row .d.yes{color:var(--teal)}.weeks li.open .week-row{border-bottom:1px solid var(--rule)}.week-detail{overflow-x:auto}.week-detail table{width:100%;border-collapse:collapse;min-width:520px}.week-detail th,.week-detail td{padding:8px 12px;text-align:left;font-size:13.5px;border-bottom:1px solid var(--surface-2)}.week-detail th{font-size:11.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;font-family:Poppins,sans-serif}.week-detail th em{display:block;font-style:normal;font-size:10px;color:var(--teal);letter-spacing:0;text-transform:none}.week-detail tr:last-child td{border-bottom:none}.date-ratings{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.date-ratings>li{border:1px solid var(--rule);border-radius:var(--radius-sm);overflow:hidden}.date-row{width:100%;background:none;border:none;color:var(--ink);border-radius:0;padding:10px 12px;text-align:left;font-size:13.5px;display:flex;justify-content:space-between;gap:12px;align-items:baseline}.date-ratings>li.open .date-row{border-bottom:1px solid var(--rule)}.date-rating-list{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:8px}.order-log{margin-top:28px}.order-log h3{margin:0 0 10px;font-size:16px}.order-log-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.order-log-chip{background:var(--surface);color:var(--ink-2);border:1px solid var(--rule);border-radius:var(--radius-pill);padding:5px 12px;font-size:13px}.order-log-chip.on{background:var(--teal-soft);color:var(--teal);border-color:var(--teal)}.order-log-chip .count{font-weight:600;margin-left:2px}.order-log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.order-log-row{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:10px 14px;display:flex;flex-direction:column;gap:3px}.order-log-head{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.order-log-badge{font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:var(--radius-pill);background:var(--teal-soft);color:var(--teal)}.order-log-badge.type-changed{background:var(--amber-soft);color:var(--amber)}.order-log-badge.type-cancelled,.order-log-badge.type-payment-not-saved{background:var(--ember-soft);color:var(--ember)}.order-log-what{font-size:14px;color:var(--ink)}.order-log-detail,.order-log-meta{font-size:12.5px}.rating-row{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.rating-main{display:flex;flex-direction:column;flex:1 1 160px}.rating-main span{font-size:12.5px;color:var(--ink-3)}.stars{display:flex;gap:2px;align-items:center}.star{background:none;border:none;color:var(--rule);font-size:22px;line-height:1;min-height:36px;min-width:32px;padding:0;cursor:pointer}.star.on{color:var(--amber)}.star:disabled{cursor:default}.stars.readonly{gap:1px}.stars.readonly .star{min-height:auto;min-width:auto;font-size:16px;cursor:default}.stars.readonly p{flex-basis:100%;margin:4px 0 0;font-size:12.5px}.rating-comment{flex-basis:100%}.rating-comment textarea{width:100%;font:inherit;font-size:13.5px;padding:8px 10px;border:2px solid var(--rule);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);resize:vertical}.feedback-fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;width:52px;height:52px;min-height:52px;border-radius:50%;font-size:22px;padding:0;box-shadow:var(--shadow-md);transition:width .25s ease,height .25s ease,border-radius .25s ease,right .25s ease}.feedback-fab-icon{transition:opacity .15s ease}.feedback-fab.collapsed{width:18px;height:52px;right:-2px;border-radius:10px 0 0 10px}.feedback-fab.collapsed .feedback-fab-icon{opacity:0}.guest-toggle{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;color:var(--ink-2);cursor:pointer}.badge-guest{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:4px;background:var(--surface-2, #e0f2fe);color:var(--teal);margin-left:6px;vertical-align:middle}.guest-nav-header .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.guest-nav-company{font-weight:700;font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:center}.guest-landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--bg)}.guest-landing-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg, 16px);padding:36px 28px;box-shadow:var(--shadow-md);text-align:center;display:flex;flex-direction:column;gap:20px}.guest-landing-logo{display:flex;justify-content:center}.guest-landing-header h2{margin:0;font-size:22px;font-weight:800;color:var(--ink)}.guest-landing-sub{margin:6px 0 0;font-size:13.5px;color:var(--ink-3);font-weight:500}.guest-landing-form{display:flex;flex-direction:column;gap:16px;text-align:left}.guest-landing-form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink)}.guest-landing-form input{font-size:16px;padding:12px 14px;border:2px solid var(--rule);border-radius:var(--radius-sm, 8px);background:var(--bg);color:var(--ink);transition:border-color .15s ease}.guest-landing-form input:focus{outline:none;border-color:var(--teal)}.btn-guest-start{width:100%;padding:12px 20px;font-size:15px;font-weight:700;background:var(--teal);color:#fff;border:none;border-radius:var(--radius-sm, 8px);cursor:pointer;transition:opacity .15s ease}.btn-guest-start:disabled{opacity:.5;cursor:not-allowed}.guest-landing-hint{margin:0;font-size:12.5px;color:var(--ink-3);line-height:1.5}.guest-landing-error-box{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm, 8px);padding:16px;color:#b91c1c}.guest-landing-error-box h3{margin:0 0 8px;font-size:16px;font-weight:700}.guest-landing-error-box p{margin:0;font-size:13.5px;line-height:1.5}.archived-older-toggle{margin:12px 0 6px;font-weight:600}button.archived-toggle{background:none;border:none;color:inherit;font:inherit;padding:0;border-radius:0;text-align:left;display:inline-flex;align-items:center;gap:8px}button.archived-toggle:hover:not(:disabled){background:none;border:none;color:var(--teal)}.reaction-rater{display:grid;gap:10px;width:100%}.reaction-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:520px){.reaction-cards{grid-template-columns:repeat(4,1fr)}}.reaction-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:68px;padding:8px 6px;background:var(--surface);color:var(--ink);border:1.5px solid var(--rule);border-radius:var(--radius);cursor:pointer;font:inherit;font-size:13.5px;font-weight:600;text-align:center;transition:transform .12s ease,border-color .12s ease,background .12s ease}.reaction-card:hover:not(:disabled){border-color:var(--teal)}.reaction-card:disabled{cursor:default;opacity:.7}.reaction-card.on{border-color:var(--teal);background:var(--teal-soft);transform:scale(1.03)}.reaction-emoji{font-size:26px;line-height:1.1}.reaction-details{display:grid;gap:8px;padding:12px;background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--radius);animation:reaction-open .18s ease-out}@keyframes reaction-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reaction-details{animation:none}.reaction-card{transition:none}}.reaction-question{margin:0;font-weight:600;font-size:14px}.reaction-chips,.reaction-pulse-tags{display:flex;flex-wrap:wrap;gap:6px}.reaction-chip{min-height:40px;padding:6px 12px;background:var(--surface);color:var(--ink);border:1.5px solid var(--rule);border-radius:var(--radius-pill);cursor:pointer;font:inherit;font-size:13.5px}.reaction-chip.on{border-color:var(--teal);background:var(--teal-soft);font-weight:600}.reaction-chip.static{min-height:0;padding:2px 10px;cursor:default;font-size:12.5px}.reaction-details textarea{width:100%;font:inherit}.reaction-done{justify-self:end}.reaction-more{justify-self:start}.reaction-thanks{margin:0;color:var(--teal-hover);font-weight:600;font-size:14px}.reaction-pulse{display:grid;gap:6px;padding:10px 12px;background:var(--amber-soft);border:1px solid var(--amber-rule);border-radius:var(--radius)}.reaction-pulse-line{font-size:14px}.reaction-pulse-meter{height:8px;background:var(--surface);border-radius:var(--radius-pill);overflow:hidden}.reaction-pulse-meter span{display:block;height:100%;background:var(--teal);border-radius:var(--radius-pill)}.reaction-pulse-wait,.reaction-earlier{margin:0;font-size:13px}.rating-readout{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.rating-readout p{flex-basis:100%;margin:4px 0 0;font-size:12.5px}.rate-recent{margin:0 0 14px;padding:14px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.rate-recent-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.rate-recent-head h3{margin:0;font-size:16px}.rate-recent-close{min-width:36px;min-height:36px;background:none;border:none;color:var(--ink-2);font-size:16px;cursor:pointer}.reaction-card:hover:not(:disabled){background:var(--surface);border-color:var(--teal);color:var(--ink)}.reaction-card.on:hover:not(:disabled){background:var(--teal-soft)}.reaction-chip:hover:not(:disabled){background:var(--surface);border-color:var(--teal);color:var(--ink)}.reaction-chip.on:hover:not(:disabled){background:var(--teal-soft)}.rate-recent-close:hover:not(:disabled){background:none;border-color:transparent;color:var(--ink)}.meal-preview-rate{position:absolute;top:8px;right:8px;z-index:2;min-height:30px;min-width:30px;padding:4px 10px;border:none;border-radius:var(--radius-pill);background:#fffffff0;color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm)}.meal-preview-rate.rated{padding:2px 6px;font-size:18px}.meal-preview-rate:hover:not(:disabled){background:#fff;color:var(--ink);transform:none}.rate-recent-photo{width:56px;height:56px;flex:none;border-radius:var(--radius-sm);object-fit:cover}.rate-recent-head h3{flex:1;align-self:center}.reaction-details{animation:reaction-open .32s cubic-bezier(.34,1.56,.64,1)}.reaction-thanks{animation:reaction-glow 1.4s ease-out;border-radius:var(--radius-sm)}@keyframes reaction-glow{0%{background:#1c998347;box-shadow:0 0 0 6px #1c99832e}to{background:transparent;box-shadow:0 0 #1c998300}}.reaction-pulse-meter span{transform-origin:left;animation:reaction-fill .8s cubic-bezier(.2,.8,.2,1) both}@keyframes reaction-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.reaction-details,.reaction-thanks,.reaction-pulse-meter span{animation:none}}.rate-recent{padding:10px 12px;margin-bottom:10px}.rate-recent-head{align-items:center;gap:10px;margin-bottom:8px}.rate-recent-head h3{font-size:15px;line-height:1.25}.rate-recent-photo{width:40px;height:40px}.rate-recent-close{min-width:32px;min-height:32px}.reaction-rater.compact{gap:6px}.reaction-rater.compact .reaction-cards{grid-template-columns:repeat(4,1fr);gap:6px}.reaction-rater.compact .reaction-card{min-height:56px;padding:6px 2px;font-size:12px}.reaction-rater.compact .reaction-emoji{font-size:24px}.emoji-rain{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}.emoji-rain-drop{position:absolute;bottom:-60px;line-height:1;opacity:0;animation-name:emoji-rise;animation-timing-function:cubic-bezier(.25,.6,.35,1);animation-fill-mode:both}@keyframes emoji-rise{0%{transform:translate(0) rotate(0);opacity:0}12%{opacity:1}80%{opacity:1}to{transform:translate(var(--drift, 0px),-112vh) rotate(24deg);opacity:0}}