.select-field{min-width:0}.field .select-field__trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.select-field__trigger:disabled{cursor:not-allowed}.select-field__value{align-items:center;gap:.375rem;min-width:0;display:inline-flex}.select-field__value-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.select-field__icon,.select-field__chevron{flex:none}.select-field__popup{z-index:1000;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;padding:.375rem;display:grid;position:fixed;overflow:hidden;box-shadow:0 .35rem 1.1rem #302b261f}.select-field__listbox{min-width:0;max-height:inherit;overscroll-behavior:contain;gap:.25rem;display:grid;overflow:hidden auto}.select-field__option{border:1px solid var(--color-border-subtle);text-align:left;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;min-width:0;min-height:44px;padding:.5rem;display:flex}.select-field__option[aria-selected=true]:not(:disabled){background:var(--color-selected);color:var(--color-on-strong)}.select-field__option:hover:not(:disabled):not([aria-selected=true]){background:var(--color-hover)}.select-field__option[aria-selected=true]:hover:not(:disabled){background:var(--color-selected-hover)}.select-field__option[data-active=true]{outline:2px solid var(--color-focus);outline-offset:-3px}.select-field__option[aria-selected=true][data-active=true]{outline-color:var(--color-on-strong)}.select-field__option-label{overflow-wrap:anywhere;min-width:0}.field--invalid .select-field__trigger{border-color:var(--color-error)}.auth-screen{place-items:center;min-block-size:100dvh;padding:1rem;display:grid}.auth-screen>[role=status]{color:var(--color-muted);margin:0}.auth-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);gap:1.25rem;inline-size:min(100%,25rem);padding:clamp(1.25rem,5vw,2rem);display:grid;box-shadow:0 .65rem 2rem #302b261a}.auth-title{color:var(--color-primary);align-items:center;gap:.6rem;margin:0;font-size:1.5rem;line-height:1.2;display:flex}.auth-title svg{flex:none}.auth-form{gap:1rem;min-inline-size:0;display:grid}.auth-form .field,.auth-form .field__control{inline-size:100%;min-inline-size:0}.auth-error,.auth-retry{overflow-wrap:anywhere;margin:0}.auth-error{color:var(--color-error)}.auth-retry{color:var(--color-muted)}.auth-dialog{inline-size:min(27rem,100vw - 1rem)}dialog.dialog.auth-dialog::backdrop{background:#f6f3ee}.auth-dialog__message,.auth-dialog--status .dialog__content>p{margin:0}.auth-app{min-block-size:100dvh}@media (width<=36rem){.auth-card{border-radius:var(--radius-md)}}.preparation-steps{gap:.625rem;min-width:0;display:grid}.preparation-steps--empty{justify-items:start}.button.preparation-steps__add-empty{border-color:var(--color-accent);color:var(--color-accent);background:0 0}.button.preparation-steps__add-empty:hover:not(:disabled){border-color:var(--color-accent-hover);color:var(--color-accent-hover);background:var(--color-hover)}.preparation-steps__heading h2{margin:0;font-size:1.125rem}.preparation-steps__table{table-layout:fixed;border:1px solid var(--color-border-subtle);border-spacing:0;border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-width:0}.preparation-steps__column-number{width:4rem}.preparation-steps__column-actions{width:9.5rem}.preparation-steps__table th{background:var(--color-surface-subtle);color:var(--color-muted);text-align:start;padding:.75rem .5rem;font-size:.8rem;font-weight:650}.preparation-steps__table td,.preparation-steps__table tbody th{border-top:1px solid var(--color-border-subtle);vertical-align:top;min-width:0;padding:.5rem}.preparation-steps__table .preparation-steps__number{color:var(--color-text);text-align:center;padding-top:.875rem;font-size:.9375rem}.preparation-steps__description{width:auto}.preparation-steps__textarea{resize:vertical;background:var(--color-surface-subtle);width:100%;min-width:0;min-height:5rem;display:block}.preparation-steps__action-cell{white-space:nowrap;width:9.5rem}.preparation-steps__actions{justify-content:flex-end;gap:.25rem;display:flex}.preparation-steps__new-row td{padding:.375rem .625rem}.button.preparation-steps__add{min-height:44px;color:var(--color-accent);background:0 0;border-color:#0000;padding-inline:.625rem}.button.preparation-steps__add:hover:not(:disabled){border-color:var(--color-border-subtle);background:var(--color-hover)}.recipe-sheet__supplies>.preparation-steps{margin-block-start:1.5rem}@media (width<=38rem){.preparation-steps__table,.preparation-steps__table tbody{display:block}.preparation-steps__table colgroup{display:none}.preparation-steps__table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.preparation-steps__table tbody tr{grid-template-columns:2.75rem minmax(0,1fr);align-items:start;gap:.375rem .5rem;min-width:0;padding:.625rem .5rem;display:grid}.preparation-steps__table tbody tr>th,.preparation-steps__table tbody tr>td{border:0;width:auto;min-width:0;padding:0;display:block}.preparation-steps__table tbody tr+tr{border-top:1px solid var(--color-border-subtle)}.preparation-steps__table .preparation-steps__number{grid-area:1/1;padding-top:.625rem}.preparation-steps__table .preparation-steps__description{grid-area:1/2}.preparation-steps__table .preparation-steps__action-cell{grid-area:2/1/auto/-1;justify-self:end}.preparation-steps__table .preparation-steps__new-row{padding:0;display:block}.preparation-steps__table .preparation-steps__new-row td{width:auto;padding:.25rem .5rem;display:block}}.recipe-result.recipe-result{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface);overflow-wrap:anywhere;grid-area:result;align-content:start;gap:.45rem;min-width:0;padding:1.1rem;display:grid;position:sticky;top:1rem}.recipe-result.recipe-result h2{margin:0 0 .15rem;font-size:1.35rem;line-height:1.25}.recipe-result .result-primary,.recipe-result .result-unit{border-block-end:1px solid var(--color-border-subtle);gap:.2rem;padding-block:.55rem;display:grid}.recipe-result .result-primary strong{color:var(--color-accent);font-size:clamp(1.55rem,3vw,1.9rem);line-height:1.2}.recipe-result .result-unit strong{color:var(--color-accent);font-size:1.15rem}.recipe-result .result-label{color:var(--color-muted);font-size:.9rem;font-weight:650}.recipe-result .result-pending{color:var(--color-muted);margin:.15rem 0;font-size:.9rem}.recipe-result .result-pending strong{color:var(--color-text)}@media (width<=48rem){.recipe-result.recipe-result{padding:1rem;position:static}}.recipe-workspace{container:recipe-workspace/inline-size}.recipe-editor.recipe-sheet{grid-template-columns:minmax(0,1fr) 18rem;grid-template-areas:"back result""basics result""supplies result";align-items:start;gap:1.5rem;min-width:0;max-width:90rem;display:grid}.recipe-sheet__back{overflow-wrap:anywhere;text-align:start;grid-area:back;justify-self:start;min-width:44px;max-width:100%;min-height:44px}.recipe-sheet__basics{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);grid-area:basics;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:.875rem;padding:1.25rem;display:grid}.recipe-sheet__basics>.field{min-width:0}.recipe-sheet__basics>.field:first-child{grid-column:1/-1}.recipe-sheet__basics .field__control{width:100%;min-width:0}.recipe-sheet__basics .select-field__value-label{white-space:nowrap}.recipe-sheet__supplies{grid-area:supplies;min-width:0;container-type:inline-size}.recipe-sheet__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.recipe-sheet__heading h2{margin:0;font-size:1.125rem}.recipe-sheet__actions{flex-wrap:wrap;gap:.75rem;margin-top:.875rem;display:flex}.supply-sheet{table-layout:fixed;border-spacing:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);width:100%}.supply-sheet th{background:var(--color-surface-subtle);color:var(--color-muted);text-align:start;padding:.75rem .5rem;font-size:.8rem;font-weight:650}.supply-sheet td{border-top:1px solid var(--color-border-subtle);vertical-align:top;padding:.375rem .25rem}.supply-sheet th:first-child,.supply-sheet td:first-child{padding-left:.75rem}.supply-sheet th:last-child,.supply-sheet td:last-child{padding-right:.5rem}.supply-sheet .sheet-name{width:auto}.supply-sheet .sheet-quantity{width:6rem}.supply-sheet .sheet-unit{width:4.5rem}.supply-sheet .sheet-cost{text-align:right;width:6.5rem}.supply-sheet--has-variable .sheet-cost{width:8.5rem}.supply-sheet .sheet-actions{white-space:nowrap;width:7rem}.supply-sheet .sheet-edit{margin-inline-end:.5rem}.supply-sheet td.sheet-cost{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;padding-top:1.125rem;font-size:.875rem;font-weight:650}.supply-sheet .sheet-cost__pending{color:var(--color-muted);font-size:.8rem;font-weight:400}.supply-sheet td.sheet-cost--variable{text-align:start;padding-top:.375rem}.supply-sheet .sheet-cost__editor{font-size:1rem;font-weight:400}.supply-sheet .sheet-cost__editor .field__control-wrap,.supply-sheet .sheet-cost__editor .field__control{width:100%;min-width:0}.supply-sheet .sheet-cost__editor .field__control--currency{padding-inline-start:2.65rem}.supply-sheet .sheet-cost__included{text-align:start;margin-top:.25rem;font-size:.75rem;font-weight:500;display:block}.supply-sheet .field__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.supply-sheet .field{gap:0}.supply-sheet .field__control{border-color:var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-subtle);padding-inline:.5rem}.supply-sheet .field__control:hover:not(:disabled){background-color:var(--color-hover)}.supply-sheet .field__control:focus{background-color:var(--color-surface-subtle)}.supply-sheet .field__control[aria-invalid=true]{border-color:var(--color-error)}.supply-sheet .select-field__trigger{border-color:var(--color-border);gap:.125rem;padding-inline:.25rem;font-size:.875rem}.supply-sheet .field--invalid .select-field__trigger{border-color:var(--color-error)}.supply-sheet .select-field__value{gap:.125rem;min-width:0}.supply-sheet .select-field__trigger .select-field__value-label{white-space:nowrap;min-width:0}.supply-sheet .select-field__chevron{width:.875rem;height:.875rem}.supply-sheet .field__error{overflow-wrap:anywhere;padding-inline:.5rem;font-size:.8rem}.supply-sheet .sheet-actions .icon-button:not(:disabled){background:0 0}.supply-sheet .sheet-actions .icon-button:hover:not(:disabled){background:var(--color-hover)}.supply-sheet .sheet-new-row td{padding:.5rem .75rem}.supply-sheet .sheet-new-row .field__control{background:var(--color-surface-subtle)}.sheet-search{min-width:0;position:relative}.sheet-search__popover{z-index:15;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);min-width:min(18rem,100vw - 4rem);padding:.375rem;position:absolute;inset:calc(100% + .25rem) 0 auto;box-shadow:0 .35rem 1rem #302b261f}.sheet-search__popover--above{inset:auto 0 calc(100% + .25rem)}.sheet-search__popover ul{max-height:min(15rem,30dvh);margin:0;padding:0;list-style:none;overflow-y:auto}.sheet-search__popover [role=option]{text-align:left;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.sheet-search__popover [role=option] span{overflow-wrap:anywhere;min-width:0}.sheet-search__popover [role=option] small{color:var(--color-muted);flex:none}.sheet-search__popover [role=option]:hover:not(:disabled):not([aria-selected=true]){background:var(--color-hover)}.sheet-search__popover [aria-selected=true]:not(:disabled){background:var(--color-selected);color:var(--color-on-strong)}.sheet-search__popover [aria-selected=true]:not(:disabled) small{color:inherit}.sheet-search__popover [aria-selected=true]:hover:not(:disabled){background:var(--color-selected-hover)}.sheet-search__popover .sheet-search__create{width:100%;color:var(--color-accent);justify-content:flex-start;margin-top:.25rem;font-weight:650}.sheet-search__popover .sheet-search__create:hover:not(:disabled){background:var(--color-hover);color:var(--color-accent-hover)}.sheet-search__empty{color:var(--color-muted);margin:.5rem;font-size:.875rem}@media (width<=75rem) and (width>=64rem){.recipe-editor.recipe-sheet{grid-template-columns:minmax(0,1fr) 15rem;gap:1rem}.recipe-sheet__basics{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;padding:.875rem}}@media (width<=63.999rem){.recipe-editor.recipe-sheet{grid-template-columns:minmax(0,1fr);grid-template-areas:"back""basics""supplies""result"}.recipe-sheet .recipe-result{position:static}}@container recipe-workspace (width<=58rem){.recipe-editor.recipe-sheet{grid-template-columns:minmax(0,1fr);grid-template-areas:"back""basics""supplies""result"}.recipe-sheet .recipe-result{position:static}}@container recipe-workspace (width<=38rem){.recipe-sheet__basics{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;padding:.75rem}.recipe-sheet__basics .field__label{overflow-wrap:anywhere}.recipe-sheet__basics .select-field__trigger{gap:.25rem;padding-inline:.375rem;font-size:.875rem}.recipe-sheet__basics .select-field__icon{width:18px;height:18px}.recipe-sheet__basics .select-field__chevron{width:14px;height:14px}}@container (width<=38rem){.supply-sheet,.supply-sheet thead,.supply-sheet tbody{display:block}.supply-sheet tr{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.3fr) 44px;row-gap:.5rem;padding:.5rem;display:grid}.supply-sheet thead tr{padding-block:.5rem .25rem}.supply-sheet th,.supply-sheet td{border:0;width:auto;min-width:0;padding:0}.supply-sheet th:first-child,.supply-sheet td:first-child{padding-left:0}.supply-sheet th:last-child,.supply-sheet td:last-child{padding-right:0}.supply-sheet tbody tr{border-top:1px solid var(--color-border-subtle)}.supply-sheet .sheet-name{grid-area:1/1/auto/4;width:auto}.supply-sheet .sheet-quantity{grid-area:2/1;width:auto}.supply-sheet .sheet-unit{grid-area:2/2;width:auto}.supply-sheet .sheet-cost{grid-area:2/3;width:auto;padding-right:.5rem}.supply-sheet .sheet-actions{display:contents}.supply-sheet .sheet-edit{grid-area:1/4;margin-inline-end:0}.supply-sheet .sheet-remove{grid-area:2/4}.supply-sheet td.sheet-cost{padding-top:.75rem}.supply-sheet td.sheet-cost--variable{padding-top:0}.supply-sheet th.sheet-cost{text-align:right}.supply-sheet th.sheet-name{padding-bottom:.5rem}.supply-sheet .sheet-new-row{display:block}.supply-sheet .sheet-new-row td{padding:0;display:block}}@container (width<=20rem){.supply-sheet thead{display:none}.supply-sheet tr{grid-template-columns:minmax(0,1fr) 44px;row-gap:.25rem}.supply-sheet .sheet-name{grid-column:1}.supply-sheet .sheet-edit{grid-column:2}.supply-sheet .sheet-quantity{grid-area:2/1/auto/-1}.supply-sheet .sheet-unit{grid-area:3/1/auto/-1}.supply-sheet .sheet-cost{text-align:left;grid-area:4/1}.supply-sheet .sheet-remove{grid-area:4/2}.supply-sheet .sheet-quantity .field__label,.supply-sheet .sheet-unit .field__label{clip-path:none;white-space:normal;overflow-wrap:anywhere;width:auto;height:auto;margin:0;font-size:.75rem;position:static}}.equipment-usage{min-width:0;margin-top:1.5rem}.equipment-usage h2{font-size:1.125rem}.equipment-usage__name{overflow-wrap:anywhere;gap:.25rem;min-width:0;padding-block:.625rem;display:grid}.equipment-usage__cost{overflow-wrap:anywhere;font-size:.875rem}.result-components{font-size:.875rem}.result-components>div{justify-content:space-between;gap:.5rem;margin-block:.375rem;display:flex}.result-components dd{margin:0}@container recipe-workspace (width<=20rem){.recipe-sheet__basics{grid-template-columns:minmax(0,1fr)}.result-components>div{flex-wrap:wrap}}.home-page{align-content:start;display:grid}.home-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0;display:grid}.home-summary-card{--card-accent:var(--color-accent);--card-accent-subtle:var(--color-icon-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface);text-align:start;grid-template-rows:auto 1fr auto;justify-items:start;gap:.75rem;min-width:0;min-height:14rem;padding:1.5rem;display:grid}.home-summary-card:hover:not(:disabled){border-color:var(--card-accent);background:var(--color-surface-subtle)}.home-summary-card__top{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;min-width:0;display:flex}.home-summary-card__icon{border-radius:var(--radius-md);background:var(--card-accent-subtle);width:3.5rem;min-width:3.5rem;height:3.5rem;color:var(--card-accent);place-items:center;display:inline-grid}.home-summary-card__icon svg{flex:none;width:1.75rem;height:1.75rem}.home-count{color:var(--card-accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:2.5rem;font-weight:750;line-height:1.15;display:block}.home-summary-card__name{min-width:0;color:var(--color-text);overflow-wrap:anywhere;font-size:1.35rem;font-weight:700;line-height:1.25}.home-summary-card__description,.home-summary-card__caption{min-width:0;color:var(--color-muted);overflow-wrap:anywhere;font-size:.9rem;line-height:1.35}.home-summary-card__total{gap:.2rem;min-width:0;margin-block-start:.5rem;display:grid}.coming-soon{align-content:start;justify-items:start;gap:.75rem;min-height:40vh;display:grid}.coming-soon .eyebrow{margin:0}.coming-soon h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.4rem,3vw,1.85rem)}.coming-soon__label{color:var(--color-muted);margin:0;font-weight:650}@media (width<=32rem){.home-overview{gap:.75rem}.home-summary-card{border-radius:var(--radius-md);gap:.625rem;padding:.75rem}.home-summary-card__top{flex-direction:column;align-items:flex-start;gap:.5rem}.home-summary-card__icon{width:2.75rem;min-width:2.75rem;height:2.75rem}.home-summary-card__icon svg{width:1.5rem;height:1.5rem}.home-summary-card__name{font-size:clamp(.875rem,4.45vw,1rem)}.home-summary-card__description,.home-summary-card__caption{font-size:.85rem;line-height:1.4}.home-count{font-size:2rem}}.composition-editor.composition-sheet{grid-template-columns:minmax(0,1fr) 18rem;grid-template-areas:"back result""basics result""items result";align-items:start;gap:1.5rem;width:min(100%,84rem);min-width:0;margin-inline:auto;padding:1.5rem clamp(1rem,3vw,2rem) 4rem;display:grid;container:composition-editor/inline-size}.composition-sheet__back{overflow-wrap:anywhere;text-align:start;grid-area:back;justify-self:start;min-width:44px;max-width:100%;min-height:44px}.composition-sheet__basics{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);grid-area:basics;grid-template-columns:minmax(0,1fr) minmax(6rem,.45fr) minmax(6rem,.4fr);align-items:start;gap:.875rem;min-width:0;padding:1.25rem;display:grid}.composition-sheet__basics>.field,.composition-sheet__basics .field__control{width:100%;min-width:0}.composition-sheet__items{grid-area:items;gap:1rem;min-width:0;display:grid;container:composition-lines/inline-size}.composition-sheet__group{gap:.5rem;min-width:0;display:grid}.composition-sheet__heading{margin-bottom:0}.composition-sheet__heading h2{margin:0;font-size:1.125rem}.composition-sheet__actions{flex-wrap:wrap;gap:.75rem;margin-top:.875rem;display:flex}.composition-search{min-width:0;position:relative}.composition-search .field,.composition-search .field__control{width:100%;min-width:0}.composition-search .field__control{background:var(--color-surface-subtle)}.composition-search__popover{z-index:20;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);min-width:min(18rem,100%);max-width:calc(100vw - 2rem);padding:.375rem;position:absolute;inset:calc(100% + .25rem) 0 auto;box-shadow:0 .35rem 1rem #302b261f}.composition-search__popover--above{inset:auto 0 calc(100% + .25rem)}.composition-search__popover ul{max-height:min(18rem,35dvh);margin:0;padding:0;list-style:none;overflow-y:auto}.composition-search__popover [role=option]{text-align:start;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.composition-search__popover [role=option] small{color:var(--color-muted);flex:none}.composition-search__popover [role=option]:hover:not(:disabled):not([aria-selected=true]){background:var(--color-hover)}.composition-search__popover [aria-selected=true]:not(:disabled){background:var(--color-selected);color:var(--color-on-strong)}.composition-search__popover [aria-selected=true]:not(:disabled) small{color:inherit}.composition-search__popover [aria-selected=true]:hover:not(:disabled){background:var(--color-selected-hover)}.composition-search__option-name{overflow-wrap:anywhere;align-items:center;gap:.375rem;min-width:0;display:inline-flex}.composition-search__empty{color:var(--color-muted);margin:.5rem;font-size:.875rem}.composition-result.recipe-result{grid-area:result;align-self:start}.composition-result__origins{margin-top:.25rem}.composition-result__origins h3{margin:.25rem 0 .5rem;font-size:.95rem}.composition-result__origins>ul,.composition-result__origins ul ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.composition-result__origins>ul>li{border-top:1px solid var(--color-border-subtle);gap:.5rem;min-width:0;padding-top:.5rem;font-size:.875rem;display:grid}.composition-result__origins li{overflow-wrap:anywhere}.composition-result__origins ul ul{color:var(--color-muted);margin-top:.2rem;font-size:.8rem}.composition-result__origins .button{justify-self:start;min-height:44px;padding:.375rem .625rem}.composition-result .result-pending ul{gap:.2rem;margin:.25rem 0 0;padding-inline-start:1.1rem;display:grid}.composition-list .composition-cards{padding:0}.composition-card{align-items:start}@media (width<=63.999rem){.composition-editor.composition-sheet{grid-template-columns:minmax(0,1fr);grid-template-areas:"back""basics""items""result"}.composition-result.recipe-result{position:static}}@container recipe-workspace (width<=58rem){.composition-editor.composition-sheet{grid-template-columns:minmax(0,1fr);grid-template-areas:"back""basics""items""result"}.composition-result.recipe-result{position:static}}@container composition-editor (width<=36rem){.composition-sheet__basics{grid-template-columns:minmax(0,1fr) minmax(6rem,.8fr);gap:.5rem;padding:.75rem}.composition-sheet__basics>.field:first-child{grid-column:1/-1}}@container composition-editor (width<=22rem){.composition-sheet__basics{grid-template-columns:minmax(0,1fr)}}.settings-page{max-width:64rem}.settings-section-title{margin:0 0 .875rem;font-size:1rem;font-weight:650}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface);align-content:start;justify-items:start;gap:.625rem;min-width:0;padding:1.5rem;display:grid}.settings-card__icon{color:var(--color-primary);margin-bottom:.25rem}.settings-card[aria-labelledby$=-import-title] .settings-card__icon{color:var(--color-accent)}.settings-card[aria-labelledby$=-delete-title] .settings-card__icon{color:var(--color-error)}.settings-card h3{margin:0;font-size:1.15rem}.settings-card p{color:var(--color-muted);margin:0 0 .5rem}.settings-card .button{max-width:100%;font-size:.9rem}.settings-delete{color:var(--color-error)}.settings-delete:hover:not(:disabled){color:var(--color-error-hover)}.settings-preview{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface);overflow-wrap:anywhere;gap:.875rem;min-width:0;margin-top:1.25rem;padding:1.25rem;display:grid}.settings-preview h3,.settings-preview p{margin:0}.settings-feedback{overflow-wrap:anywhere;margin:1rem 0 0}.settings-feedback[role=alert]{color:var(--color-error)}@media (width<=40rem){.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-card{padding:1.25rem}}:root{color:var(--color-text);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-page:#eee8df;--color-surface:#f9f4ec;--color-surface-subtle:#f3ebdf;--color-icon-bg:#e9ded1;--color-nav:#e7ddd0;--color-selected:#175d6b;--color-selected-hover:#124c57;--color-hover:#d8c6b5;--color-text:#473426;--color-muted:#756252;--color-border:#d6c8b9;--color-border-subtle:var(--color-border);--color-primary:#69472f;--color-primary-hover:#4e3321;--color-primary-pressed:#422919;--color-on-strong:#f4eadf;--color-accent:var(--color-selected);--color-accent-hover:var(--color-selected-hover);--color-focus:#176d89;--color-error:#a5313c;--color-error-hover:#81242d;--color-error-subtle:#f6e2e1;--color-disabled-bg:#dfd5c9;--color-disabled-text:#7d6d60;--color-disabled-border:#c6baad;--radius-sm:.5rem;--radius-md:.7rem;--radius-lg:1rem;--radius-pill:999px;--radius-control:var(--radius-md);--radius-card:var(--radius-lg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{min-inline-size:0;scroll-padding-block:1rem}body{background:var(--color-page);min-block-size:100vh;color:var(--color-text);margin:0;line-height:1.5}button,input,select,textarea{font:inherit}button{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);min-block-size:44px;min-inline-size:44px;color:var(--color-primary);cursor:pointer;padding:.625rem .875rem;transition:background-color .15s,border-color .15s,color .15s}button:hover:not(:disabled){background:var(--color-hover)}button:disabled,.button:disabled{border-width:1px;border-color:var(--color-disabled-border);background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;opacity:1;border-style:dashed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}img,svg,video,canvas{block-size:auto;max-inline-size:100%}.field{gap:.375rem;min-inline-size:0;display:grid}.field__label{color:var(--color-text);font-weight:600;line-height:1.4}.field__control{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);min-block-size:44px;inline-size:100%;min-inline-size:0;color:var(--color-text);padding:.625rem .75rem;display:block}.field input.field__control:disabled,.field button.field__control:disabled{border-color:var(--color-disabled-border);background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;opacity:1;border-style:dashed}.field__control-wrap--currency,.field__control-wrap--search{min-inline-size:0;position:relative}.field .field__control-wrap--search .field__control{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:10px;min-block-size:38px;padding:.5rem .75rem .5rem 2.25rem}.field .field__control-wrap--search .field__control:focus{border-color:var(--color-focus);background:var(--color-surface-subtle);outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 3px #176d8926}.field__search-icon{width:1rem;height:1rem;color:var(--color-muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:.75rem;transform:translateY(-50%)}.field__currency-prefix{z-index:1;color:var(--color-muted);pointer-events:none;font-weight:600;position:absolute;inset-block-start:50%;inset-inline-start:.75rem;transform:translateY(-50%)}.field__control--currency{padding-inline-start:2.65rem}.field__control::placeholder{color:var(--color-muted);opacity:1}.field--invalid .field__control,.field__control[aria-invalid=true]{border-color:var(--color-error)}.field__help,.field__error{overflow-wrap:anywhere;margin:0;font-size:.9rem;line-height:1.4}.field__help{color:var(--color-muted)}.field__error{color:var(--color-error);font-weight:600}dialog.dialog{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);max-block-size:min(88dvh,52rem);inline-size:min(42rem,100vw - 2rem);max-inline-size:calc(100vw - 2rem);color:var(--color-text);margin:auto;padding:0;overflow:hidden auto;box-shadow:0 .65rem 2rem #302b2624}dialog.dialog[open]{flex-direction:column;display:flex}dialog.dialog::backdrop{background:#302b266b}.dialog__header{justify-content:space-between;align-items:flex-start;gap:.75rem;min-inline-size:0;padding:1.25rem 1.25rem .75rem;display:flex}.dialog__title{overflow-wrap:anywhere;margin:0;font-size:1.375rem;line-height:1.25}.dialog__content{overflow-wrap:anywhere;gap:1rem;min-inline-size:0;padding:.5rem 1.25rem 1.25rem;display:grid}.dialog__content>*{min-inline-size:0;max-inline-size:100%}.dialog__close{border-color:var(--color-border-subtle);block-size:44px;min-block-size:44px;inline-size:44px;min-inline-size:44px;color:var(--color-text);background:0 0;flex:0 0 44px;place-items:center;padding:0;display:inline-grid}.dialog__close:hover:not(:disabled){border-color:var(--color-border-subtle);background:var(--color-hover)}dialog.dialog.confirmation-dialog{inline-size:min(32rem,100vw - 1rem);max-inline-size:calc(100vw - 1rem)}.confirmation-dialog__description p{margin:0}.confirmation-dialog__description ul{margin:.75rem 0 0;padding-inline-start:1.5rem}.confirmation-dialog__actions{flex-wrap:nowrap;justify-content:flex-end;align-items:stretch;gap:.75rem;display:flex}.confirmation-dialog__actions>button{white-space:normal;overflow-wrap:anywhere;flex:0 auto;min-inline-size:44px;max-inline-size:calc(50% - .375rem)}.confirmation-dialog .button--secondary{border-color:var(--color-border);background:var(--color-surface-subtle);color:var(--color-primary)}.confirmation-dialog .button--secondary:hover:not(:disabled){background:var(--color-hover)}.confirmation-dialog .confirmation-dialog__confirm--destructive{border-color:var(--color-error);background:var(--color-error);color:var(--color-on-strong)}.confirmation-dialog .confirmation-dialog__confirm--destructive:hover:not(:disabled){border-color:var(--color-error-hover);background:var(--color-error-hover)}.confirmation-dialog .button:disabled{border-color:var(--color-disabled-border);background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;border-style:dashed}.confirmation-dialog__error{color:var(--color-error);overflow-wrap:anywhere;margin:0;font-weight:600}@media (width<=36rem){dialog.dialog{border-radius:var(--radius-md);max-block-size:calc(100dvh - 1rem);inline-size:calc(100vw - 1rem);max-inline-size:calc(100vw - 1rem)}.dialog__header{padding:1rem 1rem .75rem}.dialog__content{padding:.5rem 1rem 1rem}}.page-content{width:min(100%,80rem);min-width:0;margin-inline:auto;padding:1.5rem clamp(1rem,3vw,2rem) 3rem}.recipe-editor__heading,.section-heading{justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.recipe-editor__heading{flex-wrap:wrap;margin-block-end:1.5rem}.page-heading{grid-template-columns:minmax(0,1fr);gap:1.25rem;min-width:0;margin-block-end:.75rem;display:grid}.page-heading__main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;min-width:0;display:flex}.page-heading__main>.page-title{flex:12rem}.page-heading__main>.button{max-width:100%;margin-inline-start:auto}.page-heading h1,.page-heading h2,.recipe-editor__heading h1,.recipe-editor__heading h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,4vw,1.75rem);font-weight:650;line-height:1.2}.page-title{min-width:0;color:var(--color-primary);align-items:center;gap:.6rem;display:flex}.page-title>svg{flex:none;width:1em;height:1em}.page-title>span{overflow-wrap:anywhere;min-width:0}.eyebrow{color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .25rem;font-size:.85rem;font-weight:700}.button{text-align:center;justify-content:center;align-items:center;gap:.5rem;min-width:44px;min-height:44px;padding-inline:1rem;font-weight:650;line-height:1.25;text-decoration:none;display:inline-flex}.button--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-strong);border-radius:var(--radius-pill)}.button--primary:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.button--primary:active:not(:disabled){border-color:var(--color-primary-pressed);background:var(--color-primary-pressed)}.button--secondary{border-color:var(--color-accent);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-strong);font-weight:650}.button--secondary:hover:not(:disabled){border-color:var(--color-accent-hover);background:var(--color-accent-hover);color:var(--color-on-strong)}.button--secondary.icon-button:not(:disabled){border-color:var(--color-border-subtle);background:var(--color-surface-subtle);color:var(--color-accent)}.button--secondary.icon-button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-hover);color:var(--color-accent-hover)}.button--quiet{border-color:var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-surface-subtle);color:var(--color-primary)}.button--quiet:hover:not(:disabled){background:var(--color-hover)}.empty-state{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface);text-align:center;justify-items:center;gap:.75rem;width:100%;margin:1.5rem auto;padding:clamp(2.25rem,5vw,3rem) 1.25rem;display:grid}.empty-state__icon{background:var(--color-icon-bg);width:52px;height:52px;color:var(--color-accent);border-radius:15px;place-items:center;display:grid}.empty-state__icon svg{width:24px;height:24px}.empty-state>p{max-width:22rem;color:var(--color-muted);font-size:.875rem}.empty-state>.button{max-width:100%;margin-block-start:.5rem}.empty-state h2,.empty-state p{margin:0}.empty-state h2{font-size:1.125rem}.empty-inline,.form-note,.no-search-results{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-block:1.25rem;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-heading>.field{width:100%;min-width:0;margin:0}.page-heading>.field>.field__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=48rem){.page-heading__main{flex-wrap:nowrap}.page-heading__main>.page-heading__add{flex:0 0 44px;width:44px;height:44px;padding:0}.page-heading__action-label{display:none}}@media (width<=40rem){.field .field__control-wrap--search .field__control{min-block-size:44px}}.recipe-cards,.supply-cards,.picker-results,.recipe-supply-lines,.draft-list ul{gap:.75rem;min-width:0;margin:1rem 0 0;padding:0;list-style:none;display:grid}.page-heading+.recipe-cards,.page-heading+.supply-cards{margin-block-start:0}.recipe-card,.supply-card,.recipe-line,.picker-results>li{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface);min-width:0}.recipe-card{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:1rem;display:grid}.recipe-card__open{border-radius:var(--radius-sm);background:var(--color-surface);text-align:start;border:0;justify-items:start;gap:.25rem;min-width:0;padding:.5rem;display:grid}.recipe-card__open:hover:not(:disabled){background:var(--color-hover)}.recipe-card__title{overflow-wrap:anywhere;font-size:1.15rem;font-weight:700}.recipe-card__meta,.recipe-card__cost{color:var(--color-muted);overflow-wrap:anywhere}.recipe-card__cost{color:var(--color-text);font-weight:650}.status-tag{border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);width:fit-content;color:var(--color-text);margin-block-start:.25rem;padding:.125rem .5rem;font-size:.85rem;font-weight:600;display:inline-flex}.recipe-details summary,.recipe-line__alias summary{border-radius:var(--radius-sm);cursor:pointer;min-height:44px;padding:.65rem .75rem;font-weight:650}.recipe-details summary:focus-visible,.recipe-line__alias summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.recipe-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.recipe-actions>.button{flex:0 auto}.recipe-actions__delete{color:var(--color-error)}.recipe-actions__delete:hover:not(:disabled){background:var(--color-error-subtle);color:var(--color-error-hover)}.recipe-editor{grid-template-columns:minmax(0,1fr) minmax(17rem,23rem);grid-template-areas:"heading result""supplies result""yield result""details result";align-items:start;gap:1.5rem clamp(1.25rem,4vw,3rem);width:min(100%,84rem);min-width:0;margin-inline:auto;padding:1.5rem clamp(1rem,3vw,2rem) 4rem;display:grid}.recipe-editor__heading{grid-area:heading;margin:0}.recipe-editor__supplies{grid-area:supplies;gap:1rem;min-width:0;display:grid}.recipe-editor__yield{grid-area:yield;gap:.75rem;min-width:0;padding-block-start:.25rem;display:grid}.recipe-editor__yield h2,.section-heading h2{margin:0;font-size:1.3rem}.section-heading{flex-wrap:wrap;align-items:end}.section-heading p{color:var(--color-muted);margin:.25rem 0 0}.field-grid,.recipe-line__quantity{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-width:0;display:grid}.recipe-supply-lines{margin-top:0}.recipe-line{gap:.875rem;padding:1rem;display:grid}.recipe-line__heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;min-width:0;display:flex}.recipe-line__heading strong{overflow-wrap:anywhere}.recipe-line__heading span{color:var(--color-muted);font-size:.9rem}.recipe-line__actions,.supply-card__actions,.form-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;min-width:0;display:flex}.text-button{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--color-primary);text-align:start;text-underline-offset:.15em;background:0 0;padding:.5rem .25rem;font-weight:650;text-decoration:underline}.text-button:hover:not(:disabled){color:var(--color-primary-hover);background:0 0}.text-button--danger{color:var(--color-error)}.recipe-editor__details{grid-area:details;min-width:0}.recipe-details{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);min-width:0}.recipe-line__alias{min-width:0}.recipe-line__alias>.field{margin-block:0 .5rem}.recipe-line__alias>.form-note{margin-block-end:.25rem}.recipe-details summary{padding:.85rem 1rem}.recipe-details__body{gap:1rem;min-width:0;padding:0 1rem 1rem;display:grid}.recipe-details__price,.review-price{gap:.75rem;min-width:0;display:grid}.review-price{border-inline-start:3px solid var(--color-primary);background:var(--color-surface-subtle);padding:.75rem}.review-price p{margin:0;font-weight:600}.recipe-result{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-surface);overflow-wrap:anywhere;grid-area:result;min-width:0;padding:1.25rem;position:sticky;top:1rem}.recipe-result h2{margin:0 0 1.25rem;font-size:1.45rem;line-height:1.25}.result-primary,.result-unit{border-block-end:1px solid var(--color-border-subtle);gap:.25rem;padding-block:.75rem;display:grid}.result-primary strong{font-size:clamp(1.6rem,3vw,2rem);line-height:1.2}.result-unit strong{font-size:1.25rem}.result-label{color:var(--color-muted);font-size:.9rem;font-weight:650}.result-breakdown{gap:.55rem;margin:1rem 0;display:grid}.result-breakdown>div{justify-content:space-between;gap:.75rem;min-width:0;display:flex}.result-breakdown dt{color:var(--color-muted)}.result-breakdown dd{text-align:end;margin:0;font-weight:650}.result-pending{border-radius:var(--radius-sm);background:var(--color-surface-subtle);padding:.75rem}.result-detail-pending{border-inline-start:3px solid var(--color-border);background:var(--color-surface-subtle);gap:.3rem;margin-block-start:.75rem;padding:.75rem;display:grid}.result-detail-pending p{color:var(--color-muted);margin:0}.result-pending h3{margin:0 0 .4rem;font-size:1rem}.result-pending ul,.impact-note ul{margin:0;padding-inline-start:1.25rem}.result-pending li+li,.impact-note li+li{margin-block-start:.3rem}.result-note{color:var(--color-muted);margin:1rem 0;font-size:.9rem}.result-sale{border-block-start:1px solid var(--color-border-subtle);gap:.35rem;padding-block-start:.85rem;display:grid}.result-sale p{margin:0}.mobile-result-bar{display:none}.supply-picker{gap:.75rem;min-width:0;display:grid}.picker-results{max-height:min(42vh,22rem);overflow-y:auto}.picker-result{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);text-align:start;justify-items:start;gap:.15rem;width:100%;min-width:0;min-height:56px;display:grid}.picker-result__name{overflow-wrap:anywhere;max-width:100%;font-weight:700}.picker-result__meta{max-width:100%;color:var(--color-muted);overflow-wrap:anywhere;font-size:.9rem}.picker-create{border-block-start:1px solid var(--color-border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding-block-start:.75rem;display:flex}.picker-create p{margin:0}.supply-editor{gap:1rem;min-width:0;display:grid}.supply-editor__fields{gap:.75rem;min-width:0;display:grid}.supply-editor__row{min-width:0}.supply-editor__row--split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem;display:grid}.impact-note{border-inline-start:4px solid var(--color-primary);background:var(--color-surface-subtle);gap:.5rem;padding:.85rem;display:grid}.impact-note h3,.impact-note p{margin:0}.impact-note h3{font-size:1rem}.form-actions{justify-content:flex-start;padding-block-start:.25rem}.draft-list,.supply-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);padding:1rem}.draft-list h2,.supply-card h2{overflow-wrap:anywhere;margin:0;font-size:1.15rem}.draft-list li{border-block-start:1px solid var(--color-border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding-block:.65rem;display:flex}.draft-list li span{overflow-wrap:anywhere}.supply-card{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;min-width:0;display:flex}.supply-card__main{overflow-wrap:anywhere;min-width:0}.supply-card__main p{color:var(--color-muted);margin:.35rem 0 0}.supply-card__actions{justify-content:flex-end}@media (width<=48rem){.recipe-card{grid-template-columns:minmax(0,1fr)}.recipe-actions{justify-content:flex-start}.recipe-editor{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""supplies""yield""result""details";row-gap:1.25rem}.recipe-result{padding:1rem;position:static}.mobile-result-bar{z-index:10;inset-inline:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));border:1px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-primary);min-height:48px;color:var(--color-on-strong);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .875rem;font-weight:700;text-decoration:none;display:flex;position:fixed;box-shadow:0 .25rem .8rem #302b2624}button.mobile-result-bar:hover:not(:disabled){background:var(--color-primary-hover)}.mobile-result-bar:focus-visible{outline-color:var(--color-focus)}}@media (width<=36rem){.page-content,.recipe-editor{padding-inline:1rem}.section-heading{align-items:stretch}.section-heading>button{width:100%}.field-grid,.recipe-line__quantity{grid-template-columns:minmax(0,1fr)}.supply-card__actions,.form-actions{width:100%}.supply-card__actions>*,.form-actions>*{flex:11rem}.picker-create>button{width:100%}}.app-shell{--nav-width:15.5rem;min-height:100dvh;padding-inline-start:var(--nav-width);transition:padding-inline-start .24s cubic-bezier(.2,.8,.2,1)}.app-shell:has(.app-header--collapsed){--nav-width:5rem}.app-header{z-index:30;width:var(--nav-width);border-inline-end:1px solid var(--color-border-subtle);background:var(--color-nav);transition:width .24s cubic-bezier(.2,.8,.2,1);position:fixed;inset:0 auto 0 0}.app-header__divider{z-index:1;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;width:16px;position:absolute;inset-block:0;inset-inline-end:-8px}.app-header__divider:after{content:"";border-radius:var(--radius-pill);background:var(--color-border);opacity:.45;width:4px;height:48px;transition:opacity .12s,height .12s;position:absolute;inset-block-start:50%;inset-inline-start:6px;transform:translateY(-50%)}.app-header__divider:hover:after,.app-header__divider:focus-visible:after,.app-header__divider--dragging:after{opacity:1;background:var(--color-primary);height:64px}.app-header__divider:focus-visible{outline:none}.app-header__divider:focus-visible:after{outline:3px solid var(--color-focus);outline-offset:3px}.app-header__row{flex-direction:column;gap:1.75rem;min-width:0;height:100dvh;padding:1.25rem .75rem 1rem;display:flex;overflow:hidden auto}.app-header__top{align-items:center;gap:.25rem;display:flex}.app-header__brand{border-radius:var(--radius-md);min-width:44px;min-height:44px;color:var(--color-text);text-align:start;background:0 0;border:0;flex:1;align-items:center;gap:.625rem;padding:.25rem;font-size:.95rem;font-weight:650;line-height:1.25;display:flex}.app-header__brand img{flex:none;width:36px;height:36px;display:block}.app-header__brand span{white-space:nowrap;min-width:0;overflow:hidden}.app-header .app-header__toggle{border-radius:50%;flex:0 0 44px}.app-header .app-header__toggle:not(:disabled){color:var(--color-muted);background:0 0;border:0}.app-header__brand:hover:not(:disabled),.app-header .app-header__toggle:hover:not(:disabled){background:var(--color-hover)}.main-nav{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.main-nav__group{gap:.375rem;display:grid}.main-nav__group--bottom{border-top:1px solid var(--color-border-subtle);margin-top:auto;padding-top:.75rem}.main-nav__link{border-radius:var(--radius-pill);width:100%;min-width:44px;min-height:48px;color:var(--color-muted);text-align:start;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:.875rem;padding:.625rem .875rem;font-size:.9375rem;font-weight:500;line-height:1.4;display:flex}.main-nav__link svg{flex:none;width:22px;height:22px}.main-nav__link span{overflow-wrap:anywhere;min-width:0}.app-header .main-nav__link{white-space:nowrap;overflow:hidden}.main-nav__link:hover:not(:disabled){background:var(--color-hover);color:var(--color-text)}.main-nav__link[aria-current=page]:not(:disabled){background:var(--color-selected);color:var(--color-on-strong);font-weight:650}.main-nav__link[aria-current=page]:hover:not(:disabled){background:var(--color-selected-hover);color:var(--color-on-strong)}.main-nav__link:disabled{border:1px dashed var(--color-disabled-border);background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;opacity:1}.app-header--collapsed .app-header__brand{flex:none}.app-header--collapsed .app-header__brand span,.app-header--collapsed .main-nav__link span,.mobile-navigation{display:none}.mobile-navigation[open]{width:70vw;max-width:70vw;height:100dvh;max-height:100dvh;padding:1rem .75rem max(1rem, env(safe-area-inset-bottom));border:0;border-inline-start:1px solid var(--color-border-subtle);background:var(--color-nav);color:var(--color-text);flex-direction:column;gap:1.25rem;margin:0 0 0 auto;animation:.22s cubic-bezier(.2,.8,.2,1) drawer-enter;display:flex;position:fixed;inset:0 0 0 auto;overflow-y:auto;box-shadow:-12px 0 40px #302b261f}.mobile-navigation::backdrop{background:#241e1959}.mobile-navigation__heading{flex:none;justify-content:space-between;align-items:center;min-width:0;padding-inline-start:.875rem;font-size:1.125rem;font-weight:650;display:flex}.mobile-navigation__heading .icon-button{border-radius:50%}.mobile-navigation__heading .icon-button:not(:disabled){background:0 0;border:0}.mobile-navigation .main-nav{flex:1 0 auto}@keyframes drawer-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=48rem){:is(.app-shell,.app-shell:has(.app-header--collapsed)){--nav-width:0rem;padding-inline-start:0;padding-top:4rem;transition:none}.app-header{border-inline-end:0;border-bottom:1px solid var(--color-border-subtle);width:100%;height:4rem;transition:none;inset:0 0 auto}.app-header__row{height:auto;padding:.5rem 1rem;display:block}.app-header__top,.app-header--collapsed .app-header__top{flex-direction:row;gap:.75rem}.app-header--collapsed .app-header__brand{flex:1}.app-header--collapsed .app-header__brand span{display:inline}.app-header__brand{font-size:1rem}}@media (prefers-reduced-motion:reduce){.mobile-navigation[open]{animation:none}.app-shell,.app-header,.app-header__divider:after{transition:none}}.save-status{color:var(--color-muted);font-size:.9rem}.workspace-status{width:min(100%,80rem);color:var(--color-muted);overflow-wrap:anywhere;margin-inline:auto;padding:.25rem clamp(1rem,3vw,2rem) 0;font-size:.85rem}.workspace-status:empty{display:none}.workspace-status>*{margin-block:.25rem}.workspace-status [role=alert]{color:var(--color-error)}.workspace-status [role=alert] p{margin:.25rem 0}.workspace-status button{min-height:44px}.workspace-fields{border:0;min-width:0;margin:0;padding:0}.dialog .workspace-fields{gap:1rem;display:grid}.notice{border:1px solid var(--color-accent);background:var(--color-icon-bg);overflow-wrap:anywhere;border-radius:.75rem;margin:1rem;padding:1rem}.notice[role=alert]{border-color:var(--color-error);background:var(--color-error-subtle);color:var(--color-error)}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.button-with-icon{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.button-with-icon>svg,.button>svg{flex:none}.danger{border-color:var(--color-error);color:var(--color-error);font-weight:600}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-button{border-color:var(--color-border-subtle);border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:inline-flex}.icon-button svg{flex:none;width:19px;height:19px}.icon-button--danger{color:var(--color-error)}.icon-button--danger:hover:not(:disabled){background:var(--color-error-subtle);color:var(--color-error-hover)}.supply-card__actions>.icon-button,.recipe-line__actions>.icon-button{flex:0 0 44px}.supply-list .supply-card__actions>.icon-button,.recipe-cards .recipe-actions>.icon-button{border-radius:9px;flex:0 0 36px;width:36px;min-width:36px;height:36px;min-height:36px}.supply-list .supply-card__actions>.icon-button svg,.recipe-cards .recipe-actions>.icon-button svg{width:18px;height:18px}@media (width<=48rem),(pointer:coarse){.supply-list .supply-card__actions>.icon-button,.recipe-cards .recipe-actions>.icon-button{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}}.supply-variable-price{cursor:pointer;align-items:center;gap:.75rem;width:fit-content;max-width:100%;min-height:44px;display:flex}.supply-variable-price input{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);flex:none}.supply-editor .field__control:disabled{border-color:var(--color-disabled-border);background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;opacity:1;border-style:dashed}.app-tooltip{z-index:2147483647;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-text);width:max-content;max-width:min(20rem,100vw - 1rem);color:var(--color-on-strong);overflow-wrap:anywhere;pointer-events:auto;-webkit-user-select:text;user-select:text;padding:.5rem .75rem;font-size:.875rem;font-weight:550;line-height:1.35;position:fixed;box-shadow:0 .25rem .8rem #302b2629}