@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root,[data-theme=light]{--bg-dark:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-surface:#f1f5f9;--bg-header:#ffffffd9;--border-color:#e2e8f0;--border-muted:#cbd5e1;--border-focus:#059669;--accent-green:#059669;--accent-green-hover:#047857;--accent-green-glow:#0596692e;--accent-cyan:#0891b2;--accent-amber:#d97706;--text-main:#0f172a;--text-muted:#475569;--shadow-card:0 10px 30px #0000000d, 0 1px 3px #00000008;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=dark]{--bg-dark:#0f172a;--bg-card:#1e293b;--bg-card-hover:#334155;--bg-surface:#0f172a;--bg-header:#0f172ad9;--border-color:#334155;--border-muted:#475569;--border-focus:#10b981;--accent-green:#10b981;--accent-green-hover:#059669;--accent-green-glow:#10b98140;--accent-cyan:#06b6d4;--accent-amber:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--shadow-card:0 10px 30px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;line-height:1.6;transition:background-color .25s,color .25s;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:16px;transition:transform .2s,border-color .2s,background-color .25s}.glass-card:hover{border-color:var(--border-muted)}input[type=range]{-webkit-appearance:none;background:var(--border-color);border-radius:4px;outline:none;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-green);cursor:pointer;width:22px;height:22px;box-shadow:0 0 12px var(--accent-green-glow);border-radius:50%;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.btn-primary{background-color:var(--accent-green);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-primary:hover{background-color:var(--accent-green-hover);box-shadow:0 0 15px var(--accent-green-glow)}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.6rem 1.25rem;font-weight:500;transition:all .2s}.tab-btn.active{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-main);box-shadow:var(--shadow-card)}.site-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-header);backdrop-filter:blur(10px);z-index:100;padding:1.25rem 0;transition:background-color .25s;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;display:flex}.header-nav{align-items:center;gap:1.25rem;font-size:.88rem;display:flex}.header-nav a{color:var(--text-muted);font-weight:500;text-decoration:none}.mobile-menu-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:8px;padding:.5rem;font-size:1.4rem;line-height:1;display:none}.hero-title{margin-bottom:1rem;font-size:2.75rem;font-weight:700;line-height:1.2}.layout-explorer{grid-template-columns:1fr 340px;gap:2rem;display:grid}.layout-food-detail{grid-template-columns:minmax(250px,320px) 1fr;align-items:center;gap:2rem;display:grid}.layout-macro-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.layout-micro-section{border-top:1px solid var(--border-color);grid-template-columns:220px 1fr;align-items:center;gap:2rem;margin-top:2rem;padding-top:1.5rem;display:grid}.layout-compare-selects{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.layout-compare-cards{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.layout-plate{grid-template-columns:1fr 340px;gap:2rem;display:grid}.layout-plate-totals{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;padding:1.25rem;display:grid}.layout-food-hero{grid-template-columns:minmax(280px,380px) 1fr;align-items:center;gap:2.5rem;display:grid}.layout-food-macros{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.layout-swap-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.layout-swap-macros{text-align:center;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.tab-container{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;gap:.5rem;padding:.35rem;display:flex}@media (width<=768px){.container{padding:0 1rem}.mobile-menu-btn{display:block}.header-nav{background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-card);z-index:200;flex-direction:column;gap:.75rem;padding:1rem 1.5rem;display:none;position:absolute;top:100%;left:0;right:0}.header-nav.open{display:flex}.header-inner{position:relative}.hero-title{font-size:1.75rem}.tab-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-btn{white-space:nowrap;padding:.5rem .85rem;font-size:.8rem}.layout-explorer,.layout-food-detail{grid-template-columns:1fr}.layout-macro-stats{grid-template-columns:repeat(2,1fr)}.layout-micro-section{text-align:center;grid-template-columns:1fr}.compare-card-image{object-fit:cover;border-radius:12px;width:100%;height:180px;margin-bottom:1rem}.compare-card-title{margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.layout-compare-selects,.layout-compare-cards{grid-template-columns:1fr 1fr;gap:.5rem}.compare-card{padding:.85rem!important}.compare-card-image{height:110px!important;margin-bottom:.5rem!important}.compare-card-title{margin-bottom:.25rem!important;font-size:.95rem!important}.layout-plate{grid-template-columns:1fr}.layout-plate-totals{grid-template-columns:repeat(2,1fr)}.layout-food-hero{grid-template-columns:1fr}.layout-food-macros,.layout-swap-macros{grid-template-columns:repeat(2,1fr)}.glass-card{border-radius:12px}}@media (width<=480px){.container{padding:0 .75rem}.hero-title{font-size:1.5rem}.tab-btn{padding:.4rem .65rem;font-size:.75rem}.layout-macro-stats,.layout-food-macros,.layout-swap-macros{grid-template-columns:repeat(2,1fr);gap:.5rem}.layout-plate-totals{grid-template-columns:repeat(2,1fr);gap:.75rem}}