:root{color:#f7f8fc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;background:#070a10;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{color:#f7f8fc;background:#070a10;width:100%;min-width:320px;min-height:100%;margin:0;padding:0}html{min-height:100%}body{min-height:100vh;margin:0}#root{min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p{color:inherit}*{box-sizing:border-box}:root{color:#f7f8fc;font-synthesis:none;text-rendering:optimizelegibility;background:#070a10;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{color:#f7f8fc;background:#070a10;width:100%;min-width:320px;min-height:100%;margin:0}body{color:#f7f8fc;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% -10%,#4765dc29,#0000 34%),#070a10;min-height:100vh}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button,input,select{color:inherit}button{cursor:pointer}.app{color:#f7f8fc;background:radial-gradient(circle at 50% 0,#3652b91a,#0000 28%),#070a10;min-height:100vh}.content{width:min(100% - 40px,760px);margin:0 auto;padding:42px 0 145px}.header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:30px;display:flex}.header>div:first-child{min-width:0}.eyebrow{color:#7290ff;letter-spacing:.17em;margin:0 0 9px;font-size:11px;font-weight:850;display:block}.header h1,.sectionHeading h2,.modal h2,.placeholder h2,.empty h3{color:#f7f8fc!important}.header h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,6vw,43px);line-height:1.08}.header p{color:#858d9e;margin:9px 0 0;font-size:15px;line-height:1.45}.roundButton{color:#fff;background:#111720;border:1px solid #273041;border-radius:16px;flex:0 0 50px;place-items:center;width:50px;height:50px;padding:0;font-size:22px;display:grid}.dashboardStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px;display:grid}.dashboardStats>div{background:#10151f;border:1px solid #232b39;border-radius:21px;min-width:0;padding:18px 12px}.dashboardStats span,.dashboardStats strong,.dashboardStats small{display:block}.dashboardStats span{margin-bottom:8px;font-size:19px}.dashboardStats strong{color:#fff;text-overflow:ellipsis;font-size:25px;line-height:1.05;overflow:hidden}.dashboardStats small{color:#81899a;margin-top:7px;font-size:10px}.recipeHero{background:radial-gradient(circle at 90% 10%,#5a7aff47,#0000 34%),linear-gradient(130deg,#1c3168,#111827 72%);border:1px solid #2b3966;border-radius:29px;min-height:245px;margin-bottom:16px;padding:28px;position:relative;overflow:hidden}.bluePill{color:#94aaff;letter-spacing:.09em;background:#5b7cff29;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800;display:inline-flex}.recipeHero h2{color:#fff;letter-spacing:-.04em;margin:18px 55px 9px 0;font-size:30px}.recipeHero p{color:#abb2c1;max-width:480px;margin:0 55px 0 0;font-size:14px;line-height:1.5}.chips{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.chips span{color:#d7dbe4;background:#070b144d;border:1px solid #3a4660;border-radius:999px;padding:7px 10px;font-size:10px}.recipeHero>button{color:#fff;background:#5c7cff;border:0;border-radius:50%;width:44px;height:44px;padding:0;font-size:29px;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.scanMain{color:#fff;text-align:left;background:#111721;border:1px solid #273041;border-radius:21px;grid-template-columns:49px 1fr auto;align-items:center;gap:13px;width:100%;min-height:76px;margin-bottom:16px;padding:13px 15px;display:grid}.scanMain>span{background:#5b7cff;border-radius:15px;place-items:center;width:49px;height:49px;font-size:21px;display:grid}.scanMain>div{min-width:0}.scanMain strong,.scanMain small{display:block}.scanMain strong{color:#f7f8fc;font-size:14px}.scanMain small{color:#838c9d;margin-top:4px;font-size:11px}.scanMain b{color:#cdd2dc;font-size:22px}.storageGrid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px;display:grid}.storageGrid button{color:#fff;text-align:left;background:#10151f;border:1px solid #252d3c;border-radius:22px;flex-direction:column;align-items:flex-start;min-height:125px;padding:18px;display:flex}.storageGrid button>span{margin-bottom:18px;font-size:25px}.storageGrid b{color:#f5f6fa;font-size:16px}.storageGrid small{color:#808899;margin-top:5px;font-size:11px}.sectionHeading{justify-content:space-between;align-items:flex-end;gap:15px;margin:0 0 13px;display:flex}.sectionHeading .eyebrow{margin-bottom:6px}.sectionHeading h2{letter-spacing:-.025em;margin:0;font-size:22px}.sectionHeading>small{color:#81899a;font-size:11px}.timeline{margin:0 0 28px}.timelineGrid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.timelineGrid>div{text-align:center;background:#10151f;border:1px solid #252d3c;border-radius:17px;min-width:0;padding:15px 7px}.timelineGrid strong,.timelineGrid span{display:block}.timelineGrid strong{color:#f7f8fc;font-size:23px}.timelineGrid span{color:#808899;margin-top:6px;font-size:9px}.timelineGrid .expired{background:#ff405812;border-color:#ff4b604d}.timelineGrid .expired strong,.timelineGrid .expired span{color:#ff6d7e}.timelineGrid .today{border-color:#ff625845}.timelineGrid .today strong{color:#ff7b70}.timelineGrid .tomorrow{border-color:#ffa15040}.timelineGrid .tomorrow strong{color:#ffad67}.expirySection{margin-bottom:25px}.cardList{background:#10151f;border:1px solid #252d3c;border-radius:22px;overflow:hidden}.expiryRow,.productRow,.shoppingRow{color:#f7f8fc;background:0 0;border:0;border-bottom:1px solid #212937;width:100%}.expiryRow:last-child,.productRow:last-child,.shoppingRow:last-child{border-bottom:0}.expiryRow{text-align:left;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;min-height:82px;padding:13px 14px;display:grid}.visual,.detailVisual{background:#191f2b;place-items:center;display:grid;overflow:hidden}.visual{border-radius:15px;width:48px;height:48px;font-size:23px}.productImage{object-fit:cover;width:100%;height:100%;display:block}.expiryRow>div:nth-child(2){min-width:0}.expiryRow strong,.expiryRow small{display:block}.expiryRow strong{color:#f7f8fc;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.expiryRow small{color:#7f8899;margin-top:4px;font-size:10px}.status{white-space:nowrap;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:800;display:inline-flex}.status.expired,.batchChips .expired{color:#ff6577;background:#ff415829}.status.danger,.batchChips .danger{color:#ff796f;background:#ff594e24}.status.warning,.batchChips .warning{color:#ffad67;background:#ff9d4624}.status.soon,.batchChips .soon{color:#f5cb64;background:#f5c74c1c}.status.normal,.batchChips .normal{color:#91a7ff;background:#5878ff1c}.filterBar{scrollbar-width:none;gap:8px;margin-bottom:12px;display:flex;overflow-x:auto}.filterBar::-webkit-scrollbar{display:none}.filterBar button{color:#8d96a7;background:#10151f;border:1px solid #2a3344;border-radius:999px;flex:none;padding:9px 13px;font-size:11px}.filterBar button.active{color:#fff;background:#5b7cff;border-color:#5b7cff}.inventoryTools{grid-template-columns:1fr auto;gap:9px;margin-bottom:25px;display:grid}.inventoryTools input,.inventoryTools select,.productForm input,.productForm select,.shoppingForm input,.amountPicker input{color:#f7f8fc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d121a;border:1px solid #2b3445;outline:0}.inventoryTools input,.inventoryTools select{border-radius:14px;min-width:0;height:44px;padding:0 13px}.inventoryTools input:focus,.inventoryTools select:focus,.productForm input:focus,.productForm select:focus,.shoppingForm input:focus{border-color:#5b7cff}input::placeholder{color:#626c7c}.productRow{text-align:left;grid-template-columns:51px 1fr 27px;align-items:center;gap:12px;min-height:94px;padding:13px 14px;display:grid}.productRow .visual{width:51px;height:51px}.productText{min-width:0}.productText>div:first-child{align-items:center;gap:7px;display:flex}.productText strong{color:#f7f8fc;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.productText>div:first-child>span{color:#ffcc57;font-size:13px}.productText>small{color:#7d8697;margin-top:4px;font-size:10px;display:block}.batchChips{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.batchChips span{color:#a4acbb;background:#151b25;border:1px solid #293243;border-radius:8px;padding:5px 7px;font-size:9px}.arrow{color:#828b9c;font-size:21px;font-weight:400}.shoppingActions{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:13px;display:grid}.shoppingActions button{color:#cbd1dc;background:#111720;border:1px solid #293243;border-radius:14px;min-height:48px;padding:9px;font-size:10px}.shoppingForm{grid-template-columns:1fr 49px;gap:8px;margin-bottom:20px;display:grid}.shoppingForm input{border-radius:14px;height:49px;padding:0 14px}.shoppingForm button{color:#fff;background:#5b7cff;border:0;border-radius:14px;font-size:23px}.shoppingRow{text-align:left;grid-template-columns:31px 1fr auto;align-items:center;gap:10px;min-height:61px;padding:11px 14px;display:grid}.checkbox{color:#fff;background:#151b25;border:1px solid #394356;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.shoppingRow strong{color:#f7f8fc;font-size:13px}.shoppingRow>small{color:#8fa6ff;background:#5878ff1f;border-radius:999px;padding:4px 6px;font-size:8px}.shoppingRow.done strong{color:#626b7a;text-decoration:line-through}.shoppingRow.done .checkbox{background:#5878ff;border-color:#5878ff}.recipeChips{margin:0 0 20px}.placeholder,.empty{text-align:center}.placeholder{background:#10151f;border:1px solid #252e3d;border-radius:24px;padding:50px 25px}.placeholder>span,.empty>span{margin-bottom:10px;font-size:34px;display:block}.placeholder h2,.empty h3{margin:0}.placeholder p,.empty p{color:#7e8798;max-width:470px;margin:8px auto 0;font-size:11px;line-height:1.55}.statsLarge{grid-template-columns:1fr 1fr;gap:10px;display:grid}.statsLarge>div{text-align:center;background:#10151f;border:1px solid #252e3d;border-radius:21px;padding:24px 15px}.statsLarge span,.statsLarge strong,.statsLarge small{display:block}.statsLarge span{font-size:25px}.statsLarge strong{color:#fff;margin-top:10px;font-size:25px}.statsLarge small{color:#80899a;margin-top:6px;font-size:10px}.activityHeading{margin-top:28px}.activityList{background:#10151f;border:1px solid #252e3d;border-radius:20px;overflow:hidden}.activityList>div{border-bottom:1px solid #222a37;grid-template-columns:15px 1fr;align-items:center;gap:6px;min-height:52px;padding:10px 14px;display:grid}.activityList>div:last-child{border-bottom:0}.activityList span{color:#6585ff}.activityList p{color:#a3abba;margin:0;font-size:11px}.settingsCard{background:#10151f;border:1px solid #252e3d;border-radius:22px;overflow:hidden}.settingsCard>label{border-bottom:1px solid #222a37;justify-content:space-between;align-items:center;gap:20px;min-height:69px;padding:13px 16px;display:flex}.settingsCard label strong,.settingsCard label small{display:block}.settingsCard label strong{color:#f7f8fc;font-size:13px}.settingsCard label small{color:#7e8798;margin-top:4px;font-size:10px}.settingsCard input[type=checkbox]{accent-color:#5b7cff;width:20px;height:20px}.pushInfo{background:#4968dd12;grid-template-columns:40px 1fr;gap:11px;padding:17px;display:grid}.pushInfo>span{font-size:22px}.pushInfo strong{color:#8fa6ff;font-size:12px}.pushInfo p{color:#7f899a;margin:5px 0 0;font-size:10px;line-height:1.5}.bottomNav{z-index:100;left:50%;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);background:#0e131cf2;border:1px solid #303948f2;border-radius:25px;grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center;width:min(100% - 28px,680px);height:76px;padding:7px 10px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 16px 45px #00000073}.bottomNav button{color:#687182;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:55px;padding:0;font-size:9px;display:flex}.bottomNav button>span{font-size:19px}.bottomNav button.active{color:#7894ff}.bottomNav .camera{color:#fff;background:#5878ff;border-radius:19px;justify-self:center;width:61px;height:61px;margin-top:-27px;box-shadow:0 10px 28px #4c69eb66}.bottomNav .camera span{font-size:24px}.floatingStats{z-index:80;color:#fff;background:#111721f5;border:1px solid #293243;border-radius:14px;place-items:center;width:43px;height:43px;display:grid;position:fixed;bottom:106px;right:17px;box-shadow:0 8px 25px #0000004d}.modalBackdrop{z-index:500;-webkit-backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.modal{color:#f7f8fc;background:linear-gradient(#151b26 0%,#0c1119 100%);border:1px solid #30394a;border-radius:29px;width:min(100%,600px);max-height:88vh;padding:9px 21px 26px;overflow-y:auto;box-shadow:0 -20px 60px #0000008c}.modalHeader{justify-content:center;align-items:center;min-height:39px;display:flex;position:relative}.modalHeader>span{background:#3b4351;border-radius:99px;width:41px;height:4px}.modalHeader button{color:#a8b0bd;background:#202735;border:0;border-radius:50%;width:32px;height:32px;padding:0;font-size:21px;position:absolute;top:3px;right:0}.modal>h2{letter-spacing:-.035em;margin:4px 0 19px;font-size:25px}.productForm{flex-direction:column;gap:14px;display:flex}.productForm label{color:#9ca4b3;flex-direction:column;gap:6px;font-size:10px;font-weight:650;display:flex}.productForm input,.productForm select{border-radius:14px;width:100%;height:48px;padding:0 13px;font-size:13px}.formGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.favoriteCheck{align-items:center;min-height:42px;color:#d6dae3!important;flex-direction:row!important;gap:9px!important}.favoriteCheck input{accent-color:#5b7cff;width:19px;height:19px}.primary{color:#fff;background:#5878ff;border:0;border-radius:15px;width:100%;min-height:50px;margin-top:4px;padding:10px 15px;font-size:12px;font-weight:800}.primary.red{background:#d94a58}.detailTitle{grid-template-columns:58px 1fr 35px;align-items:center;gap:13px;margin:2px 0 13px;display:grid;position:relative}.detailVisual{border-radius:18px;width:58px;height:58px;font-size:28px}.detailTitle .eyebrow{margin-bottom:4px}.detailTitle h2{margin:0;font-size:21px;line-height:1.15;color:#fff!important}.favorite{color:#646d7d;background:#181e29;border:1px solid #30394a;border-radius:11px;width:34px;height:34px;padding:0}.favorite.active{color:#fc5}.detailMeta{flex-wrap:wrap;gap:7px;margin-bottom:15px;display:flex}.detailMeta span{color:#8e97a8;background:#131924;border:1px solid #293243;border-radius:999px;padding:6px 8px;font-size:9px}.batchDetailList{flex-direction:column;gap:9px;display:flex}.batchDetailList article{background:#111720;border:1px solid #293243;border-radius:17px;padding:13px}.batchTop{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.batchTop strong,.batchTop small{display:block}.batchTop strong{color:#f5f7fb;font-size:12px}.batchTop small{color:#7e8798;margin-top:4px;font-size:10px}.frozen{color:#72c4ff;margin-top:8px;font-size:9px;display:block}.batchButtons{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px;display:grid}.batchButtons button{color:#d2d7e0;background:#191f2a;border:1px solid #30394a;border-radius:10px;min-height:37px;padding:6px;font-size:9px}.batchButtons .cook{color:#91a7ff;background:#5878ff1a;border-color:#5878ff4d;grid-column:1/-1}.modalText{color:#8992a2;margin:-8px 0 20px;font-size:12px;line-height:1.5}.modalText strong{color:#fff}.amountPicker{grid-template-columns:50px 1fr 50px;gap:8px;margin-bottom:14px;display:grid}.amountPicker button,.amountPicker input{border-radius:14px;height:50px}.amountPicker button{color:#fff;background:#171d28;border:1px solid #30394a;font-size:22px}.amountPicker input{text-align:center;width:100%;font-size:18px}.scannerMenu{flex-direction:column;gap:8px;display:flex}.scannerMenu>button{color:#fff;text-align:left;background:#111720;border:1px solid #293243;border-radius:16px;grid-template-columns:42px 1fr;align-items:center;gap:11px;width:100%;min-height:64px;padding:10px 12px;display:grid}.scannerMenu>button>span{background:#1b2330;border-radius:13px;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.scannerMenu strong,.scannerMenu small{display:block}.scannerMenu strong{color:#f5f7fb;font-size:12px}.scannerMenu small{color:#7d8697;margin-top:3px;font-size:9px}.unpackIntro{text-align:center;background:#111720;border:1px solid #293243;border-radius:18px;margin-bottom:14px;padding:18px}.unpackIntro>span{margin-bottom:10px;font-size:31px;display:block}.unpackIntro p{color:#8b94a5;margin:0;font-size:11px;line-height:1.55}.undoToast{z-index:1000;color:#e7eaf0;background:#171e2a;border:1px solid #354058;border-radius:17px;justify-content:space-between;align-items:center;gap:12px;width:min(100% - 28px,500px);min-height:55px;padding:10px 12px 10px 15px;display:flex;position:fixed;bottom:108px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #00000080}.undoToast span{font-size:11px}.undoToast button{color:#91a7ff;background:#5878ff26;border:0;border-radius:10px;padding:8px 10px;font-size:9px;font-weight:800}.empty{padding:35px 20px}@media (width<=600px){.content{width:calc(100% - 28px);padding-top:max(29px, env(safe-area-inset-top))}.header h1{font-size:30px}.header p{font-size:13px}.dashboardStats{gap:7px}.dashboardStats>div{border-radius:18px;padding:14px 8px}.dashboardStats strong{font-size:21px}.dashboardStats small{font-size:8px}.recipeHero{min-height:255px;padding:22px}.recipeHero h2{font-size:27px}.recipeHero p{font-size:12px}.storageGrid{gap:9px}.timelineGrid{gap:5px}.timelineGrid>div{border-radius:14px;padding:13px 4px}.timelineGrid strong{font-size:20px}.timelineGrid span{font-size:8px}.inventoryTools{grid-template-columns:1fr}.inventoryTools select{width:100%}.status{white-space:normal;text-align:center;max-width:90px}.modalBackdrop{padding:10px 9px max(9px, env(safe-area-inset-bottom))}.modal{border-radius:27px;padding:8px 17px 24px}}@media (width<=390px){.content{width:calc(100% - 22px)}.header h1{font-size:27px}.dashboardStats strong{font-size:19px}.dashboardStats small{font-size:7px}.recipeHero{padding:19px}.chips span{font-size:9px}.productRow{grid-template-columns:47px 1fr 23px;padding:11px}.productRow .visual{width:47px;height:47px}.batchButtons{grid-template-columns:1fr 1fr}.batchButtons .cook{grid-column:1/-1}.formGrid{grid-template-columns:1fr}}
