:root{--bg:#f4eee3;--surface:#fffcf7;--surface-2:#ebe2d2;--text:#2a2119;--muted:#5e5246;--border:#d9cfbd;--accent:#a84a24;--accent-hover:#8c3b1b;--on-accent:#fff8ef;--danger:#9c2a18;--shadow-color:62 42 22;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:6px;--radius-md:10px;--radius-pill:999px;--font-display:"Lora", "Frank Ruhl Libre", Georgia, "Times New Roman", "David", serif;--font-body:"Source Sans 3", "Noto Sans Hebrew", system-ui, -apple-system, "Segoe UI", "Arial Hebrew", sans-serif;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--shadow-sm:0 1px 2px rgb(var(--shadow-color) / .08), 0 1px 1px rgb(var(--shadow-color) / .05);--shadow-md:0 8px 20px rgb(var(--shadow-color) / .14), 0 2px 6px rgb(var(--shadow-color) / .08);--content-max:960px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{font-family:var(--font-body);color:var(--text)}body{font-size:var(--text-md);color:var(--text);background:var(--bg) url(/images/paper-texture.svg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}#root{flex-direction:column;min-height:100dvh;display:flex}.page{width:100%;max-width:var(--content-max);padding-block:var(--space-6) var(--space-8);padding-inline:var(--space-5);flex:1;margin-block:0;margin-inline:auto}.page:focus{outline:none}.skip-link{z-index:100;padding-block:var(--space-2);padding-inline:var(--space-4);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-weight:600;text-decoration:none;position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);transform:translateY(-200%)}.skip-link:focus{outline-color:var(--text);transform:none}.site-header{z-index:10;background:var(--surface);border-block-end:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;inset-block-start:0}.navbar{max-width:var(--content-max);padding-block:0;padding-inline:var(--space-5);align-items:center;gap:var(--space-5);min-height:64px;margin-block:0;margin-inline:auto;display:flex}.brand{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;color:var(--text);white-space:nowrap;font-weight:600;text-decoration:none;display:inline-flex}.brand:hover{color:var(--accent)}.brand img{width:28px;height:28px}.nav-menu{align-items:center;gap:var(--space-4);flex:1;display:flex}.nav-links{align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.nav-link{min-height:44px;padding-block:0;padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--muted);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--accent)}.nav-link.active{color:var(--accent);text-underline-offset:.4em;text-decoration:underline;text-decoration-thickness:2px}.nav-menu .language-switcher{margin-inline-start:auto}.nav-toggle{width:44px;height:44px;color:var(--text);border-color:var(--border);box-shadow:none;background:0 0;justify-content:center;align-items:center;margin-inline-start:auto;padding:0;display:none}.nav-toggle:hover{background:var(--surface-2);color:var(--text)}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:24px;height:24px}[dir=rtl] .icon-directional{transform:scaleX(-1)}.site-footer{border-block-start:1px solid var(--border);color:var(--muted);font-size:var(--text-sm)}.site-footer p{max-width:var(--content-max);padding-block:var(--space-4);padding-inline:var(--space-5);margin-block:0;margin-inline:auto}h1,h2{font-family:var(--font-display);color:var(--text);font-weight:600;line-height:1.2}h1{font-size:var(--text-2xl);margin:0}h2{font-size:var(--text-lg);margin-block:var(--space-6) var(--space-2);margin-inline:0}a{color:var(--accent)}a:hover{color:var(--accent-hover)}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex}.muted{color:var(--muted)}.error{color:var(--danger)}.user-content{unicode-bidi:plaintext}button,.button{font:inherit;padding-block:var(--space-2);padding-inline:var(--space-4);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #0000;font-weight:600;line-height:1.3;text-decoration:none;transition:background-color .15s,box-shadow .15s,color .15s;display:inline-block}button:hover,.button:hover{background:var(--accent-hover);color:var(--on-accent)}button:disabled,button[aria-disabled=true]{opacity:.55;cursor:not-allowed}button.ghost,.button.ghost{background:var(--surface);color:var(--text);border-color:var(--border)}button.ghost:hover,.button.ghost:hover{background:var(--surface-2);color:var(--text)}button.danger{background:var(--danger)}button.danger:hover{background:color-mix(in srgb, var(--danger), black 15%)}input{font:inherit;padding-block:var(--space-2);padding-inline:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:inherit;width:100%;box-shadow:inset 0 1px 2px rgb(var(--shadow-color) / .05)}input::placeholder{color:var(--muted);opacity:.8}input:hover{border-color:var(--muted)}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:not(.ghost):focus-visible,.button:not(.ghost):focus-visible,.tag-button.selected:focus-visible{outline-color:var(--text)}.search-bar{margin-block-end:var(--space-3)}.tag-list{gap:var(--space-2);margin-block:var(--space-2);flex-wrap:wrap;margin-inline:0;padding:0;list-style:none;display:flex}.tag{font-family:var(--font-body);font-size:var(--text-sm);padding-block:var(--space-1);padding-inline:var(--space-3);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);border:1px solid var(--border);font-weight:500;line-height:1.3}.tag-filter{gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex}.tag-button{cursor:pointer;box-shadow:none}.tag-button:hover{background:var(--surface);color:var(--accent);border-color:var(--accent)}.tag-button.selected,.tag-button.selected:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.recipe-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.recipe-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:inherit;box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:block}.recipe-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);color:inherit;transform:translateY(-2px)}.recipe-card h2{font-size:var(--text-lg);margin-block:0 var(--space-1);margin-inline:0}.recipe-card p{font-size:var(--text-sm);margin:0}.recipe-card-image,.recipe-banner{background:var(--surface-2);border-radius:var(--radius-md);overflow:hidden}.recipe-card-image{aspect-ratio:4/3;margin-block:0 var(--space-3);margin-inline:0}.recipe-banner{aspect-ratio:16/9;margin-block:0 var(--space-5);margin-inline:0}.recipe-card-image img,.recipe-banner img{object-fit:contain;width:100%;height:100%;display:block}.recipe-card-image img{padding:var(--space-4)}.recipe-banner img{padding:var(--space-5)}.back-link{align-items:center;gap:var(--space-1);font-weight:600;display:inline-flex}.recipe-form{gap:var(--space-5);flex-direction:column;max-width:32rem;display:flex}.recipe-form label{gap:var(--space-2);flex-direction:column;font-weight:600;display:flex}.recipe-form fieldset{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-4);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.recipe-form legend{font-family:var(--font-display);padding-block:0;padding-inline:var(--space-2);font-weight:600}.row{gap:var(--space-2);align-items:center;display:flex}.row button{flex-shrink:0}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.status-page{max-width:32rem;padding-block:var(--space-8);text-align:center;margin-block:0;margin-inline:auto;padding-inline:0}.status-page h1{margin-block-end:var(--space-3)}.status-page .actions{justify-content:center;margin-block-start:var(--space-5)}.home-hero-section{text-align:center}.home-hero{aspect-ratio:16/7;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:var(--shadow-sm);overflow:hidden}.home-hero img{object-fit:cover;width:100%;height:100%;display:block}.home-intro{max-width:40rem;margin-block:var(--space-6) 0;margin-inline:auto}.home-hero-title{font-size:var(--text-2xl)}.home-hero-subtitle{font-size:var(--text-lg);margin-block:var(--space-3) var(--space-5);margin-inline:0}.home-intro .actions{justify-content:center}.home-intro .button{padding-block:var(--space-3);padding-inline:var(--space-5)}.home-section{margin-block-start:var(--space-7)}.home-section h2{font-size:var(--text-xl);margin-block:0 var(--space-3);margin-inline:0}.home-section>p{max-width:65ch;margin:0}.home-steps{gap:var(--space-5);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.home-step{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm)}.home-step-number{border-radius:var(--radius-pill);background:var(--accent);width:2.25rem;height:2.25rem;color:var(--on-accent);font-family:var(--font-display);justify-content:center;align-items:center;margin-block-end:var(--space-3);font-weight:600;line-height:1;display:inline-flex}.home-step h3{font-family:var(--font-display);font-size:var(--text-lg);margin-block:0 var(--space-2);margin-inline:0;font-weight:600;line-height:1.2}.home-step p{margin:0}@media (width<=640px){.home-intro{margin-block-start:var(--space-5)}.home-section{margin-block-start:var(--space-6)}.home-steps{grid-template-columns:1fr}}.profile-card{max-width:28rem;margin-block:var(--space-6) 0;padding-block:var(--space-6);padding-inline:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);text-align:center;margin-inline:auto}.profile-avatar{width:calc(var(--space-7) * 2);height:calc(var(--space-7) * 2);margin-block:0 var(--space-4);border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);justify-content:center;align-items:center;margin-inline:auto;display:flex}.profile-avatar img{width:var(--space-7);height:var(--space-7)}.profile-card h1{margin-block-end:var(--space-1)}.profile-status{margin-block:0 var(--space-4);color:var(--accent);margin-inline:0;font-weight:600}.profile-card .muted{margin:0}.profile-card .actions{justify-content:center;margin-block-start:var(--space-5)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.confirm-dialog{max-width:min(28rem, calc(100% - 2 * var(--space-4)));padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);box-shadow:var(--shadow-md)}.confirm-dialog::backdrop{background:rgb(var(--shadow-color) / .45)}.confirm-dialog p{margin-block:0 var(--space-5);font-size:var(--text-lg);margin-inline:0}.confirm-dialog .actions{justify-content:flex-end}@media (width<=640px){.page{padding-block:var(--space-5) var(--space-7);padding-inline:var(--space-4)}.navbar{gap:var(--space-3);padding-inline:var(--space-4);flex-wrap:wrap;min-height:60px}.nav-toggle{display:inline-flex}.nav-menu{align-items:stretch;gap:var(--space-3);flex-direction:column;flex-basis:100%;padding-block-end:var(--space-4);display:none}.nav-menu.open{display:flex}.nav-links{flex-direction:column;align-items:stretch;gap:0}.nav-link{min-height:48px}.nav-menu .language-switcher{margin-inline-start:var(--space-3)}.nav-menu .language-switcher button{min-height:44px}.site-footer p{padding:var(--space-4)}h1{font-size:var(--text-xl)}.page-header{margin-block-end:var(--space-4)}.recipe-grid{grid-template-columns:1fr}.actions{flex-direction:column;width:100%}.actions>button,.actions>.button{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){button,.button,.recipe-card{transition:none}.recipe-card:hover{transform:none}}