:root{font-family:sans-serif;--brand: #228be6;--brand-text: #d0ebff;--text: #16191d;--border: #ced4da;--bg-0: #f1f3f5;--bg-1: #e9ecef}@media (prefers-color-scheme: dark){:root{--brand: #228be6;--brand-text: #d0ebff;--text: #f1f3f5;--border: #495057;--bg-0: #343a40;--bg-1: #212529}}html,body,#root{margin:0;height:100%;width:100%;background:var(--bg-0);color:var(--text)}input{padding:1rem;text-align:center;border-radius:5px;font-size:1.1rem;background-color:var(--bg-1);color:var(--text);border:1px solid var(--border)}h1{color:var(--text);text-align:center;font-size:2rem;font-weight:700}.food-option{font-size:1.1rem;font-weight:500;box-shadow:0 1px 2px -1px #03040757;color:var(--text);background:var(--bg-1);display:flex;justify-content:center;align-items:center;padding:1rem;border-radius:5px;border:0}.food-option.deletable{display:grid;grid-template-columns:1fr auto 1fr}.food-option.deletable #label{grid-column:2 / span 1}.food-option.deletable #x-mark{grid-column:3 / span 1;display:flex;justify-content:end}.food-option.active{color:var(--brand-text);background-color:var(--brand)}button{color:var(--brand-text);background-color:var(--brand);border:0;padding:1rem;font-size:1.1rem;font-weight:500;border-radius:5px}button:hover{cursor:pointer}button.sm{gap:.5rem;padding:.5rem 1rem}