@font-face{font-family:Onest;src:url(/fonts/onest-latin-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest-latin-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest-latin-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/onest-latin-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin-500.woff2)format("woff2");font-weight:500;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#f3f4f5;--c-surface:#fff;--c-field:#f8f9fa;--c-line:#dadde1;--c-line-soft:#eceef0;--c-line-dashed:#b9bfc7;--c-hover:#eff2f5;--c-text:#15181c;--c-text-muted:#585e66;--c-placeholder:#6b717a;--c-accent:#3e5672;--c-accent-strong:#2f4259;--c-accent-soft:#e6ebf1;--c-accent-tint:#f4f6f9;--c-on-accent:#fff;--c-danger:#a8322a;--c-danger-soft:#f8e9e7;--c-danger-line:#e8c9c5;--c-danger-text:#7f241e;--c-disabled-bg:#c5ccd5;--c-disabled-text:#4f5761;--c-scrim:#15181c66;--c-skeleton:#e2e5e8;--font-sans:"Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-11:.6875rem;--fs-12:.75rem;--fs-13:.8125rem;--fs-14:.875rem;--fs-15:.9375rem;--fs-16:1rem;--fs-17:1.0625rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-30:1.875rem;--fs-40:2.5rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.1;--lh-snug:1.25;--lh-body:1.5;--ls-display:-.025em;--ls-heading:-.02em;--sp-1:4px;--sp-1-5:6px;--sp-2:8px;--sp-2-5:10px;--sp-3:12px;--sp-3-5:14px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-sheet:20px;--r-pill:999px;--sh-seg:0 1px 3px #15181c21;--sh-menu:0 16px 40px #15181c21;--sh-dialog:0 24px 60px #15181c40;--h-topbar:60px;--h-control-sm:32px;--h-control:36px;--h-input:44px;--h-touch:48px;--w-content-list:1000px;--w-content-form:820px;--w-content-narrow:620px;--focus-ring:2px solid var(--c-accent)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#121417;--c-surface:#1a1d21;--c-field:#15181b;--c-line:#2b2f35;--c-line-soft:#23272c;--c-line-dashed:#454b53;--c-hover:#1f2631;--c-text:#eceef1;--c-text-muted:#9aa1ab;--c-placeholder:#7d848e;--c-accent:#7fb2ff;--c-accent-strong:#a6c9ff;--c-accent-soft:#1f2a3a;--c-accent-tint:#1b2230;--c-on-accent:#0d1420;--c-danger:#f08a80;--c-danger-soft:#3a1f1d;--c-danger-line:#5a2c28;--c-danger-text:#f6b3ab;--c-disabled-bg:#2b2f35;--c-disabled-text:#8a919b;--c-scrim:#0000008c;--c-skeleton:#262a30;--sh-seg:0 1px 3px #0006;--sh-menu:0 16px 40px #00000073;--sh-dialog:0 24px 60px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#121417;--c-surface:#1a1d21;--c-field:#15181b;--c-line:#2b2f35;--c-line-soft:#23272c;--c-line-dashed:#454b53;--c-hover:#1f2631;--c-text:#eceef1;--c-text-muted:#9aa1ab;--c-placeholder:#7d848e;--c-accent:#7fb2ff;--c-accent-strong:#a6c9ff;--c-accent-soft:#1f2a3a;--c-accent-tint:#1b2230;--c-on-accent:#0d1420;--c-danger:#f08a80;--c-danger-soft:#3a1f1d;--c-danger-line:#5a2c28;--c-danger-text:#f6b3ab;--c-disabled-bg:#2b2f35;--c-disabled-text:#8a919b;--c-scrim:#0000008c;--c-skeleton:#262a30;--sh-seg:0 1px 3px #0006;--sh-menu:0 16px 40px #00000073;--sh-dialog:0 24px 60px #0009}}html{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased}:focus-visible{outline:var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}*{box-sizing:border-box}html{font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;min-width:320px;font-size:16px}body{min-width:320px;min-height:100vh;font-size:var(--fs-15);line-height:var(--lh-body);background:var(--c-bg);color:var(--c-text);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2{line-height:var(--lh-snug)}ul,ol{margin:0;padding:0;list-style:none}.muted{color:var(--c-text-muted)}.mono{font-family:var(--font-mono)}.mono-meta{color:var(--c-text-muted);font-family:var(--font-mono);font-size:var(--fs-13)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mobile-only{display:none!important}input,select,textarea{width:100%;min-height:var(--h-input);padding:0 var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-field);font-size:var(--fs-15);transition:border-color .12s}textarea{padding:10px var(--sp-3);resize:vertical;line-height:var(--lh-body)}input::placeholder,textarea::placeholder{color:var(--c-placeholder)}input[aria-invalid=true],textarea[aria-invalid=true]{border:1.5px solid var(--c-danger)}input[type=search]::-webkit-search-cancel-button{display:none}.select{width:auto;min-height:var(--h-control-sm);padding:0 var(--sp-2);background:var(--c-surface);font-size:var(--fs-14)}.field{gap:var(--sp-1-5);align-content:start;display:grid}.field>label{font-size:var(--fs-14);font-weight:var(--fw-semibold)}.field-error{align-items:center;gap:var(--sp-1-5);color:var(--c-danger);font-size:var(--fs-13);font-weight:var(--fw-medium);margin:0;display:flex}.btn,.btn-dashed{justify-content:center;align-items:center;gap:var(--sp-1-5);min-height:var(--h-control);padding:0 var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-14);font-weight:var(--fw-medium);white-space:nowrap;border:1px solid #0000;transition:background-color .12s,border-color .12s;display:inline-flex}.btn-primary{background:var(--c-accent);color:var(--c-on-accent);font-weight:var(--fw-semibold);border-color:#0000}.btn-primary:hover,.btn-primary.active{background:var(--c-accent-strong)}.btn-secondary{border-color:var(--c-line);background:var(--c-surface);color:var(--c-text)}.btn-secondary:hover{background:var(--c-bg)}.btn-secondary.active{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent-strong)}.btn-danger{border-color:var(--c-danger-line);color:var(--c-danger)}.btn-danger-solid{background:var(--c-danger);color:var(--c-on-accent);font-weight:var(--fw-semibold)}.btn-danger-solid:hover{filter:brightness(.92)}.btn-lg{min-height:42px;padding:0 var(--sp-5)}.btn-xl{min-height:46px}.btn:disabled{background:var(--c-disabled-bg);color:var(--c-disabled-text);cursor:default;border-color:#0000}.full-width{width:100%}.icon-btn{border-radius:var(--r-md);width:44px;height:44px;color:var(--c-text);background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--c-hover)}.icon-btn-danger{color:var(--c-danger)}.icon-btn.ghost{width:40px;height:var(--h-input);color:var(--c-text-muted)}.link-btn{align-items:center;gap:var(--sp-1);color:var(--c-accent);font-size:var(--fs-13);font-weight:var(--fw-medium);text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline;display:inline-flex}.btn-dashed{border:1.5px dashed var(--c-line-dashed);min-height:38px;color:var(--c-accent);background:0 0;justify-self:start}.btn-dashed:hover{background:var(--c-hover)}.alert{align-items:center;gap:var(--sp-2);padding:var(--sp-2-5) var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-14);border:1px solid #0000;margin:0;display:flex}.alert-danger{border-color:var(--c-danger-line);background:var(--c-danger-soft);color:var(--c-danger-text)}.alert-success{border-color:var(--c-line);background:var(--c-accent-soft);color:var(--c-accent-strong)}.alert-info{border-color:var(--c-line);background:var(--c-accent-soft);color:var(--c-accent-strong);display:block}.alert-info ul{margin:var(--sp-1-5) 0 0;padding-left:var(--sp-5);list-style:outside}.card{border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface)}.hint{margin:var(--sp-3) 0 0;color:var(--c-text-muted);font-size:var(--fs-13)}.stack{gap:var(--sp-4);display:grid}.segmented{gap:var(--sp-1);padding:var(--sp-1);border:1px solid var(--c-line-soft);border-radius:var(--r-lg);background:var(--c-bg);display:flex}.segmented button{min-height:38px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--c-text-muted);font-size:var(--fs-14);background:0 0;border:0;flex:1}.segmented button[aria-checked=true],.segmented button[aria-pressed=true]{background:var(--c-surface);box-shadow:var(--sh-seg);color:var(--c-text);font-weight:var(--fw-semibold)}.app-shell{min-height:100vh}.topbar{z-index:10;align-items:center;gap:var(--sp-8);height:var(--h-topbar);padding:0 var(--sp-7);border-bottom:1px solid var(--c-line);background:var(--c-surface);grid-template-columns:auto 1fr auto;display:grid;position:sticky;top:0}.wordmark{align-items:center;gap:var(--sp-2);white-space:nowrap;font-size:var(--fs-17);font-weight:var(--fw-bold);display:inline-flex}.brand-mark{width:1.65em;height:1.65em;fill:var(--c-accent);flex:none}.wordmark-lg{font-size:var(--fs-20)}.topbar-search{align-items:center;gap:var(--sp-2);width:100%;max-width:520px;height:40px;padding:0 var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-field);color:var(--c-text-muted);display:flex;position:relative}.topbar-search:focus-within{outline:var(--focus-ring);outline-offset:2px}.topbar-search input{background:0 0;border:0;outline:none;height:100%;min-height:0;padding:0}.topbar-search kbd{padding:0 var(--sp-1-5);border:1px solid var(--c-line);border-radius:var(--r-xs);font-family:var(--font-mono);font-size:var(--fs-12);line-height:18px}.topbar-actions{align-items:center;gap:var(--sp-2);display:flex}.topbar-divider{width:1px;height:24px;margin:0 var(--sp-1);background:var(--c-line)}.topbar-icon{width:var(--h-control);height:var(--h-control)}.topbar-icon.active{background:var(--c-accent-soft);box-shadow:inset 0 0 0 1px var(--c-accent);color:var(--c-accent-strong)}.ghost-btn{align-items:center;gap:var(--sp-1-5);height:var(--h-control);border-radius:var(--r-md);color:var(--c-text-muted);font-size:var(--fs-14);font-weight:var(--fw-medium);background:0 0;border:0;padding:0 10px;display:inline-flex}.ghost-btn:hover:not(:disabled){background:var(--c-hover);color:var(--c-text)}.shell-alert{margin:var(--sp-3) var(--sp-7) 0}.page-container>main{margin:0 auto}.centered-page{min-height:100vh;color:var(--c-text-muted);place-items:center;display:grid}.mobile-nav{display:none}.mobile-bar{z-index:5;height:56px;padding:0 var(--sp-1);border-bottom:1px solid var(--c-line);background:var(--c-surface);align-items:center;position:sticky;top:0}.mobile-bar-title{padding:0 var(--sp-2);font-size:var(--fs-16);font-weight:var(--fw-semibold);flex:1}.mobile-bar .icon-btn:first-child{flex:none}.list-page{max-width:var(--w-content-list);padding:var(--sp-7) 0 var(--sp-12)}.list-heading{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-3);display:flex}.list-heading h1{font-size:var(--fs-24);font-weight:var(--fw-semibold);letter-spacing:-.01em;margin:0}.list-tools{align-items:center;gap:var(--sp-3);display:flex}.recipe-table{border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);overflow:hidden}.recipe-row{align-items:center;gap:var(--sp-5);padding:13px var(--sp-4);border-bottom:1px solid var(--c-line-soft);grid-template-columns:280px 1fr 90px;display:grid}.recipe-row:last-child{border-bottom:0}a.recipe-row:hover{background:var(--c-hover)}.recipe-head{padding:9px var(--sp-4);border-bottom:1px solid var(--c-line);color:var(--c-text-muted);font-size:var(--fs-12);font-weight:var(--fw-semibold)}.recipe-name{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.recipe-name strong{font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipe-desc{color:var(--c-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cell-end{text-align:right}.skeleton-row{grid-template-columns:1fr auto}.skeleton-row>div{gap:var(--sp-2);display:grid}.skeleton{border-radius:var(--r-xs);background:var(--c-skeleton);animation:1.4s ease-in-out infinite skeleton-pulse;display:block}.skeleton-end{width:40px;height:11px}.state-card{justify-items:center;gap:var(--sp-2);padding:48px var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);text-align:center;display:grid}.state-card h2{font-size:var(--fs-17);font-weight:var(--fw-semibold);margin:0}.state-card p{margin:0 0 var(--sp-3);color:var(--c-text-muted);font-size:var(--fs-14)}.state-icon{width:44px;height:44px;margin-bottom:var(--sp-2);border-radius:var(--r-lg);place-items:center;display:grid}.state-icon-danger{background:var(--c-danger-soft);color:var(--c-danger)}.state-icon-accent{background:var(--c-accent-soft);color:var(--c-accent)}.detail-page{max-width:var(--w-content-list);padding:var(--sp-6) 0 56px}.back-link{align-items:center;gap:var(--sp-1-5);margin-bottom:var(--sp-5);color:var(--c-accent);font-size:var(--fs-14);font-weight:var(--fw-medium);display:inline-flex}.detail-header{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-5);padding-bottom:var(--sp-5);border-bottom:1px solid var(--c-line);display:flex}.detail-header h1{margin:0 0 var(--sp-2);font-size:var(--fs-40);font-weight:var(--fw-bold);letter-spacing:var(--ls-display);overflow-wrap:anywhere;line-height:1.05}.detail-desc{color:var(--c-text-muted);font-size:var(--fs-16);margin:0}.detail-actions{gap:var(--sp-2);display:flex}.detail-actions .btn{min-height:38px}.detail-grid{gap:var(--sp-10);grid-template-columns:340px 1fr;align-items:start;display:grid}.ingredients-card{top:calc(var(--h-topbar) + var(--sp-4));position:sticky;overflow:hidden}.card-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-line);display:flex}.card-head h2,.steps-head h2,.form-card h2{font-size:var(--fs-17);font-weight:var(--fw-semibold);margin:0}.stepper{border:1px solid var(--c-line);border-radius:var(--r-md);align-items:center;display:flex}.stepper button{border-radius:var(--r-md);background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid}.stepper button:hover:not(:disabled){background:var(--c-bg)}.stepper button:disabled{color:var(--c-disabled-text);cursor:default}.stepper output{text-align:center;min-width:78px;font-size:var(--fs-14);font-weight:var(--fw-semibold)}.ingredient-list li{gap:var(--sp-3);padding:11px var(--sp-4);border-bottom:1px solid var(--c-line-soft);grid-template-columns:84px 1fr;display:grid}.ingredient-list li:last-child{border-bottom:0}.ingredient-amount{color:var(--c-accent);font-size:var(--fs-14);font-weight:var(--fw-medium)}.scale-note{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2-5) var(--sp-4);border-top:1px solid var(--c-line);background:var(--c-field);color:var(--c-text-muted);font-size:var(--fs-13);display:flex}.steps-head{padding:var(--sp-3) 0;justify-content:space-between;align-items:baseline;display:flex}.step-list{border-top:1px solid var(--c-line)}.step{gap:var(--sp-3-5);width:100%;padding:var(--sp-4) var(--sp-1);border:0;border-bottom:1px solid var(--c-line);text-align:left;background:0 0;grid-template-columns:28px 1fr;display:grid}.step-mark{border:1.5px dashed var(--c-line-dashed);border-radius:var(--r-md);background:var(--c-surface);width:28px;height:28px;color:var(--c-text-muted);font-family:var(--font-mono);font-size:var(--fs-13);place-items:center;display:grid}.step[aria-pressed=true] .step-mark{border-style:solid;border-color:var(--c-accent);background:var(--c-accent);color:var(--c-on-accent)}.step-text{font-size:var(--fs-16);overflow-wrap:anywhere;line-height:1.55}.step[aria-pressed=true] .step-text{color:var(--c-text-muted);text-decoration:line-through}.recipe-images{gap:var(--sp-3);margin-top:var(--sp-6);display:grid}.recipe-images img{border:1px solid var(--c-line);border-radius:var(--r-md);width:100%}.scrim{z-index:50;padding:var(--sp-4);background:var(--c-scrim);place-items:center;display:grid;position:fixed;inset:0}.dialog:focus{outline:none}.dialog{gap:var(--sp-3);width:100%;max-width:420px;padding:var(--sp-6);border-radius:var(--r-xl);background:var(--c-surface);box-shadow:var(--sh-dialog);display:grid}.dialog h2{font-size:var(--fs-20);font-weight:var(--fw-bold);margin:0}.dialog p{color:var(--c-text-muted);margin:0}.dialog p.alert{color:var(--c-danger-text)}.dialog-actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.dialog-actions .btn{min-height:40px}.sheet-handle{background:var(--c-line);border-radius:2px;justify-self:center;width:40px;height:4px}.form-page{max-width:var(--w-content-form);padding:var(--sp-8) 0 var(--sp-10)}.import-page{max-width:920px}.settings-page{max-width:var(--w-content-narrow);gap:var(--sp-4);padding:var(--sp-8) 0 var(--sp-10);display:grid}.page-title{margin:0 0 var(--sp-4);font-size:var(--fs-30);font-weight:var(--fw-bold);letter-spacing:var(--ls-heading)}.settings-page .page-title{margin-bottom:0}.settings-user{margin:calc(var(--sp-1) * -1) 0 var(--sp-1)}.logs-intro,.logs-toolbar p{margin:0}.logs-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.logs-state{padding:var(--sp-4)}.diagnostic-list{gap:var(--sp-3);display:grid}.diagnostic-card{gap:var(--sp-3);min-width:0;padding:var(--sp-4);display:grid}.diagnostic-heading{justify-content:space-between;align-items:start;gap:var(--sp-3);display:flex}.diagnostic-heading h2{font-size:var(--fs-16);overflow-wrap:anywhere;margin:0}.diagnostic-meta{margin:0 0 var(--sp-1);color:var(--c-text-muted);font-size:var(--fs-13)}.diagnostic-level{border-radius:var(--r-sm);font-size:var(--fs-12);font-weight:var(--fw-semibold);flex:none;padding:3px 8px}.diagnostic-level.error{background:var(--c-danger-soft);color:var(--c-danger-text)}.diagnostic-level.warning{background:var(--c-accent-soft);color:var(--c-accent-strong)}.diagnostic-details{gap:var(--sp-2);font-size:var(--fs-13);margin:0;display:grid}.diagnostic-details>div{gap:var(--sp-2);grid-template-columns:130px minmax(0,1fr);display:grid}.diagnostic-details dt{color:var(--c-text-muted)}.diagnostic-details dd{-webkit-user-select:text;user-select:text;min-width:0;margin:0}.diagnostic-wrap{overflow-wrap:anywhere;word-break:break-word}.diagnostic-validation h3{margin:0 0 var(--sp-2);font-size:var(--fs-14)}.diagnostic-validation>ul,.diagnostic-validation ul ul{gap:var(--sp-1-5);padding-left:var(--sp-4);list-style:outside;display:grid}.diagnostic-validation>ul{margin:0}.ai-calls-section{gap:var(--sp-3);display:grid}.ai-calls-section>h2,.ai-calls-section>p{margin:0}.ai-calls-section>h2{font-size:var(--fs-20)}.ai-calls-note{font-size:var(--fs-13)}.ai-call-list{gap:var(--sp-2-5);display:grid}.ai-call-card{gap:var(--sp-3);min-width:0;padding:var(--sp-4);display:grid}.ai-call-summary{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.ai-call-model,.ai-call-result{overflow-wrap:anywhere;margin:0}.ai-call-model{font-weight:var(--fw-semibold)}.ai-call-result{font-size:var(--fs-13)}.ai-call-detail{gap:var(--sp-2);min-width:0;padding-top:var(--sp-3);border-top:1px solid var(--c-line);display:grid}.ai-payload-label{font-size:var(--fs-14);font-weight:var(--fw-semibold)}textarea.ai-payload{overflow-wrap:anywhere;white-space:pre-wrap;-webkit-user-select:text;user-select:text;width:100%;min-height:180px;max-height:60vh;overflow:auto}textarea.ai-payload:read-only{background:var(--c-field)}.diagnostic-validation ul ul{list-style:circle}.recipe-form{gap:var(--sp-4);display:grid}.form-card{gap:var(--sp-3);padding:var(--sp-5);display:grid}.form-card .btn-dashed{margin-top:var(--sp-1)}.basics-row{gap:var(--sp-4);grid-template-columns:160px 1fr;align-items:start;display:grid}.chip-input{align-items:center;gap:var(--sp-1-5);min-height:var(--h-input);padding:6px var(--sp-1-5);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-field);flex-wrap:wrap;display:flex}.chip-input:focus-within{outline:var(--focus-ring);outline-offset:2px}.chip-input input{min-width:140px;min-height:30px;padding:0 var(--sp-1-5);background:0 0;border:0;outline:none;flex:1}.chip{align-items:center;gap:var(--sp-1);height:30px;padding:0 var(--sp-1) 0 var(--sp-2-5);border-radius:var(--r-sm);background:var(--c-accent-soft);color:var(--c-accent-strong);font-size:var(--fs-14);font-weight:var(--fw-medium);display:inline-flex}.chip button{border-radius:var(--r-xs);width:22px;height:22px;color:inherit;background:0 0;border:0;place-items:center;display:grid}.ingredient-editor{gap:var(--sp-2);display:grid}.ingredient-cols,.ingredient-row{gap:var(--sp-2);grid-template-columns:1fr 100px 120px 40px;display:grid}.ingredient-cols{color:var(--c-text-muted);font-size:var(--fs-13);font-weight:var(--fw-semibold)}.ingredient-row input{min-height:42px}.step-editor{gap:var(--sp-2-5);display:grid}.step-row{gap:var(--sp-2);grid-template-columns:28px 1fr 40px;align-items:start;display:grid}.step-number{width:28px;height:28px;margin-top:var(--sp-2);border-radius:var(--r-md);background:var(--c-accent-soft);color:var(--c-accent-strong);font-size:var(--fs-13);place-items:center;display:grid}.form-actions{justify-content:flex-end;gap:var(--sp-2);display:flex}.import-grid{gap:var(--sp-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}.dropzone{align-content:center;justify-items:center;gap:var(--sp-3);min-height:300px;padding:var(--sp-5);border:1.5px dashed var(--c-line-dashed);border-radius:var(--r-md);background:var(--c-surface);text-align:center;display:grid}.dropzone.dragging{border-color:var(--c-accent);background:var(--c-accent-tint)}.dropzone .state-icon{border-radius:var(--r-xl);width:52px;height:52px;margin:0}.dropzone p{color:var(--c-text-muted);font-size:var(--fs-13);margin:0}.import-preview-block{gap:var(--sp-2-5);display:grid}.import-preview{aspect-ratio:4/3;border-radius:var(--r-md);object-fit:cover;width:100%}.import-file{justify-content:space-between;align-items:center;gap:var(--sp-3);min-width:0;display:flex}.import-file .mono-meta{font-size:var(--fs-12);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.import-modes{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.import-modes .btn{min-width:0;padding-inline:var(--sp-2)}.import-recovery{justify-items:start;gap:var(--sp-2);padding:var(--sp-4);display:grid}.import-recovery p{margin:0}.import-modes .selected{border-color:var(--c-accent);background:var(--c-accent-tint);color:var(--c-accent-strong)}.auth-page{align-content:center;justify-items:center;gap:var(--sp-5);min-height:100vh;padding:var(--sp-6) var(--sp-4);display:grid}.auth-card{gap:var(--sp-4);width:100%;max-width:400px;padding:var(--sp-7);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-surface);display:grid}.auth-card h1{font-size:var(--fs-24);font-weight:var(--fw-bold);margin:0}.auth-note{font-size:var(--fs-13);margin:0}@media (width>=768px){.page-container>main{width:calc(100% - var(--sp-10))}}@media (width<=767.98px){.desktop-only{display:none!important}.mobile-only{display:revert!important}.mobile-bar.mobile-only{display:flex!important}.sheet-handle.mobile-only{display:block!important}.topbar{display:none}.shell-alert{margin:var(--sp-3) var(--sp-4) 0}.page-container.with-nav{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.mobile-nav{z-index:10;padding:0 var(--sp-1) calc(env(safe-area-inset-bottom) + var(--sp-2));border-top:1px solid var(--c-line);background:var(--c-surface);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--c-text-muted);font-size:var(--fs-11);border-top:2px solid #0000;justify-items:center;gap:2px;padding:10px 0 6px;display:grid}.mobile-nav a.active{border-top-color:var(--c-accent);color:var(--c-accent);font-weight:var(--fw-semibold)}input,select,textarea{min-height:48px;font-size:var(--fs-16)}.list-page{padding:0}.mobile-top{z-index:5;gap:var(--sp-2-5);padding:var(--sp-3-5) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--c-line);background:var(--c-surface);position:sticky;top:0;display:grid!important}.mobile-top-row{justify-content:space-between;align-items:center;display:flex}.mobile-top-row .wordmark{font-size:var(--fs-16);font-weight:var(--fw-semibold)}.mobile-search{color:var(--c-text-muted);display:block;position:relative}.mobile-search svg{top:13px;left:var(--sp-3);position:absolute}.mobile-search input{min-height:44px;padding-left:38px}.list-heading{display:none}.list-count{padding:6px var(--sp-4);font-size:var(--fs-12);margin:0}.recipe-table{border-width:1px 0;border-radius:0}.recipe-head{display:none}.recipe-row{gap:var(--sp-1) var(--sp-3);padding:var(--sp-3) var(--sp-4);grid-template-columns:1fr auto}a.recipe-row{grid-template-areas:"name meta""desc meta"}.recipe-name{grid-area:name}.recipe-desc{font-size:var(--fs-13);grid-area:desc}.recipe-row .cell-end{font-size:var(--fs-12);grid-area:meta;align-self:center}.state-card{margin:var(--sp-4)}.detail-page{padding:0 0 var(--sp-6)}.detail-page>:not(.mobile-bar){margin-right:var(--sp-4);margin-left:var(--sp-4)}.detail-page>.muted,.detail-page>.alert,.detail-page>.back-link{margin-top:var(--sp-4)}.detail-header{margin-top:var(--sp-4);border-bottom:0;padding-bottom:0}.detail-header h1{font-size:var(--fs-30);line-height:var(--lh-snug)}.detail-desc{font-size:var(--fs-15)}.segmented-tabs{margin-bottom:var(--sp-4);background:var(--c-line-soft);border:0}.segmented button{min-height:40px}.detail-grid{display:block}.detail-grid[data-tab=ingredients] .steps-section,.detail-grid[data-tab=steps] .ingredients-card{display:none}.ingredients-card{position:static}.stepper button{width:44px;height:40px}.stepper output{min-width:44px;font-family:var(--font-mono);font-size:var(--fs-15);font-weight:var(--fw-medium)}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{min-height:48px}.scrim{align-items:end;padding:0}.dialog{max-width:none;padding:var(--sp-3) var(--sp-5) calc(var(--sp-5) + env(safe-area-inset-bottom));border-radius:var(--r-sheet) var(--r-sheet) 0 0}.form-page,.settings-page{padding:0 0 var(--sp-4);gap:var(--sp-3)}.form-page{padding-bottom:96px}.form-page>:not(.mobile-bar),.settings-page>:not(.mobile-bar){margin-right:var(--sp-3);margin-left:var(--sp-3)}.form-page>form,.form-page>.recipe-form{margin-top:var(--sp-3)}.settings-page>.mobile-bar~*{margin-top:0}.settings-page>.settings-user{margin-top:var(--sp-3)}.logs-toolbar,.diagnostic-heading,.ai-call-summary{flex-direction:column;align-items:stretch}.logs-toolbar .btn,.ai-call-summary .btn{width:100%}.diagnostic-details>div{grid-template-columns:1fr;gap:2px}.page-title{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden;margin:0!important}.form-card{padding:var(--sp-4)}.basics-row{grid-template-columns:1fr}.basics-row .field:first-child input{width:120px}.chip{height:34px}.chip button{width:30px;height:30px}.ingredient-cols{display:none}.ingredient-row{padding:var(--sp-2-5);border:1px solid var(--c-line-soft);border-radius:var(--r-md);background:var(--c-field);grid-template-columns:1fr 1fr 44px}.ingredient-row input{background:var(--c-surface);min-height:44px}.ingredient-row .ingredient-name{grid-column:1/-1}.ingredient-row .icon-btn.ghost{width:44px;height:44px}.form-card .btn-dashed{justify-self:stretch;min-height:44px}.form-actions{z-index:10;padding:var(--sp-3) var(--sp-3) 28px;border-top:1px solid var(--c-line);background:var(--c-surface);grid-template-columns:1fr 2fr;display:grid;position:fixed;bottom:0;left:0;right:0}.form-actions .btn{min-height:48px}.import-grid{grid-template-columns:1fr}.dropzone{min-height:220px}.auth-page{padding-top:var(--sp-10);align-content:start;justify-items:stretch}.auth-page .wordmark{justify-self:center}.auth-card{background:0 0;border:0;max-width:none;padding:0}.btn-xl,.auth-card input{min-height:50px}.settings-page .btn-lg{min-height:48px}.segmented{padding:var(--sp-1)}}