@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Oswald,system-ui,sans-serif;background:#f5f5f0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}:root{--black: #000000;--white: #ffffff;--accent: #c4b5e0}*{box-sizing:border-box}#root{width:100%;max-width:480px;margin:0 auto;padding:1.5rem}.container{background:var(--white);border:4px solid var(--black);padding:1.25rem;width:100%}.title{font-family:Oswald,sans-serif;font-size:2.75rem;font-weight:700;letter-spacing:-.02em;color:var(--black);margin:0;line-height:1}.subtitle{font-family:Oswald,sans-serif;font-size:1.1rem;font-weight:400;color:var(--black);margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}.divider{height:1px;background:var(--black);margin:.75rem 0}.divider.thick{height:8px;margin:.5rem 0 .75rem}.macro-selector{display:flex;gap:.5rem;margin:.75rem 0}.macro-btn{flex:1;font-family:Oswald,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.5rem;background:var(--white);color:var(--black);border:2px solid var(--black);cursor:pointer;transition:background .15s ease}.macro-btn:hover{background:var(--accent)}.macro-btn.active{background:var(--black);color:var(--white)}.score-row{display:flex;justify-content:space-between;align-items:baseline;font-family:Oswald,sans-serif}.score-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--black)}.score-value{font-size:1.5rem;font-weight:700;color:var(--black)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;align-items:stretch}@media(max-width:500px){.cards{grid-template-columns:1fr}.food-name{min-height:auto}.footer,.feedback-text{display:none}}.card{background:var(--white);border:3px solid var(--black);padding:1rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;text-align:left;font-family:Oswald,sans-serif;color:var(--black);width:100%;display:flex;flex-direction:column}.card:hover:not(:disabled){transform:translateY(-2px);box-shadow:4px 4px 0 var(--black)}.card:active:not(:disabled){transform:translateY(0);box-shadow:none}.card:disabled{cursor:default}.card.correct{background:#c8e6c9}.card.incorrect{background:#ffcdd2}.card-header{display:flex;justify-content:space-between;align-items:center}.card-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.card-divider{height:1px;background:var(--black);margin:.5rem 0}.food-name{font-size:1rem;font-weight:700;line-height:1.2;min-height:2.4em;text-transform:capitalize;-webkit-user-select:text;user-select:text;flex:1}.calorie-row{display:flex;justify-content:space-between;align-items:baseline;width:100%}.calorie-info{font-size:.85rem;font-weight:400}.macro-result{display:flex;align-items:baseline;gap:.35rem;animation:fadeIn .2s ease}.macro-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.macro-value{font-size:1.1rem;font-weight:700}.feedback{text-align:center}.feedback-text{font-family:Oswald,sans-serif;font-size:1.5rem;font-weight:700;color:var(--black);margin:1rem 0;letter-spacing:.1em}.next-btn{font-family:Oswald,sans-serif;background:var(--black);color:var(--white);border:3px solid var(--black);padding:.75rem 2rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background .15s ease}.next-btn:hover{background:var(--accent);color:var(--black);border:3px solid var(--black)}.footer{margin-top:1rem}.footer-text{font-family:Oswald,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--black);opacity:.5;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}