:root{--color-primary: #247a4d;--color-on-primary: #ffffff;--color-primary-container: #d8f0e2;--color-on-primary-container: #0f3d24;--color-secondary: #5b7a6a;--color-on-secondary: #ffffff;--color-secondary-container: #e2ebe6;--color-on-secondary-container: #1f3329;--color-neutral: #f4f7f5;--color-surface: #ffffff;--color-surface-container: #eaefee;--color-on-surface: #1a2420;--color-on-surface-variant: #5a6560;--color-outline: #c5cfc9;--color-outline-strong: #5f6a64;--color-error: #c62828;--color-on-error: #ffffff;--color-error-container: #fdecea;--color-success: #1b7a45;--color-on-success: #ffffff;--color-success-container: #e3f5ea;--color-purchased: #9aa8a0;--color-on-purchased: #3d4742;--color-purchased-surface: #e8ecea;--color-scrim: rgb(26 36 32 / 40%);--color-tile-overlay: rgb(255 255 255 / 70%);--color-tile-border: rgb(26 36 32 / 6%);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-page: 16px;--space-section: 24px;--space-inline: 16px;--tile-gap: 8px;--tap-min: 44px;--font-family: "DM Sans", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-size-label-sm: 12px;--font-size-label-md: 14px;--font-size-body-sm: 14px;--font-size-body-md: 16px;--font-size-body-lg: 18px;--font-size-headline-sm: 18px;--font-size-headline-md: 22px;--font-size-headline-lg: 28px;--font-size-sm: var(--font-size-body-sm);--font-size-base: var(--font-size-body-md);--font-size-md: var(--font-size-body-lg);--font-size-lg: var(--font-size-headline-md);--font-size-xl: var(--font-size-headline-lg);--font-size-2xl: 32px;--font-size-3xl: 36px;--line-height-tight: 1.2;--line-height-snug: 1.3;--line-height-body: 1.5;--line-height-caption: 1.45;--line-height-base: var(--line-height-body);--letter-spacing-headline-lg: -.02em;--letter-spacing-headline-md: -.015em;--letter-spacing-headline-sm: -.01em;--letter-spacing-label-sm: .02em;--letter-spacing-tight: var(--letter-spacing-headline-sm);--letter-spacing-tighter: var(--letter-spacing-headline-lg);--layout-max-width: 1440px;--content-max-width: 880px;--header-height: 56px;--header-padding-x: var(--space-page);--nav-gap: var(--space-md);--main-offset: var(--header-height);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--z-dock: 10;--z-dropdown: 110;--z-dialog-backdrop: 100;--z-dialog: 101;--input-height: 48px;--button-height: 48px;--tile-size: 104px;--form-max-width: 400px;--quick-add-dock-height: 72px;--dialog-max-width: 480px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);-webkit-font-smoothing:antialiased;background:var(--color-neutral);color:var(--color-on-surface);font-size:var(--font-size-body-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}body{position:relative}.root{isolation:isolate}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header.app-header{max-width:var(--layout-max-width);margin:0 auto;padding:0 var(--header-padding-x);background:var(--color-neutral)}header.app-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--nav-gap)}.nav-link{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:var(--space-sm);font-size:var(--font-size-label-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--color-on-surface);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit}.nav-link:hover{color:var(--color-on-primary-container)}.nav-link--active{background:var(--color-primary-container);color:var(--color-on-primary-container)}.brand{font-size:var(--font-size-headline-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-sm);color:var(--color-on-surface);line-height:var(--line-height-snug)}.nav-account{margin-left:auto}.nav-user{font-size:var(--font-size-label-sm);font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant);letter-spacing:var(--letter-spacing-label-sm)}main{max-width:var(--content-max-width);margin:0 auto;padding:0;display:flex;flex-direction:column;min-height:calc(100vh - var(--main-offset));width:100%;background:transparent}@media(min-width:768px){header.app-header{padding:0 var(--space-xl)}.brand{font-size:var(--font-size-headline-md);letter-spacing:var(--letter-spacing-headline-md)}}.form-container{display:flex;flex-direction:column;justify-content:center;max-width:var(--form-max-width);width:100%;margin:auto;padding:var(--space-page)}.form-container h1{font-size:var(--font-size-headline-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-lg);line-height:var(--line-height-tight);margin:0 0 var(--space-sm)}.form-container p{font-size:var(--font-size-body-md);line-height:var(--line-height-body);margin-bottom:var(--space-2xl);color:var(--color-outline-strong)}form{display:flex;flex-direction:column;gap:var(--space-section)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--button-height);height:var(--button-height);padding:var(--space-md);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-on-primary);font-family:inherit;font-size:var(--font-size-label-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);cursor:pointer;text-decoration:none}.button:hover:not(:disabled){background:var(--color-on-primary-container);color:var(--color-on-primary)}.button:active:not(:disabled){background:var(--color-on-primary-container);color:var(--color-on-primary)}.button:disabled{opacity:.6;cursor:not-allowed}.button--secondary{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.button--secondary:hover:not(:disabled){background:var(--color-surface-container);color:var(--color-on-surface)}.button--secondary:active:not(:disabled){background:var(--color-surface-container);color:var(--color-on-surface)}.button--tertiary{background:transparent;color:var(--color-primary)}.button--tertiary:hover:not(:disabled){background:var(--color-primary-container);color:var(--color-on-primary-container)}.button--tertiary:active:not(:disabled){background:var(--color-primary-container);color:var(--color-on-primary-container)}.button--danger{background:var(--color-error);color:var(--color-on-error)}.button--danger:hover:not(:disabled){background:var(--color-error);filter:brightness(.92);color:var(--color-on-error)}.button--danger:active:not(:disabled){filter:brightness(.88)}.field-label{margin-bottom:var(--space-xs);display:block;font-size:var(--font-size-label-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--color-on-surface)}.field-error{color:var(--color-error);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-caption);margin-top:var(--space-xs)}.input{width:100%;display:flex;align-items:center;gap:var(--space-sm);min-height:var(--input-height);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);font:inherit;padding:0 var(--space-md)}.input:focus-within{border-color:var(--color-primary);outline:2px solid var(--color-primary-container);outline-offset:0}.input__start-icon{flex-shrink:0;color:var(--color-on-surface-variant)}.input__field{flex:1;min-width:0;height:var(--input-height);border:none;background:transparent;font:inherit;font-size:var(--font-size-body-md);color:var(--color-on-surface);outline:none;padding:0}.input__field::placeholder{color:var(--color-on-surface-variant)}.input[data-invalid]{background:var(--color-error-container);border-color:var(--color-error)}.input[data-invalid]:focus-within{outline-color:var(--color-error-container)}.field-checkbox{display:flex;align-items:center;gap:var(--space-md);min-height:var(--tap-min);cursor:pointer}.checkbox-root{display:flex;align-items:center;justify-content:center;width:var(--space-xl);height:var(--space-xl);border:1px solid var(--color-outline);border-radius:var(--radius-sm);background:var(--color-surface);flex-shrink:0}.checkbox-root[data-checked]{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-indicator{color:var(--color-on-primary);font-size:var(--font-size-label-md);line-height:1}.checkbox-root:not([data-checked]) .checkbox-indicator{display:none}.field-checkbox-label{font-size:var(--font-size-body-sm);color:var(--color-on-surface-variant);line-height:var(--line-height-caption)}.select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--input-height);padding:0 var(--space-md);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);font-family:inherit;font-size:var(--font-size-body-md);color:var(--color-on-surface);cursor:pointer}.select-trigger:focus-visible{border-color:var(--color-primary);outline:2px solid var(--color-primary-container);outline-offset:0}.select-trigger[data-disabled]{opacity:.6;cursor:not-allowed}.select-positioner{z-index:var(--z-dropdown)}.select-popup{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);padding:var(--space-xs);min-width:var(--anchor-width);transform-origin:var(--transform-origin)}.select-list{overflow-y:auto;max-height:var(--available-height)}.select-item{display:flex;align-items:center;min-height:var(--tap-min);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-body-md);color:var(--color-on-surface);cursor:pointer}.select-item[data-highlighted]{background:var(--color-primary-container);color:var(--color-on-primary-container)}.select-item[data-selected]{font-weight:var(--font-weight-medium)}.dialog-backdrop{position:fixed;inset:0;background:var(--color-scrim);z-index:var(--z-dialog-backdrop)}.dialog-popup{position:fixed;inset:auto 0 0;z-index:var(--z-dialog);width:100%;max-height:90vh;padding:var(--space-xl);padding-bottom:max(var(--space-xl),env(safe-area-inset-bottom,0px));background:var(--color-surface);color:var(--color-on-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--color-outline);border-bottom:none;display:flex;flex-direction:column;gap:var(--space-section)}.dialog-title{font-size:var(--font-size-headline-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-sm);line-height:var(--line-height-snug);margin:0}.dialog-description{font-size:var(--font-size-body-md);color:var(--color-on-surface-variant);line-height:var(--line-height-body);margin:0}.dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:flex-end}@media(min-width:640px){.dialog-popup{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:calc(100% - 2 * var(--space-page));max-width:var(--dialog-max-width);max-height:calc(100vh - 2 * var(--space-page));border-radius:var(--radius-xl);border-bottom:1px solid var(--color-outline);padding-bottom:var(--space-xl)}}.popover-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-min);min-height:var(--tap-min);padding:0;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;font-family:inherit}.popover-trigger:hover .avatar,.popover-trigger[data-popup-open] .avatar{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.popover-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-container);color:var(--color-on-primary-container);overflow:hidden}.avatar-fallback{font-size:var(--font-size-label-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label-sm);line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none}.popover-popup{box-sizing:border-box;z-index:var(--z-dropdown);display:flex;flex-direction:column;gap:var(--space-sm);min-width:160px;padding:var(--space-md);background:var(--color-surface);color:var(--color-on-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);box-shadow:0 4px 12px #1a24201a;outline:none;transform-origin:var(--transform-origin);transition:transform .1s ease-out,opacity .1s ease-out}.popover-popup[data-starting-style],.popover-popup[data-ending-style]{opacity:0;transform:scale(.98)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface-container);color:var(--color-on-surface-variant);font-size:var(--font-size-label-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-label-sm)}.chip{display:inline-flex;align-items:center;padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-secondary-container);color:var(--color-on-secondary-container);font-size:var(--font-size-label-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-label-sm)}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg: var(--color-surface);--normal-text: var(--color-on-surface);--normal-border: var(--color-outline);--success-bg: var(--color-success);--success-text: var(--color-on-success);--success-border: var(--color-success);--error-bg: var(--color-error);--error-text: var(--color-on-error);--error-border: var(--color-error)}[data-sonner-toast]{font-family:var(--font-family);font-size:var(--font-size-label-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-md)!important}.home{padding:var(--space-page);display:flex;flex-direction:column;gap:var(--space-section);width:100%}.home__welcome h1{font-size:var(--font-size-headline-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-lg);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}.home__welcome p{color:var(--color-on-surface-variant);font-size:var(--font-size-body-md);line-height:var(--line-height-body)}.home__actions h2,.home__recipes h2{font-size:var(--font-size-headline-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-sm);line-height:var(--line-height-snug);margin-bottom:var(--space-md)}.home__actions ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.home__actions a{display:inline-flex;align-items:center;min-height:var(--tap-min);font-size:var(--font-size-label-md);font-weight:var(--font-weight-medium);color:var(--color-primary)}.home__actions a:hover{color:var(--color-on-primary-container)}.home__recipes-empty{color:var(--color-on-surface-variant);font-size:var(--font-size-body-md)}.home__recipes-empty a{color:var(--color-primary);font-weight:var(--font-weight-medium)}.home__recipes-empty a:hover{color:var(--color-on-primary-container)}.home__recipes-list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none;padding:0}.home__placeholder{padding:var(--space-page);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface)}.home__placeholder h2{font-size:var(--font-size-headline-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-sm);margin-bottom:var(--space-md)}.home__placeholder ul{list-style:disc;padding-left:var(--space-xl);color:var(--color-on-surface-variant);display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--font-size-body-md)}@media(min-width:768px){.home{padding:var(--space-xl)}}.recipes-import{width:100%}.recipe-show{padding:var(--space-page);display:flex;flex-direction:column;gap:var(--space-section);width:100%}.recipe-show__nav{margin-bottom:calc(var(--space-md) * -1)}.recipe-show__back{display:inline-flex;align-items:center;min-height:var(--tap-min);font-size:var(--font-size-label-md);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none}.recipe-show__back:hover{color:var(--color-on-primary-container)}.recipe-show__title{font-size:var(--font-size-headline-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-lg);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}.recipe-show__image{width:100%;max-height:280px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-outline)}.recipe-show__meta{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-lg);font-size:var(--font-size-body-sm)}.recipe-show__meta-item{display:contents}.recipe-show__meta dt{color:var(--color-on-surface-variant)}.recipe-show__meta dd{font-weight:var(--font-weight-medium);color:var(--color-on-surface)}.recipe-show__section h2{font-size:var(--font-size-headline-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-sm);margin-bottom:0}.recipe-show__section-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.recipe-show__ingredients{list-style:disc;padding-left:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);color:var(--color-on-surface-variant);font-size:var(--font-size-body-md)}.recipe-show__instructions{white-space:pre-wrap;color:var(--color-on-surface-variant);font-size:var(--font-size-body-md);line-height:var(--line-height-body)}.recipe-show__source{font-size:var(--font-size-body-sm)}.recipe-show__source a{color:var(--color-primary);font-weight:var(--font-weight-medium)}.recipe-show__source a:hover{color:var(--color-on-primary-container)}@media(min-width:768px){.recipe-show{padding:var(--space-xl)}.recipe-show__image{max-height:360px}}.shopping-lists{padding:var(--space-page);display:flex;flex-direction:column;gap:var(--space-section);width:100%}.shopping-lists__header h1{font-size:var(--font-size-headline-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-lg);line-height:var(--line-height-tight);margin-bottom:var(--space-md)}.shopping-lists__header p{color:var(--color-on-surface-variant);font-size:var(--font-size-body-md);line-height:var(--line-height-body)}.shopping-lists__create h2,.shopping-lists__items h2{font-size:var(--font-size-headline-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-sm);margin-bottom:var(--space-md)}.shopping-lists__create-form,.shopping-lists__rename-form{display:flex;flex-direction:column;gap:var(--space-md)}.shopping-lists__empty{color:var(--color-on-surface-variant);font-size:var(--font-size-body-md)}.shopping-lists__list{display:flex;flex-direction:column;gap:var(--space-md);list-style:none;padding:0}.shopping-lists__item{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface)}.shopping-lists__item-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.shopping-lists__item-name{font-size:var(--font-size-body-md);font-weight:var(--font-weight-semibold)}.shopping-lists__item-name a{color:inherit;text-decoration:none}.shopping-lists__item-name a:hover{color:var(--color-primary)}.shopping-lists__badge{display:inline-flex;align-items:center;padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface-container);color:var(--color-on-surface-variant);font-size:var(--font-size-label-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-label-sm)}.shopping-lists__item-actions{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:768px){.shopping-lists{padding:var(--space-xl)}.shopping-lists__create-form{flex-direction:row;align-items:flex-end}.shopping-lists__create-form .field-root,.shopping-lists__create-form [data-slot=field-root]{flex:1}.shopping-lists__rename-form{flex-direction:row;align-items:flex-end}.shopping-lists__rename-form .field-root,.shopping-lists__rename-form [data-slot=field-root]{flex:1}.shopping-lists__item-actions{flex-direction:row;flex-wrap:wrap;align-items:flex-end}}.shopping-list-show{padding:var(--space-page);padding-bottom:calc(var(--quick-add-dock-height) + env(safe-area-inset-bottom,0px) + var(--space-page));display:flex;flex-direction:column;gap:var(--space-md);width:100%}.shopping-list-show__back{display:inline-flex;align-items:center;min-height:var(--tap-min);font-size:var(--font-size-label-md);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none}.shopping-list-show__back:hover{color:var(--color-on-primary-container)}.shopping-list-show__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.shopping-list-show__title{font-size:var(--font-size-headline-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-lg);line-height:var(--line-height-tight)}.shopping-list-show__badge{display:inline-flex;align-items:center;padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface-container);color:var(--color-on-surface-variant);font-size:var(--font-size-label-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-label-sm)}.shopping-list-detail-form{display:grid;gap:var(--space-md);margin-top:var(--space-md)}@media(min-width:768px){.shopping-list-show{padding:var(--space-xl);padding-bottom:calc(var(--quick-add-dock-height) + env(safe-area-inset-bottom,0px) + var(--space-xl))}}.errors-page{padding:var(--space-page);display:flex;flex-direction:column;gap:var(--space-md);width:100%}.errors-page h1{font-size:var(--font-size-headline-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-lg);line-height:var(--line-height-tight)}.errors-page p{font-size:var(--font-size-body-md);color:var(--color-on-surface-variant)}.recipe-card{display:flex;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;text-decoration:none;min-height:var(--tap-min)}.recipe-card:hover{border-color:var(--color-outline-strong)}.recipe-card__image{width:72px;height:72px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.recipe-card__image--placeholder{background:var(--color-surface-container)}.recipe-card__body{display:flex;flex-direction:column;justify-content:center;gap:var(--space-xs);min-width:0}.recipe-card__title{font-size:var(--font-size-body-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body)}.recipe-card__meta{color:var(--color-on-surface-variant);font-size:var(--font-size-body-sm);line-height:var(--line-height-caption)}.shopping-list-tile-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.shopping-list-tile-wrapper--purchased{touch-action:pan-y}.shopping-list-tile-wrapper__delete-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:0;padding-right:var(--space-md);border:none;border-radius:var(--radius-lg);background:var(--color-error);color:var(--color-on-error);font-size:var(--font-size-label-md);font-weight:var(--font-weight-medium);cursor:pointer;z-index:0}.shopping-list-tile{position:relative;z-index:1;display:flex;flex-direction:column;aspect-ratio:1;min-height:var(--tile-size);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-tile-border);background:var(--color-surface);color:var(--color-on-surface);transition:transform .2s ease,opacity .2s ease}.shopping-list-tile--animating{transform:scale(.92);opacity:.7}.shopping-list-tile--purchased{background:var(--color-purchased-surface);color:var(--color-on-purchased);border-color:var(--color-outline)}.shopping-list-tile__detail{position:absolute;top:var(--space-xs);right:var(--space-xs);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:var(--space-xl);height:var(--space-xl);min-height:unset;padding:0;border:none;border-radius:var(--radius-sm);background:var(--color-tile-overlay);color:var(--color-on-surface);font-size:var(--font-size-label-md);line-height:1;cursor:pointer}.shopping-list-tile--purchased .shopping-list-tile__detail{color:var(--color-on-purchased)}.shopping-list-tile__main{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;min-height:var(--tap-min);padding:var(--space-sm);border:none;background:transparent;cursor:pointer;text-align:center;color:inherit;font-family:inherit}.shopping-list-tile__main:active{transform:scale(.97)}.shopping-list-tile__icon{font-size:var(--font-size-headline-md);line-height:1}.shopping-list-tile__name{font-size:var(--font-size-label-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);word-break:break-word}.shopping-list-tile__subtitle{font-size:var(--font-size-label-sm);font-weight:var(--font-weight-medium);color:var(--color-on-surface-variant);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-label-sm);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-list-tile--purchased .shopping-list-tile__subtitle{color:var(--color-purchased)}.shopping-list-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tile-gap)}@media(min-width:768px){.shopping-list-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.shopping-list-tile-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.shopping-list-zone{display:flex;flex-direction:column;gap:var(--space-md)}.shopping-list-zone__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.shopping-list-zone__header h2{font-size:var(--font-size-headline-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-headline-sm);line-height:var(--line-height-snug);margin:0}.shopping-list-zone__count{font-size:var(--font-size-body-sm);color:var(--color-on-surface-variant)}.shopping-list-zone__empty{color:var(--color-on-surface-variant);font-size:var(--font-size-body-md);margin:0}.shopping-list-zone--purchased{padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-purchased-surface)}.shopping-list-zone__clear-form{margin-top:var(--space-sm)}.shopping-list-zone__clear-button{width:100%}.shopping-list-quick-add--dock{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-dock);padding:var(--space-md) var(--space-page);padding-bottom:max(var(--space-md),env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-outline)}.shopping-list-quick-add__dock{display:flex;flex-direction:column-reverse;gap:var(--space-md);max-height:70vh;overflow-y:auto;max-width:var(--content-max-width);margin:0 auto;width:100%}.shopping-list-quick-add{display:flex;flex-direction:column;gap:var(--space-md)}.shopping-list-quick-add__search-group{display:flex;flex-direction:column;gap:var(--space-xs)}.shopping-list-quick-add__search-group-field{display:flex;gap:var(--space-xs);align-items:stretch}.shopping-list-quick-add__search-group-field .input{flex:1;min-width:0}.shopping-list-quick-add__search-icon{flex-shrink:0;font-size:var(--font-size-body-lg)}.shopping-list-quick-add__input{flex:1;min-width:0;width:100%;border:none;background:transparent;font-size:var(--font-size-body-md);height:var(--input-height);outline:none;color:var(--color-on-surface)}.shopping-list-quick-add__submit{width:auto;flex-shrink:0;padding:var(--space-sm) var(--space-md)}.shopping-list-quick-add__error{margin:0;padding:0 var(--space-md)}.shopping-list-quick-add__status{font-size:var(--font-size-body-sm);color:var(--color-outline-strong);margin:0}.shopping-list-quick-add__suggestions{list-style:none;padding:0;margin:0;border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.shopping-list-quick-add__suggestion{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:var(--tap-min);padding:var(--space-md);border:none;background:transparent;text-align:left;font-family:inherit;font-size:var(--font-size-body-md);color:var(--color-on-surface);cursor:pointer}.shopping-list-quick-add__suggestion:hover,.shopping-list-quick-add__suggestion--active{background:var(--color-primary-container);color:var(--color-on-primary-container)}.shopping-list-quick-add__frequent-label{font-size:var(--font-size-body-sm);color:var(--color-outline-strong);margin:0 0 var(--space-sm)}.shopping-list-quick-add__frequent-grid{display:flex;flex-wrap:wrap;gap:var(--tile-gap)}.shopping-list-suggestion{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);min-width:72px;min-height:var(--tap-min);padding:var(--space-sm);border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;transition:transform .15s ease}.shopping-list-suggestion:active:not(:disabled){transform:scale(.96)}.shopping-list-suggestion:disabled{opacity:.6;cursor:not-allowed}.shopping-list-suggestion__icon{font-size:var(--font-size-headline-sm);line-height:1}.shopping-list-suggestion__name{font-size:var(--font-size-label-md);font-weight:var(--font-weight-medium);text-align:center;line-height:var(--line-height-tight)}.add-to-list__ingredients{display:flex;flex-direction:column;gap:var(--space-sm);max-height:280px;overflow-y:auto}.add-to-list__toggle-actions{display:flex;gap:var(--space-md)}.add-to-list__toggle-actions button{background:none;border:none;padding:0;min-height:var(--tap-min);font-family:inherit;font-size:var(--font-size-label-md);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer}.add-to-list__toggle-actions button:hover{color:var(--color-on-primary-container)}.add-to-list__no-lists{font-size:var(--font-size-body-sm);color:var(--color-on-surface-variant)}