:root{--bg:#fbf8f3;--surface:#fff;--ink:#1d1a16;--muted:#7b7268;--line:#ebe5dc;--soft:#f4eee5;--accent:#e4573d;--accent-soft:#fbe3dc;--good:#2f8a57;--warn:#d9930d;--shadow:0 1px 2px #3c28140a, 0 12px 32px -12px #3c281424;--serif:"Fraunces", Georgia, serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--bg:#15130f;--surface:#1f1c18;--ink:#f3eee7;--muted:#a0968a;--line:#2f2a24;--soft:#29251f;--accent:#f06a4f;--accent-soft:#3a221c;--good:#5cc08a;--warn:#e7b04a;--shadow:0 1px 2px #0000004d, 0 16px 40px -16px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}h1,h2,p,dl,dd{margin:0}.page{flex-direction:column;align-items:center;min-height:100dvh;padding:24px 16px 48px;display:flex}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:440px;margin-bottom:18px;padding-bottom:14px;display:flex}.brand{align-items:center;gap:9px;display:flex}.logo{width:26px;height:26px;color:var(--ink)}.tagline{color:var(--muted);font-size:13px}.wordmark{font-family:var(--serif);letter-spacing:-.02em;font-size:22px;font-weight:600}.wordmark-dot{color:var(--accent);margin:0 1px}.stack{width:100%;max-width:440px}.round{flex-direction:column;gap:12px;animation:.3s ease-out enter;display:flex}@keyframes enter{0%{opacity:0}}.card{background:var(--surface);box-shadow:var(--shadow);border-radius:24px;padding:22px 24px 24px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 16px;font-size:12px;font-weight:600}.target{align-items:center;gap:16px;padding:18px 22px 18px 20px;display:flex}.mark{text-align:center;flex:none;width:60px;font-size:50px;line-height:1}.title-text{flex:1;min-width:0}.title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.food-name{font-family:var(--serif);letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:1.1}.food-detail{color:var(--muted);margin-top:2px;font-size:13px}.clue{flex:none;align-items:baseline;gap:4px;display:flex}.clue-number{font-family:var(--serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:500;line-height:1}.clue-unit{color:var(--muted);font-size:13px;font-weight:500}.context{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:12px;line-height:1.55}.control{text-align:center}.control-head{position:relative}.toggle{background:var(--soft);border-radius:999px;padding:2px;display:inline-flex;position:absolute;top:-4px;right:0}.toggle button{min-width:34px;color:var(--muted);font:600 12px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:3px 8px}.toggle button.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}.toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.after{place-items:center;min-height:66px;margin-top:4px;display:grid}.worth{--tone:var(--ink);line-height:1.15}.worth.is-good{--tone:var(--good)}.worth.is-warn{--tone:var(--warn)}.worth.is-off{--tone:var(--accent)}.worth-lead{color:var(--muted);font-size:14px;display:block}.worth-number{font-family:var(--serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:38px;font-weight:500;transition:color .3s;display:block}.worth.is-landed .worth-number{color:var(--tone)}.worth-number small{font-family:var(--sans);color:var(--muted);margin-left:5px;font-size:14px;font-weight:500}.guess{transition:opacity .4s ease-out}.control.is-locked .guess{opacity:.55}.readout{flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:6px;display:flex}.readout-number{font-family:var(--serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:500;line-height:1.1}.readout-unit{color:var(--muted);font-size:14px;font-weight:500}.readout-count{border-left:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;margin-left:8px;padding-left:12px;font-size:15px;font-weight:500}.slider-wrap{--t:.5;--thumb:24px;--track:6px;height:var(--thumb);margin:14px 0 4px;position:relative}.track{pointer-events:none;inset:0;top:calc((var(--thumb) - var(--track)) / 2);height:var(--track);background:var(--soft);border-radius:999px;position:absolute;overflow:hidden}.track-fill{height:100%;width:calc(var(--thumb) / 2 + var(--t) * (100% - var(--thumb)));background:var(--accent);border-radius:999px}.slider{appearance:none;width:100%;height:var(--thumb);cursor:pointer;background:0 0;margin:0;display:block;position:relative}.slider:disabled{cursor:default}.slider::-webkit-slider-runnable-track{height:var(--thumb);background:0 0}.slider::-moz-range-track{height:var(--thumb);background:0 0}.slider::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);background:var(--surface);border:2px solid var(--accent);border-radius:50%;transition:transform .12s;box-shadow:0 2px 8px #00000026}.slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--surface);border:2px solid var(--accent);border-radius:50%;box-shadow:0 2px 8px #00000026}.slider:active::-webkit-slider-thumb{transform:scale(1.1)}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--accent-soft)}.slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 5px var(--accent-soft)}.scale{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.result{--tone:var(--accent);text-align:left;animation:.36s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.result.is-good{--tone:var(--good)}.result.is-warn{--tone:var(--warn)}.grade{align-items:center;gap:12px;display:flex}.stars{gap:2px;display:inline-flex}.star{fill:none;width:22px;height:22px;stroke:var(--line);stroke-width:1.5px;stroke-linejoin:round}.star.is-earned{fill:var(--tone);stroke:var(--tone)}.verdict{font-family:var(--serif);letter-spacing:-.02em;color:var(--tone);font-size:30px;font-weight:600;line-height:1.1}.miss{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:14px}.bars{flex-direction:column;gap:14px;margin:22px 0 26px;display:flex}.bar-label{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin-bottom:6px;font-size:14px;display:flex}.bar-label span{letter-spacing:.06em;text-transform:uppercase;width:54px;color:var(--muted);font-size:11px;font-weight:600}.bar-label strong{font-weight:600}.bar-label em{color:var(--muted);font-style:normal}.bar-track{background:var(--soft);border-radius:999px;height:14px;overflow:hidden}.bar-fill{transform-origin:0;border-radius:999px;height:100%;animation:.7s cubic-bezier(.2,.8,.2,1) .2s both grow}@keyframes grow{0%{transform:scaleX(0)}}.bar.is-you .bar-fill{background:var(--tone)}.bar.is-actual .bar-fill{background:var(--ink)}.about{border-top:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;padding-top:18px;font-size:12px;font-weight:600}.health{background:color-mix(in srgb, var(--good) 12%, transparent);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45}.facts{flex-direction:column;gap:12px;margin:14px 0 0;padding:0;font-size:14px;line-height:1.5;list-style:none;display:flex}.fact-kind{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.label{border-top:2px solid var(--ink);font-variant-numeric:tabular-nums;margin-top:20px;font-size:13px}.label>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.label-head{border-bottom-color:var(--ink);font-weight:600}.label-head dd{color:var(--muted);font-weight:500}.label dd{font-weight:600}.sources{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin:12px 0 20px;font-size:11px;display:flex}.sources a{color:inherit;text-underline-offset:2px}.result .button{margin:0 auto;display:block}.button{background:var(--ink);min-width:200px;height:46px;color:var(--bg);font:600 15px var(--sans);cursor:pointer;border:0;border-radius:999px;padding:0 28px;transition:transform .12s,opacity .12s}.button:hover{opacity:.9}.button:active{transform:scale(.98)}.button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
