:root{--cream: #fff8ea;--cream-deep: #f3dfbd;--oat: #ead2aa;--rice: #fffdf6;--wood: #8c5b36;--wood-deep: #3c2518;--ink: #2a1b12;--muted: #8b7562;--tomato: #d84a2b;--tomato-deep: #a9341f;--pumpkin: #ef9c35;--matcha: #7f8d61;--line: rgba(83, 48, 25, .1);--shadow-soft: 0 24px 70px rgba(86, 48, 20, .16);--shadow-float: 0 34px 90px rgba(86, 48, 20, .22);--radius-xl: 40px;--radius-lg: 30px;--radius-md: 22px;--scene-x: 0%;--scene-y: 0%;color-scheme:light;font-family:Noto Sans SC,HarmonyOS Sans SC,MiSans,PingFang SC,SF Pro Text,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}html{height:100%}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 18% -10%,rgba(239,156,53,.28),transparent 30rem),radial-gradient(circle at 100% 10%,rgba(216,74,43,.18),transparent 28rem),linear-gradient(145deg,#f7e7c8,var(--cream) 48%,#f1d4aa)}button,input{font:inherit}button{border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,460px);min-height:100vh;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff9ebb8,#f6e0beb8),var(--cream);box-shadow:0 0 96px #4023122e}.food-photo{background-image:url(/assets/food-contact-sheet-I3oHGCyL.png);background-size:auto 200%;background-position:var(--scene-x) var(--scene-y);background-repeat:no-repeat}.screen{min-height:100vh;min-height:100dvh;padding:22px 20px calc(28px + env(safe-area-inset-bottom));position:relative;animation:screen-in .62s cubic-bezier(.2,.8,.2,1)}.home-screen{height:100vh;height:100dvh;display:grid;align-items:end;isolation:isolate;padding:0;overflow:hidden;background:var(--wood-deep)}@supports not (height: 100dvh){html{height:-webkit-fill-available}body,.app-shell,.screen{min-height:-webkit-fill-available}.home-screen{height:-webkit-fill-available}}.home-photo{position:absolute;inset:-24px;z-index:-3;filter:saturate(1.08) contrast(.98);transform:scale(1.04);animation:slow-zoom 18s ease-out forwards}.home-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#22150c0f,#301b0d2e 38%,#2a180db8),radial-gradient(circle at 50% 42%,rgba(255,222,170,.28),transparent 18rem),#f6cf9614}.home-content{width:100%;padding:28px 22px calc(32px + env(safe-area-inset-bottom));color:#fffaf0}.brand-lockup{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:#fffaf0d1;font-size:13px;letter-spacing:.06em}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;color:var(--wood-deep);background:#fffaf0e0;box-shadow:0 12px 34px #00000024;font-weight:900;letter-spacing:-.05em}h1,h2,h3,p{margin-top:0}.home-screen h1{max-width:360px;margin:0 0 28px;font-size:clamp(42px,12vw,58px);line-height:1.02;letter-spacing:-.075em;text-shadow:0 16px 48px rgba(0,0,0,.28)}.primary-button,.secondary-button,.ghost-button,.small-button{min-height:52px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:999px;padding:0 22px;font-weight:850;letter-spacing:-.015em;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,background .18s ease,opacity .18s ease}.primary-button{width:100%;color:#fffaf0;background:linear-gradient(135deg,var(--tomato),var(--pumpkin));box-shadow:0 18px 42px #d84a2b47}.home-screen .primary-button{color:var(--ink);background:#fffaf0eb;box-shadow:0 24px 70px #0000003d,inset 0 1px #fffc;animation:button-breathe 2.9s ease-in-out infinite}.secondary-button{color:var(--tomato-deep);background:#fffdf6d1;border:1px solid rgba(216,74,43,.16);box-shadow:0 16px 42px #56301414}.ghost-button{min-height:44px;color:var(--wood-deep);background:#fffdf69e;border:1px solid rgba(83,48,25,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.small-button{min-height:42px;padding:0 16px;color:#fffaf0;background:var(--wood)}.primary-button:active,.secondary-button:active,.ghost-button:active,.small-button:active,.answer-button:active,.chip:active{transform:scale(.985)}.docked{position:sticky;bottom:calc(18px + env(safe-area-inset-bottom));z-index:5;margin-top:18px}.icon-only{width:44px;min-height:44px;padding:0;flex:0 0 auto}.screen-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}.screen-header.compact{align-items:center}.screen-header h2{margin:12px 0 0;font-size:30px;line-height:1.08;letter-spacing:-.055em}.eyebrow,.top-pill,.menu-note{display:inline-flex;width:fit-content;align-items:center;color:var(--tomato-deep);background:#fff8eab8;border:1px solid rgba(216,74,43,.12);padding:7px 11px;border-radius:999px;font-size:12px;font-weight:850;letter-spacing:.05em}.form-card,.question-card,.dish-card,.result-section,.avoid-card,.easter-card{border-radius:var(--radius-xl);background:linear-gradient(180deg,#fffdf6eb,#fff6e5db),var(--rice);border:1px solid rgba(83,48,25,.08);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.form-card{padding:20px}.field-block+.field-block{margin-top:26px}label,.field-label{display:block;margin:0 0 12px;color:var(--ink);font-size:16px;font-weight:850;letter-spacing:-.025em}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:12px}.text-input{width:100%;height:42px;border:1px solid var(--line);border-radius:999px;padding:0 14px;color:var(--ink);background:#ffffffb8;outline:none}.text-input:focus{border-color:#d84a2b75;box-shadow:0 0 0 4px #d84a2b14}.chip-grid,.segmented-list{display:flex;flex-wrap:wrap;gap:9px}.chip,.spice-option{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;border-radius:999px;color:var(--muted);background:#ffffffad;border:1px solid rgba(83,48,25,.09);font-size:14px;font-weight:760}.chip.is-active,.spice-option.is-active{color:#fffaf0;background:linear-gradient(135deg,var(--tomato),var(--pumpkin));border-color:transparent;box-shadow:0 12px 28px #d84a2b2e}.progress-wrap{flex:1}.progress-wrap p{margin:8px 0 0;color:var(--muted);font-size:13px;text-align:right;font-weight:750}.progress-bar{height:6px;overflow:hidden;border-radius:999px;background:#fffdf6cc}.progress-bar span{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--tomato),var(--pumpkin));transition:width .32s cubic-bezier(.2,.8,.2,1)}.question-card{min-height:min(72dvh,590px);padding:28px 20px 22px;display:flex;flex-direction:column}.question-card h2{margin:24px 0 28px;font-size:38px;line-height:1.06;letter-spacing:-.07em}.answer-list{display:grid;gap:12px;margin-top:auto}.answer-button{width:100%;min-height:76px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:14px;padding:14px 16px;border-radius:26px;color:var(--ink);text-align:left;background:#ffffffa8;border:1px solid rgba(83,48,25,.08);box-shadow:0 10px 32px #5630140f;animation:card-up .52s cubic-bezier(.2,.8,.2,1) both}.answer-button:nth-child(2){animation-delay:60ms}.answer-button:nth-child(3){animation-delay:.12s}.answer-button:nth-child(4){animation-delay:.18s}.answer-button .emoji{width:54px;height:54px;display:grid;place-items:center;border-radius:20px;color:var(--tomato-deep);background:#f6e3c3;font-size:15px;font-weight:900;letter-spacing:-.04em}.answer-button strong{display:block;font-size:19px;letter-spacing:-.035em}.answer-button small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:430}.answer-button.is-selected{color:#fffaf0;background:linear-gradient(135deg,var(--tomato),var(--pumpkin));border-color:transparent}.answer-button.is-selected .emoji{color:#fffaf0;background:#ffffff2e}.answer-button.is-selected small{color:#fffaf0c7}.quiz-next-button{margin-top:8px}.context-strip{display:flex;gap:8px;overflow:auto;padding:16px 0 4px;scrollbar-width:none}.context-strip::-webkit-scrollbar{display:none}.context-strip span,.result-meta span{flex:0 0 auto;padding:9px 11px;border-radius:999px;color:var(--muted);background:#fffdf6b8;border:1px solid rgba(83,48,25,.06);font-size:12px;font-weight:760}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.loader-orbit{width:132px;height:132px;margin-bottom:26px;position:relative;border-radius:999px;background:radial-gradient(circle at 50% 52%,var(--rice) 0 34%,transparent 35%),conic-gradient(from 30deg,rgba(216,74,43,.2),var(--tomato),var(--pumpkin),rgba(216,74,43,.2));box-shadow:0 26px 70px #56301429;animation:spin 2.2s linear infinite}.loader-orbit:before{content:"";position:absolute;inset:34px;border-radius:999px;background:radial-gradient(circle at 42% 36%,rgba(255,255,255,.85),transparent 22%),linear-gradient(145deg,#ffe1a5,#d84a2b);box-shadow:inset 0 -9px 16px #62300d2e}.loader-orbit span{display:none}.loading-screen h2{margin-bottom:24px;font-size:30px;letter-spacing:-.055em}.loading-steps{display:grid;gap:12px;width:100%}.loading-step{display:flex;align-items:center;gap:10px;padding:14px 16px;color:var(--muted);text-align:left;border-radius:22px;background:#fffdf6a8;opacity:.35;transform:translateY(8px);transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.2,1),color .3s ease}.loading-step.is-active{opacity:1;transform:translateY(0);color:var(--ink)}.loading-step.is-done:after{content:"✓";margin-left:auto;color:var(--tomato);font-weight:900}.result-screen{padding-top:14px}.result-hero{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.result-meta{display:flex;flex-wrap:wrap;gap:7px}.main-dish{overflow:hidden;padding:10px 10px 20px;box-shadow:var(--shadow-float)}.dish-photo{width:100%;height:min(58dvh,500px);min-height:360px;border-radius:32px;position:relative;overflow:hidden;box-shadow:inset 0 -120px 120px #2a1b1214;animation:photo-breathe 16s ease-out infinite alternate}.dish-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(42,27,18,.24) 100%),radial-gradient(circle at 50% 20%,rgba(255,248,234,.2),transparent 18rem);pointer-events:none}.dish-copy{padding:22px 10px 14px}.main-dish h1{margin:14px 0 8px;font-size:38px;line-height:1.03;letter-spacing:-.07em}.one-line{max-width:340px;margin:0;color:var(--tomato-deep);font-size:22px;line-height:1.48;font-weight:650;letter-spacing:-.02em;white-space:pre-line}.reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 10px}.reason-grid span{min-height:42px;display:flex;align-items:center;padding:10px 12px;border-radius:18px;color:var(--muted);background:#ffffff9e;font-size:13px;font-weight:720}.result-section{padding:18px;margin-top:16px}.section-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.result-section h2,.avoid-card h2{margin:0 0 14px;font-size:22px;letter-spacing:-.04em}.section-title-row h2{margin-bottom:14px}.section-title-row span{color:var(--muted);font-size:12px;white-space:nowrap}.restaurant-list,.alt-list{display:grid;gap:11px}.restaurant-item,.alt-item{position:relative;display:grid;gap:5px;padding:12px;border-radius:24px;background:#ffffffa8;border:1px solid rgba(83,48,25,.06);overflow:hidden}.restaurant-item{grid-template-columns:1fr auto;align-items:center}.restaurant-thumb,.alt-thumb{width:76px;height:76px;border-radius:20px;box-shadow:inset 0 -30px 40px #2a1b121a}.restaurant-rank{display:block;margin-bottom:4px;color:var(--tomato);font-size:11px;font-weight:900;letter-spacing:.08em}.restaurant-item strong,.alt-item strong{display:block;font-size:16px;letter-spacing:-.03em}.restaurant-item small,.alt-item small{display:block;margin-top:4px;color:var(--muted);line-height:1.45}.map-button{min-height:38px;padding:0 12px;border-radius:999px;color:#fffaf0;background:var(--wood);font-size:12px;font-weight:850}.alt-item{grid-template-columns:1fr;align-items:center}.alt-thumb{width:58px;height:58px;border-radius:18px}.avoid-card{margin-top:16px;padding:20px;background:radial-gradient(circle at 100% 0%,rgba(216,74,43,.12),transparent 10rem),linear-gradient(180deg,#fffdf6eb,#fff3e0e0);border-color:#d84a2b1f}.avoid-card span{display:block;margin-bottom:8px;color:var(--tomato);font-size:13px;font-weight:900}.avoid-card p{margin:0;color:var(--muted);line-height:1.58}.easter-card{margin-top:16px;padding:22px;background:radial-gradient(circle at 100% 10%,rgba(127,141,97,.14),transparent 12rem),var(--rice)}.easter-card span{display:block;margin-bottom:11px;color:var(--matcha);font-weight:850}.easter-card strong{display:block;font-size:25px;line-height:1.42;font-weight:650;letter-spacing:-.035em}.button-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;margin-top:18px;position:sticky;bottom:calc(14px + env(safe-area-inset-bottom))}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;width:max-content;max-width:min(360px,calc(100vw - 32px));padding:12px 16px;border-radius:999px;color:#fffaf0;background:#2a1b12e0;box-shadow:0 18px 46px #2a1b123d;transform:translate(-50%,18px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}@keyframes screen-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes card-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slow-zoom{0%{transform:scale(1.04)}to{transform:scale(1.14)}}@keyframes photo-breathe{0%{background-size:auto 200%}to{background-size:auto 210%}}@keyframes button-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:360px){.screen{padding-left:14px;padding-right:14px}.home-content{padding-left:18px;padding-right:18px}.question-card h2,.main-dish h1{font-size:32px}.reason-grid{grid-template-columns:1fr}.restaurant-item{grid-template-columns:1fr auto}.restaurant-thumb{width:66px;height:66px}.map-button{grid-column:2;width:fit-content}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.primary-button svg,.secondary-button svg,.ghost-button svg,.small-button svg,.map-button svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.main-dish.no-photo{padding:28px 22px 22px}.main-dish.no-photo .dish-copy{padding:12px 0 18px}.main-dish.no-photo .reason-grid{padding:0}.main-dish.no-photo h1{margin-top:22px;font-size:42px}