:root{--color-primary: #4caf50;--color-primary-light: #e8f5e9;--color-primary-dark: #2e7d32;--color-text: #1a1a1a;--color-text-secondary: #555;--color-text-muted: #888;--color-border: #e0e0e0;--color-border-light: #eee;--color-bg: #fafafa;--color-bg-white: #fff;--color-bg-hover: #f5f5f5;--color-error: #d32f2f;--color-link: #1a73e8;--color-food: #e65100;--color-food-light: #fff3e0;--color-numeric: #1565c0;--color-numeric-light: #e3f2fd;--color-macro-protein: #4caf50;--color-macro-carbs: #ff9800;--color-macro-fat: #2196f3;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--header-height: 64px;--detail-panel-width: 720px;--max-content-width: 1500px;font-family:system-ui,-apple-system,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--font-size-sm: .8rem;--font-size-base: .95rem;--font-size-lg: 1.1rem;--font-size-xl: 1.35rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;min-width:320px}.chip-trigger{padding:.35rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-white);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;transition:all .15s}.chip-trigger:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.chip-trigger--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.chip-trigger--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.chip-popover{position:absolute;top:calc(100% + 6px);left:0;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;z-index:50;padding:var(--space-sm)}.popover-actions{display:flex;justify-content:flex-end;gap:.3rem;border-top:1px solid var(--color-border-light);padding-top:var(--space-sm)}.popover-action{padding:.25rem .6rem;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s}.popover-action--clear{background:none;color:var(--color-text-muted)}.popover-action--clear:hover{color:var(--color-error)}.popover-action--apply{background:var(--color-primary);color:#fff}.popover-action--apply:hover{background:var(--color-primary-dark)}.panel-tabs{display:flex;border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-md);gap:0}.panel-tab{padding:var(--space-sm) var(--space-md);border:none;background:none;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;margin-bottom:-1px}.panel-tab:hover{color:var(--color-text-secondary)}.panel-tab--active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}@media(max-width:768px){.panel-tabs{margin-bottom:var(--space-sm)}.panel-tab{padding:var(--space-xs) var(--space-sm);font-size:.75rem}}.panel-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s,color .15s}.panel-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text)}@media(max-width:768px){.panel-icon-btn{width:28px;height:28px}}@media(max-width:768px){.bottom-sheet{position:fixed;inset:auto 0 0;min-width:auto;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 12px #0000001a;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));animation:bottom-sheet-up .2s ease;z-index:50}.bottom-sheet--full{height:90vh;height:90dvh;display:flex;flex-direction:column;overflow:hidden;z-index:201}.bottom-sheet--half{max-height:50vh;max-height:50dvh;overflow-y:auto}.bottom-sheet--short{max-height:40vh;max-height:40dvh}.bottom-sheet__backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:200}@keyframes bottom-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.popover-option{padding:.25rem .55rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-white);font-size:.75rem;cursor:pointer;transition:all .15s}.popover-option:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.popover-option--selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.popover-option--selected:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.popover-option--pill{border-radius:var(--radius-full)}.pill--tag{background:var(--color-primary-light);color:var(--color-primary-dark)}.pill--food{background:var(--color-food-light);color:var(--color-food)}.pill--numeric{background:var(--color-numeric-light);color:var(--color-numeric)}.app{min-height:100vh;overflow-x:hidden}.typeahead-search{position:relative;display:flex;align-items:center;flex:0 1 640px;border:1px solid var(--color-border);border-radius:var(--radius-full);overflow:visible;transition:box-shadow .2s}.typeahead-search:focus-within{box-shadow:0 1px 6px #0000001a;border-color:var(--color-border)}.typeahead-search__input-area{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.35rem .75rem;min-width:0}.typeahead-search__input{flex:1;min-width:80px;padding:.25rem 0;border:none;outline:none;font-size:var(--font-size-base);background:transparent}.typeahead-search__pill{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);white-space:nowrap}.typeahead-search__pill-remove{display:inline-flex;align-items:center;justify-content:center;width:.9rem;height:.9rem;border:none;background:none;color:inherit;font-size:.8rem;line-height:1;cursor:pointer;border-radius:50%;padding:0;transition:background .15s}.typeahead-search__pill-remove:hover{background:#0000001a}.typeahead-search__clear{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:none;color:var(--color-text-muted);font-size:1.1rem;cursor:pointer;flex-shrink:0;padding:0;margin-right:.25rem;border-radius:50%;transition:color .15s,background .15s}.typeahead-search__clear:hover{color:var(--color-error);background:var(--color-bg-hover)}.typeahead-search__button{padding:.6rem 1.25rem;border:none;background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background .15s;border-radius:0 var(--radius-full) var(--radius-full) 0;flex-shrink:0}.typeahead-search__button:hover{background:var(--color-primary-dark)}.typeahead-search__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:340px;overflow-y:auto;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;z-index:50}.typeahead-search__group-header{padding:.4rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg);border-bottom:1px solid var(--color-border-light)}.typeahead-search__option{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:.45rem .75rem;border:none;background:none;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.typeahead-search__option:hover,.typeahead-search__option--highlighted{background:var(--color-bg-hover)}.typeahead-search__option-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;border-radius:var(--radius-full)}.typeahead-search__option-badge--food{background:var(--color-food-light);color:var(--color-food)}.typeahead-search__option-badge--tag{background:var(--color-primary-light);color:var(--color-primary-dark)}@media(max-width:768px){.typeahead-search{flex:1 1 auto;max-width:100%;min-width:0}.typeahead-search__button{padding:.6rem .75rem}}.time-chip{position:relative}.time-chip__popover{min-width:200px}.time-chip__presets{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:var(--space-sm)}.macro-chip{position:relative}.macro-chip__popover{min-width:260px}.macro-chip__presets{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.macro-chip__slider-section{margin-bottom:var(--space-sm)}.macro-chip__slider-label{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.15rem}.macro-chip__slider{width:100%;height:4px;appearance:none;background:var(--color-border);border-radius:2px;outline:none}.macro-chip__slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;cursor:pointer}.macro-chip__slider--protein::-webkit-slider-thumb{background:var(--color-macro-protein)}.macro-chip__slider--carbs::-webkit-slider-thumb{background:var(--color-macro-carbs)}.macro-chip__slider--fat::-webkit-slider-thumb{background:var(--color-macro-fat)}@media(max-width:768px){.macro-chip__popover{max-height:45vh;max-height:45dvh;padding:var(--space-md)}}.tag-browser{position:relative}.tag-browser__popover{min-width:280px;max-height:360px;display:flex;flex-direction:column;padding:0}.tag-browser__filter{padding:.5rem .75rem;border:none;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);outline:none;background:transparent}.tag-browser__groups{overflow-y:auto;padding:var(--space-xs)}.tag-browser__group-header{padding:.35rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.tag-browser__tag-list{display:flex;flex-wrap:wrap;gap:.25rem;padding:0 .5rem .4rem}.tag-browser__empty{padding:var(--space-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}@media(max-width:768px){.tag-browser__popover{max-height:50vh;max-height:50dvh}}.saved-chip{display:inline-flex;align-items:center;gap:.3rem}.saved-chip:hover{border-color:var(--color-error);color:var(--color-error)}.saved-chip--active{background:var(--color-error);border-color:var(--color-error);color:#fff}.saved-chip--active:hover{background:#b71c1c;border-color:#b71c1c;color:#fff}.saved-chip__icon{flex-shrink:0}.chip-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);max-width:var(--max-content-width);margin:0 auto;padding:.4rem var(--space-lg);background:var(--color-bg-white);border-bottom:1px solid var(--color-border-light)}@media(max-width:768px){.chip-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.4rem var(--space-md);scrollbar-width:none;max-width:100vw;mask-image:linear-gradient(to right,black calc(100% - 2rem),transparent);-webkit-mask-image:linear-gradient(to right,black calc(100% - 2rem),transparent)}.chip-bar::-webkit-scrollbar{display:none}}.active-filters{display:flex;align-items:center;gap:var(--space-sm);max-width:var(--max-content-width);margin:0 auto;padding:var(--space-xs) var(--space-lg);flex-wrap:wrap}.active-filters__label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.active-filters__pills{display:flex;flex-wrap:wrap;gap:.3rem}.active-filters__pill{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .5rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);white-space:nowrap}.active-filters__pill-remove{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:none;background:none;color:inherit;font-size:.85rem;line-height:1;cursor:pointer;border-radius:50%;padding:0;transition:background .15s}.active-filters__pill-remove:hover{background:#0000001a}.active-filters__clear{border:none;background:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;transition:color .15s}.active-filters__clear:hover{color:var(--color-error)}@media(max-width:768px){.active-filters{padding:var(--space-xs) var(--space-md)}}.view-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.view-toggle__btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;padding:0;border:none;background:var(--color-bg-white);color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s}.view-toggle__btn:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.view-toggle__btn--active{background:var(--color-primary-light);color:var(--color-primary-dark)}.view-toggle__btn+.view-toggle__btn{border-left:1px solid var(--color-border)}@media(max-width:768px){.view-toggle{display:none}}.compare-bar{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:0 4px 20px #00000026;z-index:150}.compare-bar__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.compare-bar__btn{padding:var(--space-xs) var(--space-md);border:none;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.compare-bar__btn:hover{background:var(--color-primary-dark)}.compare-bar__clear{width:28px;height:28px;padding:0;border:none;background:none;color:var(--color-text-muted);font-size:1.2rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.compare-bar__clear:hover{color:var(--color-error);background:var(--color-bg-hover)}.grid-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-white);overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .2s}.grid-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.grid-card__image-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-bg)}.grid-card__image{width:100%;height:100%;object-fit:cover;display:block}.grid-card__image--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.grid-card__save{position:absolute;top:var(--space-sm);right:var(--space-sm);width:36px;height:36px;padding:0;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s,transform .15s;box-shadow:0 1px 4px #0000001a}.grid-card__save:hover{background:#fff;color:var(--color-error);transform:scale(1.1)}.grid-card__save--active{color:var(--color-error)}.grid-card__calorie-badge{position:absolute;bottom:var(--space-sm);left:var(--space-sm);padding:2px var(--space-sm);background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary-dark);box-shadow:0 1px 4px #0000001a}.grid-card__body{padding:var(--space-md)}.grid-card__title{margin:0 0 var(--space-xs);font-size:var(--font-size-base);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-card__tags{margin:0 0 var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.grid-card__tag-sep{opacity:.5}.grid-card__more{font-style:italic}.grid-card__macro-bar{display:flex;height:4px;border-radius:2px;overflow:hidden}.grid-card__macro-segment--protein{background:var(--color-macro-protein)}.grid-card__macro-segment--carbs{background:var(--color-macro-carbs)}.grid-card__macro-segment--fat{background:var(--color-macro-fat)}.result-card{position:relative;display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;border-left:3px solid transparent;transition:background .15s,border-color .15s}.result-card__thumb{width:72px;height:72px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;align-self:flex-start}.result-card__thumb--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-border)}.result-card__body{flex:1;min-width:0}.result-card:hover{background:var(--color-bg-hover)}.result-card--selected{background:var(--color-bg-hover);border-left-color:var(--color-primary)}.result-card__save{position:absolute;top:var(--space-sm);right:var(--space-sm);width:32px;height:32px;padding:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.result-card__save:hover{background:var(--color-bg-hover);color:var(--color-error)}.result-card__save--active{color:var(--color-error)}.result-card__title-row{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xs);padding-right:var(--space-xl);min-width:0;overflow:hidden}.result-card__title{margin:0;font-size:var(--font-size-lg);font-weight:500;color:var(--color-link);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-card__author{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.result-card:hover .result-card__title{text-decoration:underline}.result-card__description{margin:0 0 var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.result-card__macro-bar{display:flex;height:4px;border-radius:2px;overflow:hidden;margin-bottom:var(--space-sm)}.result-card__macro-segment--protein{background:var(--color-macro-protein)}.result-card__macro-segment--carbs{background:var(--color-macro-carbs)}.result-card__macro-segment--fat{background:var(--color-macro-fat)}.result-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.result-card__tags{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);flex:1;min-width:0;text-align:left}.result-card__tag-sep{color:var(--color-text-muted);opacity:.5}.result-card__more{color:var(--color-text-muted);font-style:italic}.result-card__calories{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary-dark);white-space:nowrap;flex-shrink:0}@media(max-width:768px){.result-card{padding:var(--space-sm) var(--space-md)}.result-card__thumb{width:56px;height:56px}.result-card__title{font-size:var(--font-size-base)}}.nutrition-stats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.nutrition-stats__item{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm)}.nutrition-stats__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.nutrition-stats__value{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.nutrition-stats__calorie-row{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-primary-light);border-radius:var(--radius-sm)}.nutrition-stats__calorie-value{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary-dark)}.nutrition-stats__calorie-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.nutrient-table__heading{margin:0 0 var(--space-xs);font-size:var(--font-size-lg);font-weight:700}.nutrient-table__servings{margin:0 0 var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.nutrient-table__table{width:100%;border-collapse:collapse}.nutrient-table__row td{padding:var(--space-xs) 0;border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm)}.nutrient-table__row:first-child td{border-top:3px solid var(--color-text)}.nutrient-table__row--bold td{font-weight:600}.nutrient-table__row--indent .nutrient-table__label{padding-left:var(--space-md);font-weight:400}.nutrient-table__label{color:var(--color-text)}.nutrient-table__value{text-align:right;color:var(--color-text-secondary);white-space:nowrap}.nutrient-table__note{margin:var(--space-sm) 0 0;font-size:var(--font-size-xs, .75rem);color:var(--color-text-muted)}@media(max-width:768px){.nutrient-table__heading{font-size:var(--font-size-base)}.nutrient-table__row td{font-size:.75rem}}.ingredient-list__heading{margin:0 0 var(--space-sm);font-size:var(--font-size-base);font-weight:600}.ingredient-list__columns{display:flex;gap:var(--space-lg)}.ingredient-list__col{list-style:none;padding:0;margin:0;flex:1}.ingredient-list__col li{font-size:var(--font-size-sm);line-height:1.7;color:var(--color-text-secondary)}.macro-chart{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.macro-chart__svg{transform:rotate(-90deg)}.macro-chart__track{stroke:var(--color-border-light)}.macro-chart__segment{stroke-linecap:round;transition:stroke-dasharray .3s,stroke-dashoffset .3s}.macro-chart__segment--protein{stroke:var(--color-macro-protein)}.macro-chart__segment--carbs{stroke:var(--color-macro-carbs)}.macro-chart__segment--fat{stroke:var(--color-macro-fat)}.macro-chart__center-calories{font-size:1.3rem;font-weight:700;fill:var(--color-text);transform:rotate(90deg);transform-origin:center}.macro-chart__center-label{font-size:var(--font-size-sm);fill:var(--color-text-muted);transform:rotate(90deg);transform-origin:center}.macro-chart__legend{display:flex;gap:var(--space-lg)}.macro-chart__legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm)}.macro-chart__legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.macro-chart__legend-dot--protein{background:var(--color-macro-protein)}.macro-chart__legend-dot--carbs{background:var(--color-macro-carbs)}.macro-chart__legend-dot--fat{background:var(--color-macro-fat)}.macro-chart__legend-label{color:var(--color-text-secondary)}.macro-chart__legend-value{font-weight:600;color:var(--color-text);white-space:nowrap}@media(max-width:768px){.macro-chart__legend{gap:var(--space-sm)}.macro-chart__legend-item{font-size:.75rem}.macro-chart__svg{width:110px;height:110px}.macro-chart{gap:var(--space-sm)}}.tag-pill{display:inline-flex;align-items:center;gap:.25rem;background:var(--color-primary-light);color:var(--color-primary-dark);padding:.2rem .6rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);white-space:nowrap}.tag-pill--removable{padding-right:.3rem}.tag-pill__remove{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border:none;background:none;color:var(--color-primary-dark);font-size:.9rem;line-height:1;cursor:pointer;border-radius:50%;padding:0;transition:background .15s}.tag-pill__remove:hover{background:#0000001a}.detail-panel{position:sticky;top:calc(var(--header-height) + var(--space-lg));width:var(--detail-panel-width);max-height:calc(100vh - var(--header-height) - var(--space-xl));overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-white);padding:var(--space-lg);flex-shrink:0}.detail-panel__backdrop{display:none}.detail-panel__title-row{display:flex;align-items:flex-start;gap:var(--space-sm)}.detail-panel__title-row .detail-panel__title{flex:1;min-width:0}.detail-panel__title-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.detail-panel__save-btn--active,.detail-panel__save-btn--active:hover{color:var(--color-error)}.detail-panel__close{font-size:1.4rem}.detail-panel__stats-row{display:flex;gap:var(--space-md);align-items:flex-start}.detail-panel__image{width:160px;height:160px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.detail-panel__image--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-text-muted)}.detail-panel__header{margin-bottom:var(--space-md)}.detail-panel__title{margin:0 0 var(--space-xs);font-size:var(--font-size-xl);font-weight:600;line-height:1.3}.detail-panel__author{margin:0 0 var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.detail-panel__tab-content{min-height:200px}.detail-panel__description{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.detail-panel__section{padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--color-border-light)}.detail-panel__section:first-child{padding-top:0;margin-top:0;border-top:none}.detail-panel__section-heading{margin:0 0 var(--space-sm);font-size:var(--font-size-base);font-weight:600}.detail-panel__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}@media(max-width:1024px){.detail-panel{width:480px}}@media(max-width:768px){.detail-panel{position:fixed;width:100%;padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px))}.detail-panel__title{font-size:var(--font-size-lg);margin-bottom:0;line-height:1.2}.detail-panel__header{margin-bottom:var(--space-sm)}.detail-panel__description{font-size:var(--font-size-sm);line-height:1.4}.detail-panel__image{width:100px;height:100px}.detail-panel__stats-row{gap:var(--space-sm)}.detail-panel__tab-content{flex:1;min-height:0;overflow-y:auto}.detail-panel__section{padding-top:var(--space-sm);margin-top:var(--space-sm)}.detail-panel__section-heading{font-size:var(--font-size-sm)}.detail-panel__close{font-size:1.2rem}}.loading-spinner{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) 0;gap:var(--space-md)}.loading-spinner__ring{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner__text{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--space-xl) var(--space-md)}.empty-state__message{margin:0 0 var(--space-sm);font-size:var(--font-size-lg);color:var(--color-text-secondary)}.empty-state__suggestion{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination{display:flex;justify-content:center;padding:var(--space-lg) 0}.pagination__button{padding:.6rem 1.5rem;font-size:var(--font-size-base);font-weight:500;color:var(--color-link);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:background .15s,border-color .15s}.pagination__button:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-link)}.pagination__button:disabled{color:var(--color-text-muted);cursor:default}.list-view{max-width:var(--max-content-width);margin:0 auto;padding:var(--space-lg)}.list-view__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.list-view--with-panel{display:flex;justify-content:center;gap:var(--space-xl)}.list-view__results{display:flex;flex-direction:column;flex:1;min-width:0;max-height:calc(100vh - var(--header-height) - 60px);overflow-y:auto}@media(max-width:1024px){.list-view{padding:var(--space-md)}.list-view--with-panel,.list-view__grid{gap:var(--space-md)}}@media(max-width:768px){.list-view{padding:var(--space-md)}.list-view--with-panel{display:block}.list-view__grid{grid-template-columns:1fr;gap:var(--space-lg)}.list-view__results{max-height:none;overflow-y:visible}}.recipe-modal__backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);animation:recipe-modal-fade-in .2s ease}@keyframes recipe-modal-fade-in{0%{opacity:0}to{opacity:1}}.recipe-modal{background:var(--color-bg-white);border-radius:var(--radius-lg);width:100%;max-width:680px;max-height:calc(100vh - var(--space-xl) * 2);overflow-y:auto;padding:var(--space-lg);box-shadow:0 16px 48px #0000001f;animation:recipe-modal-scale-in .2s ease}@keyframes recipe-modal-scale-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.recipe-modal__header{margin-bottom:var(--space-md)}.recipe-modal__title-row{display:flex;align-items:flex-start;gap:var(--space-sm)}.recipe-modal__title-row .recipe-modal__title{flex:1;min-width:0}.recipe-modal__title{margin:0 0 var(--space-xs);font-size:var(--font-size-xl);font-weight:600;line-height:1.3}.recipe-modal__title-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.recipe-modal__save-btn--active,.recipe-modal__save-btn--active:hover{color:var(--color-error)}.recipe-modal__close{font-size:1.4rem}.recipe-modal__author{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.recipe-modal__tab-content{min-height:200px}.recipe-modal__description{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.recipe-modal__section{padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px solid var(--color-border-light)}.recipe-modal__section:first-child{padding-top:0;margin-top:0;border-top:none}.recipe-modal__section-heading{margin:0 0 var(--space-sm);font-size:var(--font-size-base);font-weight:600}.recipe-modal__stats-row{display:flex;gap:var(--space-md);align-items:flex-start}.recipe-modal__image{width:160px;height:160px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.recipe-modal__image--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-text-muted)}.recipe-modal__tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}@media(max-width:768px){.recipe-modal__backdrop{padding:0;align-items:flex-end}.recipe-modal{max-width:100%;max-height:90vh;max-height:90dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px));animation:bottom-sheet-up .2s ease}.recipe-modal__stats-row{flex-direction:column}.recipe-modal__image{width:100%;height:200px}}.grid-view{max-width:var(--max-content-width);margin:0 auto;padding:var(--space-lg)}.grid-view__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}@media(max-width:1024px){.grid-view{padding:var(--space-md)}.grid-view__grid{gap:var(--space-md)}}@media(max-width:768px){.grid-view{padding:var(--space-md)}.grid-view__grid{grid-template-columns:1fr;gap:var(--space-lg)}}.search-page__header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-white);border-bottom:1px solid var(--color-border-light);height:var(--header-height)}.search-page__brand{font-size:1.4rem;font-weight:700;color:var(--color-primary);white-space:nowrap;letter-spacing:-.02em}.search-page__header .view-toggle{flex-shrink:0}@media(max-width:768px){.search-page__header{flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);height:auto;max-width:100vw}.search-page__brand{font-size:1.1rem;flex:1}.search-page__header .typeahead-search{order:1;flex-basis:100%;min-width:0}}.compare-page__header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-white);border-bottom:1px solid var(--color-border);height:var(--header-height)}.compare-page__back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;transition:background .15s,color .15s}.compare-page__back:hover{background:var(--color-bg-hover);color:var(--color-text)}.compare-page__title{margin:0;font-size:var(--font-size-xl);font-weight:600}.compare-page__content{max-width:var(--max-content-width);margin:0 auto;padding:var(--space-lg)}.compare-page__table-wrapper{overflow-x:auto}.compare-table{display:grid;min-width:100%;gap:0}.compare-table__row-group{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.compare-table__label{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);background:var(--color-bg);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;position:sticky;left:0;z-index:1}.compare-table__label--header{font-size:var(--font-size-base);font-weight:700;background:var(--color-bg-white);border-bottom:2px solid var(--color-border)}.compare-table__cell{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);color:var(--color-text);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center}.compare-table__cell--header{flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md);border-bottom:2px solid var(--color-border)}.compare-table__recipe-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-link);line-height:1.3}.compare-table__recipe-author{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.compare-table__save{width:28px;height:28px;padding:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color .15s}.compare-table__save:hover,.compare-table__save--active{color:var(--color-error)}.compare-table__cell--best{background:var(--color-primary-light);font-weight:600}.compare-table__cell--tags{flex-wrap:wrap;gap:var(--space-xs)}.compare-table__cell--chart{justify-content:center;padding:var(--space-md)}@media(max-width:768px){.compare-page__header{gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.compare-page__content{padding:var(--space-md)}.compare-table__label{min-width:120px}.compare-table__cell{min-width:180px}}