:root{--header-height: 68px;--footer-height: 68px;--content-max-width: 640px;--ease-fast: .2s ease;--ease-press: .1s ease;--icon-size: 1.5rem}:root[data-theme=dark]{--bg: #0b0b0f;--surface: #252534;--muted: #383859;--text: #f5f6fa;--input-text: grey;--accent: #5b8cff;--ring: #3a5bd8;--btn-fg: var(--text);--btn-bg-hover: color-mix(in oklab, var(--text) 10%, transparent)}:root[data-theme=bright]{--bg: #0b0b0f;--surface: #9d9ddd;--muted: #7272b7;--text: #0a0a0a;--input-text: #0a0a0a;--accent: #565eff;--ring: #121d43;--btn-fg: var(--text);--btn-bg-hover: color-mix(in oklab, var(--text) 12%, transparent)}*{box-sizing:border-box}input,textarea,button,label,select,option{margin:0;padding:0;border:none;box-shadow:none;outline:none;max-width:220px}html,body{height:100%}app-root{width:100%;max-width:var(--content-max-width)}header{width:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}body{height:100%;display:flex;justify-content:center;align-items:stretch}form{display:flex;flex-direction:column;width:100%;max-width:220px}section{place-items:center;width:100%;max-width:350px}.center,app-landing,app-dashboard,app-profile,app-settings,app-health,app-login,app-signup,app-verify{align-self:center}.form-field{display:flex;flex-direction:column;margin-bottom:1rem}.form-field label{font-size:.9rem;margin-left:.3rem}.input,.select{padding:.5rem;border-radius:6px;border:1px solid #ccc;font-size:1rem;background:var(--color-bg, #fff);color:var(--color-text, #000)}label{font-weight:600}input::placeholder{font-style:italic;color:color-mix(in oklab,var(--input-text) 70%,grey)}select:disabled{background-color:var(--muted);font-style:italic;opacity:1}input:disabled,select:disabled{background-color:var(--muted);color:color-mix(in oklab,var(--input-text) 70%,grey);font-style:italic;opacity:1}.submit-btn,.error{display:block;margin:0 auto;text-align:center}h2{position:absolute;margin-top:0;margin-bottom:auto;transform:translateY(-5rem)}.calories{position:absolute;margin-bottom:0;margin-top:auto;transform:translateY(3rem)}.landing-buttons{display:flex;width:100%;justify-content:space-around}.app-shell{width:100%;height:100%;display:grid;grid-template-rows:var(--header-height) 1fr var(--footer-height);background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}.top,.bottom{display:flex;align-items:center;background:var(--muted);border:0;width:100%}.top{justify-content:space-between;padding-inline:.5rem}.bottom{justify-content:space-evenly}.content{position:relative;display:flex;justify-content:center;align-items:start;overflow:auto;padding:1rem}.content-view{display:grid;grid-template-rows:auto 1fr;row-gap:1rem;width:100%;max-width:var(--content-max-width);text-align:center}.row{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:.75rem}.row>[data-field=label]{opacity:.9}.row>[data-field=control]{width:100%;min-height:2.25rem;padding:.5rem .75rem;color:inherit;background:transparent;border:1px solid color-mix(in oklab,var(--text) 22%,transparent);border-radius:.5rem;outline:none}.row>[data-field=control]:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 35%,transparent)}.btn{all:unset;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.5rem .75rem;min-width:3rem;margin:auto;font:inherit;color:var(--btn-fg);border-radius:.5rem;transition:background-color var(--ease-fast),transform var(--ease-press)}.btn:hover{background-color:var(--btn-bg-hover)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn .btn__label{font-size:.825rem;line-height:1.1;font-weight:600}.dashboard{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;width:300px;height:300px;margin:auto}.dashboard.landing{grid-template-rows:1fr;height:150px}.dashboard .btn{display:flex;flex-direction:column;align-items:center;justify-content:center}#btn-go-signup>.btn__icon{transform:translate(3px)}.btn.xs .btn__icon.xs{inline-size:var(--icon-size);block-size:var(--icon-size)}.btn .btn__icon{inline-size:calc(var(--icon-size)*1.5);block-size:calc(var(--icon-size)*1.5);display:inline-block;color:currentColor}.btn .btn__icon>svg,.btn .btn__icon app-icon svg{width:100%;height:100%;display:block;fill:currentColor}.btn .btn__icon.mask{background-color:currentColor;mask-image:var(--icon-src);mask-repeat:no-repeat;mask-position:center;mask-size:100% 100%;-webkit-mask-image:var(--icon-src);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:100% 100%}[hidden]{display:none!important}footer.bottom[aria-hidden=true]{min-height:var(--footer-height)}footer.bottom[aria-hidden=true] .btn{visibility:hidden;pointer-events:none}#btn-theme{margin-right:0;margin-left:auto}.error{position:absolute;left:1%;right:1%;max-width:500px;margin:auto;color:#d80909;padding-top:.5rem}@media (prefers-reduced-motion: reduce){.btn{transition:none}}@media (max-width: 350px){.dashboard{display:flex;flex-direction:column;width:100%;height:auto}.dashboard .btn{flex:1 1 auto;padding:1rem}}