@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:wght@400;500;600;700;800&family=Syne:wght@700;800&display=swap";:root,[data-theme=dark]{--bg: #070a12;--bg-surface: rgba(16,22,40,.94);--bg-card: rgba(255,255,255,.04);--bg-input: rgba(255,255,255,.06);--bg-nav: rgba(7,10,18,.98);--border: rgba(255,255,255,.12);--border-faint: rgba(255,255,255,.08);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #00f0a4;--accent2: #00cdee;--accent-contrast: #041016;--danger: #f87171;--danger-bg: rgba(248,113,113,.1);--danger-border: rgba(248,113,113,.25);--warning: #fbbf24;--warning-bg: rgba(251,191,36,.15);--protein: #60a5fa;--carbs-color: #fbbf24;--fat-color: #f97316;--cal-color: #f472b6;--glow: rgba(0,245,160,.06);--byo-color: #a78bfa}[data-theme=light]{--bg: #f4f7fb;--bg-surface: rgba(255,255,255,.98);--bg-card: rgba(255,255,255,.92);--bg-input: rgba(15,23,42,.06);--bg-nav: rgba(244,247,251,.98);--border: rgba(15,23,42,.12);--border-faint: rgba(15,23,42,.08);--text-primary: #0b1220;--text-secondary: #1f2937;--text-muted: #475569;--text-dim: #64748b;--accent: #039b6f;--accent2: #0284a2;--accent-contrast: #ffffff;--danger: #dc2626;--danger-bg: rgba(220,38,38,.1);--danger-border: rgba(220,38,38,.25);--byo-color: #7c3aed;--warning: #d97706;--warning-bg: rgba(217,119,6,.15);--protein: #2563eb;--carbs-color: #d97706;--fat-color: #ea580c;--cal-color: #db2777;--glow: rgba(0,163,104,.04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text-primary);font-family:DM Sans,sans-serif;min-height:100%;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}input::placeholder{color:var(--text-dim)}input{caret-color:var(--accent);outline:none;color:var(--text-primary)}button{font-family:DM Sans,sans-serif}body,.app-root,.app-content,.app-page,.app-sidebar,.bottom-nav{transition:background-color .25s ease,color .25s ease}button,input,select,textarea{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.app-root{width:100%;min-height:100vh;background:var(--bg)}.app-content{min-height:100vh;display:flex;flex-direction:column}.app-page{flex:1;width:100%}.app-sidebar{display:none}@media(min-width:768px){.app-sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:220px;height:100vh;background:var(--bg-surface);border-right:1px solid var(--border);padding:28px 12px;gap:4px;z-index:200;overflow-y:auto}.app-content{margin-left:220px}.bottom-nav{display:none!important}.app-content main{padding-bottom:48px!important}.app-page{max-width:1040px;margin:0 auto}.app-page--profile{max-width:none;margin:0;padding-left:28px;padding-right:28px}}@media(min-width:1024px)and (max-width:1440px){body{font-size:15px}.app-page{max-width:980px}}.profile-page .profile-input:focus,.profile-page button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.profile-page .profile-targets-grid{grid-template-columns:repeat(2,1fr)}@media(min-width:480px){.profile-page .profile-targets-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.app-content .profile-page{height:100dvh;overflow:hidden;padding-bottom:0!important}}@media(min-width:768px){.snap-page{max-width:600px;margin:0 auto}.mylog-page{max-width:660px;margin:0 auto}}@media(min-width:1024px){.analysis-page .analysis-inner{max-width:640px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}.analysis-page .analysis-stats>div{flex:1 1 140px;padding:18px 12px}.analysis-page .analysis-chart-wrap{min-height:220px}.analysis-page [role=tablist]{padding:8px}}@media(min-width:768px)and (max-height:520px){.app-sidebar{width:64px;padding:16px 8px;align-items:center}.app-content{margin-left:64px}.sidebar-label,.sidebar-brand{display:none}.sidebar-item{justify-content:center}}.sidebar-brand{font-family:Syne,sans-serif;font-weight:800;font-size:17px;color:var(--accent);padding:4px 12px 20px;letter-spacing:-.02em}.sidebar-item{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:14px;cursor:pointer;font-family:DM Sans,sans-serif;font-weight:500;font-size:14px;color:var(--text-secondary);background:none;border:none;width:100%;text-align:left;transition:background .15s,color .15s}.sidebar-item:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-item.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:600}.sidebar-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.sidebar-theme-toggle{margin-top:auto;display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:14px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-muted);background:none;border:none;width:100%;text-align:left;transition:background .15s}.sidebar-theme-toggle:hover{background:var(--bg-card)}@media(max-width:360px){.app-root{font-size:14px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes scanline{0%{top:-2px}50%{top:100%}to{top:-2px}}@keyframes shimmer{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #00f5a066}70%{transform:scale(1);box-shadow:0 0 0 16px transparent}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes waveIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes analyzing-bar{0%{width:0%}to{width:100%}}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}