@layer tokens{@property --light-intensity{syntax:"<number>";inherits:true;initial-value:0}:root{color-scheme:dark;--color-kitchen-black:oklch(6% .01 260);--color-kitchen-black-2:oklch(9% .01 260);--color-fridge-light:oklch(96% .02 240);--color-fridge-light-dim:oklch(78% .03 240);--color-fridge-glass:oklch(88% .04 220);--color-link:var(--color-fridge-light);--color-text-lit:oklch(92% .01 240);--color-text-lit-dim:oklch(70% .02 240);--color-text-dark:oklch(15% .01 260);--color-warm:oklch(70% .13 55);--color-frost:oklch(90% .03 230);--color-hc-bg:oklch(100% 0 0);--color-hc-fg:oklch(12% 0 0);--font-body:system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Fraunces", Georgia, serif;--ease-spring:linear(0, .454 6.6%, .813 13.6%, .967 18.5%, 1.049 22.7%, 1.08 25.1%, 1.098 27.6%, 1.106 30.4%, 1.098 34.1%, 1.056 40.86%, 1.007 51.3%, .987 62.5%, 1);--focus-ring:0 0 0 3px var(--color-fridge-light), 0 0 0 5px var(--color-kitchen-black)}:root[data-lit=true]{color-scheme:light;--color-kitchen-black:var(--color-hc-bg);--color-kitchen-black-2:oklch(94% .01 240);--color-text-lit:var(--color-hc-fg);--color-text-lit-dim:oklch(38% .01 260);--color-link:oklch(35% .12 240);--color-fridge-glass:oklch(45% .05 220);--color-frost:oklch(30% .03 240);--color-warm:oklch(45% .12 45)}@media (prefers-contrast:more){:root{color-scheme:light;--color-kitchen-black:var(--color-hc-bg);--color-kitchen-black-2:oklch(94% .01 240);--color-text-lit:var(--color-hc-fg);--color-text-lit-dim:oklch(38% .01 260);--color-link:oklch(35% .12 240);--color-fridge-glass:oklch(45% .05 220);--color-frost:oklch(30% .03 240);--color-warm:oklch(45% .12 45)}}@media (forced-colors:active){:root{--color-kitchen-black:Canvas;--color-kitchen-black-2:Canvas;--color-text-lit:CanvasText;--color-text-lit-dim:CanvasText;--color-link:LinkText;--color-fridge-glass:CanvasText;--color-frost:CanvasText;--color-warm:CanvasText}}}@layer base{*,:before,:after{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{background:var(--color-kitchen-black);color:var(--color-text-lit);font-family:var(--font-body);min-height:100svh;margin:0;line-height:1.5}h1,h2,h3,p{margin:0}img,svg{max-width:100%;display:block}section{scroll-margin-block-start:1.5rem}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:2px;outline:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--color-fridge-light);color:var(--color-text-dark);border-radius:4px;padding:.75rem 1.25rem;font-weight:600;transition:top .15s;position:absolute;top:-3rem;left:1rem}.skip-link:focus-visible{top:1rem}}@layer motion{html[data-motion=off] .anim{transition-duration:1ms!important;animation:none!important}html[data-motion=off] .anim--crossfade{transition:opacity .2s linear!important}html[data-motion=off] .door-panel{transition:none!important}@media (prefers-reduced-motion:reduce){html:not([data-motion=on]){scroll-behavior:auto}html:not([data-motion=on]) .anim{transition-duration:1ms!important;animation:none!important}html:not([data-motion=on]) .anim--crossfade{transition:opacity .2s linear!important}html:not([data-motion=on]) .door-panel{transition:none!important}html:not([data-motion=on]) ::view-transition-group(*),html:not([data-motion=on]) ::view-transition-old(*),html:not([data-motion=on]) ::view-transition-new(*){animation:none!important}}}@layer fridge{.kitchen{isolation:isolate;position:relative}.kitchen-lightwell{pointer-events:none;z-index:1;background:radial-gradient(circle at var(--door-x,50%) var(--door-y,40%), var(--color-fridge-light) 0%, var(--color-fridge-glass) 25%, transparent 70%);opacity:calc(var(--light-intensity) * .55);mix-blend-mode:screen;position:fixed;inset:0}.hero{text-align:center;place-items:center;min-height:100svh;padding:2rem 1.5rem;display:grid;position:relative}.hero__ambient-note{top:4.5rem;text-align:center;color:var(--color-text-lit-dim);font-size:.8rem;position:absolute;inset-inline:0}@media (width<=30rem){.hero__ambient-note{top:3.75rem}}.fridge-door{aspect-ratio:3/5;perspective:1400px;width:min(70vw,320px);position:relative}.door-outline{border:2px solid color-mix(in oklch, var(--color-fridge-glass) calc(var(--light-intensity) * 100%), transparent);filter:brightness(calc(.4 + var(--light-intensity) * .9));border-radius:6px;transition:filter .2s linear;position:absolute;inset:0}.door-panel{background:var(--color-kitchen-black-2);transform-origin:0;transform:rotateY(calc(var(--door-angle,0deg) * -1));transition:transform .65s var(--ease-spring);border-radius:6px;position:absolute;inset:0;box-shadow:inset 0 0 40px #0009}.pull-tab{background:var(--color-fridge-glass);opacity:.85;touch-action:none;user-select:none;border-radius:3px;width:2.5rem;min-width:24px;height:5rem;min-height:24px;animation:3.2s ease-in-out infinite breathe;position:absolute;top:50%;right:12%;translate:0 -50%}@keyframes breathe{0%,to{box-shadow:0 0 6px 1px color-mix(in oklch, var(--color-fridge-glass) 60%, transparent)}50%{box-shadow:0 0 16px 4px color-mix(in oklch, var(--color-fridge-glass) 80%, transparent)}}.hero__line{font-family:var(--font-display);max-width:30ch;color:color-mix(in oklch, var(--color-text-lit) calc(30% + var(--light-intensity) * 70%), var(--color-text-lit-dim));margin-top:2.5rem;font-size:clamp(1.1rem,3vw,1.6rem)}.hero__hint{color:var(--color-text-lit-dim);margin-top:1rem;font-size:.85rem}.shelf-act{z-index:2;max-width:60rem;margin-inline:auto;padding:6rem 1.5rem;position:relative}.shelf-act__heading{font-family:var(--font-display);margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,2.25rem)}.shelf-act__intro{color:var(--color-text-lit-dim);max-width:40ch;margin-bottom:2.5rem}.shelf{background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--color-fridge-glass) 8%, transparent));border-bottom:3px solid color-mix(in oklch, var(--color-fridge-glass) 25%, transparent);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.25rem;padding:1.5rem 1rem 2.5rem;display:grid;position:relative}.shelf__condensation{inset-inline:0;pointer-events:none;height:3rem;opacity:calc(var(--light-intensity) * .35);filter:url(#condensation-turbulence);background:linear-gradient(to top, color-mix(in oklch, var(--color-frost) 40%, transparent), transparent);position:absolute;bottom:0}.shelf-item{background:var(--color-kitchen-black-2);text-align:left;min-height:96px;transition:transform .22s var(--ease-spring), background .22s ease;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;display:flex;position:relative}.shelf-item:hover,.shelf-item:focus-visible{background:color-mix(in oklch, var(--color-kitchen-black-2) 70%, var(--color-fridge-glass) 8%);transform:translateY(-3px)}.shelf-item:after{content:"";z-index:-1;background:var(--color-kitchen-black);transform-origin:top;filter:blur(6px);opacity:calc(var(--light-intensity) * .5);pointer-events:none;border-radius:8px;position:absolute;inset:0;transform:scaleY(.6)skew(-8deg)translateY(60%)}.shelf-item__label{font-size:.95rem;font-weight:600}.shelf-item__hint{color:var(--color-text-lit-dim);font-size:.8rem}.lit-toggle{z-index:50;justify-content:flex-end;gap:.4rem;display:flex;position:fixed;top:1rem;left:1rem;right:1rem}.lit-toggle button,.lit-toggle a{background:var(--color-kitchen-black-2);border:1px solid color-mix(in oklch, var(--color-fridge-glass) 30%, transparent);color:var(--color-text-lit);white-space:nowrap;border-radius:999px;padding:.5rem .9rem;font-size:.8rem;text-decoration:none}.lit-toggle button[aria-pressed=true]{background:var(--color-fridge-light);color:var(--color-text-dark)}.lit-toggle__label-short{display:none}@media (width<=30rem){.lit-toggle{gap:.3rem}.lit-toggle button,.lit-toggle a{padding:.5rem .6rem;font-size:.7rem}.lit-toggle__label-full{display:none}.lit-toggle__label-short{display:inline}}.freezer-act{background:linear-gradient(to bottom, color-mix(in oklch, var(--color-frost) 6%, transparent), transparent 60%)}.freezer-act .shelf-act__heading{color:var(--color-frost)}.freezer-act .shelf{border-bottom-color:color-mix(in oklch, var(--color-frost) 30%, transparent)}.freezer-act .shelf-item{background:color-mix(in oklch, var(--color-kitchen-black-2) 85%, var(--color-frost) 6%);border:1px solid color-mix(in oklch, var(--color-frost) 15%, transparent)}.freezer-act .shelf-item:hover,.freezer-act .shelf-item:focus-visible{background:color-mix(in oklch, var(--color-kitchen-black-2) 70%, var(--color-frost) 12%)}.jar-puzzle{background:color-mix(in oklch, var(--color-kitchen-black-2) 90%, var(--color-frost) 5%);border-radius:10px;max-width:28rem;margin:3rem auto 0;padding:1.5rem;position:relative}.jar-puzzle__intro{color:var(--color-text-lit-dim);margin-bottom:1rem;font-size:.85rem}.jar-puzzle__front{gap:.75rem;margin-bottom:1rem;display:flex}.jar-puzzle__blocker{background:color-mix(in oklch, var(--color-kitchen-black-2) 70%, var(--color-frost) 10%);border:1px solid color-mix(in oklch, var(--color-frost) 20%, transparent);transition:transform .3s var(--ease-spring), opacity .3s ease;border-radius:8px;flex:1;padding:.75rem;font-size:.85rem}.jar-puzzle__blocker[data-moved=true]{opacity:.35;transform:translateX(var(--jar-blocker-shift,-120%))}.jar-puzzle__blocker[data-jar-blocker="1"][data-moved=true]{--jar-blocker-shift:120%}.jar-puzzle__jar{text-align:left;background:color-mix(in oklch, var(--color-kitchen-black-2) 60%, var(--color-frost) 15%);border:1px solid color-mix(in oklch, var(--color-frost) 35%, transparent);opacity:.3;filter:blur(2px);border-radius:8px;flex-direction:column;gap:.5rem;width:100%;padding:1rem;transition:opacity .4s,filter .4s;display:flex}.jar-puzzle__jar:not(:disabled){opacity:1;filter:none;cursor:pointer}.jar-puzzle__jar:disabled{cursor:not-allowed}.close-act{text-align:center;place-items:center;min-height:80svh;padding:4rem 1.5rem;display:grid}.close-act__line{font-family:var(--font-display);max-width:32ch;color:var(--color-text-lit);font-size:clamp(1.4rem,4vw,2.2rem)}.close-act__epilogue{max-width:34ch;color:var(--color-text-lit-dim);margin-top:1.25rem}.close-act__reheat{border:1px solid color-mix(in oklch, var(--color-fridge-glass) 40%, transparent);background:var(--color-kitchen-black-2);border-radius:999px;margin-top:2.5rem;padding:.75rem 1.5rem;font-size:.9rem}.close-act__reheat:hover,.close-act__reheat:focus-visible{background:color-mix(in oklch, var(--color-kitchen-black-2) 70%, var(--color-fridge-glass) 10%)}@media (forced-colors:active){.kitchen-lightwell,.shelf__condensation,.shelf-item:after{display:none}}}