@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=IBM+Plex+Mono:wght@500&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg-canvas: #f6f1e8;--bg-surface-1: #efe7da;--bg-surface-2: #e7ddcd;--bg-surface-3: #ded2c0;--fg-primary: #2f2921;--fg-secondary: #5c5144;--fg-tertiary: #847664;--fg-muted: #ac9b86;--border-soft: rgba(47, 41, 33, .1);--border-default: rgba(47, 41, 33, .16);--border-strong: rgba(47, 41, 33, .26);--border-focus: #4f7a3a;--brand: #4f7a3a;--brand-strong: #3f642f;--brand-soft: #d8e5cf;--success: #4f7a3a;--warning: #a36a19;--danger: #9f3d30;--info: #3f617a;--control-bg: #f1e9dc;--control-bg-hover: #ece2d2;--control-bg-active: #e4d8c5;--control-border: rgba(47, 41, 33, .18);--control-border-focus: #4f7a3a;--overlay-backdrop: rgba(0, 0, 0, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--fg-primary);font-family:Manrope,sans-serif;font-size:15px;line-height:1.45;background:radial-gradient(140% 140% at 0% 0%,rgba(79,122,58,.08),transparent 45%),radial-gradient(120% 120% at 100% 0%,rgba(163,106,25,.08),transparent 45%),var(--bg-canvas)}h1,h2,h3{margin:0;color:var(--fg-primary);font-family:Fraunces,serif;font-weight:600}h1{font-size:2rem;line-height:2.2rem}h2{font-size:1.5rem;line-height:1.8rem}h3{font-size:1.125rem;line-height:1.5rem}p{margin:0}a{color:inherit;text-decoration:none}.mono{font-family:IBM Plex Mono,monospace;font-size:.8rem;color:var(--fg-secondary)}.muted-copy{color:var(--fg-tertiary);font-size:.875rem}.loading-screen{min-height:100vh;display:grid;place-content:center;gap:var(--space-3);text-align:center}.spinner{width:36px;height:36px;margin-inline:auto;border:3px solid var(--border-soft);border-top-color:var(--brand);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{min-height:100vh;display:grid;place-content:center;padding:var(--space-6)}.auth-card{width:min(560px,100%);display:grid;gap:var(--space-4);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-7);animation:fade-in .18s ease-out}.auth-kicker,.section-label,.header-label,.brand-kicker{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600;color:var(--fg-tertiary)}.auth-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.auth-actions.compact{gap:var(--space-2)}.auth-form{display:grid;gap:var(--space-3)}.form-field{display:grid;gap:var(--space-2);color:var(--fg-secondary);font-weight:600;font-size:.85rem}.helper-text{color:var(--fg-muted);font-size:.85rem;font-weight:400;margin:0}input{min-height:46px;border-radius:var(--radius-md);border:1px solid var(--control-border);background:var(--control-bg);color:var(--fg-primary);padding:0 var(--space-3);font-size:16px;transition:border-color .12s ease-out,background-color .12s ease-out}input::placeholder{color:var(--fg-muted)}input:hover{background:var(--control-bg-hover)}input:active{background:var(--control-bg-active)}textarea{border-radius:var(--radius-md);border:1px solid var(--control-border);background:var(--control-bg);color:var(--fg-primary);padding:var(--space-3);font-size:16px;line-height:inherit;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .12s ease-out,background-color .12s ease-out}textarea:hover{background:var(--control-bg-hover)}textarea:active{background:var(--control-bg-active)}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--control-border-focus);outline-offset:2px}button,.primary-button,.secondary-button,.text-button{min-height:44px;border-radius:var(--radius-md);border:1px solid transparent;padding:0 var(--space-4);font:inherit;font-weight:600;cursor:pointer;transition:transform .12s ease-out,background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}button:disabled,.primary-button:disabled,.secondary-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.6}.primary-button{display:inline-flex;justify-content:center;align-items:center;background:var(--brand);color:#fff;border-color:var(--brand)}.primary-button:hover:not(:disabled){background:var(--brand-strong)}.primary-button:active:not(:disabled){transform:translateY(1px)}.secondary-button{display:inline-flex;justify-content:center;align-items:center;background:var(--bg-surface-2);border-color:var(--border-default);color:var(--fg-primary)}.secondary-button:hover:not(:disabled){background:var(--bg-surface-3)}.secondary-button:active:not(:disabled){transform:translateY(1px)}.text-button{background:transparent;border-color:transparent;color:var(--brand-strong);padding-inline:var(--space-2)}.text-button:hover:not(:disabled){color:var(--brand);text-decoration:underline}.form-status{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface-2);color:var(--fg-secondary);padding:var(--space-3)}.form-error{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 8%,var(--bg-canvas));color:var(--danger);padding:var(--space-3)}.shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.shell-nav{border-right:1px solid var(--border-default);background:var(--bg-canvas);padding:var(--space-6) var(--space-4);display:grid;gap:var(--space-6);align-content:start}.brand-block{display:grid;gap:var(--space-2)}.household-pill{display:inline-flex;width:fit-content;border-radius:999px;border:1px solid var(--border-default);background:var(--bg-surface-1);padding:var(--space-1) var(--space-2)}.inline-error{display:flex;gap:var(--space-2);align-items:center;color:var(--danger);font-size:.82rem}.nav-list{display:grid;gap:var(--space-2)}.nav-link{display:grid;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid transparent;border-left-width:4px;border-left-color:transparent;color:var(--fg-secondary)}.nav-link:hover{border-color:var(--border-soft);background:var(--bg-surface-1)}.nav-link.active{border-color:var(--border-default);border-left-color:var(--brand);background:var(--bg-surface-1);color:var(--fg-primary)}.nav-note{color:var(--fg-muted)}.shell-main{display:grid;grid-template-rows:auto 1fr;background:var(--bg-surface-1)}.shell-header{border-bottom:1px solid var(--border-default);padding:var(--space-2) var(--space-5);display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);background:var(--bg-canvas)}.profile-wrapper{position:relative}.profile-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:999px;border:1px solid var(--border-default);background:var(--bg-surface-1);cursor:pointer;transition:background-color .12s ease-out,border-color .12s ease-out}.profile-toggle:hover{background:var(--bg-surface-2)}.profile-toggle[aria-expanded=true]{background:var(--bg-surface-2);border-color:var(--border-strong)}.profile-avatar{width:28px;height:28px;border-radius:999px;background:var(--brand);color:#fff;display:inline-grid;place-content:center;font-size:.8rem;font-weight:700}.profile-toggle-label{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:240px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface-2);padding:var(--space-3);display:grid;gap:var(--space-2);z-index:10;animation:fade-in .18s ease-out}.profile-dropdown-info{display:grid;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.profile-dropdown-divider{height:1px;background:var(--border-default)}.profile-dropdown-action{width:100%;min-height:40px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--fg-secondary);font:inherit;font-weight:600;cursor:pointer;text-align:left;padding:var(--space-2) var(--space-2);transition:background-color .12s ease-out,color .12s ease-out}.profile-dropdown-action:hover:not(:disabled){background:var(--bg-surface-3);color:var(--fg-primary)}.profile-dropdown-action:disabled{cursor:not-allowed;opacity:.6}.shell-content{padding:var(--space-6)}.page-section{display:grid;gap:var(--space-4)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-3)}.page-header-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.page-status{color:var(--fg-secondary)}.state-panel{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-canvas);padding:var(--space-4);display:grid;gap:var(--space-2)}.state-panel.empty{border-style:dashed}.state-panel.error{border-color:color-mix(in srgb,var(--danger) 35%,var(--border-default))}.spine-list,.recipe-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.spine-row,.recipe-row{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-canvas);padding:var(--space-4)}.spine-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4)}.spine-index{font-size:1.1rem;width:2ch;color:var(--brand-strong)}.spine-copy{display:grid;gap:var(--space-1)}.spine-title,.recipe-title{color:var(--fg-primary)}.recipe-row{display:grid;gap:var(--space-3)}.recipe-row.dense{gap:var(--space-2)}.recipe-row-main{border:none;background:transparent;text-align:left;display:grid;gap:var(--space-2);padding:0;cursor:pointer;color:inherit}.tag-strip{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-strip.centered{justify-content:center}.tag-chip{border-radius:999px;border:1px solid var(--border-default);background:var(--brand-soft);color:var(--brand-strong);padding:var(--space-1) var(--space-2);font-size:.8rem}.tag-chip.removable{display:inline-flex;align-items:center;gap:var(--space-1)}.tag-remove{all:unset;cursor:pointer;font-size:.9rem;line-height:1;color:var(--brand-strong);opacity:.6}.tag-remove:hover{opacity:1}.tag-input-box{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;min-height:46px;border-radius:var(--radius-md);border:1px solid var(--control-border);background:var(--control-bg);padding:var(--space-2) var(--space-3);cursor:text;transition:border-color .12s ease-out,background-color .12s ease-out}.tag-input-box:hover{background:var(--control-bg-hover)}.tag-input-box:focus-within{outline:2px solid var(--control-border-focus);outline-offset:2px}.tag-inline-input{all:unset;flex:1 1 80px;min-width:80px;min-height:auto;font-size:16px;color:var(--fg-primary)}.tag-input-box .tag-inline-input:focus-visible{outline:none}.tag-inline-input::placeholder{color:var(--fg-muted)}.metadata-difficulty-buttons{display:inline-flex;border-radius:var(--radius-md);border:1px solid var(--control-border);background:var(--control-bg);overflow:hidden}.metadata-difficulty-btn{min-width:44px;min-height:44px;padding:0 var(--space-2);border:none;border-right:1px solid var(--control-border);background:var(--control-bg);color:var(--fg-primary);font-size:16px;font:inherit;font-weight:500;cursor:pointer;transition:background-color .12s ease-out,color .12s ease-out}.metadata-difficulty-btn:last-child{border-right:none}.metadata-difficulty-btn:hover{background:var(--control-bg-hover)}.metadata-difficulty-btn[aria-pressed=true],.metadata-difficulty-btn[aria-pressed=true]:hover{background:var(--brand-soft);color:var(--brand-strong)}.metadata-tag-field-wrap{position:relative}.metadata-tag-dropdown{position:absolute;top:100%;left:0;right:0;margin:0;margin-top:var(--space-1);padding:var(--space-1);max-height:200px;overflow-y:auto;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface-2);box-shadow:0 4px 12px #2f29211f;z-index:1}.metadata-tag-dropdown-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;list-style:none;font-size:.9rem;color:var(--fg-primary);transition:background-color .12s ease-out}.metadata-tag-dropdown-item:hover{background:var(--control-bg-hover)}.filter-chip.selected{border-color:var(--brand);background:var(--brand);color:#fff}.settings-stack{display:grid;gap:var(--space-4)}.settings-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-canvas);padding:var(--space-4);display:grid;gap:var(--space-3)}.metadata-settings-row{display:grid;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft)}.metadata-settings-row:last-of-type{border-bottom:none}.metadata-settings-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.metadata-settings-label{font-size:1rem;font-weight:600;margin:0}.metadata-settings-hidden{display:flex;align-items:center;gap:var(--space-1);font-size:.9rem;color:var(--fg-secondary);cursor:pointer}.metadata-settings-difficulty-note{margin:0;font-size:.9rem}.metadata-settings-options{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.metadata-option-chip{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:999px;border:1px solid var(--border-default);background:var(--brand-soft);color:var(--brand-strong);padding:var(--space-1) var(--space-2);font-size:.8rem}.metadata-option-add{display:inline-flex;gap:var(--space-2);align-items:center}.metadata-option-add input{min-width:120px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--control-border);background:var(--control-bg);font-size:.9rem}.import-layout{display:grid;gap:var(--space-4);grid-template-columns:minmax(320px,560px) minmax(0,1fr);align-items:start}.mode-toggle{display:flex;gap:var(--space-2);flex-wrap:wrap}.mode-button{min-height:44px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface-2);color:var(--fg-secondary);padding:0 var(--space-4)}.mode-button:hover:not(:disabled){background:var(--bg-surface-3)}.mode-button.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}.form-field input[type=file]{min-height:44px;padding-top:var(--space-2);padding-bottom:var(--space-2)}.search-row{max-width:480px}.row-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:nowrap}.row-actions.wrap{flex-wrap:wrap}.row-actions.compact{gap:var(--space-1)}.text-button.danger{color:var(--danger)}.text-button.danger:hover:not(:disabled){color:color-mix(in srgb,var(--danger) 90%,black)}.icon-button{min-height:34px;min-width:34px;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface-2);color:var(--fg-secondary);font-size:.9rem;font-weight:600;padding:0}.icon-button:hover:not(:disabled){background:var(--bg-surface-3)}.recipe-form{display:grid;gap:var(--space-4)}.recipe-editor-section{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-canvas);padding:var(--space-4);display:grid;gap:var(--space-3)}.recipe-title-input{font-size:1.125rem}.recipe-editor-content{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}@media(max-width:960px){.recipe-editor-content{grid-template-columns:1fr}}.tag-chip.uncategorized{border-style:dashed;background:var(--bg-surface-2);color:var(--fg-secondary)}.metadata-chip{display:inline-flex;align-items:center;gap:var(--space-1)}.metadata-chip-icon{flex-shrink:0;color:var(--fg-tertiary)}.metadata-chip--category{background:var(--brand-soft);border-color:var(--border-default);color:var(--brand-strong)}.metadata-chip--cuisine{background:color-mix(in srgb,var(--info) 12%,var(--bg-surface-1));border-color:color-mix(in srgb,var(--info) 30%,var(--border-default));color:var(--info)}.metadata-chip--difficulty{background:color-mix(in srgb,var(--warning) 14%,var(--bg-surface-1));border-color:color-mix(in srgb,var(--warning) 35%,var(--border-default));color:var(--warning)}.metadata-chip--season{background:color-mix(in srgb,var(--success) 12%,var(--bg-surface-1));border-color:color-mix(in srgb,var(--success) 30%,var(--border-default));color:var(--success)}.metadata-chip--dietary{background:color-mix(in srgb,var(--brand) 14%,var(--bg-surface-1));border-color:color-mix(in srgb,var(--brand) 35%,var(--border-default));color:var(--brand-strong)}.metadata-chip-difficulty-level{display:inline-flex;gap:1px;letter-spacing:.02em}.metadata-chip-difficulty-level .filled{color:var(--warning)}.metadata-chip-difficulty-level .empty{color:var(--fg-muted)}.disambiguation-modal{text-align:left}.disambiguation-list{display:grid;gap:var(--space-4)}.disambiguation-row{display:grid;gap:var(--space-2)}.disambiguation-tag{font-weight:600;color:var(--fg-primary)}.disambiguation-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.disambiguation-button{min-height:36px;font-size:.85rem;padding:0 var(--space-3)}.tag-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.tag-suggestion{border-radius:999px;border:1px solid var(--border-default);background:var(--bg-surface-2);color:var(--fg-secondary);padding:var(--space-1) var(--space-2);font-size:.8rem;cursor:pointer;transition:border-color .12s ease-out,background-color .12s ease-out,color .12s ease-out}.tag-suggestion:hover{background:var(--bg-surface-3)}.tag-suggestion.selected{border-color:var(--brand);background:var(--brand);color:#fff}.recipe-detail-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-canvas);padding:var(--space-4);display:grid;gap:var(--space-3)}.detail-list{margin:0;padding-left:1.1rem;display:grid;gap:var(--space-2)}.detail-list.ordered{padding-left:1.3rem}.suggestion-list,.selector-list,.check-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.check-list.ordered{counter-reset:recipe-step}.check-list.ordered>li{counter-increment:recipe-step}.suggestion-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--bg-surface-1)}.spinner-layout,.cooking-layout{display:grid;gap:var(--space-4);grid-template-columns:minmax(260px,360px) minmax(0,1fr)}.cooking-layout.queue-collapsed{grid-template-columns:1fr}.cooking-selector.collapsed{grid-column:1 / -1}.spinner-filter-panel,.spinner-results-panel,.cooking-selector,.cooking-workbench{align-content:start}.filter-group{display:grid;gap:var(--space-2)}.filter-group h4,.cooking-group h4{margin:0;font-size:1rem;font-weight:600}.spinner-cta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.spinner-match-count{color:var(--brand-strong)}.spinner-recipe-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-soft)}.spinner-recipe-item:last-child{border-bottom:none}.spinner-toast{position:fixed;bottom:var(--space-4);left:50%;translate:-50% 0;margin:0;padding:var(--space-2) var(--space-4);background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.85rem;color:var(--fg-secondary);text-align:center;pointer-events:none;white-space:nowrap;z-index:10;animation:fade-in .18s ease-out}.spinner-recipe-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.overlay{position:fixed;inset:0;background:var(--overlay-backdrop);display:grid;place-items:center;padding:var(--space-4);z-index:20}.overlay-card{width:min(520px,100%);border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-surface-1);padding:var(--space-6);display:grid;gap:var(--space-3);text-align:center;animation:fade-in .18s ease-out}.overlay-actions{display:grid;gap:var(--space-2)}.selector-button{width:100%;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-surface-1);color:inherit;display:flex;align-items:center;gap:var(--space-3);text-align:left;padding:var(--space-3);cursor:pointer}.selector-button.active{border-color:var(--brand);background:var(--brand-soft)}.queue-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);background:transparent;border:none;padding:0;min-height:auto;cursor:pointer;color:inherit}.queue-toggle:hover{color:var(--brand-strong)}.queue-toggle-meta{display:flex;align-items:center;gap:var(--space-2)}.queue-toggle-chevron{display:inline-block;font-size:.85rem;color:var(--fg-tertiary);transition:transform .18s ease-out}.queue-toggle-chevron.open{transform:rotate(90deg)}.cooking-header{display:grid;gap:var(--space-1)}.cooking-group{display:grid;gap:var(--space-2)}.check-row{width:100%;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-surface-1);color:inherit;padding:var(--space-3);display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start;text-align:left;cursor:pointer}.check-row.checked{color:var(--fg-tertiary);text-decoration:line-through}.check-box{width:1.2rem;height:1.2rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);display:inline-grid;place-content:center;font-size:.8rem;font-weight:700;color:#fff;background:transparent}.check-row.checked .check-box{border-color:var(--brand);background:var(--brand)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.shell-nav{border-right:none;border-bottom:1px solid var(--border-default);padding:var(--space-4);gap:var(--space-4)}.nav-list{grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);overflow-x:auto;padding-bottom:var(--space-1)}.shell-content{padding:var(--space-4)}.auth-card{padding:var(--space-5)}.spinner-layout,.cooking-layout,.import-layout{grid-template-columns:1fr}}@media(max-width:640px){.auth-screen,.auth-card{padding:var(--space-4)}.page-header{align-items:stretch;flex-direction:column}.profile-toggle-label{display:none}.page-header-actions,.spinner-cta-row{width:100%}.page-header-actions>*{width:100%}.row-actions{flex-wrap:wrap}.spine-row{grid-template-columns:1fr}}