.app{max-width:960px;margin:0 auto;padding:1.5rem}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem}.app-header h1{margin:0;font-size:2rem}.subtitle{margin:.25rem 0 0;color:#52606d}main section>h2{margin-top:0}.btn{border:none;border-radius:8px;padding:.6rem 1rem;cursor:pointer}.btn-sm{padding:.35rem .75rem;font-size:.9rem}.btn-primary{background:#b45309;color:#fff}.btn-secondary{background:#e4ded3;color:#1f2933}.btn-danger{background:#fee2e2;color:#991b1b}.btn-text{background:transparent;color:#b45309;padding-inline:0}.btn-icon{min-width:2rem;padding:.35rem;background:#ece7df}.btn:disabled{opacity:.45;cursor:not-allowed}.field-group{margin-bottom:1.25rem}.field-group label,.field-group legend{display:block;font-weight:600;margin-bottom:.35rem}.field-group input[type=text],.field-group input[type=url],.field-group input[type=number],.field-group input[type=search],.library-toolbar input{width:100%;padding:.65rem .75rem;border:1px solid #cbd2d9;border-radius:8px;background:#fff}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:400}.field-error{margin:.35rem 0 0;color:#b91c1c;font-size:.9rem}.field-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.35rem}.dynamic-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.dynamic-list-row{display:flex;gap:.5rem;align-items:center}.dynamic-list-row input[type=text]{flex:1;padding:.65rem .75rem;border:1px solid #cbd2d9;border-radius:8px;background:#fff}.step-number{flex-shrink:0;min-width:1.75rem;font-weight:600;color:#52606d}.ingredient-row{display:grid;grid-template-columns:5.5rem 8rem 1fr auto;gap:.5rem;align-items:center}.ingredient-amount,.ingredient-unit,.ingredient-name{padding:.65rem .75rem;border:1px solid #cbd2d9;border-radius:8px;background:#fff}.ingredient-amount,.ingredient-unit{padding-inline:.5rem}.row-actions{display:flex;gap:.25rem}.form-actions,.export-actions,.recipe-card-actions,.detail-header,.serving-input-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.detail-header{justify-content:space-between}.form-message{margin-top:1rem}.form-message.error{color:#b91c1c}.form-message.success{color:#166534}.library-toolbar{margin-bottom:1rem}.filter-group{margin-bottom:1.5rem}.recipe-grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.recipe-card{background:#fff;border:1px solid #d9e2ec;border-radius:12px;overflow:hidden}.recipe-card-main{width:100%;text-align:left;background:transparent;border:none;padding:1rem 1rem .5rem;cursor:pointer}.recipe-card-main h3{margin:0 0 .35rem}.recipe-meta{margin:0;color:#52606d;font-size:.95rem}.recipe-card-actions{padding:0 1rem 1rem}.empty-state{padding:2rem 1rem;text-align:center;background:#fff;border:1px dashed #cbd2d9;border-radius:12px}.recipe-detail section{margin-top:1.5rem}.serving-control{margin-top:1rem;padding:1rem;background:#fff;border-radius:12px;border:1px solid #d9e2ec}.serving-baseline{margin:0 0 .75rem;color:#52606d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.app{padding:1rem}.app-header{flex-direction:column}.ingredient-row{grid-template-columns:1fr 1fr;grid-template-areas:"amount unit" "name name" "remove remove"}.ingredient-amount{grid-area:amount}.ingredient-unit{grid-area:unit}.ingredient-name{grid-area:name}.ingredient-row .btn-icon{grid-area:remove;justify-self:end}.dynamic-list-row{flex-direction:column;align-items:stretch}.row-actions{justify-content:flex-end}}:root{color:#1f2933;background:#f4f1ea;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}