@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--green-900:#1b4332;--green-700:#2d6a4f;--green-500:#52b788;--green-300:#95d5b2;--green-100:#d8f3dc;--earth-700:#8b3a17;--earth-500:sienna;--earth-300:#d4a853;--cream:#f8f5f0;--cream-dark:#ece6dc;--paper:#fffdf8;--ink:#1a2a25;--ink-soft:#4d5a55;--ink-faint:#8a948f;--coral:#e76f51;--coral-soft:#f4a261;--shadow-soft:0 4px 24px #2d6a4f14;--shadow-card:0 2px 10px #1b43320f;--radius:18px;--radius-sm:12px;--radius-lg:28px}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01" on, "ss02" on;background:linear-gradient(160deg,#f3ece0 0%,#f8f5f0 100%);margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;font-weight:600}input,textarea{color:inherit;border:none;outline:none;font-family:inherit}a{color:var(--green-700);text-decoration:none}::-webkit-scrollbar{width:0;height:0}.app-shell{background:linear-gradient(165deg,#ede2cf 0%,#e8eee2 50%,#d8e8d0 100%);justify-content:center;align-items:stretch;min-height:100%;display:flex}.phone-frame{background:var(--cream);flex-direction:column;width:100%;max-width:430px;min-height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #1b433226}@media (width>=480px){.phone-frame{border:1px solid #ffffffb3;border-radius:36px;min-height:calc(100dvh - 48px);margin:24px 0}}.screen{flex-direction:column;flex:1;padding:24px 22px 96px;display:flex;position:relative}.screen.no-bottom-nav{padding-bottom:24px}.h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800;line-height:1.1}.h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.h3{margin:0;font-size:16px;font-weight:700}.body{color:var(--ink-soft);font-size:15px;line-height:1.5}.caption{color:var(--ink-faint);font-size:13px;line-height:1.4}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid #95d5b22e;padding:18px}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,background .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--green-700);color:#fff;box-shadow:0 6px 16px #2d6a4f47}.btn-primary:hover{background:var(--green-900)}.btn-coral{background:var(--coral);color:#fff;box-shadow:0 6px 16px #e76f5147}.btn-ghost{color:var(--green-900);background:#2d6a4f14}.btn-block{width:100%}.tag{background:var(--green-100);color:var(--green-900);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.bottom-nav{-webkit-backdrop-filter:blur(12px);z-index:20;background:#fffdf8f0;border-top:1px solid #2d6a4f1a;justify-content:space-around;padding:10px 12px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{color:var(--ink-faint);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:color .2s;display:flex}.bottom-nav button.active{color:var(--green-700)}.bottom-nav .nav-icon{font-size:22px;line-height:1}.ring-wrap{display:inline-flex;position:relative}.ring-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.plant-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.plant-cell{aspect-ratio:1;color:#2d6a4f40;background:#2d6a4f0f;border:1.5px dashed #2d6a4f33;border-radius:12px;justify-content:center;align-items:center;font-size:14px;display:flex}.plant-cell.filled{background:var(--green-500);color:#fff;border:none;box-shadow:0 2px 8px #2d6a4f33}.plant-cell.cat-vegetable{background:#52b788}.plant-cell.cat-fruit{background:#e76f51}.plant-cell.cat-grain{background:#d4a853}.plant-cell.cat-legume{background:#95685e}.plant-cell.cat-nut_seed{background:#a07551}.plant-cell.cat-herb_spice{background:#7c956b}.onboarding{background:radial-gradient(circle at 20% 10%, #95d5b259 0%, transparent 50%), radial-gradient(circle at 90% 80%, #d4a85340 0%, transparent 55%), var(--cream);flex-direction:column;min-height:100dvh;padding:32px 24px 24px;display:flex;position:relative}.progress-dots{gap:6px;margin-bottom:28px;display:flex}.progress-dots>div{background:#2d6a4f26;border-radius:4px;flex:1;height:4px;transition:background .3s}.progress-dots>div.active{background:var(--green-700)}.row{align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.stack{flex-direction:column;display:flex}.stack.gap-4>*+*{margin-top:4px}.stack.gap-8>*+*{margin-top:8px}.stack.gap-12>*+*{margin-top:12px}.stack.gap-16>*+*{margin-top:16px}.stack.gap-20>*+*{margin-top:20px}.stack.gap-24>*+*{margin-top:24px}.pill-select{background:#2d6a4f14;border-radius:999px;gap:4px;padding:4px;display:flex}.pill-select button{color:var(--ink-soft);border-radius:999px;flex:1;padding:10px 8px;font-size:13px;font-weight:600;transition:all .2s}.pill-select button.active{color:var(--green-900);background:#fff;box-shadow:0 2px 6px #2d6a4f1f}.text-input{background:#fff;border:1.5px solid #2d6a4f2e;border-radius:14px;width:100%;padding:14px 16px;font-size:15px;transition:border .2s}.text-input:focus{border-color:var(--green-500)}.slider{appearance:none;background:linear-gradient(90deg, var(--green-500) 0%, var(--green-500) var(--progress,50%), #2d6a4f26 var(--progress,50%), #2d6a4f26 100%);border-radius:8px;outline:none;width:100%;height:8px}.slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--green-700);cursor:pointer;background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #2d6a4f4d}.slider::-moz-range-thumb{border:3px solid var(--green-700);cursor:pointer;background:#fff;border-radius:50%;width:24px;height:24px}.search-box{position:relative}.search-box input{background:#fff;border:1.5px solid #2d6a4f26;border-radius:999px;width:100%;padding:14px 18px 14px 46px;font-size:15px}.search-box .search-icon{font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.food-list{flex-direction:column;gap:6px;display:flex}.food-row{background:#fff;border:1px solid #2d6a4f14;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:transform .15s,background .2s;display:flex}.food-row:active{background:var(--green-100);transform:scale(.98)}.food-row .leaf{background:var(--green-100);border-radius:10px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.celebration{z-index:1000;pointer-events:none;justify-content:center;align-items:flex-start;padding-top:18%;display:flex;position:fixed;inset:0}.celebration .toast{pointer-events:auto;color:var(--green-900);border:1px solid var(--green-300);background:#fff;border-radius:999px;align-items:center;gap:12px;padding:16px 22px;font-weight:700;display:inline-flex;box-shadow:0 12px 40px #2d6a4f47}.celebration .toast .ico{background:var(--green-100);border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.flame{display:inline-block}.streak-pill{color:#fff;background:linear-gradient(135deg,#f4a261,#e76f51);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #e76f514d}.heatmap{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.heatmap-cell{aspect-ratio:1;background:#2d6a4f0d;border-radius:8px;place-items:center;font-size:18px;line-height:1;display:grid;position:relative;overflow:hidden}.heatmap-cell.today{outline:2px solid var(--green-700);outline-offset:-2px}.heatmap-cell .fill{pointer-events:none;background:linear-gradient(#0000 0%,#52b7882e 100%);position:absolute;inset:0}.heatmap-cell .glyph{z-index:1;filter:drop-shadow(0 1px 1px #1b43322e);position:relative}.metric-block{background:#fff;border:1px solid #2d6a4f14;border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.metric-block .v{letter-spacing:-.02em;font-size:22px;font-weight:800}.metric-block .k{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-size:11px;font-weight:700}.bar-progress{background:#2d6a4f1f;border-radius:8px;height:8px;overflow:hidden}.bar-progress>div{background:linear-gradient(90deg, var(--green-500), var(--green-700));border-radius:8px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.identity-card{background:linear-gradient(135deg, var(--green-700), var(--green-500));color:#fff;border-radius:var(--radius-lg);padding:22px;box-shadow:0 12px 28px #2d6a4f38}.identity-card .body{color:#ffffffeb}.nudge{color:var(--earth-700);background:linear-gradient(135deg,#d4a8532e,#e76f512e);border:1px solid #e76f5138;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.category-legend{flex-wrap:wrap;gap:8px;display:flex}.category-legend .item{color:var(--ink-soft);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.category-legend .dot{border-radius:50%;width:10px;height:10px}.ach-card{background:#fff;border:1px solid #2d6a4f14;border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.ach-medal{color:#fff;border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.ach-card.locked .ach-medal{color:#2d6a4f66;background:#2d6a4f14}.ecosystem{border-radius:var(--radius-lg);text-align:center;background:linear-gradient(#d8f3dc 0%,#b7e4c7 100%);padding:24px;position:relative;overflow:hidden}.ecosystem .scene{filter:drop-shadow(0 4px 12px #1b433233);font-size:56px}.fab{background:var(--coral);color:#fff;z-index:10;border-radius:50%;place-items:center;width:64px;height:64px;font-size:30px;display:grid;position:absolute;bottom:92px;right:22px;box-shadow:0 12px 24px #e76f5159}.divider{background:#2d6a4f1a;height:1px;margin:8px 0}.topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.greet-name{letter-spacing:-.01em;font-weight:800}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--green-100);color:var(--green-900);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.chip.coral{color:var(--earth-700);background:#e76f511f}.chip.gold{color:#7a5b1f;background:#d4a8532e}.hint{color:var(--ink-faint);font-size:12px;font-weight:500}.scrollable{overflow-y:auto}.tier-bronze{background:linear-gradient(135deg,#c08457,#8b3a17)}.tier-silver{background:linear-gradient(135deg,#d3d3d3,#909090)}.tier-gold{background:linear-gradient(135deg,#f4cb5c,#c98a17)}.tier-legendary{background:linear-gradient(135deg,#9b6dd1,#5c3398)}