:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:32rem;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem 1rem}h1{color:#e11d48}.box-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.muted{color:#6b7280}.box-actions{display:flex;flex-direction:column;gap:.5rem;align-items:center}.notice{display:block;margin:0 0 1rem;padding:.75rem;border-radius:.5rem;background:#fef3c7;color:#92400e}.load-error{margin:1rem 0;padding:.75rem;border-radius:.5rem;background:#fee2e2;color:#991b1b}.load-error p{margin:0 0 .75rem}button{min-height:2.75rem;padding:.5rem .9rem;font:inherit;border-radius:.5rem;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer}button.primary,button[type=submit]{background:#e11d48;border-color:#e11d48;color:#fff;width:100%}button.link{min-height:auto;padding:0;border:none;background:none;color:#e11d48;text-decoration:underline}label{display:block;margin:.75rem 0}input,textarea{display:block;width:100%;min-height:2.75rem;margin-top:.25rem;padding:.5rem;font:inherit;border-radius:.5rem;border:1px solid #d1d5db;background:transparent;color:inherit}.recipe-cards{list-style:none;padding:0;display:grid;gap:.75rem}.recipe-cards button{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.5rem}.recipe-cards img,.recipe-cards .thumb-placeholder{width:3.5rem;height:3.5rem;border-radius:.5rem;object-fit:cover;background:#f3f4f6;flex:none}fieldset{border:1px solid #e5e7eb;border-radius:.5rem;margin:1rem 0}.row{display:flex;align-items:flex-start;gap:.4rem;margin-bottom:.5rem}.row .amount,.row .unit{width:4.5rem;flex:none}.row .name,.row textarea{flex:1}.step-number{min-width:1.5rem;padding-top:.6rem;text-align:center;color:#6b7280}.row-controls{display:flex;gap:.2rem;flex:none}.row-controls button{min-width:2.25rem;padding:.4rem}.actions{display:flex;gap:.5rem}.actions button{flex:1}.recipe-detail .back{border:none;background:none;padding:0;color:#e11d48}.recipe-detail .hero{width:100%;border-radius:.75rem}.ingredients,.steps{padding-left:1.25rem;line-height:2;font-size:1.1rem}.serving-picker{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:.5rem 0 1rem}.serving-picker .label{font-weight:600}.serving-picker .stepper{display:flex;align-items:center;gap:.5rem}.serving-picker .stepper button{min-width:2.5rem;padding:.4rem;font-size:1.2rem;line-height:1}.serving-picker .count{min-width:1.5rem;text-align:center;font-size:1.2rem;font-variant-numeric:tabular-nums}.collection-list{list-style:none;padding:0;display:grid;gap:.5rem}.collection-list li{display:flex;align-items:stretch;gap:.4rem}.collection-open{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex:1;text-align:left}.collection-membership{padding:.75rem 1rem}.collection-membership .checkbox{display:flex;align-items:center;gap:.5rem;margin:.4rem 0}.collection-membership input[type=checkbox]{width:auto;min-height:auto;margin:0}.back{border:none;background:none;padding:0;color:#e11d48}.shopping-picker{list-style:none;padding:0;margin:1rem 0}.shopping-picker li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.4rem 0}.shopping-picker label{display:flex;align-items:center;gap:.5rem;flex:1}.shopping-picker input[type=checkbox]{width:auto;min-height:auto;margin:0}.shopping-picker input[type=number]{width:7.5rem;margin:0}.shopping-result pre{white-space:pre-wrap;background:#f4f4f5;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;line-height:1.6}