@import url(https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;700&family=Inter:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jersey+10&family=Press+Start+2P&display=swap);*{margin:0;padding:0}*,body,html{box-sizing:border-box}body,html{max-width:100vw;overflow-x:hidden;width:100vw}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Inter,Arial,sans-serif;min-height:100vh}.btn,.header h1,.meal-title,.nutrition-value,.stat-value,.tab,h1,h2,h3,h4,label{letter-spacing:1px}.App,.btn-primary,.btn-secondary,.card,.container,.header,.header h1,.header p,.loading,.meal-header,.meal-info,.meal-item,.meal-list,.meal-time,.meal-title,.nutrition-grid,.nutrition-item,.nutrition-label,.nutrition-value,.spinner,.stat-card,.stat-label,.stat-value,.stats-grid,.tab,.tabs,.upload-area{font-family:Inter,Arial,sans-serif}.btn,.header h1,.meal-title,.nutrition-value,.stat-value,.tab,h1,h2,h3,h4,label{font-family:Pixelify Sans,VT323,Share Tech Mono,monospace!important}h1{font-size:2.2rem}h2{font-size:1.4rem}h3{font-size:1.1rem}.btn,.tab,h4{font-size:1rem}.btn-primary,.btn-secondary,.card,.container,.meal-info,.meal-time,.nutrition-item,.nutrition-label,.stat-label,.upload-area,p{font-family:Inter,Arial,sans-serif}.header h1,h1,h2,h3,h4{text-shadow:1px 1px 0 #fff,2px 2px 0 #764ba2}.container{box-sizing:border-box;max-width:100vw;min-width:0;overflow-x:hidden;padding-bottom:80px;width:100vw}.card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:20px;padding:24px;transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#333}.btn-secondary:hover{background:#e9ecef}.upload-area{background:#f8f9fa;border:2px dashed #667eea;border-radius:12px;cursor:pointer;margin-bottom:20px;padding:40px;text-align:center;transition:all .2s ease}.upload-area.dragover,.upload-area:hover{background:#f0f0f0;border-color:#764ba2}.nutrition-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.nutrition-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;padding:16px;text-align:center}.nutrition-value{color:#667eea;font-size:24px;font-weight:700;margin-bottom:4px}.nutrition-label{color:#6c757d;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.meal-list{grid-gap:16px;display:grid;gap:16px}.meal-item{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.meal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.meal-image{border-radius:8px;height:80px;margin-right:16px;object-fit:cover;width:80px}.meal-info{flex:1 1}.meal-title{font-size:18px;font-weight:600;margin-bottom:4px}.meal-time{color:#6c757d;font-size:14px}.loading{align-items:center;color:#667eea;display:flex;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:30px;margin-right:12px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{background:none;color:#fff;margin-bottom:40px;margin-top:12px;padding:24px 16px 16px;text-align:left}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:8px}.header p{font-size:1.1rem;opacity:.9}.tabs{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;margin-bottom:24px;padding:4px}.tab{border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:12px 24px;text-align:center;transition:all .2s ease}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab:not(.active):hover{background:#f8f9fa}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:24px;text-align:center}.stat-value{color:#667eea;font-size:2rem;font-weight:700;margin-bottom:8px}.stat-label{color:#6c757d;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.tabs.tabs-bottom{-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);background:linear-gradient(90deg,#78c8ffeb,#00ffffe0);background-image:url('data:image/svg+xml;utf8,<svg width="100%25" height="100%25" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="30" r="8" fill="white" fill-opacity="0.12"/><circle cx="80" cy="50" r="4" fill="white" fill-opacity="0.10"/><circle cx="160" cy="20" r="6" fill="white" fill-opacity="0.08"/><circle cx="300" cy="40" r="10" fill="white" fill-opacity="0.10"/></svg>');background-repeat:no-repeat;background-size:cover;border:1.5px solid #ffffff73;border-radius:22px;bottom:18px;box-shadow:0 4px 32px 0 #0050b42e,inset 0 1.5px 0 0 #ffffff2e;box-sizing:border-box;display:flex;height:60px;left:50%;max-width:100vw;min-height:60px;min-width:0;overflow:hidden;padding:0;position:fixed;transform:translateX(-50%);width:min(100vw,480px);z-index:100}.tabs.tabs-bottom .tab{align-items:center;border:none;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Pixelify Sans,monospace;font-size:1rem;height:100%;justify-content:center;letter-spacing:1px;margin:0;min-height:48px;min-width:0;outline:none;padding:0 2px;position:relative;text-align:center;text-shadow:0 2px 8px #00000052,0 1px 0 #fff;transition:color .18s,box-shadow .18s}.tabs.tabs-bottom .tab,.tabs.tabs-bottom .tab.active{background:none;border-radius:0;color:#1a2340;z-index:2}.tabs.tabs-bottom .tab.active{box-shadow:none;text-shadow:0 2px 16px #00000061,0 1px 0 #fff}.tabs.tabs-bottom .tab svg{display:block;filter:drop-shadow(0 0 6px #0008) drop-shadow(0 0 4px #aeefff);font-size:1.2em;margin:0 auto 2px}@media (max-width:768px){.container{padding-bottom:68px}.container,.swipeable-content{max-width:100vw;min-width:0;width:100vw}.header h1{font-size:2rem}.nutrition-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.meal-header{align-items:flex-start;flex-direction:column}.meal-image{margin-bottom:12px;margin-right:12px}.upload-area{padding:20px}.tabs.tabs-bottom{border-radius:16px;bottom:8px;height:52px;left:50%;min-height:52px;transform:translateX(-50%);width:min(100vw,480px)}.tabs.tabs-bottom .tab{font-size:.92rem;min-height:40px}}.swipeable-content{box-sizing:border-box;max-width:100vw;min-height:60vh;overflow-x:hidden;position:relative;width:100vw}.macro-display{letter-spacing:.5px}.macro-display,.macro-display.stat-value,.stat-value.macro-display{font-family:Jersey\ 10,Press Start\ 2P,monospace!important}.tab-indicator{-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);background:linear-gradient(120deg,#ffffff61,#78c8ff38);border:1.5px solid #ffffff38;border-radius:18px;box-shadow:0 2px 12px 0 #78c8ff1a,inset 0 1.5px 0 0 #ffffff1a;height:calc(100% - 8px);left:0;pointer-events:none;position:absolute;top:4px;transition:left .35s cubic-bezier(.77,0,.18,1),width .35s cubic-bezier(.77,0,.18,1);width:33.33%;z-index:1}.header-controls{align-items:center;display:flex;gap:12px}.header-controls button,.header-controls>div{background:#f4f8fb;border:1px solid #e0e6ed;border-radius:7px;box-shadow:none;color:#666;font-size:.95rem;font-weight:400;padding:6px 10px;transition:background .2s,color .2s,border .2s}.header-controls button:hover,.header-controls>div:hover{background:#e9ecef;border:1px solid #d0d6dd;color:#333}@media (max-width:600px){.header{margin-top:4px;padding:16px 6px 10px}.header-controls{align-items:flex-end;flex-direction:column;gap:8px}.header-controls button,.header-controls>div{box-sizing:border-box;font-size:.92rem;max-width:180px;min-width:0;padding:6px 8px;width:100%}}@media (max-width:400px){.header{margin-top:2px;padding:10px 2px 6px}h1{font-size:1.2rem}h2{font-size:1rem}h3,h4{font-size:.95rem}.card{border-radius:10px;padding:10px 4px}.meal-list{gap:8px}.meal-item{border-radius:8px;padding:10px}.meal-header{margin-bottom:8px}.meal-image{height:48px;margin-right:8px;width:48px}.meal-title{font-size:1rem}.meal-time{font-size:.8rem}.nutrition-grid,.stats-grid{gap:8px;grid-template-columns:1fr!important}.nutrition-item,.stat-card{border-radius:8px;font-size:.95rem;padding:10px}.nutrition-value,.stat-value{font-size:1.1rem}.nutrition-label,.stat-label{font-size:.8rem}.btn,.tab{font-size:.9rem;padding:6px 8px}.header-controls button,.header-controls>div{font-size:.9rem;max-width:120px;padding:5px 6px}.swipeable-content{min-height:40vh}}
/*# sourceMappingURL=main.e81364fb.css.map*/