:root{--yb-brand:#f55f16;--yb-brand-hover:#ff7a3d;--yb-brand-ink:#b4400a;--yb-brand-soft:#f55f161a;--yb-bg:#f8f9fa;--yb-surface:#fff;--yb-surface-2:#f1f5f9;--yb-field:#f8f9fa;--yb-border:#e2e8f0;--yb-text:#1a202c;--yb-muted:#718096;--yb-faint:#94a3b8;--yb-success:#16a34a;--yb-info:#3b82f6;--yb-warning:#d97706;--yb-danger:#ef4444;--yb-purple:#a855f7;--yb-macro-protein:#3b82f6;--yb-macro-carb:#f59e0b;--yb-macro-fat:#a855f7;--yb-font:"Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--yb-fs-display:38px;--yb-fs-h1:28px;--yb-fs-h2:21px;--yb-fs-h3:15px;--yb-fs-body:14px;--yb-fs-label:12px;--yb-fs-caption:12px;--yb-lh:1.6;--yb-space-1:6px;--yb-space-2:12px;--yb-space-3:18px;--yb-space-4:22px;--yb-space-5:28px;--yb-radius-sm:8px;--yb-radius-md:12px;--yb-radius-lg:18px;--yb-radius-pill:999px;--yb-shadow-card:0 1px 3px #0000001a;--yb-shadow-brand:0 4px 12px #f55f1640;--yb-shadow-overlay:0 12px 40px #00000047;--yb-sidebar-w:260px;--yb-header-h:72px;--yb-bottomnav-h:64px;--yb-bp-mobile:860px;--brand:var(--yb-brand);--brand-hover:var(--yb-brand-hover);--brand-soft:var(--yb-brand-soft);--bg:var(--yb-bg);--surface:var(--yb-surface);--surface-2:var(--yb-surface-2);--field:var(--yb-field);--border:var(--yb-border);--text:var(--yb-text);--muted:var(--yb-muted);--success:var(--yb-success);--info:var(--yb-info);--warning:var(--yb-warning);--danger:var(--yb-danger);--purple:var(--yb-purple)}:root[data-theme=dark]{--yb-bg:#121212;--yb-surface:#1e1e1e;--yb-surface-2:#2a2a2a;--yb-field:#161616;--yb-border:#333;--yb-text:#dbd9d8;--yb-muted:#9c9c9c;--yb-faint:#6b7280;--yb-brand-soft:#f55f1624;--bg:var(--yb-bg);--surface:var(--yb-surface);--surface-2:var(--yb-surface-2);--field:var(--yb-field);--border:var(--yb-border);--text:var(--yb-text);--muted:var(--yb-muted);--brand-soft:var(--yb-brand-soft)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--yb-bg,#f8f9fa);width:100%;height:100%;color:var(--yb-text,#1a202c);font-family:var(--yb-font,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);-webkit-text-size-adjust:100%;line-height:1.5}#root{flex-direction:column;min-height:100%;display:flex}input,button,select,textarea{font-family:inherit}