@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#34372f;background:#f2f0e9;font-synthesis:none;--muted:#727568;--accent:#ac3828}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:hover{color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.story{height:1000svh}.stage{height:100svh;position:sticky;top:0;overflow:hidden}.scene{position:absolute;inset:0}.intro{position:absolute;left:6%;top:8%;z-index:2}h1,h2,p{margin:0}h1{font-size:clamp(24px,2.6vw,38px);font-weight:450;letter-spacing:-.045em;line-height:1.2}.text-button{display:inline-flex;gap:14px;align-items:center;padding:12px 0;font-size:14px;color:var(--muted);line-height:1.5}.text-button span{color:var(--accent)}.intro .text-button{margin-top:8px}.layer-panel{position:absolute;left:72%;top:45%;width:22%;max-width:310px;animation:slide .5s both}.layer-panel:empty{display:none}h2{font-size:clamp(22px,2vw,30px);font-weight:450;letter-spacing:-.035em;line-height:1.25}.layer-panel p{font-size:16px;line-height:1.65;color:var(--muted);margin:16px 0 8px}.rail{position:absolute;right:2%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;z-index:4}.rail button{width:32px;height:38px;display:grid;place-items:center}.rail button span{width:5px;height:5px;border-radius:50%;background:#acaea2;transition:background .2s,transform .2s}.rail button.active span{background:var(--accent);transform:scale(1.5)}.callout{display:block;font-family:Inter,sans-serif;font-size:12px;color:var(--accent);width:24px;height:24px;line-height:24px;text-align:center;pointer-events:none}.finale{position:absolute;bottom:6%;left:6%;right:6%;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.finale h2{font-size:28px}.macros{display:flex;gap:34px}.macros strong{display:block;font-size:26px;font-weight:450;letter-spacing:-.045em}.macros small{font-size:12px;font-weight:400;letter-spacing:0;margin-left:4px}.macros span{display:block;font-size:13px;color:var(--muted);margin-top:5px}.nutrition-note{font-size:12px;color:var(--muted);margin-top:14px}.loading{font-size:14px;white-space:nowrap;color:var(--muted)}.scene-error{position:absolute;top:40%;left:30%;font-size:16px;line-height:1.7}.scene-error button{display:block;text-decoration:underline}@keyframes slide{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1000px)and (min-width:760px){.layer-panel{left:70%;width:24%}.layer-panel p{font-size:15px}.rail{right:1%}}@media(max-width:759px){.intro{top:7%;left:8%;right:8%}h1{font-size:28px}.intro .text-button{margin-top:5px}.scene{inset:14% 0 15%}.is-inspecting .scene{inset:0 0 25%}.is-exploding .scene{inset:3% 0}.layer-panel{inset:auto 12% 7% 8%;width:auto;max-width:none}.layer-panel h2{font-size:24px}.layer-panel p{font-size:16px;line-height:1.5;margin:12px 0 4px}.rail{right:2%;top:43%}.finale{left:8%;right:8%;bottom:5%;display:block}.finale h2{font-size:24px}.finale .text-button{padding:6px 0}.nutrition{margin-top:17px}.macros{justify-content:space-between;gap:14px}.macros strong{font-size:24px}.nutrition-note{margin-top:12px}.is-final .scene{inset:4% 0 26%}.scene-error{left:12%;right:12%}}@media(max-height:600px){.intro{top:7%}.layer-panel{top:34%;bottom:auto;left:68%;width:26%}.layer-panel h2{font-size:21px}.layer-panel p{font-size:14px}.is-inspecting .scene{inset:0 23% 0 0}.finale{bottom:4%;display:flex}.finale h2{font-size:22px}.nutrition{margin-top:0}.macros{gap:18px}.is-final .scene{inset:0 0 13%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.scene{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.scene.dragging{cursor:grabbing}.scene:focus-visible{outline:1px solid #ac3828;outline-offset:-5px}.finale{justify-content:center;bottom:6%;text-align:center}.is-final .scene{inset:0}.intro h1{max-width:520px}.callout{pointer-events:none}@media(min-width:760px){.layer-panel{top:50%;bottom:auto;translate:0 -50%}}.credit-note{position:absolute;inset-inline:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:2;margin:0;text-align:center;font-size:11px;font-weight:400;line-height:1.4;color:var(--muted);pointer-events:none}