:root{color:#141414;background:#efe8df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scrollbar-gutter:stable}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#efe8df}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh;max-width:540px;margin:0 auto;background:#fbfaf7}.recipe-list{padding:16px 10px 32px}.topbar,.detail-topbar{display:grid;align-items:center;gap:8px}.topbar{grid-template-columns:44px 1fr auto}.detail-topbar{grid-template-columns:44px 1fr 44px}.topbar h1{margin:0;text-align:center;font-size:26px;line-height:36px}.icon-button{border:0;background:transparent;min-width:44px;min-height:44px;font-size:25px;line-height:1}.topbar-actions{display:flex;justify-content:flex-end}.search-box{display:grid;gap:6px;margin:10px 2px 12px;color:#4b4843;font-size:13px;font-weight:700}.search-box input,.filter-sheet input,.filter-sheet select,.add-recipe-sheet input,.add-recipe-sheet select,.add-recipe-sheet textarea{width:100%;border:1px solid #ded9d3;border-radius:8px;background:#fff;font-size:16px}.search-box input,.filter-sheet input,.filter-sheet select,.add-recipe-sheet input,.add-recipe-sheet select{height:42px;padding:0 12px}.add-recipe-sheet textarea{min-height:92px;resize:vertical;padding:10px 12px;line-height:1.35}.main-tabs,.meal-tabs{display:grid;gap:8px;margin-bottom:10px}.main-tabs{grid-template-columns:1fr 1fr}.meal-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.main-tabs button,.meal-tabs button,.category-grid button{border:1px solid #e3ded8;background:#fff;border-radius:8px;box-shadow:0 2px 7px #0000001f;min-height:40px;color:#131313;font-size:14px;font-weight:800}.meal-tabs button{padding:0 6px;font-size:13px;white-space:nowrap}.main-tabs button.active,.meal-tabs button.active,.category-grid button.active{border-color:#82a744;background:#edf6d6;color:#30461e}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 14px}.category-grid button{display:flex;align-items:center;gap:8px;min-height:56px;padding:6px;text-align:left}.category-grid button span:last-child{min-width:0;overflow-wrap:anywhere}.category-thumb{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:7px;background:#dfe7d5;object-fit:cover;color:#31491f;font-weight:900}.result-count{margin:8px 2px 12px;color:#6a6762;font-size:13px;font-weight:800}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recipe-card{position:relative;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 1px 7px #00000021}.recipe-card__image{display:block;width:100%;height:clamp(150px,37vw,210px);object-fit:cover;background:#ebe7df}.recipe-card__image--empty{display:grid;place-items:center;color:#5a6f3b;font-size:42px;font-weight:900;background:radial-gradient(circle at 30% 25%,rgba(147,184,88,.32),transparent 34%),linear-gradient(135deg,#ece6dc,#dfe8d4)}.favorite-dot{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:999px;background:#ffffffeb;color:#e43f5a;font-size:20px;line-height:1}.favorite-dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.recipe-card__body{position:relative;margin-top:-12px;min-height:104px;padding:12px;border-radius:8px 8px 0 0;background:#fff}.recipe-card__calories{margin:0 0 5px;color:#66615c;font-size:12px;font-weight:800}.recipe-card h2{margin:0;font-size:16px;line-height:18px;letter-spacing:0}.recipe-card__link{color:inherit;text-decoration:none}.recipe-card__link:focus-visible{outline:2px solid #436b2b;outline-offset:2px;border-radius:4px}.recipe-card__meta{margin:7px 0 0;color:#6d6964;font-size:11px;font-weight:800}.state-screen,.empty-state{min-height:60vh;display:grid;place-items:center;padding:24px;text-align:center}.empty-state{gap:12px}.primary-button{border:0;border-radius:8px;background:#436b2b;color:#fff;min-height:42px;padding:0 14px;font-weight:800}.secondary-button{border:1px solid #d6d0c8;border-radius:8px;background:#fff;color:#302c27;min-height:42px;padding:0 14px;font-weight:800}.app-messages{display:grid;gap:8px;padding:12px 10px 0}.app-message{margin:0;border-radius:8px;background:#edf6d6;color:#30461e;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.35}.app-message--warning{background:#fff4d6;color:#5c4413}.app-message--error{background:#fde8e8;color:#782121}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:end;justify-content:center;background:#00000052;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.filter-sheet,.add-recipe-sheet{width:min(100%,520px);display:grid;gap:12px;border-radius:16px 16px 8px 8px;background:#fbfaf7;padding:16px;max-height:min(88vh,760px);max-height:min(88dvh,760px);overflow-y:auto;overscroll-behavior:contain}.filter-sheet header,.add-recipe-sheet header{display:flex;justify-content:space-between;align-items:center;gap:12px}.filter-sheet h2,.add-recipe-sheet h2,.add-recipe-sheet p{margin:0}.add-recipe-sheet header p{margin-bottom:2px;color:#6a6762;font-size:12px;font-weight:900;text-transform:uppercase}.filter-sheet label,.add-recipe-sheet label{display:grid;gap:6px;color:#343029;font-weight:800}.add-recipe-sheet form{display:grid;gap:12px}.add-recipe-sheet label,.nutrition-fields legend{font-size:13px}.form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.nutrition-fields{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;border:0;padding:0}.nutrition-fields legend{grid-column:1 / -1;padding:0;color:#343029;font-weight:800}.form-error{margin:0;border-radius:8px;background:#fde8e8;color:#782121;padding:10px 12px;font-size:13px;font-weight:800}.sheet-actions{position:sticky;bottom:-16px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px -16px -16px;background:#fbfaf7;padding:12px 16px 16px}.recipe-detail{min-height:100vh;background:#fbfaf7}.detail-topbar{position:sticky;top:0;z-index:2;background:#fbfaf7f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-image{width:100%;max-height:360px;object-fit:cover;display:block}.detail-content{padding:18px 16px 36px}.detail-content h1{margin:4px 0 8px;font-size:28px;line-height:32px;letter-spacing:0}.detail-content h2{margin:26px 0 10px;font-size:22px}.detail-content h3{margin:16px 0 6px;font-size:16px}.detail-content p{line-height:1.5}.nutrition-box{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.nutrition-box div{border-radius:8px;background:#f0f0ef;padding:10px 6px;text-align:center}.nutrition-box strong,.nutrition-box span{display:block}.nutrition-box strong{font-size:15px}.nutrition-box span{color:#6b6761;font-size:12px}.ingredients-header{margin-top:26px}.ingredients-header h2{margin-bottom:2px}.ingredients-header p{margin:0 0 10px;color:#55504a;font-size:14px}.portion-stepper{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;min-height:48px;border-radius:8px;background:#fff;box-shadow:0 1px 7px #0000001f;padding:4px}.portion-stepper button{width:36px;height:36px;border:1px solid #cbcfc4;border-radius:8px;background:#fff;color:#436b2b;font-size:24px;line-height:1}.portion-stepper button:disabled{color:#bbc3b0}.portion-stepper span{text-align:center;color:#625d56;font-size:13px}.portion-stepper strong{color:#141414;font-size:20px}.ingredient-group ul,.steps{padding-left:20px}.ingredient-group li{display:grid;grid-template-columns:20px 1fr;gap:8px;margin:7px 0;line-height:1.45}.ingredient-arrow{color:#4b4843}.ingredient-copy strong,.ingredient-copy span{display:block}.ingredient-copy strong{line-height:1.25}.ingredient-copy span{color:#6b6761;font-size:14px}.steps li{margin:7px 0;line-height:1.45}.steps p{margin:0 0 10px;white-space:pre-line}.step-image{display:block;width:100%;margin:10px 0 16px;border-radius:8px;object-fit:cover}.tip{border-left:4px solid #82a744;background:#edf6d6;padding:12px;border-radius:8px}.link-button{display:inline-flex;align-items:center;margin-top:12px;text-decoration:none}@media(min-width:700px){.app-shell{min-height:calc(100vh - 24px);margin-block:12px}}.add-recipe-sheet .field-group{display:grid;gap:6px}.add-recipe-sheet .field-label{color:#343029;font-size:13px;font-weight:800}.add-recipe-sheet .field-label.is-invalid{color:#782121}.field-error{margin:0;color:#782121;font-size:12.5px;font-weight:800}.add-recipe-sheet input[aria-invalid=true],.add-recipe-sheet textarea[aria-invalid=true]{border-color:#b3473d}.field-hint{margin:0;color:#6a6762;font-size:12px}.expander-toggle{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px dashed #d6d0c8;border-radius:8px;background:#fff;padding:10px 12px;color:#436b2b;font-size:13px;font-weight:800;text-align:left}.expander-toggle span{color:#6a6762;font-size:12px;font-weight:600}.extras-section{display:grid;gap:12px;border-left:3px solid #edf6d6;padding-left:10px}.group-card,.step-card{display:grid;gap:8px;border:1px solid #ded9d3;border-radius:10px;background:#fff;padding:10px}.group-card-header,.step-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.group-card-header input{flex:1;min-width:0}.ingredient-row{display:flex;align-items:center;gap:8px}.ingredient-row input{flex:1;min-width:0}.row-actions{display:flex;gap:4px}.mini-button{width:36px;height:36px;border:1px solid #d6d0c8;border-radius:8px;background:#fff;color:#302c27;font-size:15px;font-weight:800}.add-link{justify-self:start;border:0;background:none;padding:4px 0;color:#436b2b;font-size:13px;font-weight:800}.step-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#edf6d6;color:#30461e;font-size:13px;font-weight:900}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.segmented button{min-height:38px;border:1px solid #d6d0c8;border-radius:8px;background:#fff;color:#302c27;font-weight:800}.segmented button.is-active{border-color:#82a744;background:#edf6d6;color:#30461e}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #82a744;border-radius:999px;background:#edf6d6;color:#30461e;padding:5px 10px;font-size:12.5px;font-weight:800}.chip-remove{border:0;background:none;padding:8px;margin:-8px;color:#30461e;font-size:15px;font-weight:900;line-height:1}.chip-input-row{display:flex;gap:8px}.chip-input-row input{flex:1;min-width:0}.chip-input-row .secondary-button{min-height:42px;padding:0 12px;white-space:nowrap}.delete-section{margin-top:24px;display:grid;gap:10px;justify-items:start}.delete-confirm{display:flex;align-items:center;gap:10px}.danger-button{border:1px solid #d9a6a6;border-radius:8px;background:#fff;color:#782121;min-height:42px;padding:0 14px;font-weight:800}.danger-button:disabled,.delete-confirm .secondary-button:disabled{opacity:.6}body.sheet-open{overflow:hidden}