/* Cooking reads the existing authoritative recipes and ingredient qualities. */
body dialog.garden-cooking-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 24px));height:min(650px,calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom))));max-width:none;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));padding:12px;border:2px solid #fff;border-radius:18px;background:#fff9edf5;color:#26362b;box-shadow:0 10px 40px #17372d40;overflow:hidden}
body dialog.garden-cooking-dialog:not([open]){display:none!important}
body dialog.garden-cooking-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:6px}
body .garden-cooking-dialog::backdrop{background:#17372d70}
body .garden-cooking-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}
body .garden-cooking-header h2{font-size:20px;line-height:1.2;margin:0}
body .garden-cooking-dialog button,body .garden-cooking-dialog select{font:inherit;color:inherit;min-height:44px;touch-action:manipulation;box-sizing:border-box}
body .garden-cooking-close{padding:6px 12px;border:1px solid #7c9280;border-radius:12px;background:#ffffffc9;flex:none}
body .garden-cooking-skill{display:flex;align-items:center;gap:8px;font-size:12px;line-height:20px;min-height:24px;min-width:0;flex-wrap:nowrap}
body .garden-cooking-skill span{white-space:nowrap}
body .garden-cooking-skill progress{flex:1;min-width:20px;width:80px;height:10px;accent-color:#4b8765}
body .garden-cooking-content{display:grid;grid-template-rows:minmax(90px,1fr) auto auto auto;gap:6px;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
body .garden-cooking-picker{display:grid;grid-template-rows:auto minmax(0,1fr);gap:4px;min-width:0;min-height:0}
body .garden-cooking-picker h3{font-size:12px;line-height:18px;margin:0}
body .garden-cooking-recipes{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid #bac9b0;border-radius:12px;background:#fffef7}
body .garden-cooking-recipe{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:56px!important;margin:0;padding:5px 8px;border:0;border-bottom:1px solid #e0e6d9;border-radius:0;background:transparent;text-align:left;cursor:pointer}
body .garden-cooking-recipe:last-child{border-bottom:0}
body .garden-cooking-recipe[aria-pressed=true]{background:#e1efd3;box-shadow:inset 4px 0 #4c7752}
body .garden-cooking-recipe-art{display:grid;place-items:center;flex:none;width:44px;height:38px;pointer-events:none}
body .garden-cooking-recipe-text{display:grid;gap:1px;min-width:0;pointer-events:none}
body .garden-cooking-recipe-name{font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
body .garden-cooking-recipe-condition{font-size:11px;line-height:1.35;color:#56624e;overflow-wrap:anywhere}
body .garden-cooking-dialog select{width:100%;min-width:0;max-width:100%;padding:5px 4px;border:1px solid #91a28a;border-radius:9px;background:white;font-size:12px}
body .garden-cooking-preview{display:flex;align-items:center;gap:10px;min-height:52px;min-width:0}
body .garden-cooking-dish{width:64px;height:52px;display:grid;place-items:center;flex:none}
body .garden-cooking-preview>b{font-size:14px;line-height:1.4;min-width:0;overflow-wrap:anywhere}
body .garden-cooking-dish>*,body .garden-cooking-item-art>*,body .garden-cooking-recipe-art>*{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
body .garden-cooking-ingredients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:6px;min-width:0}
body .garden-cooking-ingredient{display:grid;grid-template-rows:40px minmax(30px,auto) 44px;gap:3px;min-width:0;padding:5px;border:1px solid #d6dfcc;border-radius:12px;background:#ffffff9c;align-items:center}
body .garden-cooking-item-art{display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;width:100%;height:40px;min-width:0;overflow:hidden}
body .garden-cooking-item-name{font-size:11px;line-height:1.35;overflow-wrap:anywhere;text-align:center}
body .garden-cooking-status{font-size:12px;line-height:18px;min-height:18px;margin:0}
body .garden-cooking-footer{display:flex;min-width:0}
body .garden-cooking-submit{width:100%;padding:6px 12px;border:1px solid #5b8061;border-radius:12px;background:#e6f2d8;font-weight:700}
body .garden-cooking-dialog button:disabled,body .garden-cooking-dialog select:disabled{opacity:.55;cursor:default}
body .garden-cooking-dialog :focus-visible{outline:3px solid #548960;outline-offset:-3px}
body .garden-cooking-ingredients:has(>label:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-height:600px){
 body dialog.garden-cooking-dialog{padding:10px;gap:4px}
 body .garden-cooking-content{gap:4px}
 body .garden-cooking-preview{min-height:40px}
 body .garden-cooking-dish{height:40px;width:52px}
 body .garden-cooking-ingredient{grid-template-rows:28px minmax(28px,auto) 40px;gap:2px;padding:4px}
 body .garden-cooking-item-art{height:28px}
 body .garden-cooking-ingredient select{min-height:40px;font-size:11px}
}
@media(max-height:480px) and (min-aspect-ratio:4/3){
 body dialog.garden-cooking-dialog{width:min(740px,calc(100vw - 24px));padding:8px;grid-template-columns:104px minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) 44px;gap:4px 8px}
 body .garden-cooking-header{grid-column:1;grid-row:1;gap:4px}
 body .garden-cooking-header h2{font-size:16px}
 body .garden-cooking-close{width:44px;padding:0;font-size:11px}
 body .garden-cooking-skill{grid-column:2;grid-row:1;font-size:10px;gap:6px}
 body .garden-cooking-content{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(130px,1fr) minmax(0,1.2fr);grid-template-rows:36px minmax(0,1fr) auto;gap:4px 8px}
 body .garden-cooking-picker{grid-column:1;grid-row:1/-1}
 body .garden-cooking-preview{grid-column:2;grid-row:1;min-height:0;gap:6px}
 body .garden-cooking-dish{width:42px;height:32px}
 body .garden-cooking-preview>b{font-size:11px;line-height:1.2}
 body .garden-cooking-ingredients{grid-column:2;grid-row:2;align-self:start;gap:4px}
 body .garden-cooking-ingredient{grid-template-rows:22px minmax(23px,auto) 36px;gap:2px;padding:2px}
 body .garden-cooking-ingredient select{min-height:36px;font-size:10px;padding:2px}
 body .garden-cooking-item-art{height:22px}
 body .garden-cooking-item-name{font-size:9px;line-height:11px}
 body .garden-cooking-status{grid-column:2;grid-row:3;font-size:10px;line-height:12px;min-height:12px}
 body .garden-cooking-footer{grid-column:1/-1;grid-row:3}
}
@media(max-width:350px){body .garden-cooking-skill{gap:5px}body .garden-cooking-dialog select{font-size:11px;padding-inline:2px}}