:root{--bg:#fffdf8;--panel:#fff;--panel-soft:#f8f3ea;--text:#4e4a43;--heading:#1f1b16;--muted:#777169;--border:#e6ddd0;--primary:#86c934;--primary-dark:#5d981e;--primary-deep:#3f7f16;--danger:#a6372d;--danger-soft:#f9e9e6;--shadow:0 18px 50px #3428181f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f3f5f1;min-width:320px;margin:0}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--heading);line-height:1.1}h1{font-size:clamp(2rem,4vw,3.6rem)}h2{font-size:1.35rem}.app-shell{min-height:100vh}.topbar{z-index:10;background:var(--primary);border-bottom:0;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:60px;padding:.65rem clamp(1rem,4vw,3rem);display:grid;position:sticky;top:0;box-shadow:0 4px 18px #2e591433}.brand{color:#fff;font-size:1.45rem;font-weight:800}.nav-links,.session-actions,.actions-row,.stats-row,.tags{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.nav-links a{color:#ffffffdb;font-weight:700}.nav-links a.active,.nav-links a:hover{color:#fff}.topbar .button{color:#fff;background:0 0;border-color:#ffffffb3;min-height:2.2rem}.topbar .button.primary,.topbar .button.ghost:hover,.topbar .button.primary:hover{color:var(--primary-deep);background:#fff;border-color:#fff}.topbar .user-chip{color:#fff;background:#ffffff2e}.user-chip,.tags span,.stats-row span,.meta-row span{background:var(--panel-soft);color:var(--heading);border-radius:999px;padding:.35rem .7rem;font-size:.88rem;font-weight:700}.button{border:1px solid var(--border);background:var(--panel);min-height:2.5rem;color:var(--heading);border-radius:8px;justify-content:center;align-items:center;padding:.55rem .95rem;font-weight:800;display:inline-flex}.button.primary{border-color:var(--primary);background:var(--primary);color:#fff}.button.primary:hover{border-color:var(--primary-dark);background:var(--primary-dark)}.button.ghost:hover{border-color:var(--primary);color:var(--primary)}.button.danger{border-color:var(--danger-soft);background:var(--danger-soft);color:var(--danger)}.button.full,.button.submit{width:100%}.link-button{width:fit-content;color:var(--danger);background:0 0;border:0;padding:0;font-weight:800}.page{width:min(1180px,100%);margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 4rem}.home-page{width:min(1280px,100% - 2rem);margin:0 auto;padding-bottom:4rem}.page.narrow{background:linear-gradient(#fffffff0,#fffffffa),url(https://images.unsplash.com/photo-1490645935967-10de6ba17061?auto=format&fit=crop&w=1400&q=80) 50%/cover;border-radius:8px;width:min(760px,100%);margin-top:1.5rem}.page-heading{border-left:6px solid var(--primary);gap:.4rem;margin-bottom:1.5rem;padding-left:1rem;display:grid}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.hero-panel{min-height:340px;box-shadow:var(--shadow);background:linear-gradient(90deg,#1f1b16c2,#1f1b162e),url(/assets/hero-CLDdwZDr.png) 50%/cover;border-radius:8px;align-items:end;margin-bottom:1.5rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.home-hero{background:linear-gradient(90deg,#1f1b169e,#1f1b162e),url(https://images.unsplash.com/photo-1512621776951-a57141f2eefd?auto=format&fit=crop&w=1800&q=85) 50%/cover;grid-template-columns:minmax(0,1fr) 350px;align-items:center;gap:clamp(1.5rem,4vw,3rem);min-height:400px;margin-bottom:0;padding:clamp(1.5rem,5vw,4rem);display:grid}.hero-copy{gap:1rem;width:min(680px,100%);display:grid}.hero-copy h1{color:#fff;text-shadow:0 3px 18px #00000047}.hero-copy p:not(.eyebrow){color:#fff;text-shadow:0 2px 12px #00000042;width:min(560px,100%);font-size:1.08rem;font-weight:600}.hero-copy .eyebrow{color:#fff}.hero-search{background:#fff;border:6px solid #ffffff38;border-radius:8px;grid-template-columns:1fr auto;width:min(660px,100%);margin-top:.5rem;display:grid;box-shadow:0 18px 45px #1f1b1638}.hero-search input{border:0;border-radius:0;min-height:3.25rem}.hero-search input:focus{outline:none}.hero-search .button{border-radius:0;min-height:3.25rem;padding-inline:1.35rem}.hero-feature-card{text-align:center;background:#ffffffeb;border-radius:2px;justify-items:center;gap:.9rem;padding:2.2rem;display:grid;box-shadow:0 18px 45px #1f1b1629}.hero-feature-card span{color:var(--primary-deep);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.hero-feature-card h2{text-transform:uppercase}.hero-panel>div{gap:.75rem;width:min(680px,100%);display:grid}.hero-panel h1,.hero-panel p:not(.eyebrow){color:#fff}.toolbar{grid-template-columns:1.4fr 1fr 1fr;align-items:end;gap:1rem;margin-bottom:1.5rem;display:grid}.category-strip{background:var(--panel);gap:1rem;margin-bottom:1.5rem;padding:1.2rem 1rem 1.5rem;display:grid}.home-section-title{justify-content:space-between;align-items:end;gap:1rem;margin:1.6rem 0 .9rem;display:flex}.category-strip .home-section-title{margin:0}.home-section-title span{color:var(--muted);font-weight:800}.category-clear,.difficulty-filter button{border:1px solid var(--border);color:var(--heading);background:#fff;border-radius:999px;padding:.55rem .9rem;font-weight:800}.category-clear.active,.difficulty-filter button.active{border-color:var(--primary);background:var(--primary);color:#fff}.category-rail,.featured-rail{overscroll-behavior-inline:contain;grid-auto-columns:minmax(136px,1fr);grid-auto-flow:column;gap:.95rem;padding:.2rem 0 .7rem;display:grid;overflow-x:auto}.category-tile{min-width:136px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:8px;justify-items:center;gap:.7rem;padding:.7rem .5rem;font-size:.78rem;font-weight:900;display:grid}.category-tile img{object-fit:cover;filter:drop-shadow(0 12px 12px #1f1b161f);border-radius:999px;width:92px;height:72px}.category-tile.active,.category-tile:hover{border-color:var(--primary);color:var(--primary-deep);background:#f4fbeb}.difficulty-filter{flex-wrap:wrap;align-items:center;gap:.7rem;margin:1.5rem 0;display:flex}.featured-section{margin-top:.5rem}.featured-rail{grid-auto-columns:minmax(260px,300px);align-items:stretch}label{color:var(--heading);gap:.4rem;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--heading);background:#fff;border-radius:8px;padding:.75rem .85rem}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:3px solid #2f6f4e24}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.recipe-card{border:1px solid var(--border);background:var(--panel);border-radius:8px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 8px 30px #34281814}.recipe-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px #34281824}.recipe-card img,.image-placeholder{aspect-ratio:1/.72;object-fit:cover;width:100%}.image-placeholder,.detail-placeholder,.avatar-fallback{color:var(--heading);background:linear-gradient(135deg,#dfeadc,#f5dfbb);place-items:center;font-weight:900;display:grid}.card-body{gap:.68rem;padding:.9rem;display:grid}.card-body h2{font-size:1.05rem}.card-body p{min-height:2.8em;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.meta-row,.card-footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.card-footer{color:var(--muted);font-size:.92rem;font-weight:700}.alert,.status,.empty-state{border-radius:8px;margin-bottom:1rem;padding:1rem}.alert.error{border:1px solid var(--danger-soft);background:var(--danger-soft);color:var(--danger);font-weight:800}.status,.empty-state{border:1px solid var(--border);background:var(--panel)}.empty-state{text-align:center;gap:.35rem;display:grid}.auth-page{background:linear-gradient(90deg,#f3f5f1eb,#f3f5f1d1),url(https://images.unsplash.com/photo-1495521821757-a1efb6729352?auto=format&fit=crop&w=1600&q=80) 50%/cover;place-items:center;width:100%;min-height:calc(100vh - 80px);display:grid}.auth-card,.form-grid{border:1px solid var(--border);background:var(--panel);width:min(560px,100%);box-shadow:var(--shadow);border-radius:8px;gap:1rem;padding:clamp(1rem,3vw,2rem);display:grid}.auth-card{border-top:7px solid var(--primary)}.form-grid{border-top:7px solid var(--primary);width:100%;box-shadow:none}.form-row,.ingredient-row,.step-row{gap:.8rem;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ingredient-row{grid-template-columns:1.2fr .7fr .8fr auto;align-items:end}.step-row{grid-template-columns:1fr auto;align-items:start}.form-section{border-top:1px solid var(--border);gap:.8rem;padding-top:1rem;display:grid}.section-title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.detail-header{background:#fff;border-radius:8px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:stretch;gap:2rem;margin-bottom:2rem;padding:clamp(1rem,3vw,1.5rem);display:grid;box-shadow:0 10px 32px #34281814}.detail-header>div:first-child{align-content:center;gap:1rem;display:grid}.detail-header img,.detail-placeholder,.detail-image{object-fit:cover;border-radius:8px;width:100%;min-height:360px}.content-columns{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;margin-bottom:2rem;display:grid}.content-columns article,.comments-section,.profile-header,.comment-card{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:1.25rem}.content-columns article,.comments-section,.profile-header{border-top:6px solid var(--primary)}.ingredient-list,.step-list{gap:.65rem;margin:1rem 0 0;padding-left:1.2rem;display:grid}.ingredient-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding-bottom:.6rem;display:flex}.comments-section,.comment-form,.comment-list,.comment-card{gap:1rem;display:grid}.comment-form{border-block:1px solid var(--border);grid-template-columns:1fr 160px auto;align-items:end;padding-block:1rem}.comment-card>div{justify-content:space-between;gap:1rem;display:flex}.comment-card strong{color:#2f80ed}.comment-card span{color:var(--primary);font-weight:900}.profile-header{grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:grid}.profile-header img,.avatar-fallback{object-fit:cover;border-radius:50%;width:88px;height:88px}.avatar-fallback{font-size:2rem}.not-found{place-items:start;gap:1rem;display:grid}@media (width<=820px){.topbar,.toolbar,.home-hero,.detail-header,.content-columns,.comment-form,.profile-header{grid-template-columns:1fr}.topbar{position:static}.home-page{width:100%}.home-hero{min-height:auto}.hero-feature-card{text-align:left;justify-items:start}.hero-search{grid-template-columns:1fr}.hero-search .button{border-radius:0 0 2px 2px}.ingredient-row,.step-row,.form-row{grid-template-columns:1fr}.session-actions,.nav-links{justify-content:flex-start}.detail-header img,.detail-placeholder{min-height:240px}}