:root{color:#2b2a27;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e8e2d5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-bg{background:#e8e2d5;min-height:100vh;padding:16px 0}.phone-shell{background:#f5f1e8;border:1px solid #e4ddcb;border-radius:26px;flex-direction:column;width:min(100vw - 24px,410px);min-height:calc(100vh - 32px);margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 36px #2b2a2726}.statusbar{color:#a39e8e;justify-content:space-between;align-items:center;height:24px;padding:7px 20px 0;font-size:11px;display:flex}.status-icons{font-weight:700}.status-icons.offline{color:#b35f33}.topbar{background:#f5f1e8;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px 10px;display:flex}.brand-button,.user-pill,.icon-button,.notify-button,.bottom-nav button,.subnav button,.chip,.allergy,.warm-button,.small-cta,.meal-name,.meal-check-button,.meal-detail-button,.swap-button,.check-row,.shop-row,.food-row button,.week-toggle-row button,.integration-row.select-row{color:inherit;cursor:pointer;background:0 0;border:0}.brand-button{letter-spacing:0;align-items:center;gap:8px;min-width:0;font-size:17px;font-weight:800;display:flex}.brand-mark{color:#fffdf8;background:#d97757;border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;transform:rotate(-4deg)}.top-actions{align-items:center;gap:8px;display:flex}.streak-pill,.user-pill,.pill{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.streak-pill{color:#9a5e1e;background:#fbeedc;border:1px solid #f0d9b5;padding:4px 9px}.icon-button,.notify-button,.icon-card{background:#f5f1e8;border:1px solid #e4ddcb;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:relative}.notify-button span{color:#fff;background:#d97757;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;line-height:1;display:flex;position:absolute;top:0;right:0;overflow:hidden}.user-pill{text-overflow:ellipsis;background:#f5f1e8;border:1px solid #e4ddcb;max-width:112px;padding:4px 10px 4px 5px;font-size:13px;overflow:hidden}.user-pill span,.profile-head>span{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:inline-flex}.content{flex-direction:column;flex:1;gap:10px;padding:8px 12px 14px;display:flex;overflow-y:auto}.content h2{margin:0;font-size:16px;line-height:1.2}.content h3{margin:16px 0 8px;font-size:14px}.card{background:#fffdf8;border:1px solid #eae3d2;border-radius:18px;overflow:hidden}.padded{padding:14px}.label{color:#a39e8e;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:700}.label.normal{text-transform:none;letter-spacing:0}.center{text-align:center}.section-title{margin-bottom:10px;font-size:13px;font-weight:800}.section-title.no-margin{margin-bottom:0}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-head{margin-bottom:10px}.grow{flex:1;min-width:0}.pill{padding:4px 9px}.pill.coral{color:#b85a38;background:#fbeadf;border:1px solid #f3d2c0}.pill.green{color:#4e7320;background:#e7f0dc;border:1px solid #cfe0b5}.pill.amber{color:#9a5e1e;background:#fbeedc;border:1px solid #f0d9b5}.pill.muted{color:#6e6a5e;background:#f0ece0;border:1px solid #e0d9c8}.bottom-nav{background:#fffdf8;border-top:1px solid #eae3d2;padding:5px 0 9px;display:flex}.bottom-nav button{color:#b0aa9e;text-transform:uppercase;letter-spacing:.05em;flex-direction:column;flex:1;align-items:center;gap:2px;padding:5px 2px;font-size:9px;font-weight:700;display:flex}.bottom-nav button.active{color:#d97757}.splash{z-index:80;background:#f5f1e8;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.35s 1.45s forwards splash-out;display:flex;position:absolute;inset:0}.splash-title{font-size:24px;font-weight:800}.splash-bar{background:#e4ddcb;border-radius:3px;width:120px;height:5px;overflow:hidden}.splash-bar span{background:#d97757;height:100%;animation:1.3s forwards fill;display:block}.runner{animation:.55s ease-in-out infinite alternate run-bob}@keyframes fill{0%{width:0}to{width:100%}}@keyframes splash-out{to{opacity:0;pointer-events:none}}@keyframes run-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.versus-grid{grid-template-columns:1fr 36px 1fr;align-items:center;gap:6px;margin-top:12px;display:grid}.player-score{flex-direction:column;align-items:center;gap:5px;display:flex}.player-score small{color:#8a8578;min-height:13px;font-size:10px;font-weight:700}.score-number{font-size:27px;font-weight:800;line-height:1}.vs{text-align:center;color:#c7c0ae;font-size:12px;font-weight:800}.behind{color:#b23c28;font-size:10px;font-weight:800}.legend{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:12px;display:flex}.legend span{color:#8a8578;align-items:center;gap:4px;font-size:11px;display:inline-flex}.legend i{border-radius:50%;width:7px;height:7px}.track{background:#f0ece0;border-radius:12px;height:80px;margin:8px 0;position:relative;overflow:hidden}.track-line{background:#e4ddcb;height:2px;position:absolute;bottom:18px;left:10px;right:10px}.runner-chip{color:#fff;background:#d97757;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:flex;position:absolute;bottom:8px;box-shadow:0 4px 12px #2b2a2729}.runner-chip.amber{background:#9a5e1e}.track-note{font-size:10px;font-weight:800;position:absolute;top:8px}.track-note.left{color:#d97757;left:10px}.track-note.right{color:#9a5e1e;right:10px}.month-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.month-cell{color:#b3ab9a;background:#f7f2e8;border:1px solid #eae3d2;border-radius:5px;justify-content:center;align-items:center;height:28px;font-size:10px;font-weight:800;display:flex}.month-cell.coral{color:#b85a38;background:#fbeadf;border:1px solid #f3d2c0}.month-cell.amber{color:#9a5e1e;background:#fbeedc;border:1px solid #f0d9b5}.month-cell.tie{color:#4e7320;background:#e7f0dc;border:1px solid #cfe0b5}.month-cell.fast{box-shadow:inset 0 -3px #9a5e1e73}.record-row{border-bottom:1px solid #f2ecdd;justify-content:space-between;align-items:center;padding:9px 0;display:flex}.record-row:last-child{border-bottom:0}.wrap-summary{background:#f5f1e8;border:1px solid #e4ddcb;border-radius:13px;gap:4px;margin-top:10px;padding:10px;display:grid}.wrap-summary strong{font-size:14px}.wrap-summary small{color:#8a8578;font-size:11px;line-height:1.35}.soft-note,.tip{border-radius:13px;padding:10px 13px;font-size:12px;line-height:1.45}.soft-note{color:#8a8578}.tip{color:#4e7320;background:#e7f0dc;border:1px solid #cfe0b5;align-items:center;gap:8px;font-weight:700;display:flex}.setup-tip{overflow-wrap:anywhere}.log-hero{justify-content:center;padding:4px 0;display:flex}.metric-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.metric-tile{text-align:center;border-radius:13px;min-height:60px;padding:9px 4px}.metric-tile strong{font-size:20px;line-height:1;display:block}.metric-tile span{text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:9px;font-weight:800;display:block}.macro-fit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.macro-fit-item{background:#fffdf8;border:1px solid #f2ecdd;border-radius:8px;min-width:0;padding:8px 6px}.macro-fit-item span,.macro-fit-item strong,.macro-fit-item small{overflow-wrap:anywhere;display:block}.macro-fit-item span{color:#8a8578;text-transform:uppercase;font-size:9px;font-weight:800}.macro-fit-item strong{color:#2b2a27;margin-top:4px;font-size:15px;line-height:1}.macro-fit-item small{color:#a39e8e;margin-top:3px;font-size:9px;line-height:1.25}.health-card{margin-top:7px}.health-head{padding-top:0}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.insight-tile{background:#f8f1e7;border:1px solid #f2ecdd;border-radius:12px;min-width:0;min-height:54px;padding:9px 8px}.insight-tile strong,.insight-tile span{overflow-wrap:anywhere;display:block}.insight-tile strong{color:#2b2a27;font-size:18px;line-height:1.05}.insight-tile span{color:#8a8578;text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:10px;font-weight:800}.check-row,.shop-row,.recipe-row,.food-row,.meal-row,.integration-row{text-align:left;border-bottom:1px solid #f2ecdd;align-items:center;gap:10px;width:100%;padding:10px 0;display:flex}.check-row:last-child,.shop-row:last-child,.recipe-row:last-child,.food-row:last-child,.meal-row:last-child,.integration-row:last-child{border-bottom:0}.check,.shopcb{border:1.5px solid #d8d0be;border-radius:6px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.meal-check-button{justify-content:flex-start;align-items:center;min-width:28px;min-height:32px;display:inline-flex}.meal-detail-button{text-align:left;min-width:0}.check.on{color:#fff;background:#d97757;border-color:#d97757}.check-row small,.recipe-row small,.food-row small,.integration-row small{color:#8a8578;margin-top:2px;font-size:11px;display:block}.inline-cta{color:#b85a38;cursor:pointer;background:#fbeadf;border:1px solid #f3d2c0;border-radius:13px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:38px;margin-top:9px;font-size:12px;font-weight:800;display:flex}.number-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.number-grid.compact{grid-template-columns:repeat(4,1fr)}.number-grid label{position:relative}.number-grid small{color:#a39e8e;font-size:10px;position:absolute;bottom:8px;right:9px}.input{color:#2b2a27;background:#f5f1e8;border:1px solid #e4ddcb;border-radius:10px;outline:0;width:100%;min-height:38px;padding:9px 11px}textarea.input{resize:vertical}.input:focus{border-color:#d97757}.progress-row{margin-top:10px}.progress-row>div:first-child{color:#8a8578;justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.progress{background:#f0ece0;border-radius:3px;height:5px;overflow:hidden}.progress span{border-radius:3px;height:100%;display:block}.water-row,.search-row{align-items:center;gap:7px;display:flex}.barcode-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;display:grid}.scanner-panel{gap:8px;margin-top:10px;display:grid}.scanner-panel video{aspect-ratio:4/3;object-fit:cover;background:#2b2a27;border:1px solid #e4ddcb;border-radius:13px;width:100%}.scanner-panel small{color:#8a8578;font-size:11px}.warm-button,.swap-button,.small-cta{color:#b85a38;white-space:nowrap;background:#fbeadf;border:1px solid #f3d2c0;border-radius:20px;justify-content:center;align-items:center;gap:5px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.small-cta.quiet{color:#6e6a5e;background:#f0ece0;border-color:#e0d9c8}.small-cta:disabled{cursor:wait;opacity:.65}.integration-actions{flex-wrap:wrap;gap:7px;padding:10px 0;display:flex}.auth-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0;display:grid}.sync-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.range{accent-color:#d97757;width:100%}.subnav{gap:6px;display:flex}.subnav button{color:#8a8578;background:#fffdf8;border:1px solid #e4ddcb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:5px;min-height:36px;font-size:11px;font-weight:800;display:flex}.subnav button.active{color:#b85a38;background:#fbeadf;border-color:#e2a98c}.day-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding-bottom:2px;display:grid}.day-tile{background:#fffdf8;border:1.5px solid #eae3d2;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;min-height:58px;padding:8px 2px;display:flex}.day-tile.selected{background:#fbf7ef;border-color:#d97757}.day-tile.fast{background:#fbeedc;border-color:#f0d9b5}.day-tile.out{background:#ece9f7;border-color:#d6cfec}.day-tile span{color:#a39e8e;font-size:10px;font-weight:800}.day-tile i{background:#d97757;border-radius:50%;width:6px;height:6px}.day-tile strong{color:#d97757;font-size:11px}.chip-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.chip{color:#8a8578;background:#f5f1e8;border:1px solid #e4ddcb;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800}.chip.active{color:#b85a38;background:#fbeadf;border-color:#e2a98c}.week-toggle-row{gap:6px;margin:8px 0 12px;display:flex}.schedule-picker{gap:2px;margin-top:10px;display:grid}.week-toggle-row button{color:#8a8578;background:#f5f1e8;border:1px solid #e4ddcb;border-radius:10px;width:34px;height:34px;font-size:11px;font-weight:800}.week-toggle-row button.fast{color:#9a5e1e;background:#fbeedc;border-color:#f0d9b5}.week-toggle-row button.out{color:#574b9e;background:#ece9f7;border-color:#d6cfec}.meal-row{align-items:flex-start}.meal-slot{flex:none;width:74px}.meal-slot strong{color:#d97757;margin-top:2px;font-size:11px;display:block}.meal-name{text-align:left;text-underline-offset:3px;flex:1;min-width:0;font-size:13px;font-weight:800;-webkit-text-decoration:underline #e4ddcb;text-decoration:underline #e4ddcb}.meal-row.skipped{color:#8a8578}.meal-row.skipped .meal-name{color:#8a8578;cursor:default;text-decoration:none}.recipe-initial{color:#d97757;background:#d9775724;border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.recipe-initial.large{border-radius:15px;width:50px;height:50px;font-size:21px}.shop-row span.done{color:#a39e8e;text-decoration:line-through}.food-row button{color:#b85a38;background:#fbeadf;border:1px solid #f3d2c0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.icon-card{background:#fffdf8;border-radius:12px}.profile-head{align-items:center;gap:12px;display:flex}.profile-head>span{width:52px;height:52px;font-size:22px}.profile-head>div{flex:1}.allergy{color:#8a8578;background:#f5f1e8;border:1px solid #e4ddcb;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800}.allergy.selected{color:#b23c28;background:#f8e3dd;border-color:#eec8bd}.toggle-row{color:#2b2a27;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f2ecdd;justify-content:space-between;align-items:center;width:100%;padding:10px 0;font-weight:700;display:flex}.toggle-row:last-child{border-bottom:0}.toggle{background:#e0d9c8;border-radius:11px;width:38px;height:22px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:2px;left:2px}.toggle.on{background:#d97757}.toggle.on:after{left:18px}.cta{color:#fff;cursor:pointer;background:#d97757;border:0;border-radius:15px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:46px;font-size:13px;font-weight:800;display:flex}.cta:disabled{cursor:wait;opacity:.65}.cta.ghost{color:#b85a38;background:#fbeadf;border:1px solid #f3d2c0}.setup-top{align-items:center;gap:9px;display:flex}.back-icon{transform:rotate(180deg)}.setup-progress{background:#f0ece0;border-radius:3px;flex:1;height:5px;overflow:hidden}.setup-progress span{background:#d97757;border-radius:3px;height:100%;display:block}.stack{flex-direction:column;gap:10px;display:flex}.integration-row.select-row{background:#f5f1e8;border:1px solid #e4ddcb;border-radius:14px;padding:12px 14px}.integration-row.select-row.selected{background:#fbf7ef;border-color:#d97757}.sheet-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2b2a274d;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{background:#fffdf8;border-radius:22px 22px 0 0;width:100%;max-height:88%;padding:0 18px 18px;overflow-y:auto}.sheet-handle{background:#e4ddcb;border-radius:2px;width:38px;height:4px;margin:10px auto 12px}.recipe-head{border-bottom:1px solid #f2ecdd;align-items:center;gap:13px;margin-bottom:12px;padding-bottom:12px;display:flex}.intro{color:#6e6a5e;margin:12px 0 6px;line-height:1.55}.recipe-meta-grid{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.detail-row,.method-row{border-bottom:1px solid #f6f1e6;gap:10px;padding:8px 0;line-height:1.45;display:flex}.detail-row i{background:#d97757;border-radius:50%;flex:none;width:6px;height:6px;margin-top:8px}.method-row strong{color:#d97757;background:#d9775724;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.notif-overlay{z-index:65;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#d977572e;padding:46px 12px 12px;position:absolute;inset:0}.lock-time{text-align:center;font-size:52px;font-weight:800;line-height:1}.notif-card{background:#fffdf8fa;border:1px solid #eae3d2;border-radius:16px;gap:11px;margin-bottom:9px;padding:12px 14px;display:flex}.notif-icon{color:#fff;background:#d97757;border-radius:9px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.notif-card p{margin:4px 0 0;font-size:13px;line-height:1.45}.toast{color:#fff;z-index:90;white-space:nowrap;background:#d97757;border-radius:22px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #2b2a272e}.celebration{z-index:80;pointer-events:none;position:absolute;inset:0;overflow:hidden}.celebration span{color:#d97757;opacity:0;font-size:18px;font-weight:800;animation:.9s cubic-bezier(.16,1,.3,1) forwards star-burst;position:absolute;top:47%;left:50%}.celebration span:nth-child(2){color:#e8955a;animation-delay:20ms}.celebration span:nth-child(3){color:#c4703a;animation-delay:40ms}.celebration span:nth-child(4){color:#9a5e1e;animation-delay:60ms}.celebration span:nth-child(5){color:#4e7320;animation-delay:80ms}.celebration span:nth-child(6){color:#b85a38;animation-delay:.1s}.celebration span:nth-child(7){color:#d97757;animation-delay:.12s}.celebration span:nth-child(8){color:#e8955a;animation-delay:.14s}.celebration span:nth-child(9){color:#c4703a;animation-delay:.16s}.celebration span:nth-child(10){color:#9a5e1e;animation-delay:.18s}.celebration span:nth-child(11){color:#4e7320;animation-delay:.2s}.celebration span:nth-child(12){color:#b85a38;animation-delay:.22s}.celebration span:nth-child(13){color:#d97757;animation-delay:.24s}.celebration span:nth-child(14){color:#e8955a;animation-delay:.26s}.celebration span:first-child{--burst-x:-126px;--burst-y:-145px}.celebration span:nth-child(2){--burst-x:-72px;--burst-y:-128px}.celebration span:nth-child(3){--burst-x:14px;--burst-y:-152px}.celebration span:nth-child(4){--burst-x:92px;--burst-y:-122px}.celebration span:nth-child(5){--burst-x:135px;--burst-y:-58px}.celebration span:nth-child(6){--burst-x:118px;--burst-y:34px}.celebration span:nth-child(7){--burst-x:65px;--burst-y:112px}.celebration span:nth-child(8){--burst-x:-18px;--burst-y:135px}.celebration span:nth-child(9){--burst-x:-96px;--burst-y:92px}.celebration span:nth-child(10){--burst-x:-139px;--burst-y:18px}.celebration span:nth-child(11){--burst-x:-112px;--burst-y:-70px}.celebration span:nth-child(12){--burst-x:48px;--burst-y:-82px}.celebration span:nth-child(13){--burst-x:150px;--burst-y:74px}.celebration span:nth-child(14){--burst-x:-42px;--burst-y:78px}@keyframes star-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--burst-x)), calc(-50% + var(--burst-y))) scale(1.25) rotate(210deg)}}.muted{color:#8a8578}@media (width<=380px){.app-bg{padding:0}.phone-shell{border:0;border-radius:0;width:100vw;min-height:100vh}.topbar{gap:5px}.brand-button span:last-child,.user-pill{font-size:12px}.number-grid.compact{grid-template-columns:repeat(2,1fr)}}