*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1f2933;background:#f8f4ec;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:none}button:disabled{cursor:not-allowed}.appPage,.page{background:radial-gradient(circle at 0 0,#ffbe7659,#0000 32%),radial-gradient(circle at 100% 100%,#84cc162e,#0000 30%),#f8f4ec;min-height:100vh;padding:32px 24px 64px}.topNav{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto 56px;display:flex}.brandLink{letter-spacing:-.04em;font-size:20px;font-weight:900}.navLinks{background:#ffffffb3;border:1px solid #ffffffe6;border-radius:999px;gap:10px;padding:6px;display:flex}.navLinks a{color:#4b5563;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700}.navLinks a:hover{color:#111827;background:#fff}.pageHeader{max-width:1180px;margin:0 auto 32px}.recipesHeader{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.eyebrow{color:#9a3412;letter-spacing:.08em;text-transform:uppercase;background:#fff7ed;border-radius:999px;margin:0 0 18px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-block}h1{letter-spacing:-.06em;color:#111827;margin:0;font-size:clamp(44px,7vw,86px);line-height:.95}.subtitle{color:#4b5563;max-width:720px;margin:24px 0 0;font-size:19px;line-height:1.7}.primaryButton,.secondaryButton,.saveButton{border-radius:16px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.primaryButton{color:#fff;background:#111827;box-shadow:0 18px 35px #1118272e}.secondaryButton{color:#111827;background:#fff;border:1px solid #e5e7eb}.saveButton{color:#fff;background:#166534;width:100%;margin-top:28px;box-shadow:0 18px 35px #1665342e}.primaryButton:hover,.secondaryButton:hover,.saveButton:hover{transform:translateY(-2px)}.primaryButton:disabled,.saveButton:disabled{opacity:.55;transform:none}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;max-width:1180px;min-height:calc(100vh - 96px);margin:0 auto;display:grid}.heroContent{max-width:720px}.buttonGroup{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.featureGrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;display:grid}.featureCard{background:#ffffffc2;border:1px solid #ffffffe6;border-radius:24px;padding:22px;box-shadow:0 20px 40px #0f172a0f}.featureCard span{font-size:28px}.featureCard h3{margin:14px 0 8px;font-size:18px}.featureCard p{color:#6b7280;margin:0;line-height:1.5}.previewCard{background:#ffffffdb;border:1px solid #ffffffe6;border-radius:32px;padding:28px;box-shadow:0 30px 80px #0f172a24}.previewHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.smallLabel{color:#9a3412;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:13px;font-weight:700}.previewCard h2{letter-spacing:-.04em;margin:0;font-size:32px}.timeBadge{color:#166534;background:#dcfce7;border-radius:999px;flex-shrink:0;padding:8px 12px;font-size:14px;font-weight:800}.ingredientBox,.stepsBox{background:#f9fafb;border:1px solid #e5e7eb;border-radius:22px;margin-top:18px;padding:20px}.ingredientBox p,.stepsBox p{margin:0 0 12px;font-weight:800}.ingredientBox ul,.stepsBox ol{color:#4b5563;margin:0;padding-left:22px;line-height:1.8}.contentGrid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;max-width:1180px;margin:0 auto;display:grid}.mainPanel{gap:24px;display:grid}.glassPanel,.tipCard,.emptyState,.recipeCard{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #fffffff2;box-shadow:0 24px 60px #0f172a14}.glassPanel{border-radius:30px;padding:28px}.glassPanel h2{letter-spacing:-.04em;margin:0;font-size:28px}.panelText{color:#6b7280;margin:10px 0 0;line-height:1.6}.urlForm{grid-template-columns:minmax(0,1fr) auto;gap:14px;margin-top:24px;display:grid}.textInput,.textArea{color:#111827;background:#ffffffeb;border:1px solid #e5e7eb;border-radius:16px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.textInput{min-height:52px;padding:0 16px}.textArea{resize:vertical;padding:16px;line-height:1.6}.textInput:focus,.textArea:focus{border-color:#f97316;box-shadow:0 0 0 4px #f973161f}.reviewPanel{overflow:hidden}.sectionTitleRow{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.recipeHeroImage{object-fit:cover;border:1px solid #e5e7eb;border-radius:24px;width:100%;height:320px;margin-top:22px}.formLabel{color:#374151;margin:24px 0 8px;font-size:14px;font-weight:800;display:block}.twoColumnForm{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sidePanel{gap:18px;display:grid;position:sticky;top:24px}.tipCard{border-radius:26px;padding:22px}.tipCard span{font-size:28px}.tipCard h3{margin:14px 0 8px;font-size:18px}.tipCard p{color:#6b7280;margin:0;line-height:1.6}.recipesGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1180px;margin:0 auto;display:grid}.recipeCard{border-radius:30px;transition:transform .15s,box-shadow .15s;overflow:hidden}.recipeCardImage,.recipeImagePlaceholder{width:100%;height:220px}.recipeCardImage{object-fit:cover;display:block}.recipeImagePlaceholder{background:radial-gradient(circle at 0 0,#f9731629,#0000 35%),#fff7ed;place-items:center;display:grid}.recipeImagePlaceholder span{font-size:54px}.recipeCardBody{padding:22px}.recipeCardMeta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.recipeCardMeta span{color:#4b5563;background:#f3f4f6;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.recipeCard h2{letter-spacing:-.04em;color:#111827;margin:0;font-size:24px}.recipePreviewLists{gap:16px;margin-top:18px;display:grid}.recipePreviewLists p{text-transform:uppercase;letter-spacing:.08em;color:#9a3412;margin:0 0 8px;font-size:13px;font-weight:900}.recipePreviewLists ul,.recipePreviewLists ol{color:#6b7280;margin:0;padding-left:20px;font-size:14px;line-height:1.6}.sourceLink{color:#111827;margin-top:20px;font-weight:800;display:inline-flex}.sourceLink:hover{text-decoration:underline}.emptyState{text-align:center;border-radius:32px;max-width:720px;margin:32px auto 0;padding:48px 32px}.emptyIcon{background:#fff7ed;border-radius:28px;place-items:center;width:88px;height:88px;margin:0 auto 22px;font-size:44px;display:grid}.emptyState h2{letter-spacing:-.04em;margin:0;font-size:34px}.emptyState p{color:#6b7280;max-width:520px;margin:14px auto 28px;line-height:1.7}@media (max-width:1000px){.hero,.contentGrid{grid-template-columns:1fr}.recipesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidePanel{position:static}.previewCard{order:-1}}@media (max-width:700px){.appPage,.page{padding:20px 16px 48px}.topNav{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:36px}.recipesHeader{flex-direction:column;align-items:flex-start}h1{font-size:46px}.subtitle{font-size:17px}.featureGrid,.recipesGrid,.twoColumnForm,.urlForm{grid-template-columns:1fr}.recipeHeroImage{height:220px}.glassPanel{padding:22px}}.recipeCardClickableArea{height:100%;display:block}.openRecipeHint{color:#111827;margin:20px 0 0;font-weight:900}.recipeDetailLayout{max-width:980px;margin:0 auto}.recipeDetailCard{background:#ffffffdb;border:1px solid #fffffff2;border-radius:32px;padding:32px;box-shadow:0 30px 80px #0f172a1f}.recipeDetailImage{object-fit:cover;border-radius:26px;width:100%;height:420px;margin-bottom:32px}.recipeDetailHeader h1{max-width:780px}.recipeDetailMeta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.recipeDetailMeta span{color:#4b5563;background:#f3f4f6;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:800}.recipeDetailSection{background:#f9fafb;border:1px solid #e5e7eb;border-radius:24px;margin-top:36px;padding:24px}.recipeDetailSection h2{letter-spacing:-.04em;margin:0 0 16px;font-size:24px}.recipeDetailSection ul,.recipeDetailSection ol{color:#4b5563;margin:0;padding-left:24px;line-height:1.8}.recipeDetailSection li{margin-bottom:10px}.recipeDetailSection p{color:#4b5563;margin:0;line-height:1.7}.recipeActionRow{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.dangerButton,.saveButtonInline{border-radius:16px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.saveButtonInline{color:#fff;background:#166534;box-shadow:0 18px 35px #1665342e}.dangerButton{color:#fff;background:#991b1b;box-shadow:0 18px 35px #991b1b2e}.dangerButton:hover,.saveButtonInline:hover{transform:translateY(-2px)}@media (max-width:700px){.recipeDetailCard{padding:22px}.recipeDetailImage{height:240px}.recipeActionRow{flex-direction:column}.recipeActionRow .primaryButton,.recipeActionRow .secondaryButton,.recipeActionRow .dangerButton,.recipeActionRow .saveButtonInline{width:100%}}.homeRecipePreview{padding:0;transition:transform .15s,box-shadow .15s;display:block;overflow:hidden}.homeRecipePreview:hover{transform:translateY(-4px);box-shadow:0 34px 90px #0f172a2e}.homeRecipeImage,.homeRecipePlaceholder{width:100%;height:360px}.homeRecipeImage{object-fit:cover;display:block}.homeRecipePlaceholder{background:radial-gradient(circle at 0 0,#f9731629,#0000 35%),#fff7ed;place-items:center;display:grid}.homeRecipePlaceholder span{font-size:72px}.homeRecipeContent{padding:28px}.homeRecipeContent h2{letter-spacing:-.05em;margin:0;font-size:36px;line-height:1.05}@media (max-width:700px){.homeRecipeImage,.homeRecipePlaceholder{height:240px}.homeRecipeContent{padding:22px}.homeRecipeContent h2{font-size:28px}}.loginPanel{background:#ffffffdb;border:1px solid #fffffff2;border-radius:32px;max-width:620px;margin:0 auto;padding:32px;box-shadow:0 30px 80px #0f172a1f}.randomButton{color:#fff;cursor:pointer;background:#9a3412;border:none;border-radius:20px;min-height:64px;padding:0 30px;font-size:18px;font-weight:900;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 18px 35px #9a341238}.randomButton:hover{transform:translateY(-2px);box-shadow:0 24px 45px #9a341247}.randomButton:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}@media (max-width:700px){.randomButton{width:100%}}.addRecipeLayout{gap:28px;max-width:980px;margin:0 auto;display:grid}.addRecipeCard{background:#ffffffdb;border:1px solid #fffffff2;border-radius:32px;padding:32px;box-shadow:0 30px 80px #0f172a1f}.addRecipeCard h1,.addRecipeCard h2{margin-top:0}.manualRecipePreviewImage{object-fit:cover;border-radius:24px;width:100%;max-height:360px;margin:18px 0 8px}@media (max-width:700px){.addRecipeCard{padding:22px}}.recipeImageGallery{margin-bottom:32px}.recipeMainImageWrapper{position:relative}.recipeGalleryMainImage{object-fit:cover;border-radius:26px;width:100%;height:420px;display:block}.galleryArrow{cursor:pointer;background:#ffffffeb;border:none;border-radius:999px;width:46px;height:46px;font-size:24px;font-weight:900;position:absolute;top:50%;transform:translateY(-50%)}.galleryArrowLeft{left:16px}.galleryArrowRight{right:16px}.recipeThumbnailRow{gap:12px;margin-top:14px;padding-bottom:6px;display:flex;overflow-x:auto}.recipeThumbnail{object-fit:cover;cursor:pointer;border:3px solid #0000;border-radius:14px;flex:none;width:92px;height:72px}.recipeThumbnailActive{border-color:#9a3412}.galleryAdminControls{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.imageUploadInput{display:none}.imageUploadLabel{color:#fff;cursor:pointer;background:#111827;border-radius:16px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:900;display:inline-flex}@media (max-width:700px){.recipeGalleryMainImage{height:260px}.recipeThumbnail{width:76px;height:60px}.galleryAdminControls{flex-direction:column}.imageUploadLabel,.galleryAdminControls button{width:100%}}.portionCalculator{background:#fff7ed;border-color:#fed7aa}.portionCalculatorText{color:#6b7280;margin:0 0 20px;line-height:1.7}.portionControls{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px;display:grid}.scaledIngredientBox{background:#fff;border:1px solid #fed7aa;border-radius:20px;padding:20px}.scaledIngredientBox p{color:#9a3412;margin:0 0 12px;font-weight:900}.scaledIngredientBox ul{margin:0;padding-left:22px}.scaledIngredientBox li{color:#374151;margin-bottom:10px;line-height:1.7}@media (max-width:700px){.portionControls{grid-template-columns:1fr}}.recipesHeader{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1180px;margin:0 auto 28px;display:flex}.recipesHeader h1{letter-spacing:-.07em;margin:0;font-size:clamp(42px,7vw,86px);line-height:.95}.recipeFilters{background:#ffffffd6;border:1px solid #fffffff2;border-radius:28px;grid-template-columns:1.4fr .75fr .75fr auto;align-items:end;gap:18px;max-width:1180px;margin:0 auto 22px;padding:22px;display:grid;box-shadow:0 24px 70px #0f172a1a}.searchBox,.categoryFilterBox{min-width:0}.selectInput{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:18px;outline:none;width:100%;min-height:64px;padding:0 18px;font-size:17px;font-weight:700}.selectInput:focus{border-color:#9a3412;box-shadow:0 0 0 4px #9a34121f}.filterResultInfo{color:#6b7280;max-width:1180px;margin:0 auto 22px;font-weight:700}.filterResultInfo p{margin:0}.emptyRecipesBox{text-align:center;background:#ffffffdb;border:1px solid #fffffff2;border-radius:32px;max-width:720px;margin:60px auto 0;padding:36px;box-shadow:0 30px 80px #0f172a1f}.emptyRecipesBox h2{letter-spacing:-.04em;margin:0 0 12px;font-size:34px}.emptyRecipesBox p{color:#6b7280;margin:0 0 24px;line-height:1.7}@media (max-width:850px){.recipesHeader{flex-direction:column;align-items:stretch}.recipeFilters{grid-template-columns:1fr}.recipeFilters .secondaryButton{width:100%}}.recipeGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:stretch;gap:28px;max-width:1180px;margin:0 auto;display:grid}.recipeCard{background:#ffffffe0;border:1px solid #fffffff2;border-radius:32px;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 24px 70px #0f172a1a}.recipeCard:hover{transform:translateY(-4px);box-shadow:0 32px 90px #0f172a29}.recipeCardClickableArea{height:100%;color:inherit;text-decoration:none;display:block}.recipeCard img,.recipeImage{object-fit:cover;width:100%;height:230px;display:block}.recipeCardContent{padding:24px}.recipeCard h2,.recipeCard h3{letter-spacing:-.04em;margin:12px 0 14px;font-size:24px;line-height:1.1}.recipeCard .recipeDetailMeta{margin:0 0 16px}.recipeCard ul,.recipeCard ol{max-height:92px;overflow:hidden}.recipeCard li{color:#6b7280;line-height:1.5}@media (max-width:760px){.recipeGrid{grid-template-columns:1fr}.recipeCard img,.recipeImage{height:220px}}@media (max-width:850px){.recipeFilters{grid-template-columns:1fr}.recipeFilters .secondaryButton{width:100%}}