@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@500;600;700&display=swap");:root{--sook-orange:#ff5700;--sook-home-top:#fef7e4;--sook-home-bottom:#ffe1b4;--sook-card-text:#0a0a0a;--sook-card-border:rgba(0,0,0,0.1);--sook-panel:rgba(255,255,255,0.21);--sook-shadow:-3px 5px 7.3px rgba(0,0,0,0.1)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:IBM Plex Sans Thai,sans-serif;background:linear-gradient(180deg,#ece8de,#d8d1c4);color:#121212}button,input{font:inherit}button{border:0;cursor:pointer}img{display:block;max-width:100%}.prototype-app-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.prototype-device{width:min(100vw - 32px,430px);aspect-ratio:1080/1920;border-radius:36px;overflow:hidden;background:#fff;box-shadow:0 32px 90px rgba(30,22,11,.24)}.prototype-screen,.prototype-stage{width:100%;height:100%;position:relative;container-type:size;overflow:hidden}.prototype-screen-home{background:linear-gradient(180deg,var(--sook-home-top) 0,var(--sook-home-bottom) 100%)}.prototype-screen-opening,.prototype-screen-question,.prototype-screen-result{background:var(--sook-orange)}.prototype-home-logo{position:absolute;left:40cqw;top:4.69cqh;width:20cqw;height:4.8cqh;object-fit:contain}.prototype-home-content{position:absolute;left:12.5cqw;top:21.51cqh;width:75cqw;display:flex;flex-direction:column;gap:12.03cqh;align-items:center}.prototype-home-wordmark{position:relative;width:75cqw;height:30.1cqh}.prototype-home-match,.prototype-home-meal{position:absolute;color:var(--sook-orange);font-size:14.444cqw;font-weight:700;line-height:10.547cqh;text-align:center}.prototype-home-meal{left:8.148cqw;top:0;width:58.704cqw}.prototype-home-match{left:0;bottom:0;width:75cqw}.prototype-home-smile{position:absolute;left:24.815cqw;top:9.3cqh;width:25.371cqw;height:11cqh;overflow:visible;animation:prototype-face-float 3.4s ease-in-out infinite}.prototype-smiley-eye,.prototype-smiley-fill{fill:var(--sook-orange);stroke:var(--sook-orange)}.prototype-smiley-stroke{stroke:var(--sook-orange)}.prototype-smiley-eye{transform-box:fill-box;transform-origin:center}.prototype-smiley-eye-left{animation:prototype-eye-wink 4.2s ease-in-out infinite}.prototype-home-cta-block{width:61.574cqw;display:flex;flex-direction:column;gap:2.552cqh;align-items:center}.prototype-home-tagline{margin:0;color:var(--sook-orange);font-size:4.907cqw;font-weight:600;line-height:5cqh;text-align:center}.prototype-home-button{width:56.296cqw;height:7.24cqh;border-radius:7.778cqw;background:linear-gradient(177.14deg,#ea8b0b 10.11%,#ff0100 92.18%);color:#fff;font-size:5.926cqw;font-weight:500;line-height:4.635cqh;box-shadow:var(--sook-shadow)}.prototype-opening-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.prototype-opening-icon-wrap{position:absolute;left:50%;top:50%;width:32cqw;height:20cqh;display:grid;place-items:center;transform:translate(-50%,-50%);animation:prototype-opening-wrap 1.2s ease-in-out forwards}.prototype-opening-icon{width:100%;height:100%;object-fit:contain;animation:prototype-opening-icon 1.2s cubic-bezier(.2,.8,.2,1) forwards;filter:drop-shadow(0 1.8cqh 2.6cqw rgba(90,16,0,.18))}@keyframes prototype-face-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-.85cqh) rotate(-1.5deg)}}@keyframes prototype-eye-wink{0%,54%,64%,to{transform:scaleY(1)}58%,60%{transform:scaleY(.08)}}@keyframes prototype-opening-wrap{0%{opacity:0;transform:translate(-50%,-46%) scale(.82)}20%,70%{opacity:1}to{opacity:0;transform:translate(-50%,-54%) scale(1.16)}}@keyframes prototype-opening-icon{0%{transform:rotate(-5deg)}48%{transform:translateY(-.9cqh) rotate(2deg)}to{transform:translateY(-1.6cqh) rotate(0deg)}}@keyframes prototype-choice-enter{0%{opacity:0;transform:translateY(1.2cqh) scale(.9) rotate(1.5deg)}62%{opacity:1;transform:translateY(-.38cqh) scale(1.035) rotate(-.75deg)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes prototype-choice-breathe{0%,to{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);filter:saturate(1)}50%{box-shadow:0 .55cqh 1.4cqw rgba(92,28,0,.08),inset 0 0 0 1px rgba(255,255,255,.14);filter:saturate(1.025)}}@keyframes prototype-choice-selected{0%{transform:translateY(-.15cqh) scale(1)}58%{transform:translateY(-.95cqh) scale(1.075) rotate(-1deg)}to{transform:translateY(-.48cqh) scale(1.035)}}@keyframes prototype-result-brand-smile{0%,to{transform:translateY(0) rotate(0deg) scale(1)}18%{transform:translateY(-.28cqh) rotate(-2.8deg) scale(1.035)}34%{transform:translateY(.08cqh) rotate(2.2deg) scale(.995)}48%,82%{transform:translateY(0) rotate(0deg) scale(1)}}@keyframes prototype-result-food-pop{0%{opacity:0;transform:translateY(2.1cqh) scale(.76) rotate(-3deg)}38%{opacity:1;transform:translateY(-.8cqh) scale(1.08) rotate(2deg)}52%{transform:translateY(.12cqh) scale(.99) rotate(-1.8deg)}64%{transform:translateY(-.2cqh) scale(1.025) rotate(1.3deg)}76%{transform:translateY(0) scale(1) rotate(-.6deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}.prototype-question-background-art{position:absolute;left:-46.389cqw;top:-1.91cqh;width:249.064cqw;height:121.91cqh;pointer-events:none}.prototype-question-logo{position:absolute;left:40cqw;top:4.69cqh;width:20cqw;height:4.8cqh;object-fit:contain;z-index:1}.prototype-back-button{position:absolute;left:5.185cqw;top:5.8cqh;width:8cqw;height:8cqw;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:4.2cqw;z-index:2}.prototype-question-stack{position:absolute;left:5.185cqw;top:12.08cqh;width:89.63cqw;display:flex;flex-direction:column;gap:1.354cqh}.prototype-question-progress{width:30.37cqw;color:#fff;font-size:3.333cqw;font-weight:500;line-height:1.4}.prototype-question-panel{width:100%;height:70.677cqh;border-radius:4.074cqw;background:var(--sook-panel);display:flex;flex-direction:column;align-items:center;gap:4.375cqh;padding:3.385cqh 6.019cqw 4.896cqh}.prototype-question-title{margin:0;color:#fff;font-size:5.37cqw;font-weight:500;line-height:3.437cqh;text-align:center;white-space:nowrap}.prototype-choice-grid{width:69.352cqw;height:50.365cqh;display:grid;grid-template-columns:repeat(2,32.963cqw);grid-gap:1.719cqh 3.426cqw;gap:1.719cqh 3.426cqw}.prototype-choice-card{border:1px solid var(--sook-card-border);border-radius:4.074cqw;background:linear-gradient(180deg,var(--sook-home-top) 0,var(--sook-home-bottom) 100%);color:var(--sook-card-text);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3.75cqh 1.574cqw 2.917cqh;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transform:translateY(0) scale(1);transition:transform .19s cubic-bezier(.18,.9,.24,1.18),box-shadow .19s ease,filter .19s ease,border-color .19s ease;animation:prototype-choice-enter .52s cubic-bezier(.18,.9,.24,1.18) both,prototype-choice-breathe 3.8s ease-in-out infinite;animation-delay:0s,.72s;will-change:transform}.prototype-choice-card:nth-child(2){animation-delay:70ms,.9s}.prototype-choice-card:nth-child(3){animation-delay:.14s,1.08s}.prototype-choice-card:nth-child(4){animation-delay:.21s,1.26s}.prototype-choice-card:focus-visible,.prototype-choice-card:hover{border-color:rgba(255,87,0,.2);box-shadow:0 1.4cqh 3cqw rgba(92,28,0,.18),inset 0 0 0 1px rgba(255,255,255,.22);filter:saturate(1.07) brightness(1.02);transform:translateY(-.65cqh) scale(1.035) rotate(-.55deg)}.prototype-choice-card:active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);filter:saturate(1.02);transform:translateY(.22cqh) scale(.965)}.prototype-choice-card-selected{border-color:rgba(255,87,0,.42);box-shadow:0 1.6cqh 3.3cqw rgba(92,28,0,.2),0 0 0 .65cqw rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,87,0,.2);filter:saturate(1.12) brightness(1.03);animation:prototype-choice-selected .21s cubic-bezier(.18,.9,.24,1.18) both}.prototype-choice-art{width:29.815cqw;height:12.031cqh;position:relative;overflow:hidden;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.prototype-choice-card-selected .prototype-choice-art,.prototype-choice-card:focus-visible .prototype-choice-art,.prototype-choice-card:hover .prototype-choice-art{transform:translateY(-.45cqh) rotate(-1deg) scale(1.04)}.prototype-choice-label{color:var(--sook-card-text);font-size:3.889cqw;font-weight:600;line-height:3.437cqh;white-space:nowrap}.prototype-choice-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.prototype-choice-image-chill,.prototype-choice-image-happy{width:18.056cqw}.prototype-choice-image-energetic{width:22.13cqw}.prototype-choice-image-stress{width:20.37cqw}.prototype-choice-image-light,.prototype-choice-image-snacky{width:18.056cqw}.prototype-choice-image-medium{width:20.37cqw}.prototype-choice-image-full{width:18.056cqw}.prototype-choice-image-snack{width:23.704cqw}.prototype-choice-image-main-dish{width:28.056cqw}.prototype-choice-image-dessert{width:21.204cqw}.prototype-choice-image-drink{width:17.6cqw}.prototype-choice-image-relax{width:20.5cqw}.prototype-choice-image-meeting{width:21.111cqw}.prototype-choice-image-overtime{width:22.407cqw}.prototype-choice-image-on-the-go{width:20.926cqw}.prototype-result-background-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.prototype-result-brand{position:absolute;left:11.57cqw;top:11.198cqh;width:78.309cqw;display:flex;align-items:center;justify-content:space-between}.prototype-result-brand-text{color:#fff;font-size:8.889cqw;font-weight:700;line-height:6.146cqh}.prototype-result-brand-mark{width:15.95cqw;height:5.634cqh;object-fit:contain;transform-origin:center;animation:prototype-result-brand-smile 3.4s ease-in-out infinite;filter:drop-shadow(0 .35cqh .55cqw rgba(125,30,0,.13))}.prototype-result-heading{position:absolute;left:10.093cqw;top:18.802cqh;width:79.815cqw;margin:0;color:#fff;font-size:6.667cqw;font-weight:600;line-height:5cqh;text-align:center}.prototype-result-card{position:absolute;left:28.519cqw;top:34.531cqh;width:63.611cqw;height:20.052cqh;border-radius:3.796cqw;background:linear-gradient(180deg,var(--sook-home-top) 0,var(--sook-home-bottom) 100%);box-shadow:var(--sook-shadow)}.prototype-result-hero-wrap{position:absolute;left:-24.352cqw;top:-3.177cqh;width:50.833cqw;height:31.719cqh;animation:prototype-result-food-pop .76s cubic-bezier(.18,.9,.24,1.18) 90ms both;transform-origin:52% 58%;will-change:transform,opacity}.prototype-result-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.prototype-result-hero-chicken{left:1.2cqw;top:.8cqh;transform:scale(1.02)}.prototype-result-hero-fries{left:0;top:0;transform:scale(1.06)}.prototype-result-score-block{position:absolute;left:28.148cqw;top:2.396cqh;width:26.944cqw;display:flex;flex-direction:column;align-items:center}.prototype-result-score{display:flex;align-items:flex-end;gap:.833cqw;background:linear-gradient(170deg,#ea8b0b 10.11%,#ff0100 92.18%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.prototype-result-score-number{font-size:18.519cqw;font-weight:700;line-height:12.24cqh;text-shadow:var(--sook-shadow)}.prototype-result-score-percent{font-size:5.556cqw;font-weight:700;line-height:6.771cqh}.prototype-result-name{margin:-.833cqh 0 0;color:#030213;font-size:clamp(14px,4.1cqw,19px);font-weight:600;line-height:1.25;text-align:center;width:31cqw;overflow-wrap:anywhere}.prototype-result-subtitle{position:absolute;left:12.87cqw;top:72.9cqh;width:74.259cqw;margin:0;color:#fff;font-size:4.444cqw;font-weight:600;line-height:2.813cqh;text-align:center}.prototype-result-button{position:absolute;left:30.185cqw;top:65.1cqh;width:39.63cqw;height:5.2cqh;border-radius:7.778cqw;background:#fff;box-shadow:0 .7cqh 1.45cqw rgba(130,36,0,.18);color:var(--sook-orange);font-size:3.7cqw;font-weight:700;line-height:1;-webkit-text-fill-color:var(--sook-orange);border:1px solid rgba(255,255,255,.86);transition:transform .19s cubic-bezier(.18,.9,.24,1.18),box-shadow .19s ease,filter .19s ease}.prototype-result-button:focus-visible,.prototype-result-button:hover{background:#fff;box-shadow:0 .95cqh 1.85cqw rgba(130,36,0,.22);filter:brightness(1.04);transform:translateY(-.24cqh) scale(1.018)}.prototype-result-button:active{box-shadow:0 .25cqh .8cqw rgba(130,36,0,.16);transform:translateY(.12cqh) scale(.98)}.prototype-result-promo{position:absolute;left:4.815cqw;right:5.185cqw;bottom:3.698cqh;display:flex;flex-direction:column;align-items:center;gap:1.042cqh}.prototype-result-promo-art{width:84.537cqw;height:16.771cqh;position:relative;display:flex;align-items:flex-start;justify-content:space-between}.prototype-result-promo-image{width:84.537cqw;height:16.771cqh;object-fit:contain}.prototype-result-promo-left{width:46.019cqw;height:16.719cqh;object-fit:cover;border-radius:5.556cqw}.prototype-result-promo-right{width:25.556cqw;height:16.771cqh;object-fit:cover}.prototype-result-promo-voucher{position:absolute;left:44.444cqw;top:11.25cqh;width:23.241cqw;height:2.656cqh;object-fit:contain;background:#fff}.prototype-result-promo-copy{margin:0;color:#fff;font-size:1.852cqw;font-weight:600;line-height:2.188cqh;text-align:center}@media (prefers-reduced-motion:reduce){.prototype-choice-art,.prototype-choice-card,.prototype-choice-card-selected,.prototype-result-brand-mark,.prototype-result-button,.prototype-result-hero-wrap{animation:none;transition-duration:1ms}}@media (max-width:480px){.prototype-app-shell{padding:0}.prototype-device{width:100vw;border-radius:0}}