:root{font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;color:#353e32;background:#f8f7f2;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{background-image:radial-gradient(#68805a0c .65px,transparent .65px);background-size:5px 5px}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #648550;outline-offset:4px}.app-shell{width:100%;height:100dvh;position:relative;overflow:hidden;isolation:isolate}.app-shell main{height:100%;position:relative}.hero{position:absolute;top:clamp(24px,17vh,180px);left:50%;transform:translate(-50%);width:min(790px,calc(100% - 40px));text-align:center;z-index:2}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#8a937d;display:flex;align-items:center;justify-content:center;gap:8px}.eyebrow>span{width:14px;height:1px;background:#91a47b}h1{position:relative;display:inline-block;font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(28px,3.6vw,46px);font-weight:500;letter-spacing:2px;margin:19px 0 15px;line-height:1.5}h1 em{font-style:normal;color:#6b8753}.title-spark{position:absolute;width:31px;height:35px;right:-36px;top:0;fill:none;stroke:#a4b878;stroke-width:2.5;stroke-linecap:round}.intro{font-size:12px;color:#7f8775;letter-spacing:1px;margin:0 0 28px}.input-shell{background:#fffefa;position:relative;border:1px solid #d5ddc9;box-shadow:0 7px 24px #46553006,0 3px 5px #46553004;min-height:70px;border-radius:20px;display:flex;align-items:center;padding:0 22px;gap:16px;max-width:680px;margin:0 auto;transition:border-color .25s,box-shadow .25s}.input-shell:focus-within{border-color:#98af7d;box-shadow:0 0 0 4px #a6b88812,0 10px 30px #46553007}.input-magnet{color:#698451;display:flex;transform:rotate(-15deg)}.input-shell input{font-size:17px;letter-spacing:.7px;min-width:0;flex:1;border:0;background:transparent;outline:none;height:68px;color:#46523f}.input-shell input::placeholder{color:#a4ad98;font-size:16px}.input-end{display:flex;align-items:center;gap:13px}.input-hint{font-size:10px;color:#a0aa91;white-space:nowrap;letter-spacing:1px}.live-light{width:5px;height:5px;border-radius:50%;display:inline-block;background:#bccba7}.live-light.working{animation:pulse 1s ease-in-out infinite}.clear-button{background:#f1f2e9;border:0;border-radius:50%;width:25px;height:25px;line-height:20px;font-size:21px;color:#859277}.suggestions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;font-size:10px;color:#7f8a72}.suggestions>span{margin-right:3px;color:#929d83}.suggestions button{border:1px solid #e0e4d8;background:#f5f6ed;border-radius:20px;padding:6px 12px;transition:background .2s,transform .2s;font-size:10px}.suggestions button:hover{background:#e9eeda;transform:translateY(-2px)}.suggestions button>span{padding-left:8px;color:#8f9e7c}.status-line{min-height:21px;margin-top:15px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;color:#7c896b;letter-spacing:.5px}.status-dot{width:3px;height:3px;border-radius:50%;background:#aab398}.status-orbit{height:10px;width:10px;border:1px solid #b6c7a1;border-top-color:#5d7a46;border-radius:50%;animation:spin 1s linear infinite}.latency{font-size:9px;padding:2px 5px;background:#e9eee0;border-radius:4px;color:#7b8c6a;font-variant-numeric:tabular-nums}.status-error{color:#a46650}.status-line button{border:0;background:none;text-decoration:underline;padding:0;color:#a46650}.error-detail{font-size:11px;color:#ac7b69;margin:5px}.has-error{border-color:#d2a792}.food-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1;--food-size:70px}.food-field:after{content:"";position:absolute;left:0;right:0;bottom:43px;height:1px;background:linear-gradient(90deg,transparent,#c9cfbd60,transparent)}.food-item{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}.food-token{position:absolute;left:calc(var(--food-size) * -.5);top:calc(var(--food-size) * -.5);width:var(--food-size);height:var(--food-size);display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:26%;transform:scale(var(--body-scale,1));background:#fffdf499;box-shadow:0 2px 5px #58603b12,inset 0 0 0 1px #a8b18f15;transition:background .3s,box-shadow .3s;container-type:inline-size}.food-illustration{width:72%;height:72%;filter:drop-shadow(0 3px 2px #58492c18);overflow:visible}.food-token>span{font-size:clamp(7px,14cqw,11px);letter-spacing:.5px;color:#657153;white-space:nowrap;line-height:1.2;margin-top:-1px}.is-selected .food-token{background:#fffef6;box-shadow:0 3px 12px #71894415,inset 0 0 0 1px #b3c89290}.is-selected .food-token>span{color:#466630}footer{position:absolute;z-index:3;bottom:0;left:26px;right:26px;height:43px;display:flex;justify-content:space-between;align-items:center;color:#8c987b;font-size:10px}.legend{display:flex;gap:23px}.legend span{display:flex;gap:7px;align-items:center}.legend i{width:5px;height:5px;border-radius:50%}.meat-dot{background:#d7a28b}.veg-dot{background:#8caa69}.fruit-dot{background:#dbc06f}.legend b{font-size:9px;font-weight:400;color:#a1ad90;font-variant-numeric:tabular-nums}.footer-note{letter-spacing:1.3px;font-size:10px}.debug-toggle{border:0;background:none;display:flex;gap:9px;align-items:center;font-size:10px;color:#72875c;padding:10px 0}.debug-toggle:hover{color:#4f6c3e}.diagnostics{position:absolute;z-index:5;bottom:52px;left:50%;transform:translate(-50%);width:min(900px,calc(100% - 28px));max-height:60dvh;overflow:auto;background:#fffef9f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #dbe0cf;border-radius:18px;padding:20px 24px;box-shadow:0 15px 70px #38432920}.diagnostic-heading{display:flex;align-items:center;gap:12px}.diagnostics h2{font-size:14px;font-weight:500;flex:1}.diagnostic-heading>span,.diagnostics p{font-size:11px;color:#7f8e71}.close-diagnostics{border:0;background:#eff2e8;border-radius:50%;height:26px;width:26px;font-size:20px}.diagnostic-meta{display:flex;gap:24px;flex-wrap:wrap;margin:15px 0 22px;font-size:11px;color:#929b87}.diagnostic-meta b{font-weight:500;color:#60734f;margin-left:5px}.probability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 22px}.probability-grid>div{display:flex;gap:8px;align-items:center;font-size:10px;color:#839072;padding:6px;border-radius:5px}.probability-grid>div.hit{background:#e6edda;color:#547041}.probability-grid span{width:40px}.probability-grid b{font-weight:400;width:39px;text-align:right;font-variant-numeric:tabular-nums}.probability-grid meter{flex:1;width:20px;height:4px}.probability-grid meter::-webkit-meter-bar{background:#e4e8dc;border:0}.probability-grid meter::-webkit-meter-optimum-value{background:#90a978}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 5px #b9caa033;background:#78945e}}@media(max-width:600px){.hero{top:15dvh;width:calc(100% - 32px)}.eyebrow{font-size:7px;letter-spacing:1.3px}h1{letter-spacing:.5px;margin:17px 0 13px}.title-spark{right:-21px;width:22px;height:25px}.intro{font-size:10px;letter-spacing:0;line-height:1.9;max-width:280px;margin:0 auto 22px}.input-shell{padding:0 14px;gap:10px;border-radius:17px;min-height:61px}.input-shell input{height:59px;font-size:16px}.input-shell input::placeholder{font-size:14px}.input-hint{display:none}.suggestions{gap:6px;margin-top:11px}.suggestions button{font-size:9px;padding:6px 9px}.suggestions button>span{padding-left:5px}.suggestions>span{display:none}.status-line{font-size:9px;margin-top:12px}footer{left:14px;right:14px}.legend{gap:11px;font-size:9px}.legend span{gap:4px}.footer-note{display:none}.debug-toggle{font-size:9px}.diagnostics{padding:14px}.diagnostic-heading{flex-wrap:wrap;gap:5px}.diagnostic-heading>span{font-size:9px}.probability-grid{grid-template-columns:repeat(2,1fr);gap:5px 12px}.diagnostic-meta{gap:12px;font-size:10px}}@media(max-height:680px){.hero{top:6dvh}.eyebrow{display:none}h1{font-size:30px;margin:5px 0 9px}.intro{margin-bottom:15px}.input-shell{min-height:56px}.input-shell input{height:54px}.suggestions,.status-line{margin-top:8px}}@media(max-height:440px){.hero{top:10px}.intro,.eyebrow,h1,.suggestions{display:none}.input-shell{min-height:46px}.input-shell input{height:44px}.status-line{margin-top:4px;min-height:16px}footer{font-size:9px}.diagnostics{max-height:65dvh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.food-item{will-change:auto}}.hero{top:10dvh}@media(max-width:600px){.hero{top:9dvh}}@media(max-height:680px){.hero{top:4dvh}}@media(max-height:440px){.hero{top:10px}}.hero{top:clamp(68px,9dvh,96px);width:min(760px,calc(100% - 28px))}.eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:32px;line-height:1.4;margin:10px 0 8px;letter-spacing:1px}.title-spark{width:23px;height:27px;right:-27px}.intro{font-size:11px;margin:0 0 12px}.suggestions{margin:0 0 9px}.status-line{margin:0 0 11px;min-height:16px;font-size:9px}.input-shell{width:calc(100% - 90px);max-width:600px;min-height:59px;border-radius:17px;padding:0 18px}.input-shell input{height:57px;font-size:16px}.food-token{left:calc(var(--food-size) * var(--origin-x,-.5));top:calc(var(--food-size) * var(--origin-y,-.5));width:var(--food-size);height:var(--food-size);display:block;border:0;border-radius:0;background:none;box-shadow:none;transform:scale(var(--body-scale,1));transform-origin:calc(var(--origin-x,-.5) * -100%) calc(var(--origin-y,-.5) * -100%);container-type:inline-size}.food-illustration{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 1px #58492c15)}.food-token>span{position:absolute;top:var(--label-y,88%);left:50%;transform:translate(-50%);font-size:clamp(6px,18cqw,8px);line-height:1;letter-spacing:0;white-space:nowrap;color:#68765b;margin:0}.is-selected .food-token{background:none;box-shadow:none}.is-selected .food-illustration{filter:drop-shadow(0 2px 3px #7197462b)}.is-selected .food-token>span{color:#44632c}@media(max-width:600px){.hero{top:58px;width:calc(100% - 20px)}h1{font-size:25px;margin:9px 0 7px}.eyebrow{font-size:6px;letter-spacing:1.25px}.intro{font-size:9px;margin:0 auto 12px;max-width:none}.suggestions{margin-bottom:9px}.status-line{margin-bottom:10px;font-size:8px}.input-shell{width:calc(100% - 68px);padding:0 11px;gap:7px;min-height:53px}.input-shell input{height:51px;font-size:16px}.input-shell input::placeholder{font-size:12px}.input-magnet svg{width:21px;height:21px}.input-end{gap:7px}.title-spark{width:19px;height:22px;right:-22px}}@media(max-height:680px){.hero{top:44px}h1{font-size:25px;margin:7px 0}.intro{margin-bottom:9px}.suggestions{margin-bottom:7px}.status-line{margin-bottom:8px}.input-shell{min-height:50px}.input-shell input{height:48px}}@media(max-height:440px){.hero{top:9px}.eyebrow{display:none}h1{display:inline-block;font-size:21px;margin:0 0 5px}.intro{display:none}.suggestions{display:flex;margin:0 0 5px}.suggestions button{padding:3px 9px}.status-line{margin-bottom:6px;font-size:8px}.input-shell{min-height:43px}.input-shell input{height:41px}}.hero{top:auto;bottom:calc(50dvh - 30px)}h1{margin:15px 0 13px}.intro{margin-bottom:20px}.suggestions{margin-bottom:14px}.status-line{margin-bottom:17px}@media(max-width:600px){.hero{top:auto;bottom:calc(50dvh - 27px)}h1{margin:14px 0 12px}.intro{margin-bottom:17px}.suggestions{margin-bottom:12px}.status-line{margin-bottom:14px}}@media(max-height:680px){.hero{top:auto;bottom:calc(50dvh - 25px)}h1{margin:10px 0 8px}.intro{margin-bottom:12px}.suggestions{margin-bottom:9px}.status-line{margin-bottom:11px}}@media(max-height:440px){.hero{top:auto;bottom:calc(50dvh - 22px)}}.hero{top:0;right:0;left:0;bottom:auto;transform:none;width:auto}.hero-copy{position:absolute;top:clamp(26px,4dvh,46px);left:50%;width:min(760px,calc(100% - 28px));transform:translate(-50%);text-align:center}.hero-query{position:absolute;top:calc(43dvh - 96px);left:50%;width:min(760px,calc(100% - 28px));transform:translate(-50%);text-align:center}.hero-copy h1{margin:12px 0 11px}.hero-copy .intro{margin:0}.hero-query .suggestions{margin:0 0 14px;flex-wrap:wrap}.hero-query .status-line{margin:0 0 16px}@media(max-width:600px){.hero-copy{top:28px;width:calc(100% - 20px)}.hero-query{top:calc(43dvh - 116px);width:calc(100% - 20px)}.hero-copy h1{margin:11px 0 9px}.hero-query .suggestions{margin-bottom:12px;gap:5px}.hero-query .suggestions button{padding:5px 8px}.hero-query .status-line{margin-bottom:13px}}@media(max-height:680px){.hero-copy{top:18px}.hero-query{top:calc(43dvh - 80px)}.hero-copy h1{margin:7px 0}.hero-query .suggestions{margin-bottom:8px}.hero-query .status-line{margin-bottom:9px}}@media(max-height:440px){.hero-copy{top:12px}.hero-query{top:calc(42dvh - 50px)}}.hero-eyebrow{position:absolute;top:clamp(26px,4dvh,46px);left:50%;width:min(760px,calc(100% - 28px));transform:translate(-50%)}.hero-copy{top:clamp(128px,17dvh,180px)}@media(max-width:600px){.hero-eyebrow{top:28px;width:calc(100% - 20px)}.hero-copy{top:clamp(120px,17dvh,158px)}}@media(max-height:680px){.hero-eyebrow{top:18px}.hero-copy{top:clamp(72px,15dvh,110px)}}@media(max-height:440px){.hero-eyebrow{display:none}.hero-copy{top:12px}}