@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg:#fbfbfa;--card-bg:#fff;--primary-acc:#1c1c1e;--txt:#1c1c1e;--text-main:#1c1c1e;--mute:#787880;--border:#efeeec;--shadow:0 4px 20px #00000005;--input-bg:#fbfbfa;--prot:#ff2d55;--carb:#ff9500;--fat:#af52de;--target-gradient:linear-gradient(135deg, #f43f5e14 0%, #f59e0b14 50%, #a855f714 100%);--subcard-bg:#00000005;--font-main:"Inter", system-ui, -apple-system, sans-serif;--font-header:"Plus Jakarta Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace}[data-theme=dark]{--bg:#000;--card-bg:#1c1c1e;--primary-acc:#fff;--txt:#fff;--text-main:#fff;--mute:#aeaeb2;--border:#2c2c2e;--shadow:0 4px 24px #0006;--input-bg:#000;--target-gradient:linear-gradient(135deg, #fb718526 0%, #fcd34d26 50%, #a855f733 100%);--subcard-bg:#ffffff08}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--txt);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;transition:background-color .5s,color .5s}input,select,button{appearance:none;font-family:inherit;font-size:16px}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23787880'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px!important}input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--card-bg);cursor:pointer;border:1px solid var(--border);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0000001a}.tabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.food-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s}.food-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000a}.modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.4s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-card{background:var(--card-bg);color:var(--txt);border:1px solid var(--border);border-radius:24px;width:100%;max-width:440px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) modalScale;box-shadow:0 30px 60px #0000001f}.modal-textarea{border:1px solid var(--border);background:var(--input-bg);width:100%;min-height:120px;color:var(--txt);resize:vertical;border-radius:12px;outline:none;margin:24px 0;padding:16px;font-family:inherit;font-size:16px;line-height:1.6;transition:all .3s}.modal-textarea:focus{border-color:var(--primary-acc)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScale{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width>=1024px){.app-layout{grid-template-columns:360px 1fr;align-items:start;gap:40px;max-width:1200px;margin:0 auto;padding:20px 24px 60px;display:grid}.app-left{scrollbar-width:thin;align-self:start;max-height:calc(100vh - 32px);padding-right:8px;position:sticky;top:16px;overflow-y:auto}.app-left::-webkit-scrollbar{width:3px}.app-left::-webkit-scrollbar-track{background:0 0}.app-left::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}}@media (width<=1023px){.app-layout{max-width:580px;margin:0 auto;padding:32px 16px}}.macro-card-hover{transition:transform .2s,box-shadow .2s}.macro-card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}@media (width<=380px){.bmr-tdee-row{flex-direction:column}.macro-row{flex-wrap:wrap}.macro-row>div{flex:calc(33% - 10px);min-width:80px}}