.webfood-shell{--wf-dark:#19110b;--wf-accent:#ff5a1f;--wf-accent2:#facc15;--wf-soft:#fff7ed;max-width:1100px;margin:0 auto;padding:18px 12px 56px;color:var(--wf-dark);font-family:inherit}.webfood-story-topbar{display:flex;justify-content:space-between;align-items:center;width:min(100%,430px);margin:0 auto 12px;padding:10px 14px;border-radius:999px;background:var(--wf-soft);border:1px solid color-mix(in srgb,var(--wf-accent) 25%,transparent);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.webfood-story-topbar span{font-weight:1000;color:var(--wf-accent)}.webfood-story-topbar strong{font-weight:900}.webfood-story-stream{display:grid;gap:22px;justify-items:center;scroll-snap-type:y proximity}.webfood-story-page{position:relative;width:min(100%,430px);aspect-ratio:9/16;border-radius:34px;overflow:hidden;background:linear-gradient(150deg,var(--wf-soft),#fff 55%,color-mix(in srgb,var(--wf-accent2) 28%,#fff));box-shadow:0 24px 70px rgba(0,0,0,.2);scroll-snap-align:start;border:1px solid rgba(0,0,0,.06);isolation:isolate}.webfood-page-progress{position:absolute;z-index:9;top:14px;left:18px;right:66px;height:5px;border-radius:999px;background:rgba(255,255,255,.35);overflow:hidden}.webfood-page-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--wf-accent),var(--wf-accent2));border-radius:999px}.webfood-page-count{position:absolute;z-index:9;top:8px;right:14px;padding:6px 8px;border-radius:999px;background:rgba(0,0,0,.36);color:#fff;font-size:12px;font-weight:900}.webfood-cover-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);z-index:0}.webfood-cover-media.is-css-motion{animation:webfoodZoom 4s ease-in-out infinite alternate}.webfood-cover-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--wf-accent),var(--wf-accent2));color:#fff;font-size:44px;font-weight:1000}.webfood-page-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.04) 32%,rgba(0,0,0,.82) 100%)}.webfood-badge{display:inline-flex;width:max-content;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,var(--wf-accent),var(--wf-accent2));color:#fff!important;font-weight:1000;letter-spacing:.08em;font-size:12px;text-transform:uppercase;box-shadow:0 8px 20px rgba(0,0,0,.15)}.webfood-cover-copy{position:absolute;z-index:4;left:22px;right:22px;bottom:24px;color:#fff;text-shadow:0 3px 16px rgba(0,0,0,.62)}.webfood-cover-copy h1{margin:14px 0 10px;font-size:clamp(31px,7.4vw,50px);line-height:.9;text-transform:uppercase;font-weight:1000;color:#fff;letter-spacing:-.04em}.webfood-cover-copy p{margin:0 0 14px;font-size:16px;line-height:1.35;color:#fff}.webfood-cover-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.webfood-cover-stats div{background:rgba(255,255,255,.16);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:9px 6px;text-align:center}.webfood-cover-stats strong{display:block;font-size:15px}.webfood-cover-stats span{display:block;font-size:10px;text-transform:uppercase;opacity:.9}.webfood-motion-sticker{position:absolute;z-index:3;right:16px;top:54px;width:106px;height:106px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.18));animation:webfoodSticker 2.4s ease-in-out infinite}.webfood-motion-cover{top:60px;right:14px;width:96px;height:96px}.webfood-text-copy{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;justify-content:center;padding:72px 24px 32px}.webfood-text-copy h2{margin:16px 0 22px;color:var(--wf-dark);font-size:clamp(30px,7vw,45px);line-height:.95;font-weight:1000;letter-spacing:-.04em;text-transform:uppercase}.webfood-story-list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:12px}.webfood-story-list li{margin:0!important;padding:12px 12px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid color-mix(in srgb,var(--wf-accent) 22%,transparent);box-shadow:0 8px 18px rgba(0,0,0,.05);font-size:16px;line-height:1.35}.webfood-story-ingredients li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start}.webfood-list-icon{width:36px;height:36px;border-radius:999px;background:var(--wf-accent);color:#fff;display:flex;align-items:center;justify-content:center;animation:webfoodFloat 1.8s ease-in-out infinite}.webfood-list-icon svg{width:21px;height:21px}.webfood-story-steps li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start}.webfood-story-steps li>span{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,var(--wf-accent),var(--wf-accent2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:1000;font-size:20px}.webfood-story-steps p,.webfood-story-list p{margin:0!important}.webfood-page-lead{background:linear-gradient(155deg,var(--wf-dark),color-mix(in srgb,var(--wf-accent) 42%,#000));color:#fff}.webfood-page-lead .webfood-text-copy h2{color:#fff}.webfood-page-lead .webfood-badge{background:#fff;color:var(--wf-dark)!important}.webfood-lead-box{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:20px;backdrop-filter:blur(10px)}.webfood-lead-box p{font-size:18px;line-height:1.42;margin:0 0 18px;color:#fff}.webfood-lead-button{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none!important;background:linear-gradient(135deg,var(--wf-accent2),#fff);color:#111!important;border-radius:999px;padding:15px 18px;font-weight:1000;text-transform:uppercase;box-shadow:0 14px 30px rgba(0,0,0,.22)}.webfood-style-premium .webfood-story-page:not(.webfood-page-cover){background:linear-gradient(150deg,#111827,#1f2937 52%,#000);color:#fff}.webfood-style-premium .webfood-text-copy h2{color:#fff}.webfood-style-premium .webfood-story-list li{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.18)}.webfood-style-premium .webfood-story-topbar{background:#111827;color:#fff}@keyframes webfoodZoom{from{transform:scale(1.05) translateY(0)}to{transform:scale(1.18) translateY(-2.6%)}}@keyframes webfoodSticker{0%,100%{transform:translateY(0) rotate(-4deg) scale(1)}50%{transform:translateY(-9px) rotate(5deg) scale(1.06)}}@keyframes webfoodFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(3deg)}}@media(max-width:760px){.webfood-shell{padding:10px 8px 44px}.webfood-story-page{border-radius:28px;width:min(100%,390px)}.webfood-story-topbar{width:min(100%,390px)}.webfood-text-copy{padding:70px 20px 28px}.webfood-motion-sticker{width:88px;height:88px;right:12px;top:52px}.webfood-cover-copy{left:19px;right:19px}.webfood-cover-copy h1,.webfood-text-copy h2{font-size:34px}.webfood-story-list li{font-size:15px}}