:root{--plants:#2f9e44;--meat:#e8590c;--both:#7048e8;--ink:#1a1a2e;--paper:#fff9f0;--card:#fff;--shadow:0 6px 0 #0000001f;--radius:22px;color:var(--ink);font-family:Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}button{color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:inherit}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body,#root{height:100%}body{background:var(--paper);-webkit-text-size-adjust:100%;overscroll-behavior-y:none;background-image:radial-gradient(circle at 15% 12%,#ffe8cc 0 12px,#0000 13px),radial-gradient(circle at 82% 30%,#d3f9d8 0 14px,#0000 15px),radial-gradient(circle at 40% 78%,#d0ebff 0 10px,#0000 11px);margin:0}.app{min-height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.header{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 6px;display:flex}.title{letter-spacing:-.5px;margin:0;font-size:clamp(1.35rem,6vw,2rem)}.lang-toggle{border:4px solid var(--ink);border-radius:var(--radius);min-width:88px;min-height:88px;box-shadow:var(--shadow);cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px;display:flex}.lang-toggle:active{transform:translateY(3px);box-shadow:0 3px #0000001f}.lang-flag{font-size:2rem;line-height:1}.lang-word{font-size:.85rem;font-weight:800}.diet-filter{grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 16px 12px;display:grid}.chip{border:4px solid var(--ink);border-radius:var(--radius);min-height:88px;box-shadow:var(--shadow);cursor:pointer;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex}.chip:active{transform:translateY(3px);box-shadow:0 3px #0000001f}.chip-emoji{font-size:1.9rem;line-height:1}.chip-text{font-size:.8rem;font-weight:800}.chip-on{background:#ffe066}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0;padding:0 16px 24px;list-style:none;display:grid}.tile{border:4px solid var(--ink);border-radius:var(--radius);background:var(--card);width:100%;min-height:170px;box-shadow:var(--shadow);cursor:pointer;justify-content:center;align-items:center;padding:8px 8px 44px;display:flex;position:relative;overflow:hidden}.tile:active{transform:translateY(3px);box-shadow:0 3px #0000001f}.tile-plants{background:#ebfbee}.tile-meat{background:#fff4e6}.tile-both{background:#f3f0ff}.tile-img{object-fit:contain;width:100%;height:108px}.tile-diet{font-size:1.4rem;position:absolute;top:6px;right:8px}.tile-name{background:var(--ink);color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:6px 4px;font-size:.95rem;font-weight:900;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.empty{text-align:center;padding:40px;font-size:1.3rem;font-weight:800}.footer{text-align:center;margin-top:auto;padding:8px 16px 20px}.grownups{border:3px solid var(--ink);cursor:pointer;opacity:.75;background:#fff;border-radius:999px;min-height:52px;padding:0 22px;font-weight:800}.card-overlay{z-index:20;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));background:#0000008c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.card{background:var(--card);border:5px solid var(--ink);border-radius:28px;width:100%;max-width:560px;margin:auto 0;position:relative;overflow:hidden}.card-plants{background:#ebfbee}.card-meat{background:#fff4e6}.card-both{background:#f3f0ff}.card-topbar{border-bottom:4px solid var(--ink);background:#fff;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.card-close,.lang-toggle-compact{border:4px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-size:1.4rem;font-weight:900;display:flex}.card-close:active,.lang-toggle-compact:active{transform:translateY(2px)}.lang-toggle-compact{background:#ffe066;font-size:1.8rem;line-height:1}.card-hero{object-fit:contain;border-bottom:4px solid var(--ink);background:#fff;width:100%;height:250px;display:block}.card-body{padding:16px 16px 22px}.card-name{text-align:center;margin:4px 0 10px;font-size:clamp(1.7rem,8vw,2.4rem);line-height:1.1}.pron{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.pron-row{border:3px solid var(--ink);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:8px 10px;display:flex}.pron-tag{text-transform:uppercase;background:var(--ink);color:#fff;border-radius:8px;flex:none;padding:4px 6px;font-size:.68rem;font-weight:900}.pron-text{overflow-wrap:anywhere;flex:1;font-size:1rem;font-weight:700}.pron-play{border:3px solid var(--ink);cursor:pointer;background:#ffe066;border-radius:50%;flex:none;width:56px;height:56px;font-size:1.5rem}.pron-play:active{transform:translateY(2px)}.big-btn{border:4px solid var(--ink);border-radius:var(--radius);width:100%;min-height:88px;box-shadow:var(--shadow);cursor:pointer;background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:10px 0;padding:8px 12px;font-size:1.15rem;font-weight:900;display:flex}.big-btn:active{transform:translateY(3px);box-shadow:0 3px #0000001f}.big-btn-emoji{font-size:2rem}.big-btn small{opacity:.7;width:100%;font-size:.82rem;font-weight:700}.sound-btn{background:#ffd8a8}.size-btn{background:#d0ebff}.facts{margin:14px 0 4px}.fact{align-items:flex-start;gap:10px;margin:8px 0;font-size:1.05rem;font-weight:700;line-height:1.35;display:flex}.fact-emoji{flex:none;font-size:1.4rem}.diet-line{font-weight:900}.size{border:4px dashed var(--ink);border-radius:var(--radius);background:#fff;margin-top:12px;padding:14px}.size h3{margin:0 0 8px;font-size:1.2rem}.size-headline{margin:6px 0 12px;font-size:1.15rem;font-weight:900}.size-kids{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.size-kid{font-size:1.6rem;line-height:1}.size-more{margin-left:6px;font-weight:900}.size-caption{margin:10px 0 2px;font-weight:800}.size-vs{opacity:.75;font-weight:600}.size-metric{opacity:.6;margin:2px 0 0;font-weight:700}.card-nav{justify-content:space-between;padding:0 12px 14px;display:flex}.card-nav button{border:4px solid var(--ink);width:88px;height:88px;box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:50%;font-size:1.7rem}.card-nav button:active{transform:translateY(3px);box-shadow:0 3px #0000001f}.gate-overlay{z-index:30;padding:calc(20px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gate{border:5px solid var(--ink);text-align:center;background:#fff;border-radius:28px;width:100%;max-width:420px;padding:24px}.gate h2{margin:0 0 6px}.gate-sum{margin:12px 0 18px;font-size:1.6rem;font-weight:900}.gate-opts{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.gate-opt{border:4px solid var(--ink);cursor:pointer;background:#ffe066;border-radius:16px;min-height:72px;font-size:1.4rem;font-weight:900}.gate-wrong{color:#c92a2a;margin-top:12px;font-weight:800}.gate-cancel{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;min-height:52px;margin-top:16px;padding:0 20px;font-weight:800}.credits-overlay{z-index:40;background:var(--paper);position:fixed;inset:0;overflow-y:auto}.credits{max-width:720px;padding:calc(20px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(60px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));margin:0 auto;position:relative}.credits .card-close{top:calc(16px + env(safe-area-inset-top));z-index:2;position:absolute;right:16px}.credits h2{margin:22px 0 6px}.credits-blurb{font-weight:600;line-height:1.5}.credits-list{margin:14px 0 0;padding:0;list-style:none}.credits-list li{border-bottom:2px solid #00000014;padding:10px 0;font-size:.92rem}.credits-list strong{font-size:1.05rem;display:block}.credits-meta{opacity:.8;overflow-wrap:anywhere}.credits-meta a{color:#1c7ed6}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}