:root{color:#27251f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#27251f;--muted:#706b60;--paper:#fffdf8;--paper-dark:#eee5d7;--line:#dcd3c5;--sage:#526b4e;--sage-dark:#344a35;--sage-light:#dce5d8;--terracotta:#b85f42;--terracotta-light:#f1d8cb;--danger:#9d382f;--shadow:0 18px 50px #493a241a;background:#f4efe6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4efe6;min-width:320px}body{background:radial-gradient(circle at 10% 0,#ffffffb3,#0000 30rem),#f4efe6;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:600;line-height:1.08}h1{letter-spacing:-.045em;max-width:17ch;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,5rem)}h2{letter-spacing:-.025em;font-size:clamp(1.7rem,3vw,2.4rem)}h3{font-size:1.55rem}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--paper);border-radius:.8rem;outline:none;transition:border-color .16s,box-shadow .16s}input{min-height:3rem;padding:0 .9rem}textarea{resize:vertical;padding:.8rem .9rem}input:focus,textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px #526b4e26}label{color:#4d493f;gap:.45rem;font-size:.9rem;font-weight:650;display:grid}.app-shell{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4efe6e0;border-bottom:1px solid #27251f1a;grid-template-columns:1fr auto 1fr;align-items:center;min-height:5rem;padding:.8rem max(1.25rem,50vw - 620px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:.75rem;width:fit-content;display:inline-flex}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.brand small{color:var(--muted);margin-top:.1rem;font-size:.72rem}.brand-mark{color:#fff;background:var(--terracotta);border-radius:50% 50% 44% 56%;flex:none;place-items:center;width:2.6rem;height:2.6rem;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:700;display:grid;transform:rotate(-4deg)}.desktop-nav{background:#fffdf8b3;border-radius:999px;gap:.25rem;padding:.3rem;display:flex}.desktop-nav a{color:var(--muted);border-radius:999px;padding:.65rem 1.1rem;font-size:.9rem;font-weight:700}.desktop-nav a.active{color:var(--paper);background:var(--sage)}.account{justify-content:flex-end;align-items:center;gap:.9rem;min-width:0;display:flex}.account>span{max-width:12rem;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.page-container{width:min(1160px,100% - 2.5rem);margin:0 auto;padding:4.5rem 0 7rem}.hero{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem;display:flex}.hero h1{margin-bottom:.8rem}.eyebrow{color:var(--terracotta);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.65rem;font-size:.74rem;font-weight:800}.lead{max-width:48rem;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.primary-button,.secondary-button,.danger-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:2.9rem;padding:.65rem 1.15rem;font-size:.9rem;font-weight:750;transition:transform .12s,background-color .12s;display:inline-flex}.primary-button{color:#fff;background:var(--sage-dark)}.primary-button:hover{background:#233626;transform:translateY(-1px)}.secondary-button{border-color:var(--line);color:var(--ink);background:var(--paper)}.danger-button{color:var(--danger);background:#fff5f2;border-color:#e1b6af}.primary-button:disabled{cursor:wait;opacity:.65}.text-button{color:var(--sage-dark);background:0 0;border:0;padding:.35rem;font-size:.86rem;font-weight:750}.full-width{width:100%}.search-bar{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;margin-bottom:3rem;padding:.45rem .45rem .45rem 1rem;display:grid}.search-bar>span{color:var(--sage);font-size:1.5rem}.search-bar input{box-shadow:none;background:0 0;border:0}.search-bar button{color:#fff;background:var(--sage);border:0;border-radius:.7rem;min-height:2.65rem;padding:0 1.3rem;font-weight:750}.section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.section-heading h2{margin-bottom:0}.section-heading>span{color:var(--muted);font-size:.9rem}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.recipe-card{background:var(--paper);border:1px solid #27251f14;border-radius:1.3rem;min-height:22rem;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 10px 35px #493a240f}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #493a2421}.recipe-card-accent{color:#ffffffdb;background:radial-gradient(circle at 72% 30%,#ffffff3d,#0000 25%),linear-gradient(135deg,#b95f42,#d7986e);place-items:center;height:9rem;font-family:Georgia,Times New Roman,serif;font-size:4.4rem;display:grid}.recipe-card:nth-child(3n+2) .recipe-card-accent{background:radial-gradient(circle at 72% 30%,#fff3,#0000 25%),linear-gradient(135deg,#526b4e,#8aa082)}.recipe-card:nth-child(3n+3) .recipe-card-accent{background:radial-gradient(circle at 72% 30%,#ffffff3d,#0000 25%),linear-gradient(135deg,#c18b36,#dec17b)}.recipe-card-body{padding:1.35rem}.recipe-card h3{margin:.7rem 0}.recipe-card p{min-height:3.2rem;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.tag-row{flex-wrap:wrap;gap:.4rem;display:flex}.tag{color:var(--sage-dark);background:var(--sage-light);border-radius:999px;padding:.28rem .58rem;font-size:.72rem;font-weight:750}.servings{color:var(--terracotta);font-size:.82rem;font-weight:750}.empty-state{text-align:center;background:#fffdf88c;border:1px dashed #cbbfae;border-radius:1.3rem;align-content:center;place-items:center;min-height:22rem;padding:3rem 1.5rem;display:grid}.empty-state>span{color:var(--terracotta);margin-bottom:1rem;font-size:2rem}.empty-state h2{max-width:24ch}.empty-state p{max-width:35rem;color:var(--muted)}.skeleton{background:linear-gradient(110deg,#eee5d7 8%,#faf6ef 18%,#eee5d7 33%) 0 0/200% 100%;border:0;animation:1.6s linear infinite shimmer}@keyframes shimmer{to{background-position-x:-200%}}.auth-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-intro{color:#fffaf1;background:linear-gradient(145deg, #273a29f0, #3e543be6), var(--sage-dark);flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(3rem,8vw,8rem);display:flex}.auth-intro .brand-mark{margin-bottom:4rem}.auth-intro .eyebrow{color:#e8b69f}.auth-intro p:last-child{color:#fffaf1b8;max-width:38rem;font-size:1.05rem;line-height:1.7}.auth-card{background:var(--paper);border-radius:1.2rem;flex-direction:column;justify-content:center;width:min(100%,30rem);padding:clamp(1.5rem,5vw,3rem);display:flex}.auth-card h2{margin-bottom:2rem}.auth-card form{gap:1.1rem;display:grid}.switch-mode{align-self:center;margin-top:1.5rem}.centered-page{align-content:center;place-items:center;gap:1rem;min-height:100vh;display:grid}.error-message{color:var(--danger);background:#fff5f2;border:1px solid #e1b6af;border-radius:.7rem;padding:.8rem 1rem}.back-link{color:var(--sage-dark);margin-bottom:2rem;font-weight:750;display:inline-block}.details-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;padding-bottom:3rem;display:flex}.details-header h1{margin-top:.8rem}.button-row,.form-actions{align-items:center;gap:.7rem;display:flex}.recipe-columns{grid-template-columns:minmax(17rem,.75fr) minmax(0,1.25fr);gap:clamp(2rem,8vw,7rem);padding-top:3rem;display:grid}.recipe-images{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;margin-top:2rem;display:grid}.recipe-images img{object-fit:contain;background:var(--paper);width:100%;max-height:36rem;box-shadow:var(--shadow);border-radius:1.2rem}.ingredients-panel{background:var(--paper);box-shadow:var(--shadow);border-radius:1.2rem;align-self:start;padding:2rem}.ingredient-list{margin:1.5rem 0 0;padding:0;list-style:none}.ingredient-list li{border-bottom:1px solid var(--paper-dark);justify-content:space-between;gap:1rem;padding:.85rem 0;display:flex}.ingredient-list li:last-child{border-bottom:0}.ingredient-list strong{white-space:nowrap}.step-list{gap:1.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.step-list li{grid-template-columns:2.5rem 1fr;gap:1rem;display:grid}.step-list li>span,.step-row>span{width:2.4rem;height:2.4rem;color:var(--sage-dark);background:var(--sage-light);border-radius:50%;place-items:center;font-family:Georgia,Times New Roman,serif;font-weight:700;display:grid}.step-list p{margin:.35rem 0 0;line-height:1.7}.form-page{width:min(880px,100%);margin:0 auto}.form-header{justify-content:space-between;align-items:start;gap:1.5rem;margin-bottom:2rem;display:flex}.form-header h1{font-size:clamp(2.2rem,5vw,4rem)}.recipe-form{gap:1.25rem;display:grid}.import-card{grid-template-columns:minmax(0,1fr) minmax(16rem,.8fr);gap:1.5rem;display:grid}.image-picker{text-align:center;background:#f4efe673;border:2px dashed #cbbfae;border-radius:1rem;align-content:center;place-items:center;min-height:17rem;padding:2rem}.image-picker input{opacity:0;width:1px;height:1px;position:absolute}.image-picker-title{font-family:Georgia,Times New Roman,serif;font-size:1.5rem}.image-picker small,.engine-option small{color:var(--muted);font-weight:500}.import-preview{object-fit:contain;background:var(--paper-dark);border-radius:1rem;width:100%;max-height:24rem}.engine-picker{border:0;grid-column:1/-1;gap:.7rem;margin:0;padding:0;display:grid}.engine-picker legend{color:#4d493f;margin-bottom:.7rem;font-size:.9rem;font-weight:750}.engine-option{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:.9rem;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;padding:1rem;display:flex}.engine-option.selected{border-color:var(--sage);box-shadow:0 0 0 3px #526b4e1f}.engine-option input{width:1.2rem;min-height:1.2rem}.engine-option span{gap:.25rem;display:grid}.import-result{color:var(--sage-dark);background:#edf3e9;border:1px solid #b9caae;border-radius:.9rem;padding:1rem 1.2rem}.import-result strong,.import-result span{display:block}.import-result span{margin-top:.25rem}.import-result ul{margin:.8rem 0 0;padding-left:1.2rem}.form-section{background:var(--paper);border:1px solid #27251f14;border-radius:1.2rem;padding:clamp(1.25rem,4vw,2.2rem)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.span-two{grid-column:1/-1}.ingredient-editor,.step-editor{gap:.65rem;display:grid}.ingredient-row{grid-template-columns:minmax(10rem,1fr) 7rem 8rem 2.7rem;gap:.55rem;display:grid}.step-row{grid-template-columns:2.5rem 1fr 2.7rem;align-items:start;gap:.7rem;display:grid}.step-row>span{margin-top:.25rem}.icon-button{width:2.7rem;min-height:2.7rem;color:var(--muted);background:var(--paper-dark);border:0;border-radius:.7rem;font-size:1.4rem}.form-actions{justify-content:flex-end;padding-top:.5rem}.mobile-nav{display:none}.settings-page{max-width:40rem;margin-inline:auto}.settings-page form{gap:1.25rem;display:grid}.settings-page .lead{overflow-wrap:anywhere}.success-message{color:var(--sage-dark)}@media (width<=850px){.topbar{grid-template-columns:1fr auto}.desktop-nav,.account>span{display:none}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-page{grid-template-columns:1fr}.auth-intro{min-height:auto;padding:3rem 2rem}.auth-intro .brand-mark{margin-bottom:3rem}.auth-card{min-height:55vh;padding:3rem 2rem}.recipe-columns{grid-template-columns:1fr}}@media (width<=620px){h1{font-size:2.55rem}.topbar{min-height:4.5rem;padding-inline:1rem}.brand small,.account{display:none}.page-container{width:min(100% - 1.5rem,1160px);padding-top:2.5rem;padding-bottom:7rem}.hero{margin-bottom:1.5rem}.desktop-action{display:none}.search-bar{margin-bottom:2rem}.search-bar button{padding-inline:.9rem}.recipe-grid{grid-template-columns:1fr}.recipe-card{grid-template-columns:6.5rem 1fr;min-height:0;display:grid}.recipe-card-accent{height:100%;min-height:10rem;font-size:2.5rem}.recipe-card-body{padding:1rem}.recipe-card p{min-height:0}.mobile-nav{z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#27251ff0;border:1px solid #fff3;border-radius:1.1rem;grid-template-columns:repeat(4,1fr);padding:.4rem;display:grid;position:fixed;bottom:.75rem;left:.75rem;right:.75rem;box-shadow:0 15px 35px #00000038}.mobile-nav a{color:#ffffff9e;border-radius:.8rem;align-content:center;place-items:center;min-height:3.2rem;font-size:.72rem;font-weight:700;display:grid}.mobile-nav a span{font-size:1.15rem;line-height:1}.mobile-nav a.active{color:#fff;background:var(--sage)}.details-header,.form-header{display:block}.details-header .button-row{margin-top:1.5rem}.ingredients-panel,.form-section{padding:1.2rem}.form-grid,.import-card{grid-template-columns:1fr}.engine-picker,.span-two{grid-column:auto}.ingredient-row{grid-template-columns:1fr 5.5rem 4.8rem 2.7rem}.form-actions{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4efe6e6;border-radius:1rem;padding:.7rem;position:sticky;bottom:5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}