:root{color-scheme:light}html,body{margin:0;padding:0;height:100%}#root{min-height:100vh}:root{--ir-safe-top: env(safe-area-inset-top, 0px);--ir-safe-right: env(safe-area-inset-right, 0px);--ir-safe-bottom: env(safe-area-inset-bottom, 0px);--ir-safe-left: env(safe-area-inset-left, 0px);--ir-page-pad-x: 16px;--ir-page-pad-y: 16px;--ir-bottom-nav-h: 74px;--ir-header-gap: 10px;--ir-header-min-top: 52px;--ir-bg: #f6f7fb;--ir-surface: #ffffff;--ir-border: #e5e7eb;--ir-border-soft: #eef2f7;--ir-text: #111827;--ir-muted: #6b7280;--ir-primary: #111827;--ir-primary-contrast: #ffffff;--ir-shadow: 0 6px 20px rgba(15, 23, 42, .06);--ir-radius: 16px}html,body{min-height:100%;height:100%;margin:0;padding:0;overflow-x:hidden;background:var(--ir-bg);color:var(--ir-text)}body{-webkit-text-size-adjust:100%}#root{min-height:100dvh;display:flex;flex-direction:column;background:var(--ir-bg);overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}img,svg,canvas,video{max-width:100%}input,textarea,select,button{max-width:100%;font:inherit}.app-shell{min-height:100dvh;width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;overflow-x:hidden;padding-top:0;padding-right:calc(var(--ir-safe-right) + var(--ir-page-pad-x));padding-left:calc(var(--ir-safe-left) + var(--ir-page-pad-x));padding-bottom:var(--ir-page-pad-y);background:var(--ir-bg)}.topbar{position:relative;z-index:20;display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:0;margin-right:calc(-1 * (var(--ir-safe-right) + var(--ir-page-pad-x)));margin-left:calc(-1 * (var(--ir-safe-left) + var(--ir-page-pad-x)));margin-bottom:0;padding-top:max(var(--ir-header-min-top),calc(var(--ir-safe-top) + var(--ir-header-gap)));padding-right:calc(var(--ir-safe-right) + var(--ir-page-pad-x));padding-left:calc(var(--ir-safe-left) + var(--ir-page-pad-x));padding-bottom:10px;background:linear-gradient(180deg,#fff7ea,#fff);border-bottom:1px solid var(--ir-border)}.topbar+.muted{margin-top:0;margin-right:calc(-1 * (var(--ir-safe-right) + var(--ir-page-pad-x)));margin-left:calc(-1 * (var(--ir-safe-left) + var(--ir-page-pad-x)));margin-bottom:14px;padding-top:0;padding-right:calc(var(--ir-safe-right) + var(--ir-page-pad-x));padding-left:calc(var(--ir-safe-left) + var(--ir-page-pad-x));padding-bottom:14px;background:linear-gradient(180deg,#fff7ea,#fff);border-bottom:1px solid var(--ir-border);color:var(--ir-muted);font-size:12px;line-height:1.35}.app-main{flex:1 1 auto;min-height:0;min-width:0;width:100%;max-width:100%;padding-top:8px;overflow-x:hidden}.app-main>*{width:100%;max-width:100%;min-width:0}h1,h2,h3,h4,h5,h6{margin:0 0 10px;line-height:1.15;overflow-wrap:anywhere}h1{font-size:clamp(1.7rem,4vw,2rem);font-weight:800}h2{font-size:1.125rem;font-weight:700}p,li{overflow-wrap:anywhere}.muted{color:var(--ir-muted)}.small{font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--ir-border);border-radius:999px;background:var(--ir-surface);color:var(--ir-text);box-shadow:0 1px 2px #0f172a0a;cursor:pointer}.btn.primary{background:var(--ir-primary);color:var(--ir-primary-contrast);border-color:var(--ir-primary)}.btn:disabled{opacity:.65;cursor:not-allowed}.card,.ir-card-box{width:100%;max-width:100%;min-width:0;background:var(--ir-surface);border:1px solid var(--ir-border-soft);border-radius:var(--ir-radius);box-shadow:var(--ir-shadow);padding:16px;overflow:hidden}.card>*,.ir-card-box>*{min-width:0}.ir-card-grid,.nb-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.row{display:grid;gap:6px;margin-bottom:12px}.row>label{font-size:13px;font-weight:600;color:var(--ir-text)}.select,input[type=text],input[type=number],input[type=search],textarea,select{width:100%;min-width:0;border:1px solid var(--ir-border);border-radius:12px;background:#fff;color:var(--ir-text);padding:10px 12px}.dashboard-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:100%}.metric-card{min-width:0;width:100%;max-width:100%;background:var(--ir-surface);border:1px solid var(--ir-border-soft);border-radius:14px;box-shadow:var(--ir-shadow);padding:12px 12px 11px}.metric-value{font-size:16px;line-height:1.15;font-weight:800;color:var(--ir-text);overflow-wrap:anywhere}.metric-label{margin-top:4px;font-size:12px;line-height:1.35;color:var(--ir-muted);overflow-wrap:anywhere}ul,ol{max-width:100%}.food-results,.nb-meal-list,.nb-tags-row{min-width:0;max-width:100%}@media(max-width:820px){.app-shell{padding-bottom:calc(var(--ir-bottom-nav-h) + var(--ir-safe-bottom) + 18px)}.app-main{padding-top:6px}.card,.ir-card-box,.metric-card{border-radius:14px}}@media(min-width:821px){.ir-card-grid,.nb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}html,body{overflow-x:hidden}#root{min-height:100dvh;overflow-x:hidden}@media(max-width:820px){#root:before{content:"";display:block;height:56px;height:max(56px,calc(env(safe-area-inset-top) + 8px));flex:0 0 auto}}@supports (padding-top: env(safe-area-inset-top)){body{padding-top:calc(env(safe-area-inset-top) + 6px)}}html,body,#root{overflow-x:hidden}.ci-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--ci-bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-around;background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--ci-border);box-shadow:0 -10px 30px #0f172a1a;z-index:50}.ci-bottom-nav__btn{position:relative;flex:1;height:var(--ci-bottom-nav-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;background:transparent;border:none;color:var(--ci-muted);font-size:12px;font-weight:900;-webkit-tap-highlight-color:transparent}.ci-bottom-nav__btn:active{transform:scale(.985)}.ci-bottom-nav__btn.is-active{color:var(--ci-brand)}.ci-bottom-nav__btn.is-active:before{content:"";position:absolute;top:0;left:18%;right:18%;height:3px;background:var(--ci-brand);border-radius:0 0 999px 999px}.ci-bottom-nav__icon svg{width:22px;height:22px}.ci-bottom-nav__label{white-space:nowrap}