@font-face{font-family:Necto Mono;src:url(/assets/NectoMono-Regular-CRlbeUYv.otf)format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:DM Serif Display;src:url(/assets/DMSerifDisplay-Regular-CDGr1N9g.ttf)format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Playfair Display;src:url(/assets/PlayfairDisplay-VariableFont_wght-Cl-XvBsO.ttf)format("truetype");font-weight:400 900;font-style:normal;font-display:block}@font-face{font-family:Red Hat Text;src:url(/assets/RedHatText-VariableFont_wght-BPZnPNLr.ttf)format("truetype");font-weight:300 700;font-style:normal;font-display:block}@font-face{font-family:Red Rose;src:url(/assets/RedRose-VariableFont_wght-BJekowTS.ttf)format("truetype");font-weight:300 700;font-style:normal;font-display:block}@font-face{font-family:Inclusive Sans;src:url(/assets/InclusiveSans-VariableFont_wght-V4W0uzLy.ttf)format("truetype");font-weight:300 700;font-style:normal;font-display:block}:root{--base-color:#fff9f2;--secondary-color:#f6ede3;--highlight-color:#febf6f;--contrast-color:#522c25;--accent-color:#c03001;--border-color:#e6dad4;color:#1f2937;background:var(--base-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.page{max-width:1280px;margin:0 auto;padding:32px .5rem 48px}.header h1{margin:0 0 8px}.header p{color:#4b5563;margin:0}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.auth-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-card p{margin:0}.recipe-form{gap:12px;display:grid}label{color:#111827;gap:6px;font-weight:600;display:grid}input,textarea{width:100%;font:inherit;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}button{font:inherit;cursor:pointer;color:#fff;background:#2563eb;border:0;border-radius:8px;padding:10px 12px;font-weight:600}button:disabled{cursor:not-allowed;opacity:.6}.secondary{color:#111827;background:#e5e7eb}.danger{background:#dc2626}.list-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.list-title h2{margin:0}.recipe-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.recipe-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.recipe-item h3{margin:0}.recipe-item p{color:#374151;margin:8px 0 0}.item-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.error{color:#b91c1c;margin:0 0 8px}@media (width<=640px){.auth-card{flex-direction:column;align-items:flex-start}}.recipe-grid{grid-template-columns:repeat(2,minmax(160px,1fr));gap:1px;width:100%;display:grid}@media (width>=632px){.recipe-grid{grid-template-columns:repeat(3,minmax(200px,1fr))}}@media (width>=840px){.recipe-grid{grid-template-columns:repeat(4,minmax(200px,1fr))}#main-section{margin-top:1rem}}.recipe-grid-card{cursor:pointer;aspect-ratio:4/5;background-color:var(--base-color);box-sizing:border-box;box-shadow:0 0 0 1px var(--border-color);flex-direction:column;padding:1.25rem;display:flex}.recipe-grid-card:hover{background-color:var(--highlight-color)}.recipe-grid-card-image-area{background-color:var(--secondary-color);border-radius:.5rem;flex-grow:1}.recipe-grid-card-text-area{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1rem;display:-webkit-box;overflow:hidden;container-type:inline-size}.recipe-grid-card-text-title{color:#1a1a1a;font-family:Red Hat Text,Georgia,"serif";font-size:clamp(1rem,7cqw,1.2rem);font-weight:600}#recipe-grid-header{flex-flow:wrap;justify-content:space-between;gap:1rem;padding-top:1rem;padding-bottom:1rem;display:flex}#new-recipe-button{background-color:var(--accent-color);border-radius:0;padding:.25rem;font-family:Necto Mono,Courier,"monospace";font-size:1rem}#recipe-counter-text{color:var(--contrast-color);opacity:.7;align-self:center;margin:0;font-family:Red Hat Text,Georgia,"serif";font-size:1rem;font-weight:400}#recipe-grid-sorting-text{color:var(--contrast-color);align-self:center;margin:0;font-family:Red Hat Text,Georgia,"serif";font-size:1rem;font-weight:400}#recipe-grid-sorting-select{text-transform:uppercase;color:var(--contrast-color);background:0 0;border:none;outline:none;font-family:Necto Mono,Courier,"monospace";font-size:.85rem;font-weight:400;transform:translateY(.5px)}