:root{--bp-bg:#fdfbf7;--bp-surface:#fff;--bp-text:#2c2c2c;--bp-text-sub:#7a7a7a;--bp-border:#e8e4dd;--bp-grain:#f5c542;--bp-grain-light:#fff4d6;--bp-veg:#6bbf59;--bp-veg-light:#e4f5e0;--bp-protein:#e06666;--bp-protein-light:#fdeaea;--bp-primary:#4a90a4;--bp-primary-hover:#3a7a8e;--bp-primary-text:#fff;--bp-danger:#d94f4f;--bp-space-xs:4px;--bp-space-sm:8px;--bp-space-md:16px;--bp-space-lg:24px;--bp-space-xl:40px;--bp-radius:12px;--bp-radius-sm:8px;--bp-font:"Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--bp-font-size-xs:.75rem;--bp-font-size-sm:.875rem;--bp-font-size-md:1rem;--bp-font-size-lg:1.25rem;--bp-font-size-xl:1.5rem;--bp-font-size-2xl:2rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--bp-font);font-size:var(--bp-font-size-md);color:var(--bp-text);background:var(--bp-bg);-webkit-font-smoothing:antialiased;line-height:1.6}.bp-container{max-width:480px;padding:0 var(--bp-space-md);margin:0 auto}.bp-page{min-height:100dvh;padding-top:var(--bp-space-xl);padding-bottom:var(--bp-space-xl);flex-direction:column;display:flex}.bp-page-center{min-height:100dvh;padding:var(--bp-space-xl) var(--bp-space-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.bp-input{width:100%;padding:14px var(--bp-space-md);border:1.5px solid var(--bp-border);border-radius:var(--bp-radius-sm);font-size:var(--bp-font-size-md);font-family:var(--bp-font);background:var(--bp-surface);color:var(--bp-text);transition:border-color .15s}.bp-input:focus{border-color:var(--bp-primary);outline:none}.bp-label{font-size:var(--bp-font-size-sm);margin-bottom:var(--bp-space-xs);font-weight:600;display:block}.bp-field{margin-bottom:var(--bp-space-lg)}.bp-btn{border-radius:var(--bp-radius);width:100%;font-size:var(--bp-font-size-md);font-weight:600;font-family:var(--bp-font);cursor:pointer;border:none;padding:14px;transition:background .15s,opacity .15s;display:block}.bp-btn:disabled{opacity:.5;cursor:not-allowed}.bp-btn-primary{background:var(--bp-primary);color:var(--bp-primary-text)}.bp-btn-primary:hover:not(:disabled){background:var(--bp-primary-hover)}.bp-btn-ghost{color:var(--bp-primary);border:1.5px solid var(--bp-border);background:0 0}.bp-radio-group{gap:var(--bp-space-sm);display:flex}.bp-radio-option{border:1.5px solid var(--bp-border);border-radius:var(--bp-radius-sm);text-align:center;cursor:pointer;background:var(--bp-surface);flex:1;padding:12px;font-weight:500;transition:all .15s}.bp-radio-option.selected{border-color:var(--bp-primary);color:var(--bp-primary);background:#edf5f8}.bp-card{background:var(--bp-surface);border:1px solid var(--bp-border);border-radius:var(--bp-radius);padding:var(--bp-space-lg)}.bp-error{color:var(--bp-danger);font-size:var(--bp-font-size-sm);margin-top:var(--bp-space-xs)}.bp-title{font-size:var(--bp-font-size-2xl);margin-bottom:var(--bp-space-sm);font-weight:700}.bp-subtitle{font-size:var(--bp-font-size-sm);color:var(--bp-text-sub);margin-bottom:var(--bp-space-xl)}.bp-btn-link{color:var(--bp-primary);font-size:var(--bp-font-size-sm);font-weight:600;font-family:var(--bp-font);cursor:pointer;background:0 0;border:none;padding:0}.bp-btn-link:disabled{opacity:.4;cursor:not-allowed}.bp-hint{font-size:var(--bp-font-size-sm);color:var(--bp-text-sub);margin-top:var(--bp-space-xs)}.bp-chip-group{gap:var(--bp-space-sm);margin:var(--bp-space-sm) 0;flex-wrap:wrap;display:flex}.bp-chip{border:1.5px solid var(--bp-border);background:var(--bp-surface);font-size:var(--bp-font-size-sm);font-family:var(--bp-font);cursor:pointer;border-radius:999px;padding:8px 14px}.bp-chip:hover{border-color:var(--bp-primary);color:var(--bp-primary)}.bp-search-results{border:1.5px solid var(--bp-border);border-radius:var(--bp-radius-sm);margin-top:var(--bp-space-xs);background:var(--bp-surface);max-height:240px;overflow-y:auto}.bp-search-result-item{width:100%;padding:10px var(--bp-space-md);border:none;border-bottom:1px solid var(--bp-border);text-align:left;font-size:var(--bp-font-size-md);font-family:var(--bp-font);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;display:flex}.bp-search-result-item:last-child{border-bottom:none}.bp-search-result-item:hover{background:var(--bp-bg)}.bp-badge-custom{font-size:var(--bp-font-size-xs);color:var(--bp-primary);border:1px solid var(--bp-primary);border-radius:999px;padding:1px 6px}.bp-food-picked{padding:14px var(--bp-space-md);border:1.5px solid var(--bp-primary);border-radius:var(--bp-radius-sm);background:#edf5f8;justify-content:space-between;align-items:center;display:flex}.bp-stepper{align-items:center;gap:var(--bp-space-md);display:flex}.bp-stepper-btn{border:1.5px solid var(--bp-border);background:var(--bp-surface);width:40px;height:40px;font-size:var(--bp-font-size-lg);cursor:pointer;border-radius:50%}.bp-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.bp-stepper-value{text-align:center;min-width:32px;font-size:var(--bp-font-size-lg);font-weight:700}.bp-ingredient-row{gap:var(--bp-space-sm);margin-bottom:var(--bp-space-sm);align-items:flex-start;display:flex}.bp-toast{bottom:var(--bp-space-lg);background:var(--bp-text);color:#fff;border-radius:var(--bp-radius);font-size:var(--bp-font-size-sm);z-index:100;cursor:pointer;padding:12px 20px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.bp-toggle-row{gap:var(--bp-space-lg);margin-bottom:var(--bp-space-md);font-size:var(--bp-font-size-sm);color:var(--bp-text-sub);display:flex}.bp-toggle-row label{cursor:pointer;align-items:center;gap:4px;display:flex}.bp-stock-row{border:1.5px solid var(--bp-border);border-radius:var(--bp-radius-sm);padding:var(--bp-space-md);margin-bottom:var(--bp-space-sm);background:var(--bp-surface);cursor:pointer}.bp-stock-row.soon{background:#fff7e6;border-color:#e0a83e}.bp-stock-row.expired{border-color:var(--bp-danger);background:var(--bp-protein-light)}.bp-stock-row-header{justify-content:space-between;align-items:center;gap:var(--bp-space-sm);display:flex}.bp-stock-name{font-weight:700}.bp-stock-meta{font-size:var(--bp-font-size-sm);color:var(--bp-text-sub);margin-top:var(--bp-space-xs)}.bp-stock-detail{margin-top:var(--bp-space-sm);padding-top:var(--bp-space-sm);border-top:1px dashed var(--bp-border);font-size:var(--bp-font-size-sm);color:var(--bp-text-sub)}.bp-expiry-badge{font-size:var(--bp-font-size-xs);color:#fff;border-radius:999px;flex-shrink:0;padding:2px 8px;font-weight:700}.bp-expiry-badge.soon{background:#e0a83e}.bp-expiry-badge.expired{background:var(--bp-danger)}.bp-tag-recipe{font-size:var(--bp-font-size-xs);color:var(--bp-text-sub);border:1px solid var(--bp-border);margin-left:var(--bp-space-xs);border-radius:999px;padding:1px 6px;font-weight:400}.bp-stepper-small .bp-stepper-btn{width:32px;height:32px;font-size:var(--bp-font-size-md)}.bp-stepper-small .bp-stepper-value{font-size:var(--bp-font-size-md)}.bp-bottom-sheet-overlay{z-index:200;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.bp-bottom-sheet{background:var(--bp-surface);border-radius:var(--bp-radius) var(--bp-radius) 0 0;flex-direction:column;width:100%;max-height:80vh;animation:.25s ease-out slideUp;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bp-bottom-sheet-header{padding:var(--bp-space-lg);border-bottom:1px solid var(--bp-border);justify-content:space-between;align-items:center;display:flex}.bp-bottom-sheet-header h3{font-size:var(--bp-font-size-lg);margin:0;font-weight:700}.bp-close-btn{font-size:var(--bp-font-size-lg);cursor:pointer;color:var(--bp-text-sub);background:0 0;border:none}.bp-bottom-sheet-content{padding:var(--bp-space-md);flex:1;overflow-y:auto}.bp-stock-list{gap:var(--bp-space-sm);flex-direction:column;display:flex}.bp-stock-item{align-items:center;gap:var(--bp-space-sm);width:100%;padding:var(--bp-space-md);border:1.5px solid var(--bp-border);border-radius:var(--bp-radius-sm);background:var(--bp-surface);text-align:left;cursor:pointer;flex-direction:row;transition:all .15s;display:flex}.bp-stock-item:hover,.bp-stock-item.selected{border-color:var(--bp-primary);background:#edf5f8}.bp-stock-check{font-size:var(--bp-font-size-lg);color:var(--bp-primary);flex-shrink:0;line-height:1}.bp-stock-item-body{gap:var(--bp-space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.bp-bottom-sheet-footer{padding:var(--bp-space-md);border-top:1px solid var(--bp-border)}.bp-stock-item-name{font-weight:700;font-size:var(--bp-font-size-md)}.bp-stock-item-details{font-size:var(--bp-font-size-sm);color:var(--bp-text-sub);justify-content:space-between;align-items:center;display:flex}.bp-fulfillment-meter{gap:var(--bp-space-lg);flex-direction:column;display:flex}.bp-fulfillment-compact{gap:var(--bp-space-md)}.bp-meter-row{align-items:center;gap:var(--bp-space-md);display:flex}.bp-meter-label{justify-content:space-between;align-items:center;min-width:120px;display:flex}.bp-meter-name{font-size:var(--bp-font-size-sm);font-weight:600}.bp-meter-value{font-size:var(--bp-font-size-xs);color:var(--bp-text-sub)}.bp-meter-bar-container{background:var(--bp-bg);border:1px solid var(--bp-border);border-radius:999px;flex:1;height:24px;position:relative;overflow:hidden}.bp-meter-bar-fill{height:100%;transition:width .3s ease-out}.bp-meter-pct{text-align:right;min-width:36px;font-size:var(--bp-font-size-sm);font-weight:600}.bp-nutrient-name{width:84px;font-size:var(--bp-font-size-sm);flex-shrink:0;font-weight:600}.bp-meter-bar-text{font-size:var(--bp-font-size-xs);color:var(--bp-text);pointer-events:none;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.bp-collapse-header{align-items:center;gap:var(--bp-space-xs);cursor:pointer;width:100%;font-size:var(--bp-font-size-sm);color:var(--bp-text-sub);background:0 0;border:none;padding:0;font-weight:600;display:flex}.bp-collapse-caret{transition:transform .15s ease-out}.bp-collapse-caret.open{transform:rotate(90deg)}