:root{--bg:#f7f8f9;--surface:#fff;--surface-sunken:#f7f8f9;--surface-hover:#eeede6;--divider:#ebeae2;--divider-strong:#e0dfd6;--text-1:#151515;--text-2:gray;--text-3:#99a1ad;--sub:#151515;--accent:#169d63;--accent-strong:#128252;--accent-ink:#fff;--accent-soft:#e9fcf4;--accent-soft-2:#bcf5dd;--fresh:#22c55e;--fresh-soft:#e7f9ee;--soon:#f59e0b;--soon-soft:#fef3e2;--expired:#ef4444;--expired-soft:#fdeaea;--neutral:#9ca3af;--neutral-soft:#f1f3f5;--shadow-sm:0 1px 2px #1018280a;--shadow-card:0 1px 3px #1018280d, 0 1px 2px #10182808;--shadow-md:0 4px 16px #1018280f;--shadow-lg:0 12px 32px #1018281a;--shadow-accent:0 8px 20px #fe4d0159;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:24px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--f-display:700 28px/1.25 var(--font);--f-title:700 22px/1.3 var(--font);--f-h2:700 18px/1.35 var(--font);--f-h3:600 16px/1.4 var(--font);--f-body:400 15px/1.5 var(--font);--f-label:600 14px/1.4 var(--font);--f-caption:400 13px/1.45 var(--font);--f-small:500 11px/1.3 var(--font);--font:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;--nav-h:56px;--app-max:480px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overscroll-behavior-x:none;max-width:100%;overflow-x:clip}body{font-family:var(--font);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px}input,select,textarea{min-width:0;max-width:100%}button{cursor:pointer;color:inherit;appearance:none;background:0 0;border:0;padding:0;font-family:inherit}img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,select{font-family:inherit}img{max-width:100%;display:block}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:no-preference){.fade-in{animation:.25s both fadeIn}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app{max-width:var(--app-max);background:var(--bg);min-height:100%;margin:0 auto;position:relative;overflow-x:clip;box-shadow:0 0 60px #1018280a}.app-main{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 24px)}.guest-banner{padding:var(--s-2) var(--s-5);margin:var(--s-4) var(--s-5) var(--s-3);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:var(--s-3);background:var(--accent-soft);display:flex}.guest-banner-text{font:var(--f-caption);color:var(--accent)}.guest-banner-btn{flex-shrink:0}.tap-top{width:100%;max-width:var(--app-max);height:max(env(safe-area-inset-top), 20px);z-index:30;position:fixed;top:0;left:50%;transform:translate(-50%)}.screen{padding:0 var(--s-5)}.screen-pad-top{padding-top:var(--s-5)}.screen-header{padding:calc(var(--s-6) + env(safe-area-inset-top)) var(--s-5) var(--s-3);justify-content:space-between;align-items:flex-end;display:flex}.screen-title{font:var(--f-title);letter-spacing:-.02em;margin:0}.screen-sub{font:var(--f-caption);color:var(--text-2);margin:4px 0 0}.section{margin-top:var(--s-6)}.section-head{padding:0 var(--s-5) var(--s-3);justify-content:space-between;align-items:center;display:flex}.section-title{font:var(--f-h2);letter-spacing:-.01em;margin:0}.section-link{font:var(--f-caption);color:var(--text-2);background:0 0;border:none;align-items:center;gap:2px;display:inline-flex}.section-link svg{color:var(--text-3)}.home-top{padding:calc(var(--s-6) + env(safe-area-inset-top)) var(--s-5) var(--s-2);justify-content:space-between;align-items:center;display:flex}.home-greeting{font:var(--f-title);letter-spacing:-.02em;margin:0}.home-date{font:var(--f-caption);color:var(--text-2);margin:4px 0 0}.avatar{border-radius:var(--r-pill);background:var(--accent-soft);width:44px;height:44px;color:var(--accent);font:var(--f-h3);border:none;place-items:center;display:grid}.hero{margin:var(--s-3) var(--s-5) 0;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:var(--s-5)}.hero-label{font:var(--f-caption);color:var(--text-2)}.hero-count{font:var(--f-display);letter-spacing:-.03em;margin:2px 0 var(--s-4);font-size:34px}.hero-count b{color:var(--accent)}.hero-stats{gap:var(--s-2);grid-template-columns:repeat(3,1fr);display:grid}.hero-stat{background:var(--surface-sunken);border-radius:var(--r-md);padding:var(--s-3);text-align:center;cursor:pointer;border:none;transition:transform .1s}.hero-stat:active{transform:scale(.96)}.hero-stat-num{font:var(--f-h2);display:block}.hero-stat-label{font:var(--f-small);color:var(--text-1);align-items:center;gap:4px;margin-top:2px;display:inline-flex}.dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot--fresh{background:var(--fresh)}.dot--soon{background:var(--soon)}.dot--expired{background:var(--expired)}.dot--shop{background:var(--accent)}.stat-num--fresh{color:var(--fresh)}.stat-num--soon{color:var(--soon)}.stat-num--expired{color:var(--expired)}.stat-num--shop{color:var(--accent)}.hero-label-num{color:var(--text-1);font-weight:700}.hero-stats--4{margin-top:var(--s-3);grid-template-columns:repeat(4,1fr)}.hero-stats--4 .hero-stat{padding:var(--s-2)}.h-scroll{gap:var(--s-3);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:0 var(--s-5) var(--s-1);display:flex;overflow-x:auto}.mini-card{background:var(--surface);border-radius:var(--r-lg);width:130px;box-shadow:var(--shadow-card);padding:var(--s-3);text-align:left;border:none;flex-direction:column;flex:none;display:flex}.mini-name,.mini-sub{display:block}.mini-thumb{aspect-ratio:1;border-radius:var(--r-md);width:100%;margin-bottom:var(--s-2);background:#fff;place-items:center;font-size:40px;display:grid;overflow:hidden}.mini-thumb img{object-fit:contain;width:68%;height:68%}.mini-name{font:var(--f-h3);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.mini-sub{font:var(--f-small);color:var(--text-2);margin-top:2px}.mini-badge-row{margin-top:var(--s-2)}.cat-grid{gap:var(--s-3) var(--s-2);padding:0 var(--s-5);grid-template-columns:repeat(4,1fr);display:grid}.cat-cell{background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.cat-ico{border-radius:var(--r-lg);background:var(--surface);width:58px;height:58px;box-shadow:var(--shadow-card);place-items:center;font-size:26px;transition:background .15s,transform .1s;display:grid;position:relative}.cat-ico img{object-fit:contain;width:78%;height:78%}.cat-cell:active .cat-ico{transform:scale(.94)}.cat-count{border-radius:var(--r-pill);background:var(--accent);min-width:20px;height:20px;color:var(--accent-ink);font:var(--f-small);box-shadow:0 0 0 3px var(--bg);place-items:center;padding:0 5px;display:grid;position:absolute;top:-4px;right:-4px}.cat-label{font:var(--f-small);color:var(--text-2);font-size:12px}.card-list{padding:0 var(--s-5);gap:var(--s-3);flex-direction:column;margin:0;list-style:none;display:flex}.food-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);text-align:left;cursor:pointer;border:none;width:100%;display:flex}.swipe-row{border-radius:var(--r-lg);position:relative;overflow:hidden}.swipe-row .food-card{z-index:1;will-change:transform;position:relative}.swipe-action{background:var(--accent);width:100px;height:100%;color:var(--accent-ink);font:var(--f-label);border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;transition:background .15s;display:flex;position:absolute;top:0;right:0}.swipe-action.is-armed{background:var(--accent-strong)}.food-thumb{border-radius:var(--r-md);background:#fff;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:28px;display:grid;overflow:hidden}.food-thumb img{object-fit:contain;width:68%;height:68%}.food-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.food-name{font:var(--f-h3);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.food-sub{font:var(--f-caption);color:var(--text-2);align-items:center;gap:6px;display:flex}.food-sub .sep{color:var(--divider-strong)}.food-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.food-exp{font:var(--f-small);color:var(--text-3);font-size:12px}.shopping-addbar{padding:0 var(--s-5) var(--s-4);position:relative}.shopping-inputwrap{gap:var(--s-2);display:flex}.shopping-inputwrap .input{background:var(--surface);box-shadow:var(--shadow-card);flex:1}.btn.shopping-add-btn{gap:4px}.shopping-suggest{margin:var(--s-2) 0 0;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-card);flex-direction:column;gap:2px;padding:6px;list-style:none;display:flex}.shopping-suggest button{align-items:center;gap:var(--s-3);border-radius:var(--r-sm);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px;display:flex}.shopping-suggest button:hover{background:var(--surface-sunken)}.shopping-suggest-ico{background:var(--surface-sunken);border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:18px;display:grid;overflow:hidden}.shopping-suggest-ico img{object-fit:contain;width:70%;height:70%}.shopping-suggest-name{font:var(--f-label);flex:1;font-size:14px}.shopping-suggest-cat{font:var(--f-small);color:var(--text-3);font-size:12px}.shopping-reco{padding:0 var(--s-5) var(--s-4)}.shopping-reco-label{font:var(--f-caption);color:var(--text-2);margin-bottom:var(--s-2);align-items:center;gap:4px;display:flex}.shopping-reco-label svg{color:var(--accent)}.shopping-reco-chips{gap:var(--s-2);display:flex;overflow-x:auto}.shopping-reco-chip{border:1.5px solid var(--divider);background:var(--surface);border-radius:var(--r-pill);font:var(--f-label);color:var(--text-1);white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:6px;padding:7px 12px 7px 7px;font-size:13px;display:inline-flex}.shopping-reco-chip svg{color:var(--text-3)}.shopping-reco-chip-ico{background:var(--surface-sunken);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:13px;display:grid;overflow:hidden}.shopping-reco-chip-ico img{object-fit:contain;width:100%;height:100%}.shopping-assignee-avatar{border-radius:var(--r-pill);background:var(--accent-soft);width:18px;height:18px;color:var(--accent);flex:none;place-items:center;font-size:10px;font-weight:700;display:grid}.shopping-row{cursor:default}.shopping-row.is-checked{opacity:.6}.shopping-row.is-checked .food-name{text-decoration:line-through}.shopping-done-title{margin:var(--s-4) var(--s-5) 0}.shopping-check{background:var(--surface);border-color:var(--divider-strong)}.check-box.shopping-check{border-width:1px}.shopping-check svg{margin:0}.shopping-info-btn{background:var(--surface-sunken);width:28px;height:28px;color:var(--text-3);border-radius:var(--r-pill);border:none;flex-shrink:0;place-items:center;display:grid}.shopping-info-btn:active{transform:scale(.92)}.history-item{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--s-3) var(--s-4);gap:var(--s-3);opacity:.9;flex-direction:column;display:flex}.history-main{align-items:center;gap:var(--s-3);display:flex}.history-actions{gap:var(--s-2);border-top:1px solid var(--divider);padding-top:var(--s-3);display:flex}.history-actions .btn{flex:1;padding:9px 6px;font-size:12.5px}.history-actions .btn svg{margin-top:-2px}.badge{font:var(--f-label);border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:5px;padding:5px 10px;font-size:13px;display:inline-flex}.badge--sm{padding:3px 8px;font-size:11.5px}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge--fresh{background:var(--fresh-soft);color:var(--fresh)}.badge--soon{background:var(--soon-soft);color:var(--soon)}.badge--expired{background:var(--expired-soft);color:var(--expired)}.badge--neutral{background:var(--neutral-soft);color:var(--neutral)}.bottom-nav{width:100%;max-width:var(--app-max);height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);z-index:40;border-radius:20px 20px 0 0;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 16px #10182812}.nav-item{color:var(--text-1);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.nav-item svg{width:22px;height:22px}.nav-item.is-active{color:var(--accent)}.nav-label{font:var(--f-small);font-size:10.5px}.fab{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px);transform:translateX(calc(var(--app-max) / 2 - 100%));border-radius:var(--r-pill);background:var(--accent);width:60px;height:60px;color:var(--accent-ink);z-index:41;border:none;place-items:center;margin-left:-20px;transition:transform .12s;display:grid;position:fixed;left:50%;box-shadow:0 4px 12px #169d6347}.fab:active{transform:translateX(calc(var(--app-max) / 2 - 100%)) scale(.92)}.fab.is-open{z-index:43;background:var(--text-1);box-shadow:0 4px 12px #1018284d}.fab.is-open svg{transform:rotate(45deg)}.fab svg{transition:transform .2s}@media (width<=480px){.fab{margin-left:0;left:auto;right:20px;transform:none}.fab:active{transform:scale(.92)}}.fab-dim{z-index:42;background:#10182873;animation:.18s fabDimIn;position:fixed;inset:0}@keyframes fabDimIn{0%{opacity:0}to{opacity:1}}.fab-menu{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px + 60px + 12px);transform:translateX(calc(var(--app-max) / 2 - 100%));z-index:43;align-items:flex-end;gap:var(--s-3);flex-direction:column;margin-left:-20px;animation:.2s cubic-bezier(.2,.8,.4,1) fabMenuIn;display:flex;position:fixed;left:50%}@keyframes fabMenuIn{0%{opacity:0;transform:translateX(calc(var(--app-max) / 2 - 100%)) translateY(10px)}to{opacity:1;transform:translateX(calc(var(--app-max) / 2 - 100%)) translateY(0)}}@media (width<=480px){.fab-menu{margin-left:0;left:auto;right:20px;transform:none}@keyframes fabMenuIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.fab-menu-box{background:var(--surface);padding:var(--s-2) 0;border-radius:18px;min-width:188px;overflow:hidden;box-shadow:0 8px 28px #1018282e}.fab-menu-item{width:100%;font:var(--f-label);color:var(--text-1);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:13px 20px;font-size:15.5px;display:flex}.fab-menu-item:active{background:var(--surface-hover)}.fab-menu-item svg{color:var(--accent);flex-shrink:0}@media (prefers-reduced-motion:reduce){.fab-dim,.fab-menu{animation:none}.fab svg{transition:none}}.toolbar{padding:var(--s-3) var(--s-5);justify-content:space-between;align-items:center;display:flex}.count-badge{font:var(--f-caption);color:var(--text-2)}.count-badge b{color:var(--text-1);font-size:15px}.toolbar-actions{gap:6px;display:flex}.view-seg{background:var(--surface-sunken);border:1px solid var(--divider);border-radius:var(--r-md);margin-bottom:var(--s-3);gap:3px;padding:4px;display:flex}.view-seg-btn{color:var(--text-2);font:var(--f-label);background:0 0;border:none;border-radius:10px;flex:1;padding:9px 8px;font-size:14px;transition:all .15s}.view-seg-btn.is-active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-card)}.sort-btn{background:var(--surface);box-shadow:var(--shadow-card);color:var(--text-2);font:var(--f-label);border-radius:var(--r-pill);white-space:nowrap;border:none;align-items:center;gap:5px;padding:8px 12px;font-size:13px;display:inline-flex}.sort-btn.is-on{background:var(--accent-soft);color:var(--accent)}.foods-search-sticky{z-index:6;background:var(--bg);padding:var(--s-2) var(--s-5) var(--s-3);position:sticky;top:0}.fridge-group{margin-bottom:var(--s-5)}.group-header{padding:0 var(--s-5) var(--s-2);justify-content:space-between;align-items:center;display:flex}.group-header--btn{text-align:left;width:100%;padding-top:4px;padding-bottom:var(--s-2);background:0 0;border:none}.group-head-right{align-items:center;gap:8px;display:flex}.group-chevron{color:var(--text-3);transition:transform .2s}.group-chevron.is-open{transform:rotate(90deg)}.group-title{font:var(--f-h3);letter-spacing:-.01em;align-items:center;gap:8px;display:inline-flex}.group-ico{flex:none;place-items:center;width:26px;height:26px;font-size:20px;display:grid}.group-ico img{object-fit:contain;width:100%;height:100%}.place-icon{vertical-align:-2px;object-fit:contain;flex-shrink:0;display:inline-block}.place-icon-emoji{vertical-align:-2px;line-height:1;display:inline-block}.group-count{font:var(--f-caption);color:var(--text-2);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:var(--r-pill);text-align:center;min-width:26px;padding:2px 10px}.filter-row{gap:var(--s-2);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:0 var(--s-5) var(--s-3);display:flex;overflow-x:auto}.chip{background:var(--surface);box-shadow:var(--shadow-card);color:var(--text-2);border-radius:var(--r-pill);font:var(--f-label);white-space:nowrap;border:none;padding:8px 14px;font-size:13.5px;transition:all .15s}.chip.is-active{background:var(--text-1);color:#fff;box-shadow:none}.btn{border-radius:var(--r-md);font:var(--f-label);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:15px;transition:transform .1s,background .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--block{width:100%}.btn--soft{background:var(--accent-soft);color:var(--accent)}.btn--ghost{background:var(--surface-sunken);color:var(--text-1)}.btn--ghost.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.link-btn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.link-btn:disabled{opacity:.5;cursor:default}.link-btn--danger{color:var(--expired)}.btn--danger{background:var(--expired-soft);color:var(--expired)}.btn--sm{border-radius:var(--r-sm);padding:9px 13px;font-size:13px}.btn--icon-sm{border-radius:var(--r-pill);flex:none;width:32px;height:32px;padding:0}.field{flex-direction:column;gap:8px;min-width:0;display:flex}input[type=date]{appearance:none;min-width:0}.form .days-field,.form .image-picker,.form .image-picker-right,.form .segmented{min-width:0}.field-label{font:var(--f-label);color:var(--text-2);align-items:center;gap:8px;display:flex}.field-label--title{font:var(--f-h2);color:var(--text-1);font-size:16px}.field-hint{font:var(--f-caption);color:var(--text-2);margin:0}.field-hint--warn{color:var(--soon)}.input{background:var(--surface-sunken);width:100%;color:var(--text-1);border-radius:var(--r-md);border:1.5px solid #0000;padding:14px;font-size:16px;transition:border .15s,background .15s}.input::placeholder{color:var(--text-3)}.input:disabled{opacity:.55}.input:focus{border-color:var(--accent);background:var(--surface);outline:none}textarea.input{resize:vertical;min-height:56px}.search-box{position:relative}.search-box svg{color:var(--text-3);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box .input{background:var(--surface);box-shadow:var(--shadow-card);padding-left:42px;padding-right:42px}.search-box input[type=search]::-webkit-search-cancel-button{appearance:none}.search-box .search-clear{background:var(--surface-sunken);width:28px;height:28px;color:var(--text-3);border-radius:var(--r-pill);border:none;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-box .search-clear:active{transform:translateY(-50%)scale(.92)}.search-box .search-clear svg{color:inherit;position:static;transform:none}.src-badge{font:var(--f-small);border-radius:var(--r-pill);padding:3px 9px}.src-badge--auto{background:var(--accent-soft);color:var(--accent)}.src-badge--manual{background:var(--soon-soft);color:var(--soon)}.days-field{align-items:center;gap:var(--s-2);display:flex}.days-field--right{justify-content:flex-end}.days-label{font:var(--f-caption);color:var(--text-2);white-space:nowrap}.days-input{text-align:center;width:84px;padding:10px}.days-suffix{font:var(--f-label);color:var(--text-2)}.shelf-inputs{gap:var(--s-2);flex-direction:column;display:flex}.shelf-input-row{align-items:center;gap:var(--s-3);display:flex}.shelf-input-label{font:var(--f-label);color:var(--text-1);flex:1;font-size:14px}.shelf-input-row .days-input{width:110px}.price-input-row{align-items:center;gap:var(--s-3);display:flex}.price-input-row .input{text-align:right;flex:1}.cropper{z-index:90;padding-top:env(safe-area-inset-top);background:#0e1116;flex-direction:column;display:flex;position:fixed;inset:0}.cropper-head{justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cropper-title{font:var(--f-h3);color:#fff}.cropper-btn{color:#cbd3dd;font:var(--f-label);background:0 0;border:none;padding:6px 4px;font-size:15px}.cropper-btn--done{color:var(--accent);font-weight:700}.cropper-stage{padding:0 var(--s-5);flex:1;place-items:center;min-height:0;display:grid}.cropper-box{aspect-ratio:1;border-radius:var(--r-md);touch-action:none;cursor:grab;background:#e9ecf0;width:min(86vw,340px);position:relative;overflow:hidden;box-shadow:0 12px 34px #00000080}.cropper-box:active{cursor:grabbing}.cropper-box img{will-change:left, top, width, height;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;box-shadow:0 0 0 1px #0000002e}.cropper-grid{pointer-events:none;border-radius:var(--r-md);background-image:linear-gradient(#ffffff8c 1px,#0000 1px),linear-gradient(90deg,#ffffff8c 1px,#0000 1px);background-position:50%;background-size:33.33% 33.33%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #00000059}.cropper-controls{padding:var(--s-4) var(--s-6) 0;align-items:center;gap:12px;display:flex}.cropper-zoom{accent-color:var(--accent);flex:1}.cropper-zoom-ico{color:#cbd3dd;font-size:13px}.cropper-step{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:6px 4px;font-size:15px;line-height:1}.cropper-pctrow{padding:var(--s-3) var(--s-6) 0;justify-content:center;align-items:center;gap:10px;display:flex}.cropper-pct-label{color:#cbd3dd;font:var(--f-label);font-size:14px}.cropper-pct{background:#1b2027;border:1px solid #2c333d;border-radius:10px;align-items:center;gap:4px;padding:6px 10px;display:inline-flex}.cropper-pct-input{color:#fff;width:52px;font:var(--f-label);text-align:right;-moz-appearance:textfield;background:0 0;border:none;font-size:16px;font-weight:700}.cropper-pct-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cropper-pct-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cropper-pct-input:focus{outline:none}.cropper-pct-suffix{color:#8b93a0;font-size:14px;font-weight:700}.cropper-pct-range{color:#8b93a0;font:var(--f-caption)}.cropper-hint{text-align:center;color:#8b93a0;font:var(--f-caption);margin:var(--s-3) 0 calc(var(--s-5) + env(safe-area-inset-bottom))}.master-toggle{width:100%;margin-top:var(--s-5);border:1.5px solid var(--divider);background:var(--surface);border-radius:var(--r-md);text-align:left;align-items:flex-start;gap:12px;padding:14px;display:flex}.master-toggle--pinned{z-index:6;color:var(--text-1);margin-top:0;transition:all .15s;position:sticky;top:0;box-shadow:0 4px 14px #10182814}.master-toggle.is-on{border-color:var(--accent);background:var(--accent-soft)}.check-box{border:2px solid var(--divider-strong);color:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:1px;padding:0;display:grid}.check-box.is-on{background:var(--accent);border-color:var(--accent)}.master-toggle-text{flex-direction:column;gap:3px;display:flex}.master-toggle-text b{font:var(--f-label);font-size:14px}.master-toggle-text>span{font:var(--f-caption);color:var(--text-2)}.fav-toggle{border:1.5px solid var(--divider);background:var(--surface);color:var(--text-2);border-radius:var(--r-pill);font:var(--f-label);align-self:flex-start;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:inline-flex}.fav-toggle.is-on{color:#b8860b;background:#fff8e1;border-color:#f5b40a}.segmented{gap:6px;display:flex}.seg-btn{border:1.5px solid var(--divider);background:var(--surface);min-width:0;color:var(--text-2);border-radius:var(--r-md);font:var(--f-label);flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 6px;font-size:14px;transition:all .15s;display:flex}.seg-btn.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.seg-warn{font:var(--f-small);color:var(--expired)}.seg-days{font:var(--f-small);color:var(--text-2)}.seg-btn.is-active .seg-days{color:var(--accent)}.image-picker{align-items:center;gap:var(--s-4);display:flex}.image-preview{border-radius:var(--r-lg);background:var(--surface-sunken);flex-shrink:0;place-items:center;width:72px;height:72px;font-size:34px;display:grid;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.image-preview--btn{cursor:pointer;border:none;padding:0;position:relative}.image-edit-badge{border-radius:var(--r-pill);background:var(--accent);color:#fff;width:26px;height:26px;box-shadow:0 0 0 3px var(--surface);place-items:center;display:grid;position:absolute;bottom:-5px;right:-5px}.image-actions{flex-wrap:wrap;gap:8px;display:flex}.image-actions--center{justify-content:center}.theme-tabs{align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.theme-tab{background:var(--surface-sunken);color:var(--text-2);font:var(--f-label);border-radius:var(--r-pill);white-space:nowrap;border:none;padding:7px 14px;font-size:13px}.theme-tab.is-active{background:var(--accent);color:var(--accent-ink)}.theme-tab--add{color:var(--accent);background:var(--accent-soft);align-items:center;gap:4px;display:inline-flex}.theme-add-inline{align-items:center;gap:var(--s-2);display:inline-flex}.theme-add-inline .input{width:140px;height:34px;padding:0 10px;font-size:13px}.subimg-grid{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));display:grid}.subimg-cell{aspect-ratio:1;border-radius:var(--r-md);background:var(--surface-sunken);cursor:pointer;border:2px solid #0000;padding:0;display:block;position:relative;overflow:hidden}.subimg-cell.is-selected{border-color:var(--accent)}.subimg-cell img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.subimg-add{color:var(--text-3);cursor:pointer;place-items:center;display:grid}.subimg-add:disabled{opacity:.5;cursor:default}.subimg-remove{border-radius:var(--r-pill);color:#fff;cursor:pointer;background:#0000008c;border:none;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:4px;right:4px}.subimg-selected-badge{border-radius:var(--r-pill);background:var(--accent);width:20px;height:20px;color:var(--accent-ink);place-items:center;display:grid;position:absolute;bottom:4px;left:4px}.form-thumb-wrap{align-items:center;gap:var(--s-3);padding-top:var(--s-2);flex-direction:column;display:flex}.form-thumb{border-radius:24px;width:104px;height:104px;font-size:48px}.form-thumb img{object-fit:contain;width:78%;height:78%}.form-identity-read{flex-direction:column;align-items:center;gap:4px;display:flex}.identity-row--center{justify-content:center}.select-wrap{display:block;position:relative}.select-wrap .select{appearance:none;cursor:pointer;width:100%;padding-right:40px}.select-chev{color:var(--text-2);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.date-card{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-4)}.date-row{justify-content:space-between;align-items:center;gap:var(--s-3);cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:4px 0;display:flex}.date-row-label{font:var(--f-h2);color:var(--text-1);align-items:center;gap:8px;font-size:16px;display:inline-flex}.date-row-val{font:var(--f-label);color:var(--text-1);background:var(--surface-sunken);border-radius:var(--r-md);padding:8px 12px;font-size:14px}.date-row.is-open .date-row-val{color:var(--accent);background:var(--accent-soft)}.cal{margin-top:var(--s-2);background:var(--surface-sunken);border-radius:var(--r-lg);padding:var(--s-3) var(--s-3) var(--s-2);animation:.16s calIn}@keyframes calIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cal-head{padding:0 4px var(--s-2);justify-content:space-between;align-items:center;display:flex}.cal-title{font:var(--f-label);color:var(--text-1)}.cal-nav{gap:var(--s-1);display:flex}.cal-nav-btn{border-radius:var(--r-pill);width:30px;height:30px;color:var(--accent);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.cal-nav-btn:active{background:var(--surface-hover)}.cal-grid{grid-template-columns:repeat(7,1fr);row-gap:2px;display:grid}.cal-dow{text-align:center;font:var(--f-small);color:var(--text-2);padding:4px 0 6px}.cal-day{aspect-ratio:1;border-radius:var(--r-pill);max-height:40px;font:var(--f-label);color:var(--text-1);cursor:pointer;background:0 0;border:0;place-items:center;font-size:14.5px;display:grid}.cal-day.is-today{color:var(--accent);font-weight:700}.cal-day.is-sel{background:var(--accent);color:var(--accent-ink);font-weight:700}@media (prefers-reduced-motion:reduce){.cal{animation:none}}.input--autogrow{resize:none;min-height:46px;line-height:1.5;overflow:hidden}.image-picker-right{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.identity-row{align-items:center;gap:6px;display:flex}.identity-row .btn{flex:none}.page{width:100%;max-width:var(--app-max);background:var(--surface);z-index:60;touch-action:pan-y;flex-direction:column;height:100dvh;animation:.22s cubic-bezier(.2,.9,.3,1) pageIn;display:flex;position:fixed;inset:0 0 0 50%;transform:translate(-50%)}@keyframes pageIn{0%{transform:translate(-50%)translateY(2%)}to{transform:translate(-50%)translateY(0)}}.page-head{align-items:center;gap:var(--s-2);padding:calc(var(--s-4) + env(safe-area-inset-top)) var(--s-4) var(--s-3);border-bottom:1px solid var(--divider);flex-shrink:0;display:flex}.page--gray{background:var(--bg)}.page--gray .page-foot,.page--gray .input,.page--gray .form-thumb,.page--gray .name-suggest{background:var(--surface)}.page--gray .input{border-color:var(--divider)}.page--gray .input:focus{border-color:var(--accent)}.page--gray .date-card .input{background:var(--surface-sunken);border-color:#0000}.page--gray .detail-thumb,.page--gray .info-list{background:var(--surface)}.page--gray .guide{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-4)}.page-title{font:var(--f-h2);flex:1;margin:0}.icon-btn{background:var(--surface-sunken);color:var(--text-2);border-radius:var(--r-pill);border:none;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.page-head-action{align-items:center;gap:var(--s-2);flex-shrink:0;display:flex}.img-group{margin-bottom:var(--s-5)}.img-group-title{font:var(--f-h3);margin:0 0 var(--s-3)}.img-grid{gap:var(--s-2);grid-template-columns:repeat(5,1fr);display:grid}.img-grid-cell{aspect-ratio:1;border-radius:var(--r-md);background:var(--surface-sunken);border:2px solid #0000;padding:0;overflow:hidden}.img-grid-cell.is-sel{border-color:var(--accent)}.img-grid-cell img{object-fit:cover;width:100%;height:100%}.img-grid-cell:active{transform:scale(.96)}.receipt-datebar{align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.receipt-datebar .field-label{flex-shrink:0}.receipt-datebar .input{flex:1}.receipt-topbar{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.receipt-item{align-items:center;gap:var(--s-2);display:flex}.receipt-select{flex:1;min-width:0}.receipt-select .ai-cand-emoji img{object-fit:cover;border-radius:var(--r-sm);width:100%;height:100%}.receipt-edit{background:var(--surface-sunken);width:40px;height:40px;color:var(--text-2);border-radius:var(--r-md);border:none;flex-shrink:0;place-items:center;display:grid}.receipt-edit:active{transform:scale(.94)}.page-body{min-height:0;padding:var(--s-5);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.page-foot{gap:var(--s-2);padding:var(--s-3) var(--s-5) calc(var(--s-4) + env(safe-area-inset-bottom));border-top:1px solid var(--divider);flex-shrink:0;display:flex}.foot-spacer{flex:1}.form{gap:var(--s-5);flex-direction:column;display:flex}.detail-head{align-items:center;gap:var(--s-4);display:flex}.detail-thumb{border-radius:var(--r-lg);background:var(--surface-sunken);flex-shrink:0;place-items:center;width:88px;height:88px;font-size:44px;display:grid;overflow:hidden}.detail-thumb img{object-fit:cover;width:100%;height:100%}.detail-headtexts{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.detail-name{font:var(--f-title);letter-spacing:-.02em;margin:0}.detail-cat{font:var(--f-caption);color:var(--text-2);margin:0}.info-list{margin:var(--s-5) 0 0;background:var(--surface-sunken);border-radius:var(--r-lg);overflow:hidden}.info-row{align-items:center;gap:var(--s-3);padding:14px var(--s-4);display:flex;position:relative}.info-row+.info-row:before{content:"";top:0;left:var(--s-4);right:var(--s-4);background:var(--divider);height:1px;position:absolute}.info-ico{color:var(--text-3);flex-shrink:0}.info-key{font:var(--f-caption);color:var(--text-1);flex:1}.info-val{font:var(--f-label);color:var(--text-1);font-size:14px}.info-val--place{align-items:center;gap:6px;display:inline-flex}.info-list--fixed-key .info-key{flex:0 0 64px}.info-list--fixed-key .info-val{word-break:break-all;flex:1;min-width:0}.guide{margin-top:var(--s-5)}.guide-grid{gap:var(--s-2);margin-top:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.guide-cell{background:var(--surface-sunken);border-radius:var(--r-md);padding:var(--s-3);text-align:center}.guide-place{font:var(--f-caption);color:var(--text-1)}.guide-days{font:var(--f-h3);margin-top:2px}.guide-days.is-off{color:#b7b7b7;font-weight:400}.delete-text-btn{margin:var(--s-4) auto var(--s-6);padding:var(--s-3) var(--s-6);font:var(--f-label);color:var(--expired);cursor:pointer;background:0 0;border:0;display:block}.delete-text-btn:active{opacity:.5}.add-entries{gap:var(--s-3);margin-bottom:var(--s-4);grid-template-columns:repeat(3,1fr);display:grid}.entry{background:var(--surface-sunken);border-radius:var(--r-lg);padding:var(--s-4) var(--s-2);color:var(--text-1);border:none;flex-direction:column;align-items:center;gap:8px;display:flex}.entry-ico{border-radius:var(--r-md);background:var(--bg);width:44px;height:44px;color:var(--accent);box-shadow:var(--shadow-sm);place-items:center;display:grid}.entry-label{font:var(--f-label);font-size:13px}.add-section{margin-top:var(--s-5)}.add-section-title{font:var(--f-label);color:var(--text-2);margin-bottom:var(--s-3);align-items:center;gap:6px;display:flex}.fav-scroll{gap:var(--s-2);flex-wrap:wrap;max-height:132px;padding-right:2px;display:flex;overflow-y:auto}.add-guide-list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.add-guide-item{align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3);background:var(--surface-sunken);border-radius:var(--r-md);text-align:left;color:inherit;font:inherit;border:none;display:flex}.add-guide-item--btn{cursor:pointer;color:var(--text-3)}.add-guide-item--btn:active{background:var(--surface-hover)}.add-guide-item--btn:disabled{opacity:.5}.add-guide-ico{border-radius:var(--r-pill);background:var(--accent-soft);width:36px;height:36px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.add-guide-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.add-guide-copy b{font:var(--f-label);color:var(--text-1)}.add-guide-copy span{font:var(--f-caption);color:var(--text-2)}.choose-lead{font:var(--f-label);color:var(--text-2);margin:0 0 var(--s-4)}.choose-list{gap:var(--s-3);flex-direction:column;display:flex}.choose-item{align-items:center;gap:var(--s-4);background:var(--surface-sunken);border-radius:var(--r-lg);padding:var(--s-4);text-align:left;color:var(--text-1);border:none;transition:transform .1s;display:flex}.choose-item:active{transform:scale(.98)}.choose-item>svg:last-child{color:var(--text-3)}.choose-ico{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.choose-ico--star{color:#f5b40a;background:#fff5d6}.choose-ico--cat{background:var(--accent-soft);color:var(--accent)}.choose-ico--edit{color:#3b74d6;background:#eaf0fb}.choose-texts{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.choose-title{font:var(--f-h3)}.choose-sub{font:var(--f-caption);color:var(--text-2)}.cat-grid--modal{gap:var(--s-4) var(--s-2);padding:0}.food-list--full{max-height:none}ul.food-list--cards{gap:var(--s-3);padding:0 var(--s-5);flex-direction:column;display:flex}.food-list--cards .food-row{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--s-2) var(--s-4)}.food-list--cards .food-row+.food-row{border-top:none}.food-list--cards .food-row-main{gap:var(--s-3);padding:var(--s-2) 0}.food-list--cards .food-row-emoji{border-radius:var(--r-md);background:#fff;width:56px;height:56px;font-size:28px}.food-list--cards .food-row-emoji img{width:68%;height:68%}.tabs{gap:var(--s-4);border-bottom:1px solid var(--divider);margin-bottom:var(--s-4);display:flex}.tab{font:var(--f-h3);color:var(--text-3);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 2px 12px}.tab.is-active{color:var(--text-1);border-bottom-color:var(--accent)}.fav-title{font:var(--f-label);color:var(--text-2);margin:var(--s-2) 0 var(--s-3);align-items:center;gap:6px;display:flex}.fav-chips{gap:var(--s-2);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.fav-chip{background:var(--surface-sunken);border-radius:var(--r-pill);font:var(--f-label);color:var(--text-1);border:none;align-items:center;gap:6px;padding:7px 14px 7px 8px;font-size:14px;display:inline-flex}.fav-chip-ico{flex:none;place-items:center;width:24px;height:24px;font-size:18px;display:grid;overflow:hidden}.fav-chip-ico img{object-fit:contain;width:100%;height:100%}.food-list{margin:0;padding:0;list-style:none}.food-row{align-items:center;gap:var(--s-2);display:flex}.food-row+.food-row{border-top:1px solid var(--divider)}.hidden-food-row{align-items:center;gap:var(--s-3);padding:var(--s-2) 0;display:flex}.hidden-food-row+.hidden-food-row{border-top:1px solid var(--divider)}.unhide-btn{background:var(--accent-soft);color:var(--accent);font:var(--f-caption);border-radius:var(--r-pill);cursor:pointer;border:0;flex-shrink:0;padding:8px 12px;font-weight:700}.hide-picker-row{align-items:center;gap:var(--s-3);width:100%;padding:var(--s-2) 0;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}li+li>.hide-picker-row{border-top:1px solid var(--divider)}.hide-picker-check{border:1.5px solid var(--divider-strong);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid}.hide-picker-check.is-on{background:var(--accent);border-color:var(--accent)}.food-row-main{align-items:center;gap:var(--s-3);text-align:left;min-width:0;color:inherit;background:0 0;border:none;flex:1;padding:12px 2px;display:flex}.food-row-emoji{text-align:center;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.food-row-emoji img{object-fit:contain;border-radius:8px;width:72%;height:72%}.food-row-texts{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.food-row-name{font:var(--f-h3);font-size:15px;display:block}.food-row-cat{font:var(--f-caption);color:var(--text-2);display:block}.shelf-pills{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.shelf-pill{font:var(--f-small);color:var(--text-2);background:var(--surface-sunken);white-space:nowrap;border-radius:7px;padding:4px 6px}.fav-star{color:var(--divider-strong);background:0 0;border:none;flex-shrink:0;place-items:center;padding:8px;display:grid}.fav-star.is-on{color:#f5b40a}.recipe-fav-heart.is-on{color:#ef4a63}.hidden-badge.recipe-source-badge{width:fit-content;margin-bottom:3px;margin-left:0;display:block}.recipe-fav-col{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.recipe-fav-count{font:var(--f-small);color:var(--text-3);white-space:nowrap;margin-top:-2px;font-size:11px}.empty{text-align:center;padding:56px var(--s-5);color:var(--text-2)}.empty-ico{border-radius:var(--r-xl);background:var(--surface);width:72px;height:72px;box-shadow:var(--shadow-card);color:var(--text-3);margin:0 auto var(--s-4);place-items:center;font-size:34px;display:grid}.empty-title{font:var(--f-h3);color:var(--text-1)}.empty-sub{font:var(--f-caption);margin-top:6px}.empty-inline{text-align:center;color:var(--text-3);font:var(--f-caption);padding:var(--s-6) var(--s-4)}.toast-wrap{left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 20px);z-index:80;pointer-events:none;flex-direction:column;gap:8px;width:max-content;max-width:90vw;display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--text-1);color:#fff;border-radius:var(--r-pill);font:var(--f-label);box-shadow:var(--shadow-lg);align-items:center;gap:8px;padding:12px 16px;font-size:14px;animation:.22s both toastIn;display:flex}.toast--success svg{color:var(--fresh)}.toast--error{background:var(--expired)}.toast--actionable{pointer-events:auto}.toast-action{color:var(--fresh);font:var(--f-label);white-space:nowrap;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin:0;padding:0;font-size:14px;font-weight:700}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dialog-backdrop{z-index:70;padding:var(--s-6);background:#10182866;place-items:center;animation:.15s fadeIn;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--r-xl);padding:var(--s-6) var(--s-5) var(--s-4);text-align:center;width:100%;max-width:340px;box-shadow:var(--shadow-lg)}.dialog-title{font:var(--f-h2);margin:0 0 6px}.dialog-msg{font:var(--f-caption);color:var(--text-2);margin:0 0 var(--s-5);white-space:pre-line}.dialog-actions{gap:var(--s-2);display:flex}.dialog-actions .btn{flex:1}.dialog--form{text-align:left}.dialog--form .form{margin-bottom:var(--s-5)}.consume-choice-list{gap:var(--s-2);margin:var(--s-4) 0;flex-direction:column;display:flex}.consume-choice-btn{align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-sunken);text-align:left;width:100%;display:flex}.consume-choice-btn:active{transform:scale(.98)}.consume-choice-ico{border-radius:var(--r-pill);flex:none;place-items:center;width:36px;height:36px;display:grid}.consume-choice-ico--consumed{background:var(--fresh-soft);color:var(--fresh)}.consume-choice-ico--partial{background:var(--soon-soft);color:var(--soon)}.consume-choice-ico--full{background:var(--expired-soft);color:var(--expired)}.consume-choice-texts{flex-direction:column;gap:2px;display:flex}.consume-choice-texts b{font:var(--f-label);color:var(--text-1)}.consume-choice-texts span{font:var(--f-caption);color:var(--text-2)}.add-footer-col{gap:var(--s-2);flex-direction:column;width:100%;display:flex}.add-hero{padding:var(--s-5) 0 var(--s-3)}.add-hero-inputwrap{position:relative}.add-hero-input{text-align:left;width:100%;font:var(--f-h2);padding:var(--s-4) 44px var(--s-4) var(--s-4);border-radius:var(--r-lg)}.add-hero-clear{border-radius:var(--r-pill);background:var(--surface-sunken);width:30px;height:30px;color:var(--text-2);border:none;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.add-hero-clear:active{transform:translateY(-50%)scale(.9)}.add-hero-actions{gap:var(--s-2);margin-top:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.add-hero-btn{padding:var(--s-3) var(--s-1);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--text-1);font:var(--f-small);flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.add-hero-btn svg{color:var(--accent)}.add-hero-btn:active{transform:scale(.97)}.add-hero-btn:disabled{opacity:.5}.add-noresult{margin-top:var(--s-4)}.guide-text{font:var(--f-body);color:var(--text-1);white-space:pre-wrap;margin:6px 0 0;line-height:1.6}.guide-bullets{white-space:normal;flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.guide-bullets li{padding-left:14px;position:relative}.guide-bullets li:before{content:"•";color:var(--text-3);position:absolute;left:0}.recipe-steps{white-space:normal;flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.recipe-step-item{flex-direction:column;gap:6px;display:flex}.recipe-step-item .recipe-step-num{color:var(--accent);font-size:17px;font-weight:800;line-height:1}.recipe-step-card{background:var(--surface-sunken);border-radius:var(--r-md);padding:12px 14px}.recipe-step-main{font-size:16px;font-weight:400}.recipe-step-sub{font:var(--f-caption);color:var(--text-2);margin-top:4px;font-size:14px}.recipe-public-toggle{justify-content:space-between;align-items:center;gap:var(--s-3);flex-direction:row}.recipe-public-toggle>span{flex-direction:column;gap:2px;display:flex}.recipe-public-desc{font:var(--f-caption);color:var(--text-2)}.switch{border-radius:var(--r-pill);background:var(--divider-strong);cursor:pointer;border:none;flex-shrink:0;width:46px;height:26px;padding:0;transition:background .15s;position:relative}.switch.is-on{background:var(--accent)}.switch-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #10182840}.switch.is-on .switch-thumb{transform:translate(20px)}.recipe-situation-tags{flex-wrap:wrap;gap:8px;display:flex}.recipe-situation-tag{border:1px solid var(--border);background:var(--surface);color:var(--text-2);font:var(--f-label);border-radius:var(--r-pill);padding:7px 14px;font-size:13.5px}.recipe-situation-tag.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.recipe-ingredient-picker-grid{flex-wrap:wrap;gap:8px;display:flex}.recipe-ingredient-chip{border:1px solid var(--border);background:var(--surface-sunken);color:var(--text-2);font:var(--f-label);border-radius:var(--r-pill);padding:7px 14px;font-size:13.5px}.recipe-ingredient-chip.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.recipe-add-menu{top:calc(env(safe-area-inset-top) + 74px);transform:translateX(calc(var(--app-max) / 2 - 100% - var(--s-5)));z-index:50;background:var(--surface);padding:var(--s-2) 0;border-radius:18px;min-width:188px;animation:.16s cubic-bezier(.2,.8,.4,1) recipeAddMenuIn;position:fixed;left:50%;overflow:hidden;box-shadow:0 8px 28px #1018282e}@keyframes recipeAddMenuIn{0%{opacity:0;transform:translateX(calc(var(--app-max) / 2 - 100% - var(--s-5))) translateY(-6px)}to{opacity:1;transform:translateX(calc(var(--app-max) / 2 - 100% - var(--s-5))) translateY(0)}}@media (prefers-reduced-motion:reduce){.recipe-add-menu{animation:none}}.recipe-view-content{padding-bottom:96px}.recipe-ai-suggest-btn{left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px);z-index:41;background:var(--accent);color:var(--accent-ink);border-radius:var(--r-pill);font:var(--f-label);white-space:nowrap;border:none;align-items:center;gap:8px;padding:13px 22px;font-weight:700;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 14px #169d6352}.recipe-ai-suggest-btn:active{transform:translate(-50%)scale(.96)}.recipe-my-note-hint{font:var(--f-caption);color:var(--text-3);margin:4px 0 8px}.recipe-row-card{padding:var(--s-3) var(--s-4)}.recipe-row-thumb{border-radius:var(--r-md);background:#fff;flex-shrink:0;align-self:stretch;width:84px;overflow:hidden}.recipe-row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.recipe-draft-banner{font:var(--f-caption);color:var(--accent);background:var(--accent-soft);border-radius:var(--r-md);padding:10px 12px;font-weight:600}.recipe-readiness-badge{align-self:flex-start;margin-top:2px}.recipe-ingredient-table-wrap{margin-top:6px;overflow-x:auto}.recipe-ingredient-table{border-collapse:collapse;width:100%;font:var(--f-body)}.recipe-ingredient-table td:last-child{text-align:right}.recipe-ingredient-table td{border-bottom:1px solid var(--divider);color:var(--text-1);padding:10px 8px;font-size:15px}.recipe-ingredient-table tr:first-child td{border-top:none}.recipe-ingredient-table tr:last-child td{border-bottom:none}.recipe-ingredient-table tbody .recipe-ingredient-group-row td{text-align:left;font:var(--f-caption);color:#151515;border-bottom:1.5px solid #151515;padding-top:14px;padding-bottom:6px;font-size:18px;font-weight:700}.recipe-ingredient-group-row:first-child td{padding-top:6px}.recipe-add-shopping-btn{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);font:var(--f-caption);border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0;padding:5px 12px;font-weight:600}.recipe-add-shopping-btn.is-added{border-color:var(--divider);background:var(--surface-sunken);color:var(--text-3)}.recipe-optional-badge{font:var(--f-small);color:var(--text-2);background:var(--surface-sunken);border-radius:var(--r-pill);margin-left:6px;padding:1px 8px}.recipe-have{font:var(--f-caption);white-space:nowrap;font-weight:600}.recipe-have.is-yes{color:var(--fresh)}.recipe-have.is-no{color:var(--text-3)}.recipe-edit-rows{gap:var(--s-2);flex-direction:column;display:flex}.recipe-edit-row{align-items:center;gap:6px;display:flex}.recipe-name-input{flex:1.6;min-width:0;padding-left:8px;padding-right:8px}.recipe-amount-input{flex:1;min-width:0;padding-left:8px;padding-right:8px}.recipe-reorder-stack{flex-direction:column;flex-shrink:0;display:flex}.recipe-reorder-btn{width:20px;height:15px;color:var(--text-3);background:0 0;border:none;place-items:center;padding:0;display:grid}.recipe-reorder-btn:disabled{opacity:.25}.recipe-optional-check{font:var(--f-caption);color:var(--text-2);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.recipe-row-del{background:var(--surface-sunken);width:28px;height:28px;color:var(--text-3);border-radius:var(--r-pill);border:none;flex-shrink:0;place-items:center;display:grid}.recipe-edit-step-row{align-items:flex-start;gap:var(--s-2);display:flex}.recipe-edit-step-row .recipe-step-num{background:var(--accent-soft);width:18px;height:18px;color:var(--accent);font:var(--f-caption);border-radius:50%;flex-shrink:0;place-items:center;margin-top:13px;font-weight:700;display:grid}.recipe-edit-step-fields{flex-direction:column;flex:1;gap:6px;display:flex}.bullet-list{cursor:text;flex-direction:column;gap:2px;display:flex}.bullet-list:focus-within{border-color:var(--accent);background:var(--surface)}.bullet-row{align-items:flex-start;gap:8px;display:flex}.bullet-dot{color:var(--text-3);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:16px;line-height:1.5}.bullet-row-input{resize:none;min-width:0;color:var(--text-1);background:0 0;border:0;flex:1;margin:0;padding:0;font-family:inherit;font-size:16px;line-height:1.5;overflow:hidden}.bullet-row-input::placeholder{color:var(--text-3)}.bullet-row-input:focus{outline:none}.ai-overlay{z-index:80;justify-content:center;align-items:center;gap:var(--s-3);padding:var(--s-6);text-align:center;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;display:flex;position:fixed;inset:0}.ai-overlay-text{font:var(--f-h3,600 16px/1.4 inherit);color:var(--text-1);margin:0;font-weight:700}.ai-overlay-sub{font:var(--f-caption,400 13px/1.4 inherit);color:var(--text-2);margin:0}.ai-spinner{border:3px solid var(--divider);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite ai-spin}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-confirm{gap:var(--s-3);flex-direction:column;display:flex}.ai-confirm-photo{object-fit:cover;border-radius:var(--r-lg,16px);background:var(--surface-sunken);align-self:center;width:128px;height:128px}.ai-confirm-q{text-align:center;color:var(--text-1);margin:0;font-weight:700}.ai-cand-list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ai-cand{align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3);border:1.5px solid var(--divider);border-radius:var(--r-lg,14px);background:var(--surface);text-align:left;cursor:pointer;display:flex}.ai-cand.is-sel{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.ai-cand-emoji{background:var(--surface-sunken);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.ai-cand-texts{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ai-cand-name{color:var(--text-1);font-weight:700}.ai-cand-meta{font:var(--f-caption,400 13px/1.4 inherit);color:var(--text-2)}.ai-cand-check{color:var(--accent);flex-shrink:0;width:20px}.ai-cand-guide{background:var(--surface-sunken);border-radius:var(--r-lg,14px);padding:var(--s-3)}.ai-cand-guide-label{font:var(--f-caption,600 12px/1.4 inherit);color:var(--accent);margin-bottom:4px;font-weight:700;display:block}.ai-cand-guide p{font:var(--f-body);color:var(--text-1);white-space:pre-wrap;margin:0;line-height:1.6}.ai-manual{margin-top:var(--s-2);padding-top:var(--s-4);border-top:1px dashed var(--divider);gap:var(--s-2);flex-direction:column;display:flex}.ai-manual-label{color:var(--text-1);font-weight:700}.ai-manual-row{gap:var(--s-2);align-items:stretch;display:flex}.ai-manual-row .input{flex:1;min-width:0}.ai-manual-row .btn{white-space:nowrap;flex-shrink:0}.field-label--row{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.switch{flex-shrink:0;width:44px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch-track{background:var(--divider);pointer-events:none;border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch-thumb{width:20px;height:20px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track .switch-thumb{transform:translate(18px)}.ai-guide-btn{cursor:pointer;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:var(--r-pill,999px);border:none;flex-shrink:0;padding:5px 11px;font-size:12px;font-weight:700}.ai-guide-btn:disabled{opacity:.45;cursor:default}.name-suggest{margin:calc(-1 * var(--s-2)) 0 0;flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.name-suggest-item{align-items:center;gap:var(--s-3);border:1.5px solid var(--divider);background:var(--surface);text-align:left;cursor:pointer;width:100%;color:var(--text-2);border-radius:12px;padding:8px 10px;display:flex}.name-suggest-item:active{background:var(--surface-sunken)}.name-suggest-emoji{background:var(--surface-sunken);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:20px;display:grid;overflow:hidden}.name-suggest-emoji img{object-fit:cover;width:100%;height:100%}.name-suggest-texts{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.name-suggest-name{color:var(--text-1);font-weight:700}.name-suggest-cat{font:var(--f-caption,400 12px/1.4 inherit);color:var(--text-2)}.name-gen-btn{margin-top:calc(-1 * var(--s-1,2px))}.loading-screen{min-height:60vh;color:var(--text-2);font:var(--f-body);place-items:center;display:grid}.admin-landing{justify-content:center;align-items:center;gap:var(--s-3);min-height:100vh;padding:var(--s-5) var(--s-4);text-align:center;flex-direction:column;display:flex}.admin-landing-icon{font-size:40px}.admin-landing-title{font:var(--f-title);color:var(--text-1);margin:0}.admin-landing-sub{font:var(--f-body);color:var(--text-2);margin:0 0 var(--s-2);max-width:320px}.admin-landing .btn--block{width:100%;max-width:320px}.admin-landing-logout{margin-top:var(--s-2);color:var(--text-3)}.food-loader{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.food-loader-chip{background:var(--accent-soft);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.food-loader-img{object-fit:contain;animation:.16s ease-out food-loader-pop}@keyframes food-loader-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.food-loader-img{animation:none}}.food-loader-label{color:var(--text-2);font:var(--f-body)}.login{z-index:95;touch-action:pan-y;min-height:100dvh;padding:var(--s-6);background:var(--bg);flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0;overflow-y:auto}.login-close{top:max(var(--s-4), env(safe-area-inset-top));right:var(--s-4);background:var(--surface-sunken);width:36px;height:36px;color:var(--text-2);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.login-content{text-align:center;width:100%;max-width:360px;margin:0 auto}.login-hero-card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-card);padding:var(--s-6) var(--s-5);margin-bottom:var(--s-5)}.login-hero-card .home-empty-art{margin:0 auto var(--s-3);cursor:default;-webkit-user-select:none;user-select:none;display:block}.login-hero-card .marquee{margin-bottom:0}.login-hero-card .home-empty-title{margin-top:0}.login-sub{font:var(--f-body);color:var(--text-2);margin:0 0 var(--s-5)}.login-form{gap:var(--s-3);text-align:left;flex-direction:column;display:flex}.login-error{font:var(--f-caption);color:var(--expired);margin:0}.oauth-group{gap:var(--s-3);flex-direction:column;display:flex}.oauth-btn{border-radius:var(--r-md);width:100%;font:var(--f-label);border:1.5px solid #0000;justify-content:center;align-items:center;gap:10px;padding:13px 16px;font-size:15px;transition:transform .1s,opacity .15s;display:flex}.oauth-btn:active{transform:scale(.98)}.oauth-btn:disabled{opacity:.5}.oauth-btn--google{background:var(--surface);color:var(--text-1);border-color:var(--divider-strong)}.oauth-btn--apple{background:var(--sub);color:#fff}.oauth-btn--email{background:var(--surface-sunken);color:var(--text-1)}.login-email-panel{text-align:left}.login-back{color:var(--text-2);font:var(--f-caption);margin-bottom:var(--s-4);background:0 0;border:none;align-items:center;gap:2px;display:inline-flex}.login-switch{margin-top:var(--s-4);color:var(--text-2);font:var(--f-caption);text-underline-offset:3px;background:0 0;border:none;text-decoration:underline}.home-space{border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);font:var(--f-caption);border:none;align-items:center;gap:4px;margin-top:4px;padding:4px 10px 4px 8px;font-weight:600;display:inline-flex}.home-space svg{color:var(--accent)}.space-switch{padding-bottom:var(--s-4)}.space-list{margin:0 0 var(--s-4);gap:var(--s-2);flex-direction:column;padding:0;list-style:none;display:flex}.space-row{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);align-items:stretch;width:100%;display:flex;overflow:hidden}.space-row.is-cur{border-color:var(--accent);background:var(--accent-soft)}.space-row-main{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);text-align:left;background:0 0;border:none;flex:1;min-width:0;display:flex}.space-gear{border:none;border-left:1px solid var(--border);width:46px;color:var(--text-2);background:0 0;flex:none;place-items:center;display:grid}.space-row.is-cur .space-gear{border-left-color:var(--accent-soft-2)}.space-emoji{font-size:20px}.space-lead{flex:none;justify-content:center;align-items:center;width:22px;display:inline-flex}.space-lead svg{color:var(--accent)}.space-name{font:var(--f-h3);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;overflow:hidden}.space-row-main svg{color:var(--accent)}.home-space-title{font:var(--f-title);letter-spacing:-.02em;color:var(--text-1);background:0 0;border:none;align-items:center;gap:4px;max-width:100%;padding:0;display:inline-flex}.home-space-title span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-space-title svg{color:var(--text-2);flex:none}.member-list{margin:0 0 var(--s-4);gap:var(--s-2);flex-direction:column;padding:0;list-style:none;display:flex}.member-row{align-items:center;gap:var(--s-3);padding:var(--s-2) 2px;display:flex}.member-row.muted{color:var(--text-3);font:var(--f-caption)}.member-avatar{border-radius:var(--r-pill);background:var(--accent-soft);width:34px;height:34px;color:var(--accent);font:var(--f-label);flex:none;place-items:center;display:grid}.member-name{font:var(--f-h3);flex:1;align-items:center;gap:6px;min-width:0;font-size:15px;display:inline-flex}.member-you{font:var(--f-small);color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);padding:1px 7px}.member-you--expired{color:var(--text-2);background:var(--surface-sunken)}.member-owner{font:var(--f-small);color:var(--accent);align-items:center;gap:3px;display:inline-flex}.member-owner svg{color:var(--accent)}.settings-card{background:var(--surface);border-radius:var(--r-xl);padding:var(--s-5);box-shadow:var(--shadow-card)}.settings-card+.add-section-title{margin-top:var(--s-5)}.name-edit-box{align-items:center;gap:var(--s-2);display:flex}.name-edit-box .input{flex:1;min-width:0}.name-edit-btn{flex-shrink:0}.name-edit-btn:disabled{opacity:.4}.hint-warn-row{margin:var(--s-3) 0 0;align-items:center;gap:6px;display:flex}.hint-warn-row svg{color:var(--soon);flex:none}.settings-card .member-list{gap:0;margin:0}.settings-card .member-row{padding:var(--s-3) 0;border-bottom:1px solid var(--divider)}.settings-card .member-row:first-child{padding-top:0}.settings-card .member-row:last-child{border-bottom:none;padding-bottom:0}.member-owner-badge{font:var(--f-small);color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);flex:none;align-items:center;gap:4px;padding:5px 10px;font-weight:700;display:inline-flex}.member-owner-badge svg{color:var(--accent)}.avatar--1{color:#e0447b;background:#ffe3ec}.avatar--2{color:#3b6fe0;background:#e3eeff}.avatar--3{color:#1fa35c;background:#e3f8ec}.avatar--4{color:#8b5cf6;background:#f1e7ff}.avatar--5{color:#c98a17;background:#fff3dc}.avatar--6{color:#12a594;background:#e1f7f5}.settings{padding-bottom:var(--s-6);flex-direction:column;display:flex}.settings-group{padding:0 var(--s-5)}.settings-group:first-child{padding-top:var(--s-2)}.settings-divider{background:var(--bg);height:10px;margin:var(--s-4) 0}.settings-profile{gap:var(--s-3);margin-bottom:var(--s-2);display:flex}.settings-avatar{cursor:pointer;flex-shrink:0;width:52px;height:52px;font-size:20px;position:relative}.settings-avatar-edit{border-radius:var(--r-pill);background:var(--surface);width:20px;height:20px;color:var(--text-2);box-shadow:var(--shadow-card);place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.settings-profile-summary{align-items:center;gap:var(--s-3);width:100%;padding:var(--s-1) 0;cursor:pointer;text-align:left;background:0 0;border:0;display:flex}.settings-profile-summary-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:700;overflow:hidden}.profile-edit-avatar-wrap{padding:var(--s-3) 0 var(--s-5);justify-content:center;display:flex}.profile-edit-avatar{cursor:pointer;flex-shrink:0;width:76px;height:76px;font-size:32px;position:relative}.profile-edit-avatar .settings-avatar-edit{width:24px;height:24px;bottom:0;right:0}.cat-order-list{margin:var(--s-3) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.cat-order-row{align-items:center;gap:var(--s-3);padding:var(--s-2) 0;border-bottom:1px solid var(--line);display:flex}.cat-order-row:last-child{border-bottom:0}.cat-order-ico{flex-shrink:0;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.cat-order-ico img{object-fit:contain;width:30px;height:30px}.cat-order-label{min-width:0;color:var(--text);flex:1;font-size:15px;font-weight:600}.cat-order-btns{gap:var(--s-1);display:flex}.cat-order-btns .btn:disabled{opacity:.25}.avatar-picker-grid{gap:var(--s-4);padding:var(--s-2) 0 var(--s-6);grid-template-columns:repeat(4,1fr);display:grid}.avatar-picker-item{aspect-ratio:1;cursor:pointer;border:2px solid #0000;width:100%;height:auto;font-size:26px}.avatar-picker-item--on{border-color:var(--accent)}.settings-profile-fields{gap:var(--s-3);flex-direction:column;flex:1;min-width:0;display:flex}.settings-name-row{gap:var(--s-2);display:flex}.settings-name-row .input{flex:1}.settings-row{align-items:center;gap:var(--s-3);border:none;border-bottom:1px solid var(--divider);text-align:left;width:100%;color:var(--text-1);cursor:pointer;background:0 0;padding:14px 4px;text-decoration:none;display:flex}.settings-row:last-of-type{border-bottom:none}.settings-row--static{cursor:default}.bg-color-swatches{gap:var(--s-3);display:flex}.bg-color-swatch{border:1.5px solid var(--divider);width:32px;height:32px;color:var(--text-1);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.bg-color-swatch.is-selected{border-color:var(--accent);border-width:2px}.bg-color-swatch:disabled{opacity:.6;cursor:default}.settings-row-ico{color:var(--text-2);flex-shrink:0}.settings-row-label{font:var(--f-label);flex:1;font-size:15px}.settings-row-chev{color:var(--text-3);flex-shrink:0}.settings-row-value{font:var(--f-body);color:var(--text-3)}.settings-theme-select{width:100%;min-width:0;font:var(--f-label);color:var(--text-1);background:var(--surface-sunken);border-radius:var(--r-md);border:1.5px solid #0000;flex:1;padding:12px 14px;font-size:15px;display:block}.theme-preview-row{gap:var(--s-2);margin-top:var(--s-3);display:flex;overflow-x:auto}.theme-preview-thumb{border-radius:var(--r-md);background:var(--surface-sunken);flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.theme-preview-thumb img{object-fit:contain;width:78%;height:78%}.settings-group--signout{align-items:center;gap:var(--s-3);padding-top:var(--s-2);flex-direction:column;display:flex}.settings-signout{padding-left:var(--s-6);padding-right:var(--s-6)}.settings-withdraw{padding-left:var(--s-6);padding-right:var(--s-6);color:var(--text-3);font-size:13px}.settings-withdraw:hover{color:var(--expired)}.settings-login-cta{gap:var(--s-3);padding-top:var(--s-2);flex-direction:column;display:flex}.settings-login-cta-text{color:var(--text-2);text-align:center;margin:0;font-size:13.5px}.profile-email{margin-bottom:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-sunken);flex-direction:column;gap:2px;display:flex}.profile-email-label{font:var(--f-small);color:var(--text-3)}.profile-email-val{font:var(--f-body);word-break:break-all;font-weight:600}.danger-text{color:var(--expired);justify-content:center;align-items:center;gap:6px;display:inline-flex}.danger-text svg{color:var(--expired)}.btn--xs{font:var(--f-small);padding:5px 10px;font-weight:600}.space-row-inline{gap:var(--s-2);margin-bottom:var(--s-4);align-items:center;display:flex}.space-row-inline .input{flex:1}.invite-code{align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);padding:var(--s-3) var(--s-4);border:1px dashed var(--accent);border-radius:var(--r-lg);background:var(--accent-soft);display:flex}.invite-code-val{font:var(--f-h2);letter-spacing:.2em;color:var(--accent);font-variant-numeric:tabular-nums;flex:1}.admin-panel{padding-bottom:var(--s-6)}.admin-loading{padding:var(--s-6);text-align:center;color:var(--text-3);font:var(--f-caption)}.admin-list{margin:var(--s-2) 0 0;gap:var(--s-2);flex-direction:column;padding:0;list-style:none;display:flex}.admin-row{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-lg);display:flex}.admin-row--btn{cursor:pointer;background:var(--surface);text-align:left;width:100%}.admin-thumb{border-radius:var(--r-md);border:1px solid var(--border);background:#fff;flex:none;place-items:center;width:40px;height:40px;font-size:22px;display:grid;overflow:hidden}.admin-thumb img{object-fit:contain;width:82%;height:82%}.admin-thumb--lg{width:56px;height:56px;font-size:28px}.admin-detail-head{align-items:center;gap:var(--s-3);display:flex}.admin-stat-grid{gap:var(--s-2);margin-bottom:var(--s-3);grid-template-columns:repeat(2,1fr);display:grid}.admin-stat{background:var(--surface-sunken);border-radius:var(--r-md);padding:var(--s-3)}.admin-stat b{font:var(--f-h2);margin-bottom:2px;line-height:1.2;display:block}.admin-stat--accent b{color:var(--accent)}.admin-stat span{font:var(--f-small);color:var(--text-2)}.admin-stat-delta{color:var(--fresh);margin-left:5px;font-style:normal}.admin-usage-list{margin-top:var(--s-2);flex-direction:column;gap:7px;display:flex}.admin-usage-row{align-items:center;gap:8px;display:flex}.admin-usage-name{font:var(--f-caption);white-space:nowrap;text-overflow:ellipsis;flex:none;width:72px;overflow:hidden}.admin-usage-bar{border-radius:var(--r-pill);background:var(--surface-sunken);flex:1;height:8px;overflow:hidden}.admin-usage-bar i{border-radius:var(--r-pill);background:var(--accent);height:100%;display:block}.admin-usage-count{font:var(--f-small);color:var(--text-3);text-align:right;flex:none;width:38px}.admin-daily-table-wrap{margin-top:var(--s-2);overflow-x:auto}.admin-daily-table{border-collapse:collapse;width:100%;font:var(--f-small);white-space:nowrap}.admin-daily-table th,.admin-daily-table td{text-align:right;border-bottom:1px solid var(--divider);padding:6px 8px}.admin-daily-table th:first-child,.admin-daily-table td:first-child{text-align:left;color:var(--text-1)}.admin-daily-table th{color:var(--text-2);font-weight:600}.admin-daily-table td{color:var(--text-2)}.admin-daily-table td i{color:var(--text-2);opacity:.7;margin-left:2px;font-style:normal}.admin-daily-total-row td{color:var(--text-1);background:var(--surface-sunken);border-bottom:2px solid var(--divider);font-weight:700}.admin-kv-table{border-collapse:collapse;width:100%;font:var(--f-small);margin-top:var(--s-2)}.admin-kv-table th,.admin-kv-table td{text-align:left;border-bottom:1px solid var(--divider);padding:7px 4px;font-weight:400}.admin-kv-table th{width:34%;color:var(--text-2)}.admin-kv-table td{color:var(--text-1)}.admin-kv-table tr:last-child th,.admin-kv-table tr:last-child td{border-bottom:none}.screen-title-row,.screen-header-actions{align-items:center;gap:6px;display:flex}.fridge-search-row{margin-bottom:var(--s-3);align-items:center;gap:8px;display:flex}.fridge-search-row .search-box{flex:1}.count-badge--strong{color:var(--text-1)}.fallback-actions{flex:none;align-items:center;gap:4px;display:flex}.fallback-add-actions{margin-top:var(--s-4);justify-content:center;gap:8px;display:flex}.admin-row-actions{flex-direction:column;flex:none;align-items:stretch;gap:4px;display:flex}.admin-row-actions .btn{padding:5px 10px}.admin-row-actions .admin-done{text-align:center}.admin-rank{text-align:center;width:26px;font:var(--f-h3);color:var(--accent);font-variant-numeric:tabular-nums;flex:none}.admin-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.admin-info b{font:var(--f-h3);font-size:15px}.admin-sub{font:var(--f-small);color:var(--text-2)}.admin-count{font:var(--f-label);color:var(--text-2);font-variant-numeric:tabular-nums;flex:none}.admin-done{font:var(--f-small);color:var(--text-3);background:var(--surface-sunken);border-radius:var(--r-pill);flex:none;padding:3px 10px}.bulk-textarea{resize:vertical;width:100%;min-height:180px;line-height:1.7;font:inherit;margin-top:var(--s-2)}.bulk-mic{width:100%;margin-top:var(--s-3);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text-1);font:var(--f-label);justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;display:inline-flex}.bulk-mic svg{color:var(--accent)}.bulk-mic.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);animation:1.2s ease-in-out infinite mic-pulse}.bulk-mic.is-on svg{color:var(--accent)}@keyframes mic-pulse{0%,to{box-shadow:0 0 #169d6347}50%{box-shadow:0 0 0 6px #169d6300}}@media (prefers-reduced-motion:reduce){.bulk-mic.is-on{animation:none}}.skeleton-bar{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--surface-hover) 25%, var(--divider-strong) 37%, var(--surface-hover) 63%);background-size:400% 100%;width:72px;height:14px;animation:1.4s infinite skeleton-shimmer;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton-bar{animation:none}}.bulk-preview{margin-top:var(--s-4)}.bulk-chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.bulk-chip{border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-strong);font:var(--f-label);border:1px solid var(--accent-soft-2);align-items:center;gap:4px;padding:6px 6px 6px 12px;font-size:13px;display:inline-flex}.bulk-chip-x{border-radius:var(--r-pill);background:var(--accent-soft-2);width:18px;height:18px;color:var(--accent-strong);border:none;flex:none;place-items:center;display:inline-grid}.member-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.member-email{font:var(--f-small);color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.foods-seg{padding:0 var(--s-5);margin-bottom:var(--s-3)}.space-drag{border:none;border-right:1px solid var(--border);width:40px;color:var(--text-3);cursor:grab;touch-action:none;background:0 0;flex:none;align-self:stretch;place-items:center;display:grid}.space-row.is-cur .space-drag{border-right-color:var(--accent-soft-2)}.space-list.is-dragging{cursor:grabbing}.space-list.is-dragging .space-row{transition:transform .12s}.guide-title{align-items:center;gap:6px;display:inline-flex}.info-btn{width:20px;height:20px;color:var(--text-3);background:0 0;border:none;flex:none;place-items:center;padding:0;display:inline-grid}.home-empty{margin:var(--s-5) var(--s-5) 0;padding:var(--s-6) var(--s-5) var(--s-5);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;display:flex}.home-empty-art{object-fit:contain;width:150px;height:150px;margin-bottom:var(--s-3)}.home-empty-title{font:var(--f-h2);margin:0 0 6px}.home-empty-sub{font:var(--f-body);color:var(--text-2);margin:0 0 var(--s-5)}.home-empty-cta{justify-content:center;align-items:center;gap:6px;padding-top:14px;padding-bottom:14px;font-size:16px;display:inline-flex}.home-empty-hint{font:var(--f-small);color:var(--text-3);margin:var(--s-3) 0 0}.onboard{margin:var(--s-5) var(--s-5) 0;padding:var(--s-6) var(--s-5) var(--s-5);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-card);text-align:center}.onboard-title{font:var(--f-h2);margin:0 0 6px}.onboard-sub{font:var(--f-body);color:var(--text-2);margin:0 0 var(--s-5)}.onboard-grid{gap:var(--s-4) var(--s-2);margin-bottom:var(--s-5);grid-template-columns:repeat(4,1fr);display:grid}.onboard-cell{background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.onboard-cell-img{aspect-ratio:1;border-radius:var(--r-lg);background:var(--surface-sunken);width:100%;box-shadow:var(--shadow-card);place-items:center;font-size:24px;transition:transform .1s;display:grid;overflow:hidden}.onboard-cell-img img{object-fit:cover;width:100%;height:100%}.onboard-cell:active .onboard-cell-img{transform:scale(.94)}.onboard-cell-label{font:var(--f-small);color:var(--text-2)}.onboard-skip{margin-top:var(--s-1)}.marquee{width:100%;margin:var(--s-2) 0 var(--s-5);overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:14px;width:max-content;animation:22s linear infinite marquee;display:flex}.marquee:active .marquee-track{animation-play-state:paused}.marquee-item{cursor:pointer;background:0 0;border:none;flex:none;width:52px;height:52px;padding:0;transition:transform .1s}.marquee-item:active{transform:scale(.9)}.marquee-item img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .25s}.marquee-item img.is-loaded{opacity:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.toolbar-actions{align-items:center;gap:var(--s-2);display:flex}.mini-grid{gap:var(--s-4);padding:0 var(--s-5) var(--s-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mini-grid .mini-card{width:auto;min-width:0}.mini-card--compact{padding:var(--s-2) var(--s-2) 10px;align-items:center}.mini-card--compact .mini-thumb{aspect-ratio:auto;width:53px;height:53px;margin-bottom:2px}.mini-card--compact .mini-thumb img{width:94%;height:94%}.mini-card--compact .mini-info{text-align:center;width:100%;min-width:0}.mini-card--compact .mini-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;line-height:1.2;overflow:hidden}.mini-card--compact .mini-badge-row{text-align:center;margin-top:3px}.hidden-badge{font:var(--f-small);color:var(--text-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-pill);vertical-align:middle;margin-left:6px;padding:1px 7px;font-size:11px;display:inline-block}.food-row.is-hidden .food-row-emoji,.food-row.is-hidden .food-row-name,.food-row.is-hidden .food-row-cat{opacity:.5}.cat-picker-btn{background:var(--surface-sunken);width:100%;color:var(--text-1);border-radius:var(--r-md);text-align:left;border:1.5px solid #0000;align-items:center;gap:10px;padding:8px 14px;font-size:16px;display:flex}.cat-picker-btn:active{background:var(--surface)}.cat-picker-ico{flex:none;place-items:center;width:34px;height:34px;font-size:22px;display:grid}.cat-picker-ico img{object-fit:contain;width:100%;height:100%}.cat-picker-label{flex:1;font-weight:500}.cat-picker-btn svg{color:var(--text-3);flex:none}.cat-cell.is-selected .cat-ico{outline:2.5px solid var(--accent);outline-offset:2px}body[data-food-theme] .food-thumb,body[data-food-theme] .food-list--cards .food-row-emoji,body[data-food-theme] .food-row-emoji,body[data-food-theme] .fav-chip-ico,body[data-food-theme] .subimg-cell,body[data-food-theme] .detail-thumb,body[data-food-theme] .theme-preview-thumb{background:var(--food-bg-color,#fff)}body[data-food-theme] .cat-ico--food{background:#f7f8f9}body[data-food-theme] .mini-card{overflow:hidden}body[data-food-theme] .mini-thumb{background:var(--food-bg-color,#fff);width:calc(100% + var(--s-3) * 2);aspect-ratio:1.6;margin:calc(var(--s-3) * -1) calc(var(--s-3) * -1) var(--s-2);border-radius:0;position:relative}body[data-food-theme] .mini-card--compact .mini-thumb{width:calc(100% + var(--s-2) * 2);height:auto;margin:calc(var(--s-2) * -1) calc(var(--s-2) * -1) var(--s-2)}body[data-food-theme] .mini-thumb img{object-fit:contain;width:80%;height:80%;margin:auto;position:absolute;inset:0}