:root{font-family:DM Sans,sans-serif;color:#293329;background:#f7f6f2;font-synthesis:none;--orange:#e96136;--green:#456b52;--line:#e2e5db;--muted:#727d69}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{transition:background .15s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d57848;outline-offset:3px}input:focus-visible{outline:none}button:hover{filter:brightness(.96)}button:disabled{cursor:default;opacity:.5}h1,h2,h3,p{overflow-wrap:anywhere}header{max-width:1280px;margin:auto;min-height:80px;padding:16px 28px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1.4px;font-weight:800;flex-shrink:0}.brand-icon{position:relative;display:grid;place-items:center;width:32px;height:35px;border-radius:10px;background:var(--orange);color:#fff;font-size:28px}.brand-icon span{position:absolute;right:3px;top:1px;font-size:18px}.brand-dot{color:var(--orange);margin-left:-8px}nav{display:flex;align-items:center;justify-content:center;gap:12px;flex:1}.nav{padding:12px 10px;background:none;border:0;font-size:13px;color:var(--muted);white-space:nowrap}.nav.active{color:#293329;font-weight:700}.nav span{color:var(--orange)}.sound{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:1px solid var(--line);border-radius:24px;min-height:44px;padding:8px 12px;font-size:20px}.sound span{font-size:11px;white-space:nowrap}.intro{text-align:center;padding:40px 20px 28px}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(34px,6vw,60px);line-height:1.15;letter-spacing:-2px;margin:12px 0 20px}.intro h1 span{color:var(--orange)}.intro p{color:var(--muted);font-size:14px;line-height:1.6;margin:8px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--green);font-weight:700}.landing{min-height:calc(100svh - 160px);padding:36px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.landing-food{font-size:85px;line-height:1.3;transform:rotate(-12deg)}.landing .intro{padding:10px 0 22px}.primary{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:52px;padding:14px 20px;border:0;border-radius:14px;background:var(--orange);color:#fff;font-size:15px;font-weight:700}.primary span{font-size:20px}.landing>.primary{max-width:300px}.landing-meta{font-size:12px;color:var(--muted);margin:16px 0}.category-picker{max-width:600px;width:100%;text-align:center;margin:0}.category-picker>summary{padding:12px;list-style:none;color:var(--green);font-size:13px;cursor:pointer}.category-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.category-picker .category-list{justify-content:center}.chip{border:1px solid var(--line);background:transparent;min-height:42px;border-radius:24px;padding:9px 13px;font-size:12px;color:#626f57;white-space:normal;max-width:100%}.chip.selected{background:#3d573e;color:#fff;border-color:#3d573e}footer{max-width:1224px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:22px 24px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-brand{font-size:23px}footer p{margin:0}footer button{background:none;border:0;color:var(--muted);font-size:11px;min-height:44px}footer>span{display:none}.focus-screen{min-height:100svh;min-height:100dvh;padding:16px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.focus-top{width:100%;max-width:1024px;margin:0 auto;display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.focus-top button{height:44px;width:44px;background:none;border:1px solid var(--line);border-radius:50%;color:#5b6c51;font-size:21px}.focus-game{width:100%;max-width:360px;min-width:0;margin:auto;align-self:center;text-align:center;padding:12px 0}.focus-food{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:clamp(90px,18dvh,155px);line-height:1.3;margin:0 0 20px;filter:drop-shadow(0 12px 12px #38402315);animation:bob 5s ease-in-out infinite}.focus-game h1{font-family:Manrope,sans-serif;font-size:clamp(23px,4vw,30px);line-height:1.2;letter-spacing:-.8px;margin:0 auto 8px;max-width:100%;text-wrap:balance}.focus-weight{font-size:16px;color:var(--muted);margin:0 0 24px}.number-field{width:100%;display:flex;align-items:center;gap:8px;min-width:0;border:1px solid #d7ddce;background:#fff;border-radius:14px;padding:0 16px;transition:box-shadow .15s}.number-field:focus-within{border-color:#de8257;box-shadow:0 0 0 3px #e961361a}.number-field input{display:block;min-width:0;flex:1;width:0;padding:17px 0;border:0;background:transparent;font-size:21px;color:#293329;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.number-field input::-webkit-inner-spin-button,.number-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-field input::placeholder{color:#89927f;font-size:19px}.number-field>span{flex-shrink:0;color:var(--muted);font-size:13px}.focus-game .primary{margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.result-badge{display:inline-block;padding:6px 12px;color:#43633b;background:#eaf0e2;border-radius:20px;font-size:12px}.reference-label{display:block;font-size:11px;color:var(--muted);margin:14px 0 0}.answer{font-size:38px;line-height:1.2;font-weight:700;margin:4px 0 10px}.answer>span{font-size:16px;font-weight:400}.answer b{display:block;font-size:12px;color:var(--green);margin-top:6px}.result p{font-size:13px;line-height:1.6;color:#66765a;margin:8px 0 16px}.accuracy-track,.result>small:not(.reference-label){display:none}.is-result .focus-food{font-size:clamp(70px,13dvh,110px);margin-bottom:14px}.is-result .focus-weight{margin-bottom:16px}.summary{width:100%;max-width:620px;align-self:center;margin:auto;padding:24px 0;text-align:center}.summary h2{font-family:Manrope,sans-serif;font-size:clamp(23px,4vw,30px);line-height:1.3;letter-spacing:-.7px}.summary>p{font-size:14px;color:var(--muted);line-height:1.6}.trophy{font-size:64px;margin:16px}.summary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0}.summary-stats b{display:block;color:var(--green);font-size:clamp(22px,5vw,30px);overflow-wrap:anywhere}.summary-stats span{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:6px}.summary>.primary{max-width:320px;margin:20px auto}.summary details{text-align:left;margin:28px 0 0;font-size:13px}.summary summary{cursor:pointer;padding:12px 0}.history>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.history>div>span{overflow-wrap:anywhere}.history b{text-align:right}.history small{display:block;font-size:11px;font-weight:400;line-height:1.5;color:var(--muted);margin-top:4px}.library{max-width:1060px;margin:0 auto 40px;padding:0 20px}.search-label{display:block;font-size:13px;color:var(--green);margin:12px 0 8px}#search{width:100%;padding:15px 16px;border:1px solid var(--line);background:#fff;border-radius:12px;font-size:16px}#search:focus-visible{outline:2px solid #de8257}.library-note{font-size:12px;line-height:1.6;color:var(--muted)}.food-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}.food-tile{min-width:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.food-tile>span{display:block;font-size:45px;margin-bottom:14px}.food-tile>small{font-size:11px;color:var(--muted)}.food-tile h3{font-size:14px;line-height:1.4;margin:8px 0}.food-tile p{font-size:12px;color:var(--muted);margin-bottom:0}.food-tile p b{font-size:20px;color:var(--green)}.empty{grid-column:1/-1;padding:20px;text-align:center}dialog{max-width:480px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:20px;padding:34px 26px;color:#35422d}dialog::backdrop{background:#26351f66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog h2{font-size:25px;line-height:1.3}dialog p{font-size:13px;line-height:1.8;color:#68755e}.close{position:absolute;right:7px;top:7px;width:36px;height:36px;border:0;background:none;font-size:24px;color:#637557}@keyframes bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(3deg)}}@media(max-width:620px){header{padding:12px 16px;gap:8px;min-height:70px}.brand{font-size:23px}.brand-icon{width:27px;height:30px;font-size:24px}nav{gap:0;justify-content:flex-end}.nav{padding:10px 8px;font-size:12px}.nav span,#how,.sound span{display:none}.sound{width:44px;padding:0;border:0;flex-shrink:0}.landing{min-height:calc(100svh - 150px);padding:28px 20px}.landing-food{font-size:72px}.intro{padding:28px 20px 20px}.intro h1{letter-spacing:-1.2px}.intro p{font-size:13px}.focus-game{max-width:340px}.focus-screen{padding-top:max(12px,env(safe-area-inset-top))}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.food-tile{padding:14px}.food-tile h3{font-size:13px}.food-tile>small{font-size:10px}footer{padding:16px;gap:8px}footer p{display:none}.library{padding:0 16px}.summary>p{font-size:13px}}@media(max-width:359px){header{padding:10px;gap:4px}.brand{font-size:21px}.brand-icon{display:none}.nav{padding:10px 6px}.intro h1{font-size:34px}.focus-game h1{font-size:23px}.chip{font-size:11px;padding:8px 10px}}@media(max-height:650px){.focus-food{font-size:85px;margin-bottom:12px}.focus-game{padding:4px 0}.focus-game h1{font-size:24px}.focus-weight{margin-bottom:15px}.is-result .focus-food{font-size:60px;margin-bottom:8px}.is-result .focus-weight{margin-bottom:10px}.reference-label{margin-top:10px}.result p{margin:6px 0 10px}.focus-screen{gap:8px;padding-bottom:12px}.trophy{font-size:44px;margin:10px}}@media(max-height:430px){.focus-game{max-width:460px;display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:20px;align-items:center;text-align:left}.focus-food,.is-result .focus-food{grid-column:1;grid-row:1/4;font-size:75px;margin:0}.focus-game h1{grid-column:2;width:100%;font-size:21px}.focus-weight{grid-column:2;margin:0 0 10px}.focus-game form,.focus-game .result{grid-column:2}.focus-top button{width:38px;height:38px}.focus-screen{padding-top:8px;gap:8px}.focus-game input{padding:12px 0}.focus-game .primary{min-height:44px;padding:10px 16px;margin-top:8px}.result .answer{font-size:28px}.result-badge{font-size:10px}.result p{font-size:11px}.reference-label{margin-top:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.share-actions{max-width:320px;margin:16px auto 0}.share-actions>.primary{background:#3d573e}.share-secondary{display:flex;gap:12px;margin-top:10px}.share-secondary>a,.share-secondary>button{flex:1;display:flex;justify-content:center;align-items:center;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:transparent;font-size:13px;color:var(--green)}#share-status{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0}#share-status:empty{display:none}#share-fallback{width:100%;min-height:130px;padding:12px;border:1px solid var(--line);border-radius:10px;font:13px/1.5 sans-serif;resize:vertical;margin-top:10px}.summary>.primary{margin-bottom:12px}.site-version{font-size:10px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.3px}:root{--orange:#354f40;--green:#354f40;background:#faf9f6;color:#26362c;font-family:Arial,Helvetica,sans-serif}.brand{font-size:25px;letter-spacing:-1px}.brand-icon{display:none}.brand-dot{color:inherit}.primary{font-weight:600;border-radius:8px}.intro h1{font-size:clamp(30px,5vw,44px);letter-spacing:-1.4px;font-weight:600}.landing{padding:40px 20px;min-height:calc(100svh - 160px)}.landing .intro{padding:0 0 30px}.landing .intro p{font-size:14px}.mode-options{width:100%;max-width:460px}.daily-option{padding:24px;border:1px solid #d8dfd5;border-radius:12px;background:#f0f3ed}.mode-caption{font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;gap:10px;color:#62735f;flex-wrap:wrap}.mode-caption span{letter-spacing:0;font-variant-numeric:tabular-nums}.daily-option h2{font-size:22px;font-weight:500;letter-spacing:-.4px;margin:20px 0 8px}.daily-option p,.classic-option p{font-size:13px;line-height:1.6;color:#687463;margin:0 0 20px}.daily-option small{display:block;margin-top:12px;font-size:12px;color:#687463}.classic-option{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 12px}.classic-option h2{font-size:16px;font-weight:500;margin:0 0 6px}.classic-option p{margin:0;font-size:12px}.secondary{border:1px solid #cfd6ca;background:transparent;color:#354f40;min-width:80px;min-height:44px;border-radius:8px;font-size:13px}.category-picker{text-align:left}.category-picker>summary{padding:12px 0;font-size:11px}.category-picker .category-list{justify-content:flex-start}.focus-food{animation:none;filter:none}.focus-game h1{font-weight:500;font-size:clamp(23px,4vw,28px)}.number-field{border-radius:8px}.number-field:focus-within{border-color:#617760;box-shadow:0 0 0 3px #354f4010}.focus-top button{border:0;border-radius:8px}.result-badge{background:none;padding:0;color:#66765a;font-size:12px}.summary{max-width:520px}.summary h2{font-size:30px;font-weight:500}.share-actions>.primary{background:#354f40}.summary>.primary{background:transparent;color:#354f40;border:1px solid #cfd6ca}.food-tile{border-radius:8px}.chip{border-radius:8px;font-size:11px}.eyebrow{font-size:10px;letter-spacing:1px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#70846a}.brand-dot{margin-left:-8px}@media(max-width:620px){.landing{padding:28px 20px}.daily-option{padding:20px}.intro h1{font-size:32px}.landing .intro{padding-bottom:24px}.mode-caption{font-size:9px}.classic-option{gap:12px}header{min-height:64px}.summary h2{font-size:27px}}@media(max-width:359px){.daily-option{padding:16px}.landing{padding:24px 16px}.landing .intro p{font-size:13px}.intro h1{font-size:29px}}:root{color-scheme:light;--page:#faf9f6;--surface:#ffffff;--soft:#f0f3ed;--ink:#26362c;--muted:#65725f;--line:#dce1d6;--green:#354f40;--orange:#354f40;--on-accent:#fff;--accent:#354f40}:root[data-theme=dark]{color-scheme:dark;--page:#111311;--surface:#191c19;--soft:#1d231e;--ink:#e8ece7;--muted:#a0aa9c;--line:#303830;--green:#b6cab0;--orange:#b6cab0;--on-accent:#162015;--accent:#bed0b8}html,body{background:var(--page);color:var(--ink)}.brand{color:var(--ink);font-size:23px;letter-spacing:-1.1px}.footer-brand{font-size:19px}.nav.active{color:var(--ink)}.primary,.share-actions>.primary{background:var(--accent);color:var(--on-accent)}.daily-option{background:var(--soft);border-color:var(--line)}.daily-option p,.daily-option small,.classic-option p,.mode-caption,.reference-label,.result p,.result-badge,.result>small{color:var(--muted)}.secondary,.summary>.primary,.share-secondary>a,.share-secondary>button{color:var(--green);border-color:var(--line)}.number-field,.food-tile,#search,dialog,#share-fallback{background:var(--surface);border-color:var(--line);color:var(--ink)}.number-field input{color:var(--ink)}.number-field input::placeholder{color:var(--muted)}.number-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent)}.chip{color:var(--muted);border-color:var(--line)}.chip.selected{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.focus-top button,.close{color:var(--muted)}dialog p{color:var(--muted)}.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:40px;height:44px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:21px}.game-controls{display:flex;align-items:center;gap:2px}.focus-top{display:grid;grid-template-columns:88px 1fr 88px}.focus-top>span{text-align:center}.focus-top>#exit-game{justify-self:start}.focus-top>.game-controls{justify-self:end}.mode-options{position:relative}.sponsor-slot[hidden]{display:none!important}.sponsor-slot{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:12px}.sponsor-left,.sponsor-right{position:absolute;top:0;width:160px;min-height:420px}.sponsor-left{right:calc(100% + 64px)}.sponsor-right{left:calc(100% + 64px)}.sponsor-result{margin:28px auto 0;max-width:100%}header{gap:12px}.intro p{max-width:400px;margin-inline:auto;line-height:1.7}.focus-game{padding-inline:2px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--green)}@media(max-width:1100px){.sponsor-left,.sponsor-right{display:none}}@media(max-width:620px){header{display:grid;grid-template-columns:1fr 40px 40px;gap:0;padding:10px 16px}.brand{font-size:23px}header nav{grid-row:2;grid-column:1/-1;justify-content:flex-start;gap:16px;padding-top:6px}.nav{padding:8px 0;min-height:36px}#how{display:block;font-size:12px}header .theme-toggle{grid-row:1;grid-column:2}header .sound{grid-row:1;grid-column:3}.landing{min-height:calc(100svh - 185px)}.footer-brand{font-size:17px}footer{gap:10px}.focus-top{grid-template-columns:88px 1fr 88px}.focus-top>span{font-size:11px}}@media(max-width:359px){.focus-top{grid-template-columns:70px 1fr 80px}.game-controls{gap:0}.focus-top .theme-toggle,.focus-top #focus-sound{width:38px}}