@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap";:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-sans:"Google Sans", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-speed:.25s}:root,html[data-theme=light]{--bg-app:#f8f9fa;--bg-card:#fff;--bg-subtle:#f1f3f4;--bg-input:#fff;--text-main:#202124;--text-muted:#5f6368;--text-inverse:#fff;--border-light:#dadce0;--border-focus:#1a73e8;--color-primary:#1a73e8;--color-primary-hover:#1557b0;--color-primary-light:#e8f0fe;--color-primary-muted:#d2e3fc;--color-danger:#ea4335;--color-danger-hover:#d93025;--color-danger-muted:#fce8e6;--color-google-green:#1e8e3e;--color-google-yellow:#fbbc04;--color-google-red:#ea4335;--color-google-blue:#1a73e8;--color-protein:#ea4335;--color-carbs:#1a73e8;--color-fat:#fbbc04;--color-fiber:#1e8e3e;--shadow-sm:0 1px 3px #3c40431f, 0 1px 2px #3c404314;--shadow-md:0 4px 8px #3c404326, 0 1px 3px #3c40431a;--shadow-lg:0 8px 16px #3c404326, 0 2px 4px #3c404314}html[data-theme=dark]{--bg-app:#171717;--bg-card:#242528;--bg-subtle:#303134;--bg-input:#2d2e31;--text-main:#e8eaed;--text-muted:#9aa0a6;--text-inverse:#202124;--border-light:#3c4043;--border-focus:#8ab4f8;--color-primary:#8ab4f8;--color-primary-hover:#aecbfa;--color-primary-light:#1e2a3a;--color-primary-muted:#28374d;--color-danger:#f28b82;--color-danger-hover:#ee675c;--color-danger-muted:#442726;--color-google-green:#81c995;--color-google-yellow:#fdd663;--color-google-red:#f28b82;--color-google-blue:#8ab4f8;--color-protein:#f28b82;--color-carbs:#8ab4f8;--color-fat:#fdd663;--color-fiber:#81c995;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 8px #00000073;--shadow-lg:0 8px 16px #00000080}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--bg-app:#171717;--bg-card:#242528;--bg-subtle:#303134;--bg-input:#2d2e31;--text-main:#e8eaed;--text-muted:#9aa0a6;--text-inverse:#202124;--border-light:#3c4043;--border-focus:#8ab4f8;--color-primary:#8ab4f8;--color-primary-hover:#aecbfa;--color-primary-light:#1e2a3a;--color-primary-muted:#28374d;--color-danger:#f28b82;--color-danger-hover:#ee675c;--color-danger-muted:#442726;--color-google-green:#81c995;--color-google-yellow:#fdd663;--color-google-red:#f28b82;--color-google-blue:#8ab4f8;--color-protein:#f28b82;--color-carbs:#8ab4f8;--color-fat:#fdd663;--color-fiber:#81c995;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 8px #00000073;--shadow-lg:0 8px 16px #00000080}}@media (prefers-reduced-motion:reduce){:root{--transition-speed:0s}}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-speed), color var(--transition-speed);overscroll-behavior-y:none;line-height:1.5}body{font-variant-numeric:tabular-nums}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{flex:1;width:100%;display:flex}.content-area{max-width:1200px;padding:var(--space-3);padding-bottom:calc(var(--space-12) + env(safe-area-inset-bottom,24px) + var(--space-8));flex:1;width:100%;margin:0 auto}@media (width>=640px){.content-area{padding:var(--space-5);padding-bottom:calc(var(--space-12) + env(safe-area-inset-bottom,20px) + var(--space-8))}}@media (width>=768px){.content-area{padding:var(--space-8);padding-bottom:var(--space-8)}}.app-header{padding:var(--space-2) 0;margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.app-brand{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.app-logo{border-radius:var(--radius-md);object-fit:cover;width:36px;height:36px;box-shadow:var(--shadow-sm)}@media (width>=768px){.app-logo{width:40px;height:40px}}.app-title{font-size:var(--text-lg);color:var(--text-main);letter-spacing:-.02em;font-weight:700}@media (width>=768px){.app-title{font-size:var(--text-xl)}}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--text-main);font-weight:700;line-height:1.25}h1{font-size:var(--text-2xl);margin-bottom:var(--space-4);letter-spacing:-.02em}h2{font-size:var(--text-xl);margin-bottom:var(--space-3);letter-spacing:-.01em}h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}@media (width>=768px){h1{font-size:var(--text-3xl);margin-bottom:var(--space-6)}h2{font-size:var(--text-2xl);margin-bottom:var(--space-4)}h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}}p{margin-bottom:var(--space-3);color:var(--text-muted)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:var(--space-4);transition:background-color var(--transition-speed), border-color var(--transition-speed), box-shadow var(--transition-speed)}@media (width>=768px){.card{border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-5)}.card:hover{box-shadow:var(--shadow-md)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-speed), transform var(--transition-speed), box-shadow var(--transition-speed);touch-action:manipulation;border:none;min-height:44px;font-family:inherit;font-weight:500;display:inline-flex}@media (width>=768px){.btn{padding:var(--space-2) var(--space-5);font-size:var(--text-base)}}.btn:active{transform:scale(.96)}.btn-primary{background-color:var(--color-primary);color:#fff}html[data-theme=dark] .btn-primary{color:#202124;font-weight:700}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-subtle);color:var(--text-main);border:1px solid var(--border-light)}.btn-secondary:hover{background-color:var(--border-light)}.btn-danger{background-color:var(--color-danger);color:#fff}html[data-theme=dark] .btn-danger{color:#202124;font-weight:700}.btn-danger:hover{background-color:var(--color-danger-hover)}.theme-toggle-btn{background:var(--bg-subtle);border:1px solid var(--border-light);color:var(--text-main);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);min-height:40px;transition:background-color var(--transition-speed), border-color var(--transition-speed);font-weight:500;display:inline-flex}.theme-toggle-btn:hover{background:var(--border-light)}.input,.textarea,.select{width:100%;padding:var(--space-3) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--bg-input);color:var(--text-main);transition:border-color var(--transition-speed), box-shadow var(--transition-speed), background-color var(--transition-speed);margin-bottom:var(--space-3);min-height:44px;font-family:inherit;font-size:16px}@media (width>=768px){.input,.textarea,.select{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}}.input:focus,.textarea:focus,.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}label{font-size:var(--text-xs);margin-bottom:var(--space-1);color:var(--text-main);text-transform:uppercase;letter-spacing:.03em;font-weight:600;display:block}@media (width>=768px){label{font-size:var(--text-sm);text-transform:none;letter-spacing:normal}}.nav-mobile{background:var(--bg-card);border-top:1px solid var(--border-light);padding-top:var(--space-1);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));z-index:100;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000f}.nav-desktop{background:var(--bg-card);border-right:1px solid var(--border-light);width:260px;padding:var(--space-6) var(--space-4);transition:background-color var(--transition-speed), border-color var(--transition-speed);flex-direction:column;display:none}@media (width>=768px){.nav-mobile{display:none}.nav-desktop{display:flex}}.nav-link{padding:var(--space-1) var(--space-2);color:var(--text-muted);font-size:var(--text-xs);min-width:64px;min-height:48px;transition:color var(--transition-speed), background-color var(--transition-speed);flex-direction:column;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:flex}@media (width>=768px){.nav-link{font-size:var(--text-base);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-1);flex-direction:row;justify-content:flex-start;min-width:auto}.nav-link svg{margin-right:var(--space-3)}}.nav-link.active{color:var(--color-primary);font-weight:700}@media (width>=768px){.nav-link.active{background-color:var(--color-primary-light)}}.nav-link svg{width:22px;height:22px;margin-bottom:2px}@media (width>=768px){.nav-link svg{width:24px;height:24px;margin-bottom:0}}.grid{gap:var(--space-3);display:grid}@media (width>=768px){.grid{gap:var(--space-4)}}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-1{grid-template-columns:1fr}@media (width>=640px){.sm-grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}.md-grid-cols-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-danger{color:var(--color-danger)}.text-primary{color:var(--color-primary)}.chart-scroll-container{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:8px;overflow-x:auto}.chart-scroll-container::-webkit-scrollbar{height:4px}.chart-scroll-container::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.skeleton{background:linear-gradient(90deg, var(--bg-subtle) 25%, var(--border-light) 50%, var(--bg-subtle) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s linear infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}