@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root,[data-theme=light]{--bg-primary:#f8fafc;--bg-surface:#fff;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-input:#fff;--bg-header:#ffffffe0;--bg-modal-backdrop:#0f172a73;--text-main:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-light:#e2e8f0;--border-subtle:#e2e8f0;--border-active:#10b981;--color-accent:#10b981;--color-warning:#ef4444;--accent-emerald:#10b981;--accent-cyan:#3b82f6;--accent-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--accent-glow:0 4px 14px #10b98140;--macro-protein:#3b82f6;--macro-carbs:#f59e0b;--macro-fats:#ec4899;--danger-bg:#fef2f2;--danger-border:#fecaca;--danger-text:#ef4444;--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-card:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000f, 0 4px 16px -2px #0f172a0a}[data-theme=dark]{--bg-primary:#161a18;--bg-surface:#222825;--bg-secondary:#1c211e;--bg-card:#222825;--bg-card-hover:#29302c;--bg-input:#191d1b;--bg-header:#161a18e0;--bg-modal-backdrop:#0a0d0bd1;--text-main:#f3f6f4;--text-primary:#f3f6f4;--text-secondary:#a3b0a8;--text-muted:#728078;--border-light:#ffffff17;--border-subtle:#ffffff12;--border-active:#10b981;--color-accent:#10b981;--color-warning:#f87171;--accent-emerald:#10b981;--accent-cyan:#34d399;--accent-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--accent-glow:0 0 25px #10b98147;--macro-protein:#38bdf8;--macro-carbs:#fbbf24;--macro-fats:#f472b6;--danger-bg:#ef444426;--danger-border:#ef44444d;--danger-text:#f87171;--shadow-card:0 12px 32px -8px #00000073}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;min-width:0;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(at 0 0,#3b82f608 0,#0000 50%),radial-gradient(at 100% 100%,#10b9810a 0,#0000 50%),radial-gradient(#f1f5f980 0,#0000 100%);background-attachment:fixed;min-height:100vh;line-height:1.5;transition:background-color .25s,color .25s}[data-theme=dark] body{background-image:radial-gradient(at 0 0,#06b6d41a 0,#0000 50%),radial-gradient(at 100% 100%,#10b98117 0,#0000 50%),radial-gradient(#11182780 0,#0000 100%)}button,input,select,textarea{font-family:inherit;font-size:16px}a{color:inherit;text-decoration:none}::placeholder{opacity:.55;color:var(--text-muted)!important;font-weight:400!important}::-webkit-input-placeholder{opacity:.55;color:var(--text-muted)!important}::placeholder{opacity:.55;color:var(--text-muted)!important}:-ms-placeholder-shown{opacity:.55;color:var(--text-muted)!important}.main-content-container{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:16px 12px}@media (width>=640px){.main-content-container{padding:24px 18px}}@media (width>=1024px){.main-content-container{padding:32px 20px}}.glass-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:100%;transition:background-color .25s,border-color .25s}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;min-height:36px;box-shadow:var(--accent-glow);touch-action:manipulation;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}[data-theme=dark] .btn-primary{color:#04100c}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #00000008}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-focus);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 3px 8px #0000000f}.btn-secondary:active{transform:translateY(0)}.modal-close-icon{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.modal-close-icon:hover{color:#ef4444;background:#ef44441a;border-color:#ef444440;transform:rotate(90deg)scale(1.05)}.modal-close-icon:active{transform:rotate(90deg)scale(.95)}.btn-ghost{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;white-space:nowrap;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn-ghost:hover{background:var(--bg-secondary);border-color:var(--text-muted);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.input-field{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;color:var(--text-main);outline:none;padding:8px 10px;font-size:13px;transition:all .2s;box-shadow:inset 0 1px 2px #00000005}@media (width<=640px){.input-field{padding:8px 10px;font-size:14px}}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #10b98126}.badge{border-radius:var(--radius-full);color:var(--color-accent);white-space:nowrap;background:#10b9811a;border:1px solid #10b98133;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.alert-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);border-radius:var(--radius-md);padding:10px 14px;font-size:12px}.live-calculator-grid{grid-template-columns:1fr;gap:16px;width:100%;display:grid}@media (width>=960px){.live-calculator-grid{grid-template-columns:340px 1fr;gap:24px}}.metric-summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;width:100%;display:grid}@media (width>=640px){.metric-summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}}.goal-tabs-grid{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);grid-template-columns:repeat(3,1fr);gap:4px;width:100%;padding:3px;display:grid}.goal-tab-btn{border-radius:var(--radius-sm);cursor:pointer;text-align:center;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:3px;min-height:36px;padding:8px 2px;font-size:11px;font-weight:700;transition:all .2s;display:flex}@media (width>=480px){.goal-tab-btn{gap:5px;padding:9px 6px;font-size:12px}}.macro-cards-grid{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}@media (width<=360px){.macro-cards-grid{grid-template-columns:1fr;gap:6px}}.forecast-milestones-grid{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}@media (width<=480px){.forecast-milestones-grid{grid-template-columns:1fr;gap:8px}}.navbar-brand-subtitle,.navbar-badge-desktop,.unit-label-desktop{display:none}.unit-label-mobile{display:inline}.btn-label-desktop,.user-pill-desktop{display:none}@media (width>=640px){.navbar-brand-subtitle{display:block}.navbar-badge-desktop{display:inline-flex}.unit-label-desktop{display:inline}.unit-label-mobile{display:none}.btn-label-desktop{display:inline}.user-pill-desktop{display:flex}}.modal-backdrop-fixed{background-color:var(--bg-modal-backdrop);-webkit-backdrop-filter:blur(10px);z-index:9999;box-sizing:border-box;overscroll-behavior:contain;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:16px;display:flex;position:fixed;inset:0}.modal-responsive-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-light);box-sizing:border-box;width:100%;max-width:520px;max-height:calc(100dvh - 32px);padding:22px 18px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000073}@media (width>=640px){.modal-responsive-card{padding:30px 26px}}.responsive-card-padding{padding:14px 12px}@media (width>=640px){.responsive-card-padding{padding:20px 24px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.25s ease-out forwards fadeIn}.animate-modal{animation:.2s cubic-bezier(.16,1,.3,1) forwards modalPop}.mascot-img{object-fit:contain;width:22px;height:22px;transition:transform .2s,filter .25s;display:block}[data-theme=dark] .mascot-img{filter:invert()brightness(1.2)}.pill-btn{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #00000005}.pill-btn:hover{border-color:var(--border-focus);color:var(--text-main);background:var(--bg-secondary);transform:translateY(-1px)}.pill-btn.active{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), 0 2px 6px #10b98126;background:#10b9811f;font-weight:700}[data-theme=dark] .pill-btn.active{color:#34d399;background:#10b9812e}