html{width:100%;height:100%;margin:0;padding:0;background-color:var(--viewport-chrome-color, var(--background-color))}body{width:100%;height:100%;margin:0;padding:0;background-color:var(--background-color);color:var(--text-color)!important;font-family:Helvetica Neue,sans-serif;font-variant-numeric:tabular-nums;scrollbar-width:thin;scrollbar-color:var(--muted-text-color) var(--surface-color);scroll-behavior:smooth}body::-webkit-scrollbar-track{background:var(--surface-color)}body.modal-open{overflow:hidden;background-color:var(--viewport-chrome-color, var(--background-color))}:root{--spacing: 16px;--padding: 16px;--gap: calc(var(--spacing) / 2);--sidebar-width: 250px;--control-height: 38px;--font-size: 14px;--border-radius: 12px;--iphone-border-radius: 40px;--background-color: #E6EAED;--surface-color: #F2F7F8;--text-color: #000000;--border-color: #a9a9a9;--primary-color: #0f8f7a;--danger-color: #c92222;--primary-color-light: #E7F1F1;--primary-color-border: #DBE7E8;--primary-color-dark: #0e7e6d;--button-text-color: #ffffff;--protein-color: var(--primary-color);--fat-color: #d79b32;--carbs-color: #4f75c9;--fiber-color: #7b5fb2;--muted-text-color: var(--border-color);--viewport-chrome-color: var(--background-color)}:root[data-theme=dark]{--background-color: #0b0c0e;--surface-color: #16181c;--text-color: #ffffff;--muted-text-color: #837d7d;--border-color: #5e5e5e;--primary-color: #0f8f7a;--danger-color: #c92222;--primary-color-light: #d0e0df;--primary-color-dark: #0e7e6d;--button-text-color: #ffffff;--protein-color: var(--primary-color);--fat-color: #d79b32;--carbs-color: #4f75c9;--fiber-color: #9a84d8}.brand-tag{display:inline-flex;align-items:center;justify-self:start;width:fit-content;max-width:100%;min-width:0;min-height:16px;box-sizing:border-box;padding:1px 6px;border:1px solid var(--border-color);border-radius:999px;background:var(--background-color);color:var(--muted-text-color);font-size:10px;font-style:normal;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-element{height:var(--control-height, 40px);padding:0 calc(var(--padding, 16px) / 2);width:calc(100% - 2 * var(--padding, 16px));display:flex;align-items:center;font-size:var(--font-size)}.border{border:1px solid var(--border-color);border-radius:var(--border-radius, 4px);width:calc(100% - 2 * var(--padding, 16px) - 2px);height:calc(var(--control-height, 40px) - 2px)}.full-border{border:1px solid var(--border-color);border-radius:999px;padding:0 calc(var(--padding, 16px) - 8px);width:calc(100% - 2 * var(--padding, 16px) + 16px - 2px);height:calc(var(--control-height, 40px) - 2px)}label{display:block;margin-bottom:4px;font-size:var(--font-size);color:var(--border-color)}