:root{--condensed:"Anton",sans-serif}
/* The user's blue paper diner, inside the incumbent blue/white world. */
.refresh-page .crunch-hero.intro-pinned{height:500svh;overflow-anchor:none}
.refresh-page .crunch-controls{min-height:44px;bottom:20px;align-items:flex-start;gap:9px}
.refresh-page #crunch-hint{position:static;margin:0;max-width:none;font-size:12px}
.refresh-page .crunch-controls>small{position:static;font-size:11px}
.scene-arrows{position:absolute;right:0;top:0;display:flex;gap:12px}
.scene-arrows button{background:none;color:var(--white);border:1px solid var(--line);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;transition:background .2s,transform .3s var(--ease)}
.scene-arrows button:hover{background:var(--cobalt);transform:translateY(-3px)}.scene-arrows button:disabled{opacity:.35;cursor:default;transform:none}
.scene-arrows svg{width:22px;height:22px}
.naan-reading{position:absolute;inset:0 0 auto;display:flex;align-items:center;flex-direction:column;font:400 clamp(60px,7vw,110px)/1.04 var(--condensed);opacity:0;letter-spacing:-.02em}
.refresh-page .crunch-name:nth-child(3){font-size:.82em;line-height:.94;padding-top:6px}
.refresh-page .crunch-name:nth-child(4){font-size:.81em;line-height:.94;padding-top:6px}
.refresh-page .crunch-copy.hero-content{bottom:113px}.refresh-page .crunch-ticket{bottom:110px}
.refresh-page .blue-story .story-photo{background:var(--white);padding:15px 15px 56px;border-radius:3px;box-shadow:10px 22px 30px #061a6f55}
.refresh-page .blue-story .story-photo>span{color:var(--blue);bottom:17px}.refresh-page .blue-story .story-photo img{border-radius:0}
.refresh-page .footer-disc img{border-radius:180px 180px 16px 16px}
.refresh-page .craving-counter{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;background:var(--navy);padding-top:100px;padding-bottom:100px;overflow:hidden;min-height:860px;align-items:center}
.counter-intro h2{font:400 clamp(65px,6.3vw,100px)/.95 var(--condensed);letter-spacing:-.02em;margin:0 0 28px}
.counter-intro>p{max-width:32ch;color:var(--ice);line-height:1.65}.refresh-page .counter-intro .mood-buttons{display:flex;flex-direction:column;gap:0;margin:34px 0 18px}
.refresh-page .counter-intro .mood-buttons button{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px 0;background:none;box-shadow:none;color:var(--white);font:400 30px/1.1 var(--block);text-align:left;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;transition:color .2s}
.refresh-page .counter-intro .mood-buttons button:hover,.refresh-page .counter-intro .mood-buttons button[aria-pressed=true]{color:var(--gold);transform:none}.counter-intro .mood-buttons button>span{transition:transform .3s var(--ease)}.counter-intro .mood-buttons button:hover>span{transform:translateX(12px)}.counter-intro .mood-buttons svg{width:24px;height:24px}
.refresh-page .counter-canvas{width:100%;height:660px;position:relative;perspective:1200px;transform:none;border:0;background:none;box-shadow:none;align-self:center;isolation:isolate}
.counter-word-window{position:absolute;inset:0 -20% auto -8%;height:240px;overflow:hidden;pointer-events:none;z-index:0;transition:transform .1s linear}
#counter-word{display:block;font:400 clamp(90px,10vw,165px)/1 var(--block);color:var(--white);letter-spacing:-.025em;white-space:nowrap}
.refresh-page .counter-canvas .machine-window{position:absolute;inset:80px 5% auto;width:90%;height:440px;border:0;border-radius:14px;overflow:visible;background:none;box-shadow:none;transform:perspective(1200px) translateY(var(--counter-lift,0px)) rotateX(var(--counter-pitch,0deg)) rotateY(var(--counter-yaw,0deg));transition:transform .15s linear;z-index:2}
.refresh-page .counter-canvas .machine-reel{display:block;width:100%;height:100%;transform:none!important}.refresh-page .counter-canvas .machine-reel img{width:100%;height:100%;object-fit:cover;display:block;border-radius:14px;transform:rotate(-5deg);box-shadow:12px 25px 30px #030e384f}
.refresh-page .counter-canvas .machine-shutter{display:none}.refresh-page .counter-canvas .machine-idle,.refresh-page .counter-canvas .craving-result{position:absolute;bottom:0;left:5%;right:0;padding:0;background:none;text-align:left;z-index:3}
.refresh-page .counter-canvas .machine-idle>p{font:400 15px/1.5 var(--sans);color:var(--ice);margin-bottom:18px}
.refresh-page .counter-canvas .result-copy h3{font:400 29px/1.1 var(--block);max-width:24ch;margin:0 0 10px}.refresh-page .counter-canvas .result-copy p{color:var(--ice);font-size:14px;margin:0 0 20px}.refresh-page .counter-canvas .result-actions{justify-content:flex-start;gap:24px}.refresh-page .counter-canvas .result-actions .text-button{color:var(--white)}
@media(max-width:1000px) and (min-width:761px){.refresh-page .craving-counter{gap:3vw;padding-inline:5vw}.refresh-page .counter-canvas{height:620px}.refresh-page .counter-canvas .machine-window{height:360px;top:100px}.counter-intro h2{font-size:72px}.refresh-page .counter-intro .mood-buttons button{font-size:25px}}
@media(max-width:760px){.refresh-page .crunch-copy.hero-content{bottom:100px}.refresh-page .crunch-ticket{bottom:105px}.refresh-page .crunch-controls{left:25px;right:25px;bottom:18px;min-height:42px;gap:5px}.scene-arrows button{width:44px;height:44px}.refresh-page #crunch-hint{max-width:23ch;text-align:left;font-size:11px}.refresh-page .crunch-controls>small{font-size:10px}.naan-reading{font-size:9vw;line-height:1.08}.refresh-page .crunch-type-window{bottom:30%}.refresh-page .crunch-name:nth-child(3),.refresh-page .crunch-name:nth-child(4){font-size:.79em}.refresh-page .craving-counter{grid-template-columns:1fr;gap:35px;padding:65px 6vw 70px;min-height:0}.counter-intro h2{font-size:13vw;margin-bottom:24px}.counter-intro>p{font-size:15px}.refresh-page .counter-intro .mood-buttons{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:24px}.refresh-page .counter-intro .mood-buttons button{font-size:22px;min-height:65px;padding:15px 0}.counter-intro .machine-diet-note{font-size:12px}.refresh-page .counter-canvas{height:620px;max-width:580px;margin:auto}.counter-word-window{inset:0 -6% auto;height:180px}#counter-word{font-size:17vw}.refresh-page .counter-canvas .machine-window{top:60px;height:410px;max-height:61vw;left:3%;width:94%}.refresh-page .counter-canvas .machine-idle,.refresh-page .counter-canvas .craving-result{left:3%;bottom:15px}.refresh-page .counter-canvas .result-copy h3{font-size:27px}.refresh-page .blue-story .story-photo{padding:12px 12px 48px}.refresh-page .blue-story .story-photo>span{font-size:20px;bottom:14px}}
@media(max-width:450px){.refresh-page .crunch-controls{left:20px;right:20px}.refresh-page .crunch-controls #crunch-hint{max-width:20ch}.scene-arrows{gap:8px}.refresh-page .counter-canvas{height:460px}.refresh-page .counter-canvas .machine-window{top:50px;height:300px;max-height:78vw}.refresh-page .counter-canvas .machine-idle,.refresh-page .counter-canvas .craving-result{bottom:0}.refresh-page .counter-canvas .result-copy h3{font-size:24px}.refresh-page .counter-canvas .result-actions{gap:18px}.refresh-page .counter-canvas .result-actions .button{font-size:12px;padding-inline:18px}.refresh-page .counter-intro .mood-buttons button{font-size:19px;gap:12px}.refresh-page .counter-intro .mood-buttons button:hover{padding-left:5px}}
.motion-paused .refresh-page .counter-canvas .machine-window,.motion-paused .refresh-page .counter-canvas .machine-reel img{transform:none!important;transition:none}.motion-paused .counter-word-window{transform:none!important}
@media(prefers-reduced-motion:reduce){.refresh-page .counter-canvas .machine-window,.refresh-page .counter-canvas .machine-reel img{transform:none!important;transition:none}.counter-word-window{transform:none!important}}
/* Keep the food and its recommendation on distinct planes without covering the copy. */
.refresh-page .counter-canvas{display:flex;flex-direction:column;justify-content:flex-start;min-height:740px;height:auto;padding-top:70px}
.refresh-page .counter-canvas .machine-window{position:relative;inset:auto;margin:0 auto;width:85%;max-width:480px;height:auto;max-height:none;aspect-ratio:1}
.refresh-page .counter-canvas .machine-reel{height:auto;aspect-ratio:1}
.refresh-page .counter-canvas .machine-reel img{height:auto;aspect-ratio:1;object-fit:contain}
.refresh-page .counter-canvas .machine-idle,.refresh-page .counter-canvas .craving-result{position:relative;inset:auto;display:block;margin:45px 5% 0;padding:0;text-align:left}
.refresh-page .counter-canvas [hidden]{display:none!important}
.refresh-page .counter-canvas .result-actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:20px}
@media(max-width:760px){.refresh-page .counter-canvas{min-height:0;padding-top:60px}.refresh-page .counter-canvas .machine-window{width:90%}.refresh-page .counter-canvas .machine-idle,.refresh-page .counter-canvas .craving-result{margin-top:40px}}