:root{--navy: #2e4f88;--white-soft: rgba(255, 255, 255, .84);--white-strong: rgba(255, 255, 255, .94);--border-soft: rgba(120, 148, 196, .22);--shadow-soft: 0 20px 45px rgba(116, 140, 179, .16);--text: #31435d;--muted: #64748b}.page-shell{min-height:100vh;padding:24px 0 56px;background:radial-gradient(circle at top left,rgba(255,228,239,.9),transparent 30%),radial-gradient(circle at top right,rgba(215,237,255,.95),transparent 32%),radial-gradient(circle at bottom center,rgba(255,236,213,.95),transparent 38%),linear-gradient(180deg,#f7fbff,#fffaf5)}.page-width{width:min(1200px,calc(100% - 40px));margin:0 auto}.eyebrow{margin:0 0 12px;color:var(--navy);font-size:.9rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.page-title{margin:0 0 12px;font-size:clamp(2.3rem,5vw,4rem);line-height:1.02;color:var(--navy);text-shadow:0 3px 0 rgba(255,255,255,.55)}.hero-title{font-weight:900}.hero-subtitle,.lead,.muted{color:var(--text);line-height:1.75}.hero-subtitle{margin:0 auto;max-width:760px;font-size:1.05rem}.recipes-hero{margin-bottom:24px;border-radius:38px;overflow:hidden;border:1px solid rgba(121,155,214,.22);box-shadow:0 28px 55px #748cb333;background:radial-gradient(circle at 12% 28%,rgba(255,244,217,.92),transparent 14%),radial-gradient(circle at 84% 24%,rgba(255,235,210,.9),transparent 14%),linear-gradient(180deg,#bae4fff2,#eedbffd9 42%,#ffe7d2eb)}.recipes-hero__inner{padding:40px 34px 38px;text-align:center}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;font-weight:800;text-decoration:none;border:1px solid transparent;white-space:nowrap;transition:.18s ease;cursor:pointer;font:inherit}.hero-pill--primary{background:linear-gradient(135deg,#79a7ef,#5e87d2);color:#fff;box-shadow:0 10px 22px #5e87d240}.hero-pill--secondary{background:#ffffffe0;color:var(--navy);border-color:#7894c43d}.delete-pill,.edit-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;font-weight:800;text-decoration:none;white-space:nowrap;cursor:pointer;font:inherit}.delete-pill{background:#ef44441f;border:1px solid rgba(239,68,68,.24);color:#991b1b}.edit-pill{background:#ffffffe0;border:1px solid rgba(120,148,196,.24);color:var(--navy)}.recipe-body__actions{display:flex;justify-content:flex-end;margin-top:4px}.success-pill{display:inline-flex;margin:0 0 24px;padding:12px 18px;border-radius:999px;background:#22c55e24;border:1px solid rgba(34,197,94,.24);color:#166534;font-weight:800}.success-pill[data-tone=error]{background:#ef44441f;border-color:#ef44443d;color:#991b1b}.recipes-toolbar,.empty-card{padding:24px 28px;border-radius:32px;background:var(--white-soft);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)}.recipes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.recipes-toolbar__copy h2,.empty-card h2{margin:0 0 8px;color:var(--navy)}.empty-card{margin-bottom:24px}.empty-card p,.recipes-toolbar__copy p{margin:0}.recipe-stack{display:grid;gap:24px}.recipe-card{--recipe-media-width: 250px;border-radius:32px;background:var(--white-soft);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);overflow:hidden;transition:.18s ease}.recipe-card--open{background:var(--white-strong);box-shadow:0 24px 50px #748cb333}.recipe-card__top{display:grid;grid-template-columns:var(--recipe-media-width) minmax(0,1fr);gap:0}.recipe-card__media{padding:18px 0 18px 18px}.recipe-card__image{width:100%;height:100%;min-height:220px;display:block;border-radius:24px;background:radial-gradient(circle at top left,rgba(255,244,217,.92),transparent 30%),radial-gradient(circle at bottom right,rgba(215,237,255,.95),transparent 35%),linear-gradient(180deg,#f4f9ff,#fff7f0);color:var(--navy)}.recipe-card__image--empty{display:grid;place-items:center;text-align:center;font-weight:800;padding:24px}.recipe-card__image--photo{object-fit:cover}.recipe-card__main{padding:24px 24px 22px;display:flex;flex-direction:column;justify-content:center;min-width:0}.recipe-card__meta{margin:0 0 8px;color:var(--navy);font-weight:800;font-size:.98rem}.recipe-card h2{margin:0 0 12px;color:var(--text);font-size:1.7rem;line-height:1.15}.recipe-card__summary{margin:0;color:var(--text);line-height:1.75}.recipe-card__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.tag-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:999px;background:#ffffffe0;color:var(--navy);border:1px solid rgba(120,148,196,.24);font-size:.88rem;font-weight:800}.recipe-card__footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.read-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;font-weight:800;text-decoration:none;border:1px solid transparent;white-space:nowrap;background:linear-gradient(135deg,#79a7ef,#5e87d2);color:#fff;box-shadow:0 10px 22px #5e87d240;cursor:pointer;font:inherit}.read-pill__open,.recipe-card--open .read-pill__closed{display:none}.recipe-card--open .read-pill__open{display:inline}.recipe-card__body{padding:0 24px 24px calc(var(--recipe-media-width) + 24px);color:var(--text);display:grid;gap:22px}.recipe-card__body[hidden]{display:none!important}.recipe-section h3{margin:0 0 14px;color:var(--navy);font-size:1.2rem}.ingredient-list,.method-list{margin:0;padding:0}.ingredient-list{list-style:none;display:grid;gap:12px}.ingredient-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-radius:20px;background:#ffffffb3;border:1px solid rgba(120,148,196,.18)}.ingredient-copy{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;min-width:0}.ingredient-qty{color:var(--navy);font-weight:800;white-space:nowrap}.ingredient-name{color:var(--text);font-weight:700;min-width:0}.ingredient-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:999px;border:1px solid rgba(120,148,196,.24);background:#ffffffe0;color:var(--navy);font:inherit;font-weight:800;cursor:pointer;white-space:nowrap;flex:0 0 auto}.ingredient-button:disabled,.hero-pill:disabled,.delete-pill:disabled{opacity:.6;cursor:wait}.method-list{padding-left:22px;display:grid;gap:10px}.method-list li,.recipe-notes{line-height:1.75;margin:0}.status-card{width:min(720px,calc(100% - 40px));margin:52px auto 0;border-radius:28px;padding:28px;background:#ffffffd6;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);text-align:center}@media(max-width:900px){.recipe-card{--recipe-media-width: 190px}.recipe-card__image{min-height:190px}.recipe-card__main{padding:20px 20px 18px}.recipe-card__body{padding:0 20px 20px calc(var(--recipe-media-width) + 20px)}}@media(max-width:760px){.page-width{width:calc(100% - 24px)}.recipes-hero__inner{padding:30px 22px 28px}.recipes-toolbar{flex-direction:column;align-items:stretch;padding:20px 20px 22px}.recipe-card__top{grid-template-columns:1fr}.recipe-card__media{padding:14px 14px 0}.recipe-card__image{min-height:180px;height:180px;border-radius:18px}.recipe-card__main{padding:16px 16px 14px}.recipe-card h2{font-size:1.2rem}.recipe-card__summary,.hero-subtitle,.lead{line-height:1.6}.recipe-card__body{padding:0 16px 16px;gap:18px}.ingredient-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.ingredient-button{width:auto;min-height:36px;padding:8px 12px;font-size:.82rem}.recipe-body__actions{justify-content:stretch}.edit-pill{width:100%}}@media(max-width:520px){.recipe-card__meta{margin-bottom:6px;font-size:.86rem}.recipe-card h2{margin-bottom:8px;font-size:1.06rem}.recipe-card__summary{font-size:.92rem}.recipe-card__footer{gap:8px;margin-top:12px}.read-pill,.hero-pill,.delete-pill,.edit-pill{min-height:38px;padding:8px 12px;font-size:.84rem}.ingredient-row{padding:12px 14px}.ingredient-copy{gap:8px;font-size:.92rem}.ingredient-button{min-height:34px;padding:7px 10px;font-size:.76rem}.method-list li{font-size:.93rem}}
