html,body{height:100%;margin:0;padding:0;overflow-x:hidden}.app{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.app>*{min-height:0}input,textarea,select{max-width:100%}*{box-sizing:border-box}.nb-root{--nb-surface: #ffffff;--nb-surface-2: #ffffff;--nb-text: #111827;--nb-muted: #6b7280;--nb-border: #e5e7eb;--nb-accent: #2563eb;--nb-green: #22c55e;color:var(--nb-text);color-scheme:light}.nb-root[data-applied-theme=dark],:root[data-theme=dark i] .nb-root,body[data-theme=dark i] .nb-root,:root[data-mode=dark i] .nb-root,body[data-mode=dark i] .nb-root,:root[data-applied-theme=dark i] .nb-root,body[data-applied-theme=dark i] .nb-root,.dark .nb-root,.theme-dark .nb-root,.mode-dark .nb-root,.dark-mode .nb-root{--nb-surface: #0b1220;--nb-surface-2: #0b1220;--nb-text: #ffffff;--nb-muted: rgba(255, 255, 255, .82);--nb-border: rgba(255, 255, 255, .15);--nb-accent: #2563eb;--nb-green: #22c55e;color:var(--nb-text);color-scheme:dark}.nb-root.card{background:var(--nb-surface);border:1px solid var(--nb-border);border-radius:14px}.nb-root .nb-grid{display:grid;gap:14px}@media(min-width:980px){.nb-root .nb-grid{grid-template-columns:1fr 2fr;align-items:start}}.nb-root .row{display:grid;gap:6px;margin:10px 0}.nb-root .ir-card-box,.nb-root .nb-score,.nb-root .nb-meal-item,.nb-root .nb-meal-form,.nb-root .nb-meal-list,.nb-root section.card{background:var(--nb-surface-2);border:1px solid var(--nb-border);border-radius:14px;padding:14px}.nb-root .muted,.nb-root .ss-muted{color:var(--nb-muted);opacity:1}.nb-root h1,.nb-root h2,.nb-root h3{color:var(--nb-text)}.nb-root input,.nb-root textarea,.nb-root select,.nb-root .select,.nb-root .ss-input,.nb-root .ss-select,.nb-root .ss-qty-input{background:var(--nb-surface);color:var(--nb-text);border:1px solid var(--nb-border);border-radius:10px;padding:10px 12px}.nb-root textarea.nb-meal-text{resize:vertical}.nb-root .btn,.nb-root .nb-water-btn,.nb-root .ss-qty-btn,.nb-root .ss-chip{background:var(--nb-surface);color:var(--nb-text);border:1px solid var(--nb-border);border-radius:10px;padding:10px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nb-root .btn:hover,.nb-root .nb-water-btn:hover,.nb-root .ss-qty-btn:hover,.nb-root .ss-chip:hover{background:#0000000a}.nb-root[data-applied-theme=dark] .btn:hover,.nb-root[data-applied-theme=dark] .nb-water-btn:hover,.nb-root[data-applied-theme=dark] .ss-qty-btn:hover,.nb-root[data-applied-theme=dark] .ss-chip:hover{background:#ffffff0f}.nb-root .btn.primary{background:var(--nb-accent);color:#fff;border-color:transparent;font-weight:600}.nb-root .nb-progress{height:10px;border-radius:999px;overflow:hidden;background:#00000014}.nb-root[data-applied-theme=dark] .nb-progress{background:#ffffff24}.nb-root .nb-progress-bar{height:100%;background:var(--nb-accent)}.nb-root .nb-checklist{list-style:none;padding:0;margin:0}.nb-root .nb-checklist-item{padding:10px 0;border-bottom:1px solid var(--nb-border)}.nb-root .nb-checklist-item:last-child{border-bottom:none}.nb-root .nb-water-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;overflow:visible;position:relative;z-index:5}.nb-root .nb-water-controls{display:flex;gap:12px;align-items:center;overflow:visible;position:relative;z-index:6}.nb-root .nb-water-btn{min-width:40px;min-height:40px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;position:relative;z-index:7;pointer-events:auto}.nb-root .ir-card-box,.nb-root .nb-score,.nb-root .nb-meal-form,.nb-root .nb-meal-list,.nb-root section.card{overflow:visible}.nb-root .nb-meal-header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:6px}.nb-root .nb-tags-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.nb-root .chip{padding:4px 10px;border-radius:999px;background:#2563eb1f;border:1px solid rgba(37,99,235,.25);color:var(--nb-text);font-size:12px}.nb-root[data-applied-theme=dark] .chip{background:#3b82f638;border:1px solid rgba(59,130,246,.45);color:#fff}.nb-root .nb-tag-pill{padding:6px 10px;border-radius:999px;border:1px solid var(--nb-border);background:#00000008;font-size:12px;color:var(--nb-text)}.nb-root[data-applied-theme=dark] .nb-tag-pill{background:#ffffff14}.food-results{list-style:none;padding:0;margin:8px 0 0;position:relative;z-index:50}.food-results li{margin:6px 0}.food-results li,.food-results li button{pointer-events:auto}.food-results li button{width:100%;display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;text-align:left;cursor:pointer;background:var(--nb-surface);color:var(--nb-text);border:1px solid var(--nb-border);position:relative;z-index:51;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.food-results li button:hover{background:#0000000a}.nb-root[data-applied-theme=dark] .food-results li button:hover{background:#ffffff0f}.food-result-cal{opacity:.8;font-size:12px;white-space:nowrap}.food-results li button>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.nb-root svg text{fill:var(--nb-muted);opacity:1}.nb-root svg text[fill="#111827"]{fill:var(--nb-text)}.nb-root svg line[stroke="#e5e7eb"]{stroke:var(--nb-border)}.nb-root svg line[stroke="#6b7280"]{stroke:var(--nb-muted)}.ss-panel,.ss-card{background:var(--nb-surface);color:var(--nb-text);border:1px solid var(--nb-border);border-radius:14px}@media(max-width:768px){.nb-root .nb-water-row{flex-wrap:wrap;align-items:flex-start}.nb-root .nb-water-controls{width:100%;justify-content:flex-start}}:root{--bg: #020617;--bg-soft: #0b1220;--panel: #020617;--panel-soft: #0b1220;--text: #e5e7eb;--muted: #9ca3af;--accent: #3b82f6;--danger: #ef4444;--chip: rgba(148, 163, 184, .15);--border-subtle: rgba(148, 163, 184, .35);--radius-pill: 999px;--shadow-soft: 0 10px 35px rgba(15, 23, 42, .35);--font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body.light-mode{--bg: #f6f6f7;--bg-soft: #eef2ff;--panel: #ffffff;--panel-soft: #f9fafb;--text: #111827;--muted: #4b5563;--accent: #2563eb;--danger: #dc2626}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow-x:hidden}body{font-family:var(--font-family-sans);color:var(--text);background:radial-gradient(circle at top,#020617 0,var(--bg) 55%)}#root{min-height:100%;display:flex;flex-direction:column;overflow-y:auto}.app-shell{width:100%;max-width:960px;margin:24px auto 48px;padding:20px 16px 32px;background:var(--panel);border-radius:24px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);min-height:0}body.light-mode .app-shell{background:#f8fafcf5}.card{background:var(--panel-soft);border-radius:24px;padding:20px;margin-bottom:16px;border:1px solid var(--border-subtle)}.muted{font-size:12px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid transparent;background:var(--chip);color:var(--text);cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.btn.danger{background:var(--danger);color:#fff}.row{display:flex;align-items:center;gap:10px;margin-bottom:8px}input,select,textarea{width:100%;max-width:100%;min-width:0;border-radius:10px;border:1px solid var(--border-subtle);background:var(--panel-soft);color:var(--text);padding:8px 10px;font-size:14px}.dashboard-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.ir-main-nav,.tab-row{display:flex;gap:10px;margin:16px 0;overflow-x:auto;overflow-y:hidden}.ir-main-nav::-webkit-scrollbar,.tab-row::-webkit-scrollbar{display:none}.ir-main-nav button,.tab-row button{flex:0 0 auto;border-radius:var(--radius-pill);padding:8px 14px}.ir-main-nav .active,.tab-row .active{background:var(--accent);color:#fff}@media(max-width:768px){.app-shell{margin:12px auto 32px;padding:16px 12px 24px}}html,body,#root{overflow-y:auto}