:root{color-scheme:dark;font-family:Inter,ui-rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;background:#160d28;color:#f8fafc}body{touch-action:manipulation}#scene{position:fixed;inset:0;width:100%;height:100%;z-index:0}.hidden{display:none!important}.screen{position:relative;z-index:2;min-height:100dvh;padding:calc(84px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.overlay{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;padding-top:calc(18px + env(safe-area-inset-top));background:rgba(16,8,31,.54);backdrop-filter:blur(7px)}.card,.case-card{width:min(860px,100%);border:1px solid rgba(255,255,255,.17);border-radius:30px;background:linear-gradient(145deg,rgba(39,22,68,.97),rgba(17,64,78,.95));box-shadow:0 28px 80px rgba(0,0,0,.38)}.card{padding:26px;text-align:center}.menu-card{width:min(610px,100%)}.compact{width:min(490px,100%)}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;font-size:24px}button,select{min-height:46px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(13,15,38,.76);color:#fff;padding:10px 14px;font:inherit;font-weight:750}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f9a8d4;outline-offset:3px}.hero{font-size:clamp(48px,10vw,74px)}.eyebrow{color:#f9a8d4;font-size:12px;font-weight:900;letter-spacing:.14em}h1{margin:8px 0 12px;font-size:clamp(33px,7vw,54px);line-height:1}h2{font-size:clamp(24px,5vw,38px);line-height:1.15}p{line-height:1.5}.mode{display:grid;gap:7px;margin:18px 0;text-align:left;color:#a5f3fc;font-size:13px}.mode select{width:100%}.primary{border:0;color:#31103d;background:linear-gradient(135deg,#f9a8d4,#fde68a)}.menu-card>.primary{width:100%}.menu-card small{display:block;margin-top:13px;color:#d8b4fe;line-height:1.5}.hud{position:fixed;z-index:8;top:calc(12px + env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));display:flex;gap:7px}.hud div{min-width:68px;padding:8px;border-radius:14px;background:rgba(20,10,42,.82);text-align:center;backdrop-filter:blur(8px)}.hud span{display:block;color:#f9a8d4;font-size:9px;letter-spacing:.08em}.hud b{font-size:17px}.hud button{min-width:44px;padding:8px;border-radius:50%}.case-card{margin:auto;padding:24px}.case-meta{display:flex;justify-content:space-between;color:#a5f3fc;font-size:11px;font-weight:900;letter-spacing:.08em}.case-card h2{text-align:center;margin:16px auto 8px}.serving{text-align:center;color:#d8b4fe}.labels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.label-card{position:relative;overflow:hidden;border:3px solid #f8fafc;border-radius:10px;background:#fff;color:#111827;text-align:left;padding:12px;box-shadow:0 12px 30px rgba(0,0,0,.2)}.label-card:hover{transform:translateY(-2px)}.label-card.selected.correct{border-color:#22c55e}.label-card.selected.wrong{border-color:#ef4444}.label-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.label-top strong{font-size:18px}.choice-key{display:grid;place-items:center;min-width:31px;height:31px;border-radius:50%;background:#111827;color:#fff}.nutrition-title{margin-top:9px;border-bottom:7px solid #111827;font-size:22px;font-weight:950}.row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #111827}.row.calories{border-bottom:4px solid #111827;font-size:17px}.row.total{font-weight:800}.row.added{padding-left:14px;font-weight:900}.label-card.evidence .row.added{margin:2px -5px;border-radius:6px;background:#fef08a;padding-left:19px;box-shadow:0 0 0 3px #f59e0b}.label-card small{display:block;margin-top:8px;color:#475569}.same-button{width:100%;background:rgba(13,15,38,.82)}.same-button small{display:block;color:#c4b5fd;font-size:11px}.same-button.selected.correct{border-color:#22c55e}.same-button.selected.wrong{border-color:#ef4444}.case-actions{display:flex;justify-content:center;margin:12px 0}.feedback{margin-top:14px;padding:16px;border-radius:18px;background:rgba(9,20,41,.78);text-align:center}.feedback h3{margin:0;color:#fde68a}.feedback .primary{min-width:180px}.final-score b{font-size:56px;color:#fde68a}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-grid span{padding:12px;border-radius:16px;background:rgba(255,255,255,.08)}.result-grid small{display:block;color:#d8b4fe}.result-grid b{font-size:24px}.compact button{width:100%;margin-top:8px}@media(max-width:640px){.screen{padding-top:calc(76px + env(safe-area-inset-top))}.overlay{align-items:start;padding-top:calc(12px + env(safe-area-inset-top))}.card,.case-card{border-radius:24px;padding:17px 14px}.card p{margin:8px 0}.hud{left:calc(62px + env(safe-area-inset-left));justify-content:flex-end}.hud div{min-width:53px;padding:6px 4px}.hud div:nth-child(3){display:none}.hud b{font-size:15px}.hud button{min-width:40px;min-height:40px}.labels{gap:8px}.label-card{padding:8px}.label-top strong{font-size:14px}.nutrition-title{font-size:17px}.row{font-size:12px;padding:5px 0}.row.calories{font-size:14px}.label-card small{font-size:9px}.case-meta{font-size:9px}}@media(max-width:370px){.hud div:nth-child(2){display:none}.case-card h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}