.landing{color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.land-nav{z-index:200;-webkit-backdrop-filter:blur(14px);background:#0a160ccc;border-bottom:1px solid #5a9e6f2e;justify-content:space-between;align-items:center;padding:1rem 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.land-logo{color:#a7f3c0;letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.land-nav-btn{color:#a7f3c0;cursor:pointer;background:#5a9e6f26;border:1px solid #5a9e6f66;border-radius:100px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.land-nav-btn:hover{background:#5a9e6f4d;border-color:#5a9e6fb3}.land-hero{text-align:center;background:radial-gradient(at 50% 30%,#0b2914 0%,#050d07 55%,#04090c 100%);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:7rem 2rem 5rem;display:flex;position:relative;overflow:hidden}.land-hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(90px);border-radius:50%;animation:14s ease-in-out infinite orb-drift;position:absolute}.orb1{background:#5a9e6f29;width:420px;height:420px;animation-delay:0s;top:-8%;left:-6%}.orb2{background:#38bdf821;width:320px;height:320px;animation-delay:-5s;bottom:-8%;right:28%}.orb3{background:#5b9bd51f;width:280px;height:280px;animation-delay:-9s;top:25%;right:-4%}@keyframes orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(18px,-28px)scale(1.06)}66%{transform:translate(-14px,18px)scale(.94)}}.land-hero-content{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:1000px;padding:0 2rem;display:flex;position:relative}.hero-badge{color:#86efac;letter-spacing:.04em;text-transform:uppercase;background:#5a9e6f24;border:1px solid #5a9e6f59;border-radius:100px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.35rem .9rem;font-size:.78rem;font-weight:500;display:inline-flex}.hero-title{letter-spacing:-.03em;color:#f0fdf4;margin:0 0 1.25rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1.05}.hero-title-accent{background:linear-gradient(135deg,#86efac 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:#f0fdf49e;text-align:center;max-width:780px;margin:0 0 2rem;font-size:1.15rem;line-height:1.7}.hero-cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.btn-hero-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5a9e6f,#38a169);border:none;border-radius:100px;padding:.85rem 2rem;font-size:1rem;font-weight:600;transition:all .25s;box-shadow:0 4px 24px #5a9e6f66}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #5a9e6f8c}.btn-hero-ghost{color:#f0fdf4a6;cursor:pointer;background:0 0;border:1px solid #f0fdf433;border-radius:100px;padding:.85rem 2rem;font-size:1rem;font-weight:500;transition:all .25s}.btn-hero-ghost:hover{color:#f0fdf4;border-color:#f0fdf480}.hero-visual{z-index:1;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.lifecycle-wrap{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:1000px;padding:0 2rem;display:flex}.lifecycle-track{justify-content:space-between;align-items:flex-end;width:100%;display:flex;position:relative}.lc-line{z-index:0;background:linear-gradient(90deg,#5a9e6f40 0%,#5a9e6f8c 50%,#a7f3c066 100%);height:2px;position:absolute;bottom:5rem;left:0;right:0}.lc-stage{z-index:1;flex-direction:column;align-items:center;gap:.5rem;animation:.7s ease-out both lc-rise;display:flex;position:relative}.lc-s0{animation-delay:.1s}.lc-s1{animation-delay:.25s}.lc-s2{animation-delay:.4s}.lc-s3{animation-delay:.55s}@keyframes lc-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.lc-plant{filter:drop-shadow(0 0 12px #5a9e6f66);justify-content:center;align-items:flex-end;animation:ease-in-out infinite lc-bob;display:flex}.lc-plant-img{object-fit:contain;display:block}.lc-s0 .lc-plant{animation-duration:3.8s;animation-delay:0s}.lc-s1 .lc-plant{animation-duration:4.2s;animation-delay:-.9s}.lc-s2 .lc-plant{animation-duration:3.5s;animation-delay:-1.8s}.lc-s3 .lc-plant{filter:drop-shadow(0 0 32px #5a9e6fbf);animation-duration:4.8s;animation-delay:-.5s}.lc-s0 .lc-plant-img{width:6rem;height:6rem}.lc-s1 .lc-plant-img{width:8.5rem;height:8.5rem}.lc-s2 .lc-plant-img{width:11rem;height:11rem}.lc-s3 .lc-plant-img{width:14rem;height:14rem}@keyframes lc-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.lc-label{color:#a7f3c0e6;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.8rem;font-weight:700}.lc-sub{color:#a7f3c073;white-space:nowrap;font-size:.72rem}.lifecycle-caption{color:#a7f3c080;margin:0;font-size:.85rem;font-style:italic}.land-features{color:#2d2d2d;text-align:center;background:#f7f3ec;padding:5rem 4rem}.land-section-title{letter-spacing:-.02em;color:#1a2e1a;margin:0 0 3rem;font-size:2rem;font-weight:800}.features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;max-width:1000px;margin:0 auto;display:grid}.feature-card{text-align:left;background:#fff;border:1px solid #5a9e6f1a;border-radius:18px;padding:2rem 1.5rem;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #5a9e6f21}.feature-icon{margin-bottom:.75rem;font-size:2.2rem;display:block}.feature-card h3{color:#1a2e1a;margin:0 0 .5rem;font-size:.95rem;font-weight:700}.feature-card p{color:#5a6a5a;margin:0;font-size:.85rem;line-height:1.65}.land-streak{text-align:center;background:linear-gradient(145deg,#0b1c10 0%,#09141d 100%);padding:5.5rem 4rem}.streak-content{max-width:500px;margin:0 auto}.streak-flame{margin-bottom:1rem;font-size:3rem;animation:1.6s ease-in-out infinite alternate flame-pulse;display:block}@keyframes flame-pulse{0%{filter:drop-shadow(0 0 8px #fb923c59);transform:scale(1)}to{filter:drop-shadow(0 0 22px #fb923ccc);transform:scale(1.1)}}.land-streak h2{letter-spacing:-.02em;color:#f0fdf4;margin:0 0 .8rem;font-size:1.9rem;font-weight:800}.land-streak p{color:#f0fdf494;margin:0 0 2rem;font-size:.95rem;line-height:1.65}.streak-demo{justify-content:center;gap:.5rem;margin-bottom:.75rem;display:flex}.streak-day{color:#ffffff4d;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;font-size:.8rem;font-weight:600;display:flex}.streak-day.active{color:#fff;background:linear-gradient(135deg,#fb923c,#ef4444);border-color:#0000;box-shadow:0 4px 16px #fb923c73}.streak-demo-caption{color:#ffffff59;margin:0;font-size:.8rem}.land-how{color:#2d2d2d;text-align:center;background:#f7f3ec;padding:5rem 4rem}.how-steps{grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:780px;margin:0 auto;display:grid}.how-step{flex-direction:column;align-items:center;gap:.65rem;display:flex}.step-num{color:#fff;background:#5a9e6f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:800;display:flex}.step-icon{font-size:2rem}.how-step h3{color:#1a2e1a;margin:0;font-size:.95rem;font-weight:700}.how-step p{color:#5a6a5a;margin:0;font-size:.85rem;line-height:1.6}.land-cta{text-align:center;background:radial-gradient(#0b2914 0%,#050d07 100%);padding:7rem 4rem;position:relative;overflow:hidden}.cta-orb-bg{filter:blur(120px);pointer-events:none;background:#5a9e6f1f;border-radius:50%;width:600px;height:600px;animation:10s ease-in-out infinite orb-drift;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.land-cta h2{letter-spacing:-.03em;color:#f0fdf4;margin:0 0 .75rem;font-size:2.6rem;font-weight:800;position:relative}.land-cta>p{color:#f0fdf480;margin:0 0 2rem;font-size:.95rem;position:relative}.btn-cta-large{position:relative;padding:1rem 2.5rem!important;font-size:1.1rem!important}.land-footer{text-align:center;color:#ffffff40;background:#030806;padding:1.5rem 4rem;font-size:.8rem}.land-footer a{color:#86efac80;text-decoration:none;transition:color .2s}.land-footer a:hover{color:#86efac}.auth-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);background:#000000a6;justify-content:center;align-items:center;animation:.2s overlay-fade-in;display:flex;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.auth-modal{background:#fff;border-radius:22px;width:100%;max-width:400px;margin:1rem;padding:2.25rem 2.5rem;animation:.25s cubic-bezier(.34,1.56,.64,1) modal-rise;position:relative;box-shadow:0 28px 80px #00000073}@keyframes modal-rise{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}.auth-close{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .5rem;font-size:1.6rem;line-height:1;transition:background .15s,color .15s;position:absolute;top:1rem;right:1rem}.auth-close:hover{color:#555;background:#f5f5f5}.auth-logo{color:#5a9e6f;margin-bottom:1.5rem;font-size:1.15rem;font-weight:700}.auth-tabs{background:#f2f2f2;border-radius:12px;gap:3px;margin-bottom:1.5rem;padding:3px;display:flex}.auth-tab{color:#888;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:.55rem;font-size:.9rem;font-weight:500;transition:all .18s}.auth-tab.active{color:#fff;background:#5a9e6f;box-shadow:0 2px 8px #5a9e6f4d}.auth-form{flex-direction:column;gap:.7rem;display:flex}.auth-input{box-sizing:border-box;color:#2d2d2d;background:#fafafa;border:1.5px solid #e4e4e4;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:border-color .15s}.auth-input:focus{background:#fff;border-color:#5a9e6f}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:.55rem .8rem;font-size:.82rem}.auth-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:0;padding:.55rem .8rem;font-size:.82rem}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5a9e6f,#38a169);border:none;border-radius:10px;margin-top:.25rem;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 3px 14px #5a9e6f59}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 20px #5a9e6f73}.auth-submit:disabled{opacity:.45;cursor:not-allowed;transform:none}.auth-switch{text-align:center;color:#888;margin:1rem 0 0;font-size:.82rem}.auth-switch-btn{color:#5a9e6f;cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600;text-decoration:underline}.loading-screen{background:#fdf6ed;justify-content:center;align-items:center;min-height:100vh;font-size:3rem;animation:1.4s ease-in-out infinite loading-pulse;display:flex}@keyframes loading-pulse{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}@media (width<=820px){.land-hero{text-align:center;grid-template-columns:1fr;padding:6rem 1.75rem 3.5rem}.hero-sub{max-width:100%}.hero-cta-row{justify-content:center}.hero-badge{margin-left:auto;margin-right:auto}.hero-visual{display:none}.land-features,.land-streak,.land-how,.land-cta{padding-left:1.75rem;padding-right:1.75rem}.how-steps{grid-template-columns:1fr;gap:2rem}.land-nav{padding:1rem 1.5rem}.land-footer{padding:1.5rem}}.app:before,.app:after{content:"";pointer-events:none;z-index:0;filter:blur(60px);border-radius:50%;position:fixed}.app:before{background:radial-gradient(circle,#5a9e6f2e 0%,#0000 70%);width:45vw;height:45vw;animation:18s ease-in-out infinite alternate blobDrift;top:-15%;left:-10%}.app:after{background:radial-gradient(circle,#34d3991f 0%,#0000 70%);width:35vw;height:35vw;animation:24s ease-in-out infinite alternate-reverse blobDrift;bottom:-10%;right:-8%}@keyframes blobDrift{0%{transform:translate(0)scale(1)}to{transform:translate(3vw,4vh)scale(1.1)}}.app{max-width:1320px;min-height:100vh;margin:0 auto;padding:0 28px 56px;position:relative}.app-header{text-align:center;z-index:1;padding:22px 0 14px;position:relative}.header-top{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.header-title{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.streak-badge{color:#fb923c;cursor:default;background:linear-gradient(135deg,#fb923c2e,#ef444424);border:1px solid #fb923c66;border-radius:100px;align-items:center;gap:3px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.sign-out-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:100px;padding:4px 10px;font-size:.75rem;transition:all .2s}.sign-out-btn:hover{color:var(--text);border-color:#ffffff40}.logo-emoji{filter:drop-shadow(0 2px 8px #5a9e6f80);font-size:2rem}.app-header h1{letter-spacing:-1px;background:linear-gradient(135deg,#5a9e6f 0%,#a7f3c0 55%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.6rem;font-weight:800}.tagline{color:var(--text-muted);letter-spacing:.03em;margin-top:6px;font-size:.88rem}.main-grid{z-index:1;grid-template-columns:1fr 1.5fr 1fr;align-items:stretch;gap:12px;display:grid;position:relative}.cell-timer{grid-area:1/1}.cell-stats{grid-area:2/1}.cell-plant{grid-area:1/2}.cell-pets{grid-area:2/2}.cell-buddy{grid-area:1/3/3}.cell-timer,.cell-stats,.cell-plant,.cell-pets,.cell-buddy{flex-direction:column;display:flex}.cell-timer>*,.cell-stats>*,.cell-plant>*,.cell-pets>*,.cell-buddy>*{flex:1}.app-footer{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:6px;margin-top:28px;padding-bottom:20px;display:flex;position:relative}.footer-copy{color:var(--text-muted);font-size:.74rem}.footer-link{color:var(--purple-light);font-weight:600;text-decoration:none}.footer-link:hover{text-decoration:underline}.reset-link{color:var(--text-muted);opacity:.5;background:0 0;font-size:.78rem;text-decoration:underline;transition:opacity .2s}.reset-link:hover{opacity:1}.card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--glass-shadow);border-radius:24px;padding:16px 18px}.card-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:14px;font-size:.72rem}.notification{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--green-light);text-align:center;background:linear-gradient(135deg,#5a9e6f33,#34d39926);border:1px solid #5a9e6f66;border-radius:14px;margin-bottom:14px;padding:12px 20px;font-size:.92rem;font-weight:600;animation:.35s cubic-bezier(.34,1.56,.64,1) slideDown;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.timer-card{text-align:center}.mode-tabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;gap:6px;margin-bottom:20px;padding:5px;display:flex}.mode-tab{color:var(--text-muted);background:0 0;border-radius:10px;flex:1;padding:8px 0;font-size:.85rem;font-weight:600;transition:all .2s}.mode-tab.active{color:#fff;box-shadow:0 2px 14px #00000047}.ring-wrap{filter:drop-shadow(0 4px 20px #5a9e6f40);width:180px;height:180px;margin:0 auto 20px;position:relative}.ring-label{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-time{letter-spacing:-1.5px;color:var(--text);font-size:2.2rem;font-weight:800}.ring-mode{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-top:2px;font-size:.72rem}.timer-controls{justify-content:center;align-items:center;gap:10px;display:flex}.btn-primary{color:#fff;letter-spacing:.02em;border-radius:12px;padding:10px 26px;font-size:.92rem;font-weight:700;transition:filter .15s,transform .1s,box-shadow .2s;box-shadow:0 4px 14px #0000004d}.btn-primary:hover{filter:brightness(1.12);box-shadow:0 6px 20px #00000059}.btn-primary:active{transform:scale(.97)}.btn-primary.small{padding:6px 16px;font-size:.82rem}.btn-ghost{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:10px 14px;font-size:1.1rem;transition:background .15s}.btn-ghost:hover{background:#ffffff1a}.btn-ghost:disabled{opacity:.35;cursor:not-allowed}.duration-picker{border-top:1px solid #ffffff14;margin-top:16px;padding-top:16px}.picker-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:9px;font-size:.7rem;display:block}.picker-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.preset-btn{color:var(--text-muted);background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:9px;padding:5px 11px;font-size:.8rem;font-weight:600;transition:all .15s}.preset-btn:hover:not(.active){color:var(--text);background:#ffffff1a}.preset-btn.active{box-shadow:0 2px 10px #0000004d}.custom-min-input{width:50px;color:var(--text);text-align:center;background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:9px;outline:none;padding:5px 8px;font-size:.8rem;font-weight:600;transition:border-color .15s,background .15s}.custom-min-input:focus{border-color:var(--purple-light);background:#ffffff1a}.custom-min-input::-webkit-inner-spin-button{-webkit-appearance:none}.plant-card{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;padding:18px 20px 16px;display:flex}.plant-scene{justify-content:center;align-items:flex-end;width:170px;height:170px;margin:0 auto;display:flex;position:relative}.plant-glow{border-radius:50%;animation:4s ease-in-out infinite glowPulse;position:absolute;inset:0}@keyframes glowPulse{0%,to{opacity:.75;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}.plant-emoji-wrap{display:inline-block;position:relative}.plant-img{object-fit:contain;transform-origin:bottom;filter:drop-shadow(0 6px 28px #5a9e6f66);width:10rem;height:10rem;animation:5s ease-in-out infinite sway;display:block}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.plant-emoji-wrap.watered .plant-img{filter:drop-shadow(0 6px 36px #5a9e6fa6);animation:.5s cubic-bezier(.34,1.56,.64,1) pop,5s ease-in-out .5s infinite sway}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.water-splash{pointer-events:none;font-size:1.1rem;animation:1.2s forwards splashUp;position:absolute;top:-16px;left:50%;transform:translate(-50%)}@keyframes splashUp{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-36px)scale(.7)}}.plant-info{margin-bottom:4px}.plant-name{background:linear-gradient(135deg,#5a9e6f,#a7f3c0);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800;display:block}.plant-sub{color:var(--text-muted);margin-top:4px;font-size:.84rem;display:block}.stage-trail{justify-content:center;align-items:center;gap:6px;margin:8px 0;display:flex}.stage-dot{opacity:.4;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s cubic-bezier(.34,1.4,.64,1);display:flex}.stage-dot-img{object-fit:contain;width:18px;height:18px}.stage-dot.done{opacity:.75;background:#34d3991f;border-color:#34d3994d}.stage-dot.current{opacity:1;background:linear-gradient(135deg,#34d39933,#5a9e6f26);border-color:#34d3998c;transform:scale(1.2);box-shadow:0 0 14px #34d3994d}.plant-progress{width:100%;margin-top:4px}.prog-bar{background:#ffffff0f;border:1px solid #ffffff14;border-radius:99px;height:8px;margin-bottom:6px;overflow:hidden}.prog-fill{background:linear-gradient(90deg,#5a9e6f,#86efac);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.34,1.2,.64,1)}.prog-fill.accent{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.prog-label{color:var(--text-muted);font-size:.78rem}.plant-maxed{color:var(--green-light);margin-top:8px;font-size:.92rem;font-weight:700}.habitat-empty{color:var(--text-muted);opacity:.55;text-align:center;padding:18px 0 10px;font-size:.75rem;font-style:italic}.pet-scene-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;display:grid}.pet-scene-card{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:13px;height:112px;transition:border-color .2s,transform .15s;position:relative;overflow:visible;box-shadow:0 2px 12px #0000002e,inset 0 1px #ffffff12}.pet-scene-card:hover{z-index:50;border-color:#5a9e6f59;transform:translateY(-1px)}.scene-card-grass{z-index:6;pointer-events:none;background:linear-gradient(90deg,#0000,#3e874ce6 22%,#58b96699 50%,#3e874ce6 78%,#0000);height:2px;position:absolute;bottom:36%;left:0;right:0;box-shadow:0 -2px 9px #34784061}.scene-card-pet{z-index:10;flex-direction:column-reverse;align-items:center;animation:4s ease-in-out infinite scene-idle;display:flex;position:absolute;bottom:36%;left:50%;transform:translate(-50%)}.pet-scene-card:hover .scene-card-pet{animation:.7s ease-in-out infinite scene-bob}.scene-card-name{color:#78c896bf;white-space:nowrap;margin-bottom:2px;font-size:.5rem;font-weight:700}@keyframes scene-idle{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-.8px)}}@keyframes scene-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}.pet-scene-card.cursor-active{filter:drop-shadow(0 0 8px #5a9e6f99)}.scene-cursor-hint{color:var(--green);white-space:nowrap;z-index:10;font-size:.48rem;font-weight:700;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.locked-card{cursor:default;opacity:.45}.locked-card:hover{border-color:#ffffff12;transform:none}.scene-locked-pet{animation:5s ease-in-out infinite scene-idle!important}.scene-locked-pet .pet-img{filter:brightness(.12)saturate(0)!important}.locked-count{color:#ffffff4d!important}.pet-img{object-fit:contain;filter:drop-shadow(0 2px 8px #00000059);width:44px;height:44px;display:block}.cursor-hint{color:var(--green);margin-top:2px;font-size:.55rem;font-weight:700;display:block}.cursor-pet{object-fit:contain;pointer-events:none;z-index:9999;filter:drop-shadow(0 0 8px #5a9e6fb3);width:44px;height:44px;position:fixed;transform:translateY(-50%)}.pet-modal{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#06100af7;border:1.5px solid #5a9e6f73;border-radius:16px;width:210px;padding:14px;animation:.15s ease-out modal-pop;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #000000b3,0 0 24px #5a9e6f1a}@keyframes modal-pop{0%{opacity:0;transform:translate(-50%)scale(.95)translateY(4px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}.pet-modal-header{border-bottom:1px solid #5a9e6f33;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;display:flex}.pet-modal-img{object-fit:contain;filter:drop-shadow(0 0 6px #5a9e6f66);width:46px;height:46px}.pet-modal-name{background:linear-gradient(135deg,#5a9e6f,#86efac);-webkit-text-fill-color:transparent;letter-spacing:.06em;-webkit-background-clip:text;background-clip:text;margin-bottom:3px;font-size:.9rem;font-weight:800;line-height:1}.pet-modal-level{color:#86efac99;letter-spacing:.08em;font-size:.62rem;font-weight:700}.pet-modal-xp-row{align-items:center;gap:6px;margin-bottom:10px;display:flex}.pet-modal-xp-label{color:#c8e6d273;width:16px;font-size:.58rem;font-weight:700}.pet-modal-xp-bar{background:#ffffff12;border-radius:2px;flex:1;height:4px;overflow:hidden}.pet-modal-xp-fill{background:linear-gradient(90deg,#3d8b57,#86efac);border-radius:2px;height:100%}.pet-modal-xp-pct{color:#c8e6d273;text-align:right;width:26px;font-size:.56rem}.pet-modal-stats{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.pet-modal-stat{align-items:center;gap:6px;display:flex}.pet-modal-stat-label{color:#c8e6d280;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;width:64px;font-size:.56rem}.pet-modal-stat-bar{background:#ffffff12;border-radius:3px;flex:1;height:5px;overflow:hidden}.pet-modal-stat-fill{background:linear-gradient(90deg,#3d8b57,#5a9e6f,#86efac);border-radius:3px;height:100%}.pet-modal-stat-val{color:#86efac;text-align:right;flex-shrink:0;width:20px;font-size:.58rem;font-weight:700}.pet-modal-quote{color:#c8e6d266;text-align:center;margin-bottom:5px;font-size:.62rem;font-style:italic;line-height:1.4}.pet-modal-hint{color:#5a9e6f80;text-align:center;font-size:.54rem}.stat-list{flex-direction:column;gap:9px;margin-bottom:14px;display:flex}.stat-row{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.stat-icon{text-align:center;width:22px;font-size:1rem}.stat-label{color:var(--text-muted);flex:1;font-size:.84rem;font-weight:500}.stat-val{color:var(--text);font-size:.95rem;font-weight:800}.streak-row{background:#fb923c14;border-color:#fb923c40}.streak-val{color:#fb923c}.streak-best{color:var(--text-muted);font-size:.72rem;font-weight:400}.next-pet{margin-top:4px}.next-pet-label{color:var(--text-muted);margin-bottom:7px;font-size:.78rem;font-weight:600;display:block}.agent-card{flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.agent-top{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex}.agent-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.78rem;font-weight:800}.agent-status{color:var(--purple-light);font-size:.7rem;font-weight:600}.agent-messages{scrollbar-width:thin;scrollbar-color:#5a9e6f40 transparent;flex-direction:column;flex:1;gap:8px;min-height:0;max-height:380px;padding:12px 12px 8px;display:flex;overflow-y:auto}.agent-messages::-webkit-scrollbar{width:4px}.agent-messages::-webkit-scrollbar-thumb{background:#5a9e6f4d;border-radius:4px}.agent-empty{text-align:center;opacity:.6;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 8px;display:flex}.agent-empty-icon{font-size:1.8rem}.agent-empty p{color:var(--text-muted);font-size:.82rem;line-height:1.5}.agent-empty code{color:var(--green-light);background:#5a9e6f26;border-radius:5px;padding:1px 5px;font-size:.76rem}.msg-row{align-items:flex-end;gap:7px;animation:.22s cubic-bezier(.34,1.4,.64,1) msgIn;display:flex}.msg-row.user{flex-direction:row-reverse}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.msg-avatar{background:#34d39926;border:1.5px solid #34d3994d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;display:flex}.msg-bubble{border-radius:16px;max-width:86%;padding:8px 12px;font-size:.84rem;font-weight:500;line-height:1.55}.msg-row.buddy .msg-bubble{color:var(--text);background:#ffffff12;border:1px solid #ffffff1a;border-bottom-left-radius:4px}.msg-row.user .msg-bubble{color:var(--text);background:linear-gradient(135deg,#5a9e6f2e,#34d3991f);border:1px solid #5a9e6f4d;border-bottom-right-radius:4px}.loading-bubble{align-items:center;gap:4px;display:flex}.dot-bounce{color:var(--purple-light);font-size:.45rem;animation:.9s ease-in-out infinite dotBounce}.dot-bounce.delay1{animation-delay:.15s}.dot-bounce.delay2{animation-delay:.3s}@keyframes dotBounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.agent-bottom{border-top:1px solid #ffffff12;flex-direction:column;flex-shrink:0;gap:7px;padding:8px 12px 12px;display:flex}.agent-suggestions{flex-wrap:wrap;gap:5px;display:flex}.suggestion-chip{color:var(--purple-light);background:#5a9e6f1a;border:1.5px solid #5a9e6f47;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:all .15s}.suggestion-chip:hover:not(:disabled){background:#5a9e6f33;border-color:#5a9e6f80}.suggestion-chip:disabled{opacity:.35;cursor:not-allowed}.agent-chat{gap:7px;display:flex}.chat-input{color:var(--text);background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:9px 13px;font-size:.85rem;font-weight:500;transition:border-color .15s,background .15s}.chat-input::placeholder{color:#c8e6d259}.chat-input:focus{border-color:var(--purple-light);background:#ffffff1a}.chat-send{color:#fff;background:linear-gradient(135deg,#5a9e6f,#34d399);border-radius:12px;padding:9px 16px;font-size:.95rem;font-weight:800;transition:filter .15s,transform .1s;box-shadow:0 2px 10px #5a9e6f59}.chat-send:hover:not(:disabled){filter:brightness(1.1)}.chat-send:active:not(:disabled){transform:scale(.95)}.chat-send:disabled{opacity:.35;cursor:not-allowed}.fireflies{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.firefly{width:4px;height:4px;animation:ff-drift var(--ff-dur,12s) ease-in-out infinite var(--ff-delay,0s), ff-blink var(--ff-blink,2.5s) ease-in-out infinite var(--ff-bdelay,0s);background:#a7f3c0;border-radius:50%;position:absolute;box-shadow:0 0 6px 2px #a7f3c0cc,0 0 12px 4px #a7f3c066}@keyframes ff-drift{0%{transform:translate(0)}20%{transform:translate(var(--ff-x1), var(--ff-y1))}45%{transform:translate(var(--ff-x2), var(--ff-y2))}70%{transform:translate(var(--ff-x3), var(--ff-y3))}to{transform:translate(0)}}@keyframes ff-blink{0%,to{opacity:.15;box-shadow:0 0 4px 1px #a7f3c066}50%{opacity:1;box-shadow:0 0 10px 4px #a7f3c0e6,0 0 20px 8px #86efac66}}.water-wave-cap{bottom:var(--h,0%);z-index:151;pointer-events:none;height:70px;transition:bottom 2.5s cubic-bezier(.25,.46,.45,.94);position:fixed;left:0;right:0}.wcap-svg{width:200%;height:100%;position:absolute;bottom:0;left:0}.wcap-back{animation:5s linear infinite wcap-shift}.wcap-front{animation:8s linear infinite reverse wcap-shift}@keyframes wcap-shift{0%{transform:translate(0)}to{transform:translate(-50%)}}.water-overlay{z-index:150;pointer-events:none;height:var(--h,0%);background:linear-gradient(#0096dc99 0%,#0064b4b8 40%,#003782d1 100%);transition:height 2.5s cubic-bezier(.25,.46,.45,.94);position:fixed;bottom:0;left:0;right:0;overflow:hidden}.water-desperate{background:linear-gradient(#0064aab3 0%,#00286ed1 40%,#000a3ce6 100%);animation:1.8s ease-in-out infinite desperate-pulse}.water-demand{color:#c8f5fff2;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 20px #50d7ffb3,0 2px 8px #00143c99;font-size:1rem;font-weight:800;animation:2.4s ease-in-out infinite alternate demand-float;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes desperate-pulse{0%,to{filter:drop-shadow(0 -4px 22px #38bdf873)}50%{filter:drop-shadow(0 -4px 48px #38bdf8d9)}}@keyframes demand-float{0%{opacity:.8;transform:translate(-50%)translateY(0)}to{opacity:1;transform:translate(-50%)translateY(-7px)}}.break-suggest{border-top:1px solid #5b9bd540;flex-direction:column;align-items:center;gap:4px;padding:14px 12px 8px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideDown;display:flex}.break-suggest-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.72rem}.break-suggest-mins{color:#5b9bd5;font-size:1.6rem;font-weight:800;line-height:1.1}.break-suggest-reason{color:var(--text-muted);margin-bottom:8px;font-size:.72rem}.break-suggest-actions{align-items:center;gap:12px;display:flex}.break-skip{color:var(--text-muted);opacity:.6;background:0 0;font-size:.75rem;text-decoration:underline;transition:opacity .15s}.break-skip:hover{opacity:1}.theme-toggle{color:var(--text-muted);background:0 0;border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;transition:all .2s;display:flex}.theme-toggle:hover{background:#ffffff14;border-color:#ffffff47}[data-theme=light] .theme-toggle{border-color:#00000024}[data-theme=light] .theme-toggle:hover{background:#0000000f;border-color:#0000003d}[data-theme=light] .sign-out-btn{border-color:#00000024}[data-theme=light] .sign-out-btn:hover{border-color:#00000042}[data-theme=light] .mode-tabs{background:#0000000d;border-color:#00000014}[data-theme=light] .btn-ghost{background:#0000000d;border-color:#0000001a}[data-theme=light] .btn-ghost:hover{background:#00000017}[data-theme=light] .duration-picker{border-top-color:#00000017}[data-theme=light] .preset-btn{background:#0000000a;border-color:#0000001a}[data-theme=light] .preset-btn:hover:not(.active){background:#00000014}[data-theme=light] .custom-min-input{background:#0000000a;border-color:#0000001a}[data-theme=light] .custom-min-input:focus{background:#00000012}[data-theme=light] .stage-dot{background:#0000000a;border-color:#00000017}[data-theme=light] .prog-bar{background:#00000012;border-color:#0000001a}[data-theme=light] .stat-row{background:#0000000a;border-color:#00000014}[data-theme=light] .agent-top{border-bottom-color:#00000014}[data-theme=light] .agent-bottom{border-top-color:#00000014}[data-theme=light] .msg-row.buddy .msg-bubble{background:#0000000d;border-color:#00000017}[data-theme=light] .chat-input{background:#0000000a;border-color:#0000001a}[data-theme=light] .chat-input::placeholder{color:#23503459}[data-theme=light] .chat-input:focus{background:#00000012}[data-theme=light] .app-header h1{background:linear-gradient(135deg,#2d7a4a 0%,#3d8b57 55%,#22a36a 100%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .pet-modal{background:#ebfaf0fa;border-color:#3d8b5759;box-shadow:0 8px 32px #0000001f,0 0 20px #3d8b5714}[data-theme=light] .pet-modal-header{border-bottom-color:#00000014}[data-theme=light] .pet-modal-name{background:linear-gradient(135deg,#2d7a4a,#3d8b57);-webkit-background-clip:text;background-clip:text}[data-theme=light] .pet-modal-level{color:#2d7a4aa6}[data-theme=light] .pet-modal-xp-bar,[data-theme=light] .pet-modal-stat-bar{background:#00000014}[data-theme=light] .pet-modal-xp-label,[data-theme=light] .pet-modal-xp-pct{color:#23503480}[data-theme=light] .pet-modal-stat-label{color:#2350348c}[data-theme=light] .pet-modal-stat-val{color:#2d7a4a}[data-theme=light] .pet-modal-quote{color:#23503473}[data-theme=light] .pet-modal-hint{color:#3d8b5780}[data-theme=light] .firefly{animation:ff-drift var(--ff-dur,12s) ease-in-out infinite var(--ff-delay,0s), ff-blink-light var(--ff-blink,2.5s) ease-in-out infinite var(--ff-bdelay,0s);background:#fff;box-shadow:0 0 6px 2px #ffdc64b3,0 0 12px 4px #ffc8324d}@keyframes ff-blink-light{0%,to{opacity:.2;box-shadow:0 0 4px 1px #ffdc6466}50%{opacity:1;box-shadow:0 0 10px 4px #ffdc64cc,0 0 20px 8px #ffc83266}}@media (width<=900px){.main-grid{grid-template-columns:1fr 1fr}.cell-timer{grid-area:2/1}.cell-stats{grid-area:3/1}.cell-plant{grid-area:1/1/auto/-1}.cell-pets{grid-area:2/2}.cell-buddy{grid-area:3/2}.plant-img{width:5rem;height:5rem}}@media (width<=540px){.main-grid{grid-template-columns:1fr}.cell-timer,.cell-stats,.cell-plant,.cell-pets,.cell-buddy{grid-area:auto/1}.pet-scene-grid{grid-template-columns:repeat(5,1fr)}.plant-img{width:4.5rem;height:4.5rem}.app-header h1{font-size:2rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--surface:#16301eb8;--border:#5a9e6f38;--green:#5a9e6f;--green-light:#86efac;--green-xlight:#5a9e6f24;--purple:#5a9e6f;--purple-light:#86efac;--purple-xlight:#5a9e6f24;--pink:#34d399;--pink-light:#a7f3c0;--water:#38bdf8;--text:#e8f5ea;--text-muted:#c8e6d28c;--shadow:0 8px 32px #00000073, 0 2px 8px #00000040;--glass-shadow:0 8px 32px #00000059, inset 0 1px 0 #5a9e6f1f;color:var(--text);font-family:Nunito,system-ui,sans-serif;font-size:15px}[data-theme=light]{--surface:#ffffffc7;--border:#5a9e6f47;--green:#3d8b57;--green-light:#2d7a4a;--green-xlight:#5a9e6f24;--purple:#3d8b57;--purple-light:#2d7a4a;--purple-xlight:#5a9e6f24;--pink:#22a36a;--pink-light:#3d8b57;--water:#0ea5e9;--text:#1a3325;--text-muted:#2350349e;--shadow:0 8px 32px #0000001a, 0 2px 8px #0000000f;--glass-shadow:0 8px 32px #00000014, inset 0 1px 0 #5a9e6f2e;color:var(--text);font-family:Nunito,system-ui,sans-serif;font-size:15px}body{background:linear-gradient(-45deg,#1c3a24,#132516,#213f2c,#112012) 0 0/400% 400%;min-height:100vh;animation:20s infinite dreamGradient}[data-theme=light] body{background:linear-gradient(-45deg,#d5edd9,#eaf6ec,#cde8d3,#e3f5e6)}@keyframes dreamGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}h1,h2,h3{font-weight:700;line-height:1.2}