:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--bg-subtle:#f7f6fb;--border:#e5e4e7;--card-bg:#fff;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-hover:#9226e8;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--danger:#d1425a;--success:#2f9e5e;--social-bg:#f4f3ec80;--chart-series-1:#2a78d6;--chart-series-2:#eb6834;--chart-series-3:#1baf7a;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg-subtle);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--bg-subtle:#101116;--border:#2e303a;--card-bg:#1b1c24;--code-bg:#1f2028;--accent:#c084fc;--accent-hover:#d5a8ff;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--chart-series-1:#3987e5;--chart-series-2:#d95926;--chart-series-3:#199e70}}*{box-sizing:border-box}#root{flex-direction:column;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-.6px;margin:0;font-size:32px}h2{letter-spacing:-.24px;margin:0 0 20px;font-size:22px;line-height:118%}p{margin:0}button{font:inherit}input{font:inherit;color:var(--text-h)}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%}.app-loading{color:var(--text);flex:1;justify-content:center;align-items:center;display:flex}.login-page{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-card{background:var(--card-bg);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:40px 32px}.login-card h1{margin-bottom:8px;font-size:36px}.login-card p{margin-bottom:28px}.google-btn{width:100%;color:var(--text-h);background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:16px;font-weight:500;transition:box-shadow .2s,border-color .2s;display:inline-flex}.google-btn:hover{box-shadow:var(--shadow);border-color:var(--accent-border)}.dashboard{flex-direction:column;flex:1;display:flex}.dashboard-header{border-bottom:1px solid var(--border);background:var(--card-bg);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}@media (width<=640px){.dashboard-header{padding:16px 20px}}.dashboard-user{color:var(--text-h);align-items:center;gap:16px;font-weight:500;display:flex}.coin-badge{background:var(--accent-bg);color:var(--text-h);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.logout-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:14px;transition:border-color .2s,color .2s}.logout-btn:hover{border-color:var(--accent-border);color:var(--text-h)}.banner{text-align:left;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:calc(100% - 64px);max-width:1024px;margin:20px auto 0;padding:12px 20px;font-size:14px;display:flex}@media (width<=720px){.banner{width:calc(100% - 40px)}}.banner-warning{color:var(--text-h);background:#e6a23c1f;border:1px solid #e6a23c59}.banner-success{color:var(--text-h);background:#2f9e5e1f;border:1px solid #2f9e5e59}.banner-error{color:var(--text-h);background:#d1425a1f;border:1px solid #d1425a59}.dashboard-grid{flex:1;grid-template-columns:minmax(260px,380px) 1fr;gap:24px;width:100%;max-width:1024px;margin:0 auto;padding:32px;display:grid}@media (width<=720px){.dashboard-grid{grid-template-columns:1fr;padding:20px}}.dashboard-grid-single{grid-template-columns:1fr}.dashboard-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:28px}.pet-nameplate-wrap{z-index:1;text-align:center;width:calc(100% - 64px);max-width:1024px;margin:24px auto -14px;position:relative}@media (width<=720px){.pet-nameplate-wrap{width:calc(100% - 40px)}}.pet-nameplate{background:var(--accent);color:#fff;letter-spacing:.2px;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:8px 20px;font-size:15px;font-weight:600;display:inline-flex}.pet-hero{background:var(--card-bg);border:1px solid var(--border);width:calc(100% - 64px);max-width:1024px;box-shadow:var(--shadow);border-radius:20px;margin:0 auto}@media (width<=720px){.pet-hero{width:calc(100% - 40px)}}.pet-display{text-align:center;flex-direction:column;align-items:center;display:flex}.pet-scene{aspect-ratio:2.3;width:100%;min-height:190px;position:relative}.pet-info{flex-direction:column;align-items:center;gap:8px;width:100%;padding:16px 24px 24px;display:flex}@media (width<=720px){.pet-info{padding:14px 16px 20px}}.pet-scene-background,.pet-scene-furniture{width:100%;height:100%;position:absolute;inset:0}.pet-scene-background{z-index:0;border-radius:20px 20px 0 0;overflow:hidden}.pet-scene-furniture{z-index:1}.pet-creature{width:100%;height:auto;display:block;overflow:visible}.pet-scene .pet-creature{z-index:2;height:100%;position:absolute;inset:0}.pet-mood-label{color:var(--text-h);margin-bottom:8px;font-size:20px;font-weight:500}.mood-bar-track{background:var(--accent-bg);border-radius:999px;width:100%;max-width:320px;height:10px;overflow:hidden}.mood-bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.mood-score-label{margin-top:4px;font-size:14px}.pet-body,.pet-arm,.pet-leg,.pet-eyelid,.pet-sparkle,.pet-nausea-line,.pet-tear{transform-box:fill-box;transform-origin:50%}.pet-arm{transform-origin:50% 0}.pet-body-wrap{transform-box:fill-box;transform-origin:50% 100%;animation:3.2s ease-in-out infinite pet-idle-bob}.pet-shadow{fill:#00000029;transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite pet-shadow-pulse}@keyframes pet-idle-bob{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-8px)scale(1.02,.98)}55%{transform:translateY(-8px)scale(1.02,.98)}}@keyframes pet-shadow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.88)}}.pet-eyelid{animation:5s ease-in-out infinite pet-blink;transform:scaleY(0)}.pet-eyelid:nth-of-type(2){animation-delay:40ms}@keyframes pet-blink{0%,92%,to{transform:scaleY(0)}94%,97%{transform:scaleY(1)}}.pet-arm-left{transform:rotate(6deg)}.pet-arm-right{transform:rotate(-6deg)}.mood-happy .pet-body-wrap{animation:1.1s ease-in-out infinite pet-happy-bounce}.mood-happy .pet-arm-left{animation:1.1s ease-in-out infinite pet-wave-left}.mood-happy .pet-arm-right{animation:1.1s ease-in-out infinite pet-wave-right}@keyframes pet-happy-bounce{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-16px)scale(1.04,.94)}55%{transform:translateY(-16px)scale(1.04,.94)}75%{transform:translateY(0)scale(.97,1.04)}}@keyframes pet-wave-left{0%,to{transform:rotate(-130deg)}50%{transform:rotate(-150deg)}}@keyframes pet-wave-right{0%,to{transform:rotate(130deg)}50%{transform:rotate(150deg)}}.mood-sad .pet-body-wrap{animation:4s ease-in-out infinite pet-sad-sway}.mood-sad .pet-arm-left{transform:rotate(18deg)}.mood-sad .pet-arm-right{transform:rotate(-18deg)}@keyframes pet-sad-sway{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(-1.5deg)}}.pet-tear{opacity:0;animation:2.2s ease-in infinite pet-tear-fall}@keyframes pet-tear-fall{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}70%{opacity:.9;transform:translateY(22px)}85%{opacity:0}to{opacity:0;transform:translateY(22px)}}.mood-sick .pet-body-wrap{animation:.4s linear infinite pet-sick-shake}@keyframes pet-sick-shake{0%,to{transform:translate(0)}25%{transform:translate(-2.5px)rotate(-.8deg)}75%{transform:translate(2.5px)rotate(.8deg)}}.pet-nausea-line{opacity:0;animation:2.4s ease-out infinite pet-nausea-rise}.pet-nausea-2{animation-delay:.9s}@keyframes pet-nausea-rise{0%{opacity:0;transform:translateY(0)}20%{opacity:.8}80%{opacity:.4}to{opacity:0;transform:translateY(-18px)}}.pet-sparkle{opacity:0;animation:1.6s ease-in-out infinite pet-sparkle-twinkle;transform:scale(.6)}.pet-sparkle-2{animation-delay:.4s}.pet-sparkle-3{animation-delay:.9s}@keyframes pet-sparkle-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}}.pet-tear-2{animation-delay:.5s}.pet-zzz{transform-box:fill-box;transform-origin:50%;opacity:0;animation:2.6s ease-in infinite pet-zzz-float}.pet-zzz-2{animation-delay:.6s}@keyframes pet-zzz-float{0%{opacity:0;transform:translate(0)scale(.8)}20%{opacity:.9}80%{opacity:.4}to{opacity:0;transform:translate(8px,-16px)scale(1.1)}}.is-reacting-good .pet-body-wrap{animation:.9s ease-in-out pet-celebrate-pop}.is-reacting-neutral .pet-body-wrap{animation:.7s ease-in-out pet-nod}.is-reacting-bad .pet-body-wrap{animation:.7s ease-in-out pet-recoil}@keyframes pet-celebrate-pop{0%{transform:translateY(0)scale(1)}25%{transform:translateY(-28px)scale(1.08,.9)}45%{transform:translateY(2px)scale(.94,1.08)}65%{transform:translateY(-14px)scale(1.04,.96)}to{transform:translateY(0)scale(1)}}@keyframes pet-nod{0%,to{transform:translateY(0)}30%{transform:translateY(-6px)}60%{transform:translateY(2px)}}@keyframes pet-recoil{0%{transform:translate(0)scale(1)}25%{transform:translate(-10px)scale(.95,1.03)}55%{transform:translate(4px)scale(1.02,.98)}to{transform:translate(0)scale(1)}}.pet-reaction-fx{transform-box:fill-box;transform-origin:50%}.pet-reaction-fx-good path{transform-box:fill-box;transform-origin:50%;animation:.9s ease-out pet-reaction-good-pop}.pet-reaction-fx-good path:nth-child(2){animation-delay:.1s}.pet-reaction-fx-good path:nth-child(3){animation-delay:.2s}@keyframes pet-reaction-good-pop{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.6)}}.pet-reaction-fx-bad path{animation:.9s ease-out pet-reaction-bad-fade}@keyframes pet-reaction-bad-fade{0%{opacity:0;transform:translateY(6px)}40%{opacity:.9}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.pet-body-wrap,.pet-shadow,.pet-eyelid,.pet-arm-left,.pet-arm-right,.pet-tear,.pet-nausea-line,.pet-sparkle,.pet-zzz,.pet-reaction-fx-good path,.pet-reaction-fx-bad path{animation:none!important}.pet-eyelid{transform:scaleY(0)!important}}.food-search{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:20px}.search-status{color:var(--text);margin-top:8px;font-size:13px}.secondary-btn{color:var(--text-h);background:var(--bg);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:border-color .2s}.secondary-btn:hover{border-color:var(--accent-border)}.secondary-btn:disabled{opacity:.6;cursor:not-allowed}.search-results{flex-direction:column;gap:8px;max-height:260px;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.search-results li{border:1px solid var(--border);background:var(--bg);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.result-info{min-width:0;font-size:14px}.result-brand{color:var(--text);font-weight:400}.result-macros{color:var(--text);margin-top:2px;font-size:13px}.food-log-form{flex-direction:column;display:flex}.field{text-align:left;flex-direction:column;flex:1;gap:6px;margin-bottom:16px;font-size:14px;display:flex}.field input{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:10px 12px}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field-row{gap:16px;display:flex}.primary-btn{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-size:16px;font-weight:500;transition:background .2s}.primary-btn:hover{background:var(--accent-hover)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.form-message{margin-top:14px;font-size:14px}.form-message.success{color:var(--success)}.form-message.error{color:var(--danger)}.dashboard-tabs{gap:4px;width:calc(100% - 64px);max-width:1024px;margin:20px auto 0;display:flex}@media (width<=720px){.dashboard-tabs{width:calc(100% - 40px)}}.tab-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-size:14px;font-weight:500}.tab-btn:hover{color:var(--text-h)}.tab-btn.active{color:var(--text-h);border-bottom-color:var(--accent)}.progress-tab{flex-direction:column;gap:20px;display:flex}.progress-charts{flex-direction:column;gap:28px;transition:opacity .15s;display:flex}.progress-charts.is-refetching{opacity:.5;pointer-events:none}.range-selector{align-self:flex-start;gap:6px;display:flex}.range-btn{color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}.range-btn:hover{border-color:var(--accent-border)}.range-btn.active{color:#fff;background:var(--accent);border-color:var(--accent)}.progress-empty{text-align:center;color:var(--text);padding:24px 0}.trend-chart{flex-direction:column;gap:8px;display:flex}.trend-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.trend-chart-header h3{color:var(--text-h);margin:0;font-size:16px;font-weight:500}.chart-legend{color:var(--text);gap:14px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.chart-legend li{align-items:center;gap:6px;display:flex}.legend-swatch{border-radius:2px;flex:none;width:10px;height:10px}.trend-chart-body{position:relative}.trend-chart-body svg{touch-action:none;width:100%;height:auto;display:block}.chart-gridline{stroke:var(--border);stroke-width:1px}.chart-axis-label{fill:var(--text);font-size:11px}.chart-goal-line{stroke:var(--text);stroke-width:1.5px;stroke-dasharray:4 4;opacity:.6}.chart-crosshair{stroke:var(--text);stroke-width:1px;opacity:.35}.chart-tooltip{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);pointer-events:none;white-space:nowrap;border-radius:8px;min-width:120px;padding:8px 12px;font-size:13px;position:absolute;top:8px;transform:translate(0)}.chart-tooltip-date{color:var(--text-h);margin-bottom:4px;font-weight:500}.chart-tooltip-row{align-items:center;gap:6px;padding:2px 0;display:flex}.chart-tooltip-value{color:var(--text-h);font-weight:600}.chart-tooltip-label{color:var(--text)}.chart-table-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:13px;text-decoration:underline}.chart-table-wrap{overflow-x:auto}.chart-table{border-collapse:collapse;width:100%;font-size:13px}.chart-table th,.chart-table td{text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 10px}.chart-table th:first-child,.chart-table td:first-child{text-align:left}.chart-table th{color:var(--text);font-weight:500}.chart-table td{color:var(--text-h)}.shop-tab{flex-direction:column;gap:8px;display:flex}.shop-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.shop-header h2{margin:0}.shop-subtabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.shop-subtab-btn{color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500}.shop-subtab-btn:hover{border-color:var(--accent-border)}.shop-subtab-btn.active{color:#fff;background:var(--accent);border-color:var(--accent)}.shop-section-title{color:var(--text-h);margin:16px 0 4px;font-size:15px;font-weight:500}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.shop-item-card{border:1px solid var(--border);background:var(--bg);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.shop-item-preview{aspect-ratio:200/220;border-radius:8px;width:100%;overflow:hidden}.shop-item-preview-pet{background:var(--bg-subtle);justify-content:center;align-items:center;padding:6px;display:flex}.shop-item-name{color:var(--text-h);font-size:13px;font-weight:500}.shop-item-price{color:var(--text);font-size:12px}.shop-buy-btn{width:100%;padding:8px 12px;font-size:13px}.shop-item-card .secondary-btn{width:100%;font-size:13px}.shop-item-card .secondary-btn.is-equipped{border-color:var(--accent);color:var(--accent)}.onboarding-overlay{z-index:100;background:color-mix(in srgb, var(--bg-subtle) 92%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.onboarding-card{background:var(--card-bg);border:1px solid var(--border);width:100%;max-width:420px;max-height:calc(100svh - 48px);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:28px 24px;display:flex;overflow-y:auto}.onboarding-pet{width:130px}.speech-bubble{background:var(--bg-subtle);border:1px solid var(--border);cursor:pointer;border-radius:14px;width:100%;min-height:64px;padding:14px 16px;position:relative}.speech-bubble:before{content:"";background:var(--bg-subtle);border-left:1px solid var(--border);border-top:1px solid var(--border);width:16px;height:16px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.speech-bubble p{color:var(--text-h);font-size:15px;line-height:145%;display:inline}.speech-cursor{color:var(--accent);margin-left:2px;animation:.9s step-end infinite onboarding-cursor-blink;display:inline-block}@keyframes onboarding-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.onboarding-btn{width:100%}.onboarding-question{flex-direction:column;gap:12px;width:100%;display:flex}.onboarding-text-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);border-radius:10px;padding:12px 14px;font-size:15px}.onboarding-text-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.onboarding-unit-row{gap:8px;display:flex}.onboarding-unit-row .onboarding-text-input{flex:1}.onboarding-unit-toggle{border:1px solid var(--border);border-radius:10px;flex:none;display:flex;overflow:hidden}.onboarding-unit-toggle button{background:var(--bg);color:var(--text);cursor:pointer;border:none;padding:0 16px;font-size:14px}.onboarding-unit-toggle button.active{background:var(--accent);color:#fff}.onboarding-choice-row,.onboarding-choice-col{gap:8px;display:flex}.onboarding-choice-row{flex-wrap:wrap}.onboarding-choice-col{flex-direction:column}.onboarding-choice{text-align:center;border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:10px;flex:1;padding:10px 14px;font-size:14px}.onboarding-choice-col .onboarding-choice{text-align:left}.onboarding-choice:hover{border-color:var(--accent-border)}.onboarding-choice.active{background:var(--accent);border-color:var(--accent);color:#fff}.danger-zone{background:#d1425a0f;border:1px solid #d1425a59;border-radius:12px;margin-top:24px;padding:16px}.danger-zone .shop-section-title{color:var(--danger);margin-top:0}.danger-zone-copy{color:var(--text);margin-bottom:12px;font-size:13px}.danger-btn{color:var(--danger);border:1px solid var(--danger);cursor:pointer;background:0 0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:500}.danger-btn:hover{background:#d1425a1a}.danger-btn:disabled{opacity:.6;cursor:not-allowed}