*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f0f0f;--color-surface:#1a1a1a;--color-surface-2:#252525;--color-border:#2e2e2e;--color-primary:#2d9a6b;--color-primary-hover:#25855a;--color-text:#f0f0f0;--color-text-muted:#888;--color-danger:#e05252;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--nav-height:60px;--max-width:1100px}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}ul{list-style:none}.navbar{z-index:100;height:var(--nav-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;display:flex;position:sticky;top:0}.navbar__inner{max-width:var(--max-width);width:100%;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar__brand{font-size:var(--font-size-lg);color:var(--color-primary);letter-spacing:-.5px;font-weight:700}.navbar__links{gap:var(--spacing-md);display:flex}.navbar__links a{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:color .15s,background-color .15s}.navbar__links a:hover{color:var(--color-text);background-color:var(--color-surface-2)}.navbar__links a.active{color:var(--color-primary);font-weight:600}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__content{max-width:var(--max-width);width:100%;padding:var(--spacing-xl) var(--spacing-lg);flex:1;margin:0 auto}.search-bar{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.search-bar__input{min-width:200px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);outline:none;flex:1;transition:border-color .15s}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__input:focus{border-color:var(--color-primary)}.search-bar__select{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;outline:none;transition:border-color .15s}.search-bar__select:focus{border-color:var(--color-primary)}.recipe-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.recipe-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.recipe-card__link{aspect-ratio:4/3;display:block;overflow:hidden}.recipe-card__img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.recipe-card:hover .recipe-card__img{transform:scale(1.04)}.recipe-card__body{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.recipe-card__title{font-size:var(--font-size-base);font-weight:600;line-height:1.3}.recipe-card__meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.recipe-card__actions{gap:var(--spacing-sm);margin-top:auto;display:flex}.recipe-card__btn{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0;flex:1;font-weight:500;transition:background-color .15s,color .15s,border-color .15s}.recipe-card__btn:hover{background-color:var(--color-surface-2);color:var(--color-text)}.recipe-card__btn--save{border-color:var(--color-primary);color:var(--color-primary)}.recipe-card__btn--save:hover{background-color:var(--color-primary);color:#fff}.recipe-card__btn--saved{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.search-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.search-page__status{min-height:24px}.search-page__message{font-size:var(--font-size-sm);color:var(--color-text-muted)}.search-page__message--error{color:var(--color-danger)}.search-page__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.detail-status{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-xl) 0}.detail-status--error{color:var(--color-danger)}.detail{gap:var(--spacing-xl);flex-direction:column;display:flex}.detail__back{font-size:var(--font-size-sm);color:var(--color-text-muted);width:fit-content;transition:color .15s}.detail__back:hover{color:var(--color-primary)}.detail__hero{gap:var(--spacing-xl);grid-template-columns:340px 1fr;align-items:start;display:grid}@media (width<=700px){.detail__hero{grid-template-columns:1fr}}.detail__img{border-radius:var(--radius-lg);object-fit:cover;aspect-ratio:4/3;width:100%}.detail__header{gap:var(--spacing-md);flex-direction:column;display:flex}.detail__title{font-size:var(--font-size-xl);font-weight:700;line-height:1.2}.detail__meta{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.detail__tag{font-size:var(--font-size-sm);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--color-surface-2);color:var(--color-text-muted)}.detail__actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.detail__btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-block}.detail__btn--save{border-color:var(--color-primary);color:var(--color-primary)}.detail__btn--save:hover{background-color:var(--color-primary);color:#fff}.detail__btn--saved{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.detail__btn--video:hover{background-color:var(--color-surface-2);color:var(--color-text)}.detail__body{gap:var(--spacing-xl);grid-template-columns:260px 1fr;align-items:start;display:grid}@media (width<=700px){.detail__body{grid-template-columns:1fr}}.detail__section-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);font-weight:600}.detail__ingredients{gap:var(--spacing-sm);flex-direction:column;display:flex}.detail__ingredient{font-size:var(--font-size-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border);justify-content:space-between;display:flex}.detail__ingredient-name{color:var(--color-text)}.detail__ingredient-measure{color:var(--color-text-muted)}.detail__instructions{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:pre-line;line-height:1.8}.saved-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.saved-page__heading{font-size:var(--font-size-xl);font-weight:700}.saved-page__empty{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--spacing-xl) 0}.saved-page__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.week-grid{gap:var(--spacing-sm);grid-template-columns:repeat(7,1fr);display:grid}@media (width<=900px){.week-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.week-grid{grid-template-columns:1fr 1fr}}.week-grid__slot{background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);gap:var(--spacing-sm);flex-direction:column;min-height:160px;transition:border-color .15s,background-color .15s;display:flex}.week-grid__slot--over{border-color:var(--color-primary);background-color:var(--color-surface-2)}.week-grid__day{font-size:var(--font-size-sm);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.week-grid__empty{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;flex:1;justify-content:center;align-items:center;margin:auto 0;display:flex}.week-grid__meal{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.week-grid__meal-img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);width:100%}.week-grid__meal-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.week-grid__meal-name{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500;line-height:1.3;transition:color .15s}.week-grid__meal-name:hover{color:var(--color-primary)}.week-grid__remove{font-size:var(--font-size-sm);color:var(--color-danger);text-align:left;background:0 0;border:none;padding:0;transition:opacity .15s}.week-grid__remove:hover{opacity:.75}.planner-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.planner-page__heading{font-size:var(--font-size-xl);font-weight:700}.planner-page__layout{gap:var(--spacing-xl);grid-template-columns:220px 1fr;align-items:start;display:grid}@media (width<=760px){.planner-page__layout{grid-template-columns:1fr}}.planner-page__sidebar{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-md);top:calc(var(--nav-height) + var(--spacing-md));flex-direction:column;display:flex;position:sticky}.planner-page__sidebar-title{font-size:var(--font-size-base);font-weight:600}.planner-page__hint{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}.planner-page__no-saved{font-size:var(--font-size-sm);color:var(--color-text-muted)}.planner-page__meal-list{gap:var(--spacing-sm);flex-direction:column;max-height:60vh;display:flex;overflow-y:auto}.planner-page__meal-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--radius-sm);cursor:grab;border:1px solid #0000;transition:background-color .15s,border-color .15s;display:flex}.planner-page__meal-item:hover{background-color:var(--color-surface-2);border-color:var(--color-border)}.planner-page__meal-item:active{cursor:grabbing}.planner-page__meal-thumb{object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;width:40px;height:40px}.planner-page__meal-name{font-size:var(--font-size-sm);line-height:1.3}.ing-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.ing-page__header{gap:var(--spacing-sm);flex-direction:column;display:flex}.ing-page__heading{font-size:var(--font-size-xl);font-weight:700}.ing-page__subheading{font-size:var(--font-size-sm);color:var(--color-text-muted)}.ing-page__input-area{gap:var(--spacing-md);flex-direction:column;display:flex}.ing-page__tag-input{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:text;flex-wrap:wrap;min-height:48px;transition:border-color .15s;display:flex}.ing-page__tag-input:focus-within{border-color:var(--color-primary)}.ing-page__tag{align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;display:inline-flex}.ing-page__tag-remove{color:inherit;opacity:.8;background:0 0;border:none;padding:0;font-size:1rem;line-height:1;transition:opacity .15s}.ing-page__tag-remove:hover{opacity:1}.ing-page__input{min-width:140px;color:var(--color-text);font-size:var(--font-size-base);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.ing-page__input::placeholder{color:var(--color-text-muted)}.ing-page__controls{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.ing-page__btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0;font-weight:500;transition:background-color .15s,color .15s,border-color .15s}.ing-page__btn:disabled{opacity:.4;cursor:not-allowed}.ing-page__btn--add{border-color:var(--color-border);color:var(--color-text)}.ing-page__btn--add:not(:disabled):hover{background-color:var(--color-surface-2)}.ing-page__btn--find{border-color:var(--color-primary);color:var(--color-primary)}.ing-page__btn--find:not(:disabled):hover{background-color:var(--color-primary);color:#fff}.ing-page__btn--clear{color:var(--color-danger);border-color:var(--color-danger)}.ing-page__btn--clear:hover{background-color:var(--color-danger);color:#fff}.ing-page__message{font-size:var(--font-size-sm);color:var(--color-text-muted)}.ing-page__message--error{color:var(--color-danger)}.ing-page__results{gap:var(--spacing-lg);flex-direction:column;display:flex}.ing-page__results-heading{font-size:var(--font-size-lg);font-weight:600}.ing-page__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}