.recipe-header{display:flex;flex-direction:column;gap:1rem;color:#0f172a}.recipe-header__image{position:relative;height:250px;border-radius:0 0 24px 24px;overflow:hidden;background:linear-gradient(135deg,#cbd5f5,#e5edff);box-shadow:0 20px 45px #0f172a26}.recipe-header__image.is-placeholder{background:#ededed;display:flex;align-items:center;justify-content:center}.recipe-header__image img{width:100%;height:100%;object-fit:cover;display:block}.recipe-header__image-fallback img{width:72px;height:72px}.recipe-header__meta{display:flex;align-items:center;gap:.75rem}.recipe-header__meta-icon{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 24px #0f172a1a}.recipe-header__meta-icon.is-sf-symbol{background:linear-gradient(135deg,#eef2ff,#c7d2fe)}.recipe-header__meta-icon img{width:22px;height:22px}.recipe-header__meta-text{flex:1}.recipe-header__meta-title{margin:0;font-size:.95rem;font-weight:600}.recipe-header__meta-author{margin:0;color:#94a3b8;font-size:.85rem}.recipe-header__meta-link{font-size:1.25rem;color:#bfd8b8;text-decoration:none}.recipe-header__title{margin:0;font-size:1.75rem;font-weight:800;line-height:1.2}.recipe-header__description{margin:0;font-size:1rem;color:#475569;line-height:1.5}@media(min-width:640px){.recipe-header__title{font-size:2rem}.recipe-header__description{font-size:1.05rem}}.macros{margin-top:1.5rem;background:#fff;border-radius:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem;box-shadow:0 18px 40px #0f172a17}.macro-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem}.macro-icon{font-size:1.5rem}.macro-value{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a}.macro-label{margin:0;font-size:.9rem;color:#94a3b8}@media(min-width:480px){.macros{grid-template-columns:repeat(4,minmax(0,1fr))}}.segmented-control{margin-top:1.5rem;background:#e4e7ec;border-radius:999px;padding:.35rem;display:flex;gap:.25rem;width:100%}.segmented-control__button{border:none;background:transparent;padding:.45rem 1.25rem;border-radius:999px;font-size:.95rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;flex:1}.segmented-control__button.is-active{background:#fff;color:#0f172a;box-shadow:0 8px 24px #0f172a26}.skeleton-recipe{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.skeleton-header{height:250px;border-radius:0 0 24px 24px;background:#e4e7ec}.skeleton-lines{display:flex;flex-direction:column;gap:.75rem;padding:0 .5rem}.skeleton-line{height:16px;border-radius:8px;background:#e4e7ec}.skeleton-line.short{width:60%}.skeleton-line.shorter{width:40%}.skeleton-macros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.skeleton-macro{height:80px;border-radius:18px;background:#e4e7ec}.skeleton-pill{width:220px;height:40px;border-radius:999px;background:#e4e7ec;align-self:center}.skeleton-list{display:flex;flex-direction:column;gap:.75rem;padding:0 .5rem}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);animation:shimmer 1.6s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(min-width:480px){.skeleton-macros{grid-template-columns:repeat(4,minmax(0,1fr))}}.recipe-preview-page{font-family:Manrope,Inter,Segoe UI,system-ui,-apple-system,sans-serif;padding:0 1rem 3rem;max-width:700px;margin:0 auto;color:#0f172a}.recipe-preview-overview{margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.overview-item{background:#fff;padding:1rem;border-radius:16px;box-shadow:0 10px 30px #0f172a14;text-align:center}.overview-label{margin:0;font-size:.8rem;color:#94a3b8;letter-spacing:.04em;text-transform:uppercase}.overview-value{margin:.25rem 0 0;font-size:1.05rem;font-weight:700;color:#0f172a}.recipe-preview-content{margin-top:1.5rem;background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 18px 40px #0f172a17}.recipe-preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.recipe-preview-list li{display:flex;gap:.5rem;font-size:1rem;line-height:1.4;color:#0f172a}.list-bullet{color:#cbd5f5}.recipe-preview-steps{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.85rem;font-size:1rem;color:#0f172a}.recipe-preview-steps li{line-height:1.4}.recipe-preview-empty{margin:0;color:#94a3b8;font-size:.95rem}.recipe-preview-error{margin-top:2rem;padding:1rem 1.25rem;border-radius:16px;background:#fee2e2;color:#b91c1c;font-weight:600;text-align:center}@media(min-width:640px){.recipe-preview-page{padding:0 0 4rem}}:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#111827;background-color:#f9fafb;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#f9fafb}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header,.app-footer{padding:1rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb}.app-footer{border-top:1px solid #e5e7eb;border-bottom:none;margin-top:auto;text-align:center;font-size:.875rem;color:#6b7280}.logo-link{font-weight:600;font-size:1.25rem}main{padding:4rem 1.5rem;text-align:center}