:root{--cream-50:#fdf6e0;--cream-100:#f8e9bd;--cream-200:#f2da98;--cream-300:#ebc974;--cream-400:#e1b554;--gold-300:#f7c46a;--gold-400:#f2a93b;--gold-500:#e69428;--gold-600:#c7791b;--gold-700:#9b5a14;--teal-300:#6fc9d4;--teal-400:#4dbac8;--teal-500:#2e97a6;--teal-600:#1e7480;--teal-700:#134a53;--brown-400:#b69465;--brown-500:#8e6a3d;--brown-600:#6e4f26;--brown-700:#54391a;--brown-800:#3b2810;--brown-900:#261707;--rose:#e8826e;--rose-soft:#f2b0a0;--plum:#a86593;--sage:#93b57c;--sage-deep:#6e9456;--berry:#d04c5a;--mood-tint:0;--mood-warm:0;--radius-xs:10px;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--shadow-card:0 2px 0 #6540162e, 0 8px 18px #65401614;--shadow-chip:0 2px 0 #6540162e;--shadow-soft:0 6px 18px #6540161f;--f-display:"Fraunces", "Cooper", Georgia, serif;--f-body:"Nunito", "DM Sans", system-ui, sans-serif}[data-theme=day]{--bg-app:#f5dea6;--bg-app-2:#efcc81;--bg-card:#fcefc8;--bg-card-2:#f7e2a8;--bg-tile:#fff8e0;--bg-tile-inner:#f0e0b0;--ink:var(--brown-800);--ink-soft:var(--brown-600);--ink-mute:var(--brown-500);--border:var(--brown-600);--border-soft:#6e4f2659;--accent:var(--gold-400);--accent-deep:var(--gold-600);--cta:var(--teal-500);--cta-deep:var(--teal-700);--cta-light:var(--teal-300);--header:linear-gradient(180deg, #f2a93b 0%, #dc8e20 100%);--sky:linear-gradient(180deg, #ffe9a8 0%, #f5c770 100%)}[data-theme=night]{--bg-app:#221c36;--bg-app-2:#2e2547;--bg-card:#322a4c;--bg-card-2:#3d335c;--bg-tile:#2a2342;--bg-tile-inner:#1f1a30;--ink:#f4e9d6;--ink-soft:#d6c8b0;--ink-mute:#9f8fb8;--border:#5d4a82;--border-soft:#f4e9d638;--accent:#f2c56a;--accent-deep:#e6a132;--cta:#6fc9d4;--cta-deep:#2c8b98;--cta-light:#95dce5;--header:linear-gradient(180deg, #3d335c 0%, #2a2342 100%);--sky:linear-gradient(180deg, #2a2243 0%, #3f2f66 100%)}[data-theme=rain]{--bg-app:#c9d3d6;--bg-app-2:#a7b6bb;--bg-card:#e5eaea;--bg-card-2:#c9d2d3;--bg-tile:#eef2f2;--bg-tile-inner:#c7d0d0;--ink:#2e3942;--ink-soft:#4c5963;--ink-mute:#7a8590;--border:#4c5963;--border-soft:#4c596359;--accent:#e69428;--accent-deep:#b0700a;--cta:#3f8ca0;--cta-deep:#1d5060;--cta-light:#7bbacb;--header:linear-gradient(180deg, #6f8593 0%, #4c5963 100%);--sky:linear-gradient(180deg, #c9d6da 0%, #8fa1ac 100%)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html{height:100dvh}body{height:100%;font-family:var(--f-body);color:var(--brown-800);background:#1a0f03;justify-content:center;margin:0;padding:0;display:flex;overflow:hidden}#root{flex-direction:column;width:100%;max-width:480px;height:100%;display:flex;overflow:hidden}.phone{background:var(--bg-app);width:100%;font-family:var(--f-body);color:var(--ink);z-index:1;flex-direction:column;flex:1;transition:background .4s;display:flex;position:relative;overflow:hidden}.phone-screen{background:var(--bg-app);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);position:relative}.card.tile-inset{background:var(--bg-tile)}.card .card-inner{background:var(--bg-tile-inner);border-radius:var(--radius-sm);padding:10px 12px}.btn{border:2px solid var(--brown-800);background:var(--cta);color:#fff;font-family:var(--f-body);letter-spacing:.01em;border-radius:var(--radius-md);cursor:pointer;text-shadow:0 1px #00000040;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:800;display:inline-flex;position:relative;box-shadow:inset 0 -4px #0000002e,0 2px #00000059}.btn:active{transform:translateY(1px)}.btn.btn-gold{background:var(--accent)}.btn.btn-soft{background:var(--bg-tile);color:var(--ink);text-shadow:none;box-shadow:inset 0 -3px #6e4f261f,0 2px #6e4f262e}.btn.btn-ghost{border-color:var(--border-soft);color:var(--ink);text-shadow:none;box-shadow:none;background:0 0;font-weight:700}.btn.btn-lg{border-radius:var(--radius-lg);padding:14px 22px;font-size:17px}.btn.btn-block{width:100%}.chip{border-radius:var(--radius-pill);background:var(--bg-tile);color:var(--ink-soft);border:1.5px solid var(--border-soft);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.chip-gold{color:var(--brown-800);border-color:var(--gold-600);background:linear-gradient(#f8d67e 0%,#ecb143 100%)}.chip-teal{color:#fff;border-color:var(--teal-700);text-shadow:0 1px #0003;background:linear-gradient(#5dc0cc 0%,#2e97a6 100%)}.h-display{font-family:var(--f-display);letter-spacing:-.01em;color:var(--ink);font-weight:600}.muted{color:var(--ink-mute)}.soft{color:var(--ink-soft)}.cozy-header{background:var(--header);color:#fff8e0;border-bottom:2px solid var(--border);text-shadow:0 1px #3c1e0059;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex;position:relative}.cozy-header h1,.cozy-header h2{font-family:var(--f-display);letter-spacing:.01em;flex:1;margin:0;font-size:22px;font-weight:600}.cozy-header .icon-btn{color:#fff8e0;cursor:pointer;background:#ffffff29;border:1.5px solid #fff8e099;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.status-strip{background:var(--bg-card-2);border-bottom:2px solid var(--border);flex-shrink:0;padding:8px 0;display:flex}.status-strip .ss-item{color:var(--ink);flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex;position:relative}.status-strip .ss-item+.ss-item:before{content:"";background:var(--border-soft);width:1.5px;position:absolute;top:8px;bottom:8px;left:0}.tabs{background:var(--bg-card);border-bottom:2px solid var(--border);flex-shrink:0;display:flex}.tabs .tab{text-align:center;color:var(--ink-mute);cursor:pointer;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 6px 10px;font-size:13px;font-weight:800;display:flex}.tabs .tab.active{color:var(--ink);border-bottom-color:var(--cta);background:var(--bg-tile)}.bottom-nav{background:var(--bg-card);border-top:2px solid var(--border);flex-shrink:0;align-items:stretch;height:64px;display:flex}.bottom-nav .bn-item{color:var(--ink-mute);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex;position:relative}.bottom-nav .bn-item.active{color:var(--cta-deep)}.bottom-nav .bn-item.active:before{content:"";background:var(--cta);border-radius:0 0 4px 4px;height:3px;position:absolute;top:0;left:25%;right:25%}.screen-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px 14px 24px;display:flex;overflow:hidden auto}.screen-body>*{flex-shrink:0}.screen-body::-webkit-scrollbar{width:0}.habitat{border-radius:var(--radius-lg);border:2px solid var(--border);box-shadow:var(--shadow-card);background:var(--sky);height:240px;position:relative;overflow:hidden}.habitat .floor{background:linear-gradient(#a87a3a 0%,#6e4f26 100%);height:38%;position:absolute;bottom:0;left:0;right:0}.habitat .floor-grass{background:linear-gradient(#8fb769 0%,#5c8943 100%);height:18%;position:absolute;bottom:38%;left:0;right:0}.sticker{object-fit:contain;width:100%;height:100%}.dim{z-index:50;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mood-overlay{pointer-events:none;z-index:30;mix-blend-mode:multiply;opacity:.4;transition:background .6s;position:absolute;inset:0}.rain-layer{pointer-events:none;z-index:25;opacity:.6;background-image:linear-gradient(#0000 60%,#ffffff26 60%,#0000 64%);background-size:2px 60px;animation:.6s linear infinite rain;position:absolute;inset:0}@keyframes rain{to{background-position:0 60px}}.seed-bag{border:2px solid var(--brown-800);aspect-ratio:1;background:linear-gradient(#bc8f5e 0%,#8e6a3d 100%);border-radius:8px 8px 16px 16px/8px 8px 12px 12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 4px #ffffff2e,inset 0 -10px #0000002e}.seed-bag:before{content:"";border-bottom:2px solid var(--brown-800);background:radial-gradient(circle at 10%,#6e4f26 0 6px,#0000 7px),radial-gradient(circle at 30%,#6e4f26 0 6px,#0000 7px),radial-gradient(circle,#6e4f26 0 6px,#0000 7px),radial-gradient(circle at 70%,#6e4f26 0 6px,#0000 7px),radial-gradient(circle at 90%,#6e4f26 0 6px,#0000 7px),linear-gradient(#4d2f0e 0%,#6e4f26 100%);height:22%;position:absolute;top:0;left:14%;right:14%}.bar{background:var(--bg-tile-inner);border:1.5px solid var(--border-soft);border-radius:var(--radius-pill);height:12px;overflow:hidden}.bar>span{background:linear-gradient(#5dc0cc 0%,#2e97a6 100%);height:100%;display:block;box-shadow:inset 0 -3px #00000026}.bar.bar-gold>span{background:linear-gradient(#f8d67e 0%,#e69428 100%)}.bar.bar-rose>span{background:linear-gradient(#f2b0a0 0%,#e8826e 100%)}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.twinkle{transform-origin:50%;animation:2.6s ease-in-out infinite twinkle}.twinkle.d1{animation-delay:.6s}.twinkle.d2{animation-delay:1.2s}.twinkle.d3{animation-delay:1.8s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bob{animation:3.6s ease-in-out infinite bob}@keyframes breath{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.breath{transform-origin:bottom;animation:4s ease-in-out infinite breath}.fade-in{animation:.48s forwards fadeIn}@keyframes fadeIn{0%{transform:translateY(8px)}to{transform:translateY(0)}}.fade-in.d1{animation-delay:80ms}.fade-in.d2{animation-delay:.16s}.fade-in.d3{animation-delay:.24s}.fade-in.d4{animation-delay:.32s}.fade-in.d5{animation-delay:.4s}.scrim{z-index:60;background:#1e10048c;justify-content:center;align-items:flex-end;animation:.22s forwards scrimIn;display:flex;position:absolute;inset:0}@keyframes scrimIn{0%{opacity:.85}to{opacity:1}}.sheet{background:var(--bg-card);border-top:2px solid var(--border);border-radius:22px 22px 0 0;width:100%;padding:14px;animation:.32s cubic-bezier(.2,.9,.3,1.2) forwards sheetIn}@keyframes sheetIn{0%{transform:translateY(20px)}to{transform:translateY(0)}}.toast{z-index:80;background:var(--brown-800);color:#fff8e0;border-radius:var(--radius-pill);padding:10px 16px;font-size:13px;font-weight:700;animation:.28s 2s forwards toastOut;position:absolute;bottom:90px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,12px)}}.mood-pick{justify-content:space-between;gap:6px;display:flex}.mood-pick .mp{aspect-ratio:1;border:2px solid var(--border-soft);background:var(--bg-tile);cursor:pointer;border-radius:18px;flex:1;justify-content:center;align-items:center;font-size:28px;transition:transform .16s;display:flex}.mood-pick .mp.selected{border-color:var(--gold-500);background:linear-gradient(#ffedc4 0%,#f6d789 100%);transform:translateY(-3px);box-shadow:0 6px #6e4f2633}.row{align-items:center;display:flex}.row.gap-6{gap:6px}.row.gap-8{gap:8px}.row.gap-10{gap:10px}.row.between{justify-content:space-between}.col{flex-direction:column;display:flex}.col.gap-6{gap:6px}.col.gap-8{gap:8px}.col.gap-10{gap:10px}.col.gap-12{gap:12px}.grow{flex:1}.illu{width:100%;height:100%;display:block}