.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:700;color:#5c6370;margin-bottom:10px;text-transform:uppercase;letter-spacing:.8px;line-height:1.4}.form-input{width:100%;padding:14px 16px;border:1px solid #F0E6E0;border-radius:12px;font-size:16px;font-weight:500;color:#1a1a2e;background-color:#fff;transition:border-color .2s ease;line-height:1.5}.form-input:focus{outline:none;border-color:#d4503c}.form-input::placeholder{color:#6b7280}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:14px;font-size:16px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;width:100%;line-height:1.5;letter-spacing:.3px}.btn-primary{background-color:#d4503c;color:#fff;box-shadow:0 4px 12px #e8614d4d}.btn-primary:hover{background-color:#d4503c}.chips-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:18px;font-size:14px;font-weight:600;background-color:#fff;border:1.5px solid #F0E6E0;cursor:pointer;transition:all .2s ease;line-height:1.4}.days-row{display:flex;gap:6px;margin-bottom:12px}.day-chip{flex:1;padding:12px 0;border-radius:10px;background-color:#fff;border:1.5px solid #F0E6E0;text-align:center;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:600;color:#5c6370}.day-chip.active{background-color:#d4503c;border-color:#d4503c;color:#fff}.time-picker-group{display:flex;flex-direction:column;align-items:center;flex:1}.time-label{font-size:11px;font-weight:600;color:#5c6370;text-transform:uppercase;margin-bottom:8px}.time-control{display:flex;align-items:center;gap:10px}.time-arrow{width:32px;height:32px;border-radius:16px;background-color:#fde8e4;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-size:18px;color:#d4503c;font-weight:600}.time-value{font-size:16px;font-weight:700;color:#1a1a2e;min-width:60px;text-align:center}.stats-banner{display:flex;background-color:#fff;border-radius:16px;padding:18px 16px;margin-bottom:28px;box-shadow:0 4px 12px #00000014;align-items:center}.stat-item{flex:1;text-align:center}.stat-number{font-size:18px;font-weight:700;color:#d4503c}.stat-label{font-size:11px;color:#5c6370;margin-top:4px;font-weight:500;text-transform:uppercase}.streak-card{background-color:#fef3e2;border-radius:20px;padding:32px 24px;text-align:center;margin-bottom:16px;border:1px solid #C47A30}.streak-fire{font-size:36px;margin-bottom:8px}.streak-number{font-size:56px;font-weight:800;color:#1a1a2e}.streak-label{font-size:16px;font-weight:600;color:#1a1a2e;margin-top:4px}.streak-message{font-size:13px;color:#5c6370;margin-top:8px}.period-card{background-color:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d}.period-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.period-icon{font-size:18px}.period-title{font-size:16px;font-weight:700;color:#1a1a2e}.period-stats-row{display:flex;justify-content:space-around}.period-stat{text-align:center}.period-stat-number{font-size:22px;font-weight:700;color:#d4503c}.period-stat-label{font-size:11px;color:#5c6370;margin-top:4px;font-weight:500}.chart-card{background-color:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d}.chart-title{font-size:16px;font-weight:700;color:#1a1a2e;margin-bottom:20px}.bar-chart{display:flex;justify-content:space-between;align-items:flex-end;height:100px}.bar-col{display:flex;flex-direction:column;align-items:center;flex:1}.bar-track{height:80px;width:24px;border-radius:12px;background-color:#f0e6e0;overflow:hidden;display:flex;align-items:flex-end}.bar{width:100%;border-radius:12px;background-color:#f0e6e0;min-height:4px;transition:height .3s ease}.bar.filled{background-color:#d4503c}.bar-label{font-size:11px;color:#5c6370;margin-top:6px;font-weight:600}.achievements-list{display:flex;flex-direction:column;gap:12px}.achievement-item{display:flex;align-items:center;gap:12px}.achievement-badge{font-size:18px}.achievement-text{font-size:14px;font-weight:500;color:#1a1a2e}.settings-card{background-color:#fff;border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 1px 4px #0000000a}.settings-card-row{display:flex;align-items:center;justify-content:space-between}.settings-card-header{display:flex;align-items:center;margin-bottom:12px}.settings-card-label{font-size:15px;font-weight:600;color:#1a1a2e}.about-card{background-color:#fff;border-radius:14px;padding:16px;margin-top:8px;box-shadow:0 1px 4px #0000000a;text-align:center}.about-app-name{font-size:18px;font-weight:700;color:#d4503c}.about-version{font-size:12px;color:#6b7280;margin-top:2px}.about-divider{height:1px;background-color:#f0e6e0;margin:10px 0}.about-description{font-size:13px;color:#1a1a2e;line-height:1.5;margin-bottom:6px}.about-footer{font-size:11px;color:#6b7280;font-style:italic}.presets-grid{display:flex;flex-wrap:wrap;gap:12px}.preset-card{width:47%;background-color:#fff;border-radius:16px;padding:20px;text-align:center;box-shadow:0 2px 8px #0000000f;border:1px solid #F0E6E0;cursor:pointer;transition:all .2s ease}.preset-card:hover{border-color:#d4503c;transform:translateY(-2px)}.preset-card-icon{font-size:36px;margin-bottom:10px}.preset-card-title{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.preset-card-interval{font-size:12px;color:#5c6370}.divider-section{display:flex;align-items:center;margin:24px 0}.divider-line{flex:1;height:1px;background-color:#f0e6e0}.divider-text{padding:0 16px;font-size:13px;color:#5c6370}.custom-toggle{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:18px;border-radius:14px;border:1px dashed #F0E6E0;cursor:pointer;transition:all .2s ease}.custom-toggle:hover{border-color:#d4503c}.custom-toggle-text{font-size:15px;font-weight:500;color:#d4503c}.custom-toggle-arrow{font-size:22px;color:#d4503c;font-weight:300}.icon-row{display:flex;gap:10px}.icon-btn{width:48px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1.5px solid #F0E6E0;cursor:pointer;transition:all .2s ease}.icon-btn:hover{border-color:#d4503c}.icon-btn.active{border-color:#d4503c;background-color:#fde8e4;border-width:2px}.icon-text{font-size:24px}.interval-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.interval-chip{padding:10px 16px;border-radius:20px;background-color:#fff;border:1px solid #F0E6E0;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#1a1a2e}.interval-chip:hover{border-color:#d4503c}.interval-chip.active{background-color:#fde8e4;border-color:#d4503c;color:#b8432f}.day-shortcuts{display:flex;gap:8px}.shortcut-btn{padding:8px 14px;border-radius:16px;background-color:#fff;border:1px solid #F0E6E0;cursor:pointer;font-size:12px;color:#d4503c;font-weight:500;transition:all .2s ease}.shortcut-btn:hover{border-color:#d4503c}.time-range-container{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:12px;padding:12px;border:1px solid #F0E6E0}.time-separator{font-size:18px;color:#5c6370;margin:0 8px}.time-hint{font-size:12px;color:#5c6370;margin-top:10px;text-align:center;font-style:italic}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header-title{font-size:18px;font-weight:700;color:#1a1a2e}.collapse-text{font-size:14px;color:#d4503c;font-weight:500;cursor:pointer;background:none;border:none}.hero-title{font-size:22px;font-weight:700;color:#1a1a2e;margin-bottom:4px}.hero-subtitle{font-size:14px;color:#5c6370;margin-bottom:20px}.sub-label{display:block;font-size:11px;font-weight:600;color:#6b7280;margin-bottom:6px;margin-top:12px}.tip-card{background-color:#e0f7f5;border-radius:14px;padding:16px;border-left:4px solid #0E8A7D}.tip-label{font-size:13px;font-weight:700;color:#0e8a7d;margin-bottom:6px}.tip-text{font-size:13px;color:#1a1a2e;line-height:1.5;margin:0}.tab-row{display:flex;padding:12px 20px;gap:8px}.tab{padding:10px 20px;border-radius:20px;background-color:#fff;border:1px solid #F0E6E0;cursor:pointer;font-size:14px;font-weight:600;color:#5c6370;transition:all .2s ease;background:none}.tab.active{background-color:#d4503c;border-color:#d4503c;color:#fff}.today-row{display:flex;gap:12px;margin-bottom:16px}.today-card{flex:1;background-color:#fff;border-radius:16px;padding:18px;text-align:center;box-shadow:0 2px 8px #0000000d}.today-card-icon{font-size:20px;margin-bottom:8px}.today-card-number{font-size:28px;font-weight:700;color:#d4503c}.today-card-label{font-size:11px;color:#5c6370;margin-top:4px;font-weight:500;text-transform:uppercase}.quick-add-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.quick-add-scroll::-webkit-scrollbar{display:none}.quick-add-chip{display:flex;align-items:center;gap:6px;background-color:#fff;border-radius:20px;padding:8px 14px;border:1px solid #F0E6E0;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:none;font-size:12px;font-weight:600;color:#1a1a2e}.quick-add-chip:hover:not(:disabled){border-color:#d4503c}.quick-add-chip:disabled{opacity:.5;cursor:default;background-color:#f0e6e0}.quick-add-chip-icon{font-size:16px}.quick-add-chip-check{font-size:10px;color:#0e8a7d;font-weight:700}.empty-card{width:100%;background-color:#fde8e4;border-radius:16px;padding:32px;border:2px dashed #D4503C;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease;background:none}.empty-card:hover{transform:scale(1.02)}.empty-icon-wrap{width:56px;height:56px;border-radius:28px;background-color:#e8614d26;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.empty-plus-icon{font-size:28px;color:#d4503c;font-weight:600}.empty-title{font-size:16px;font-weight:700;color:#1a1a2e;margin-bottom:4px}.empty-subtitle{font-size:13px;color:#5c6370}.bottom-nav{flex-shrink:0;width:100%;background-color:#fff;border-top:1px solid #F0E6E0;display:flex;justify-content:space-around;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:1000}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;text-decoration:none;color:#5c6370;font-size:12px;font-weight:600;transition:color .2s ease;background:none;border:none;cursor:pointer;line-height:1.4}.bottom-nav-item:hover,.bottom-nav-item.active{color:#d4503c}.bottom-nav-item svg{width:24px;height:24px}.page{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.page-header{background-color:#fff9f5;padding:14px 20px;padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid #F0E6E0;min-height:56px;display:flex;align-items:center}.page-header h1{color:#1a1a2e;font-size:24px;font-weight:800;margin:0;line-height:1.3;letter-spacing:-.3px}.page-header p{color:#5c6370;font-size:14px;margin:2px 0 0;line-height:1.4;font-weight:500}.page-header-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#f0e6e0;border:none;cursor:pointer;flex-shrink:0;transition:background .2s ease}.page-header-back:hover{background:#e8d8d0}.page-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 24px;scrollbar-width:none;display:flex;flex-direction:column}.page-content::-webkit-scrollbar{display:none}.card{background-color:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:#d4503c;color:#fff}.btn-primary:hover{background-color:#b8432f}.btn-secondary{background-color:#f0e6e0;color:#1a1a2e}.btn-secondary:hover{background-color:#e8d8d0}.btn-danger{background-color:#fee2e2;color:#dc2626}.btn-danger:hover{background-color:#fecaca}.input{width:100%;padding:14px 16px;border:1px solid #F0E6E0;border-radius:12px;font-size:16px;color:#1a1a2e;background-color:#fff;transition:border-color .2s ease}.input:focus{outline:none;border-color:#d4503c}.input::placeholder{color:#9ca3af}.toggle{position:relative;width:51px;height:31px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#9ca3af;border-radius:31px;cursor:pointer;transition:background-color .2s ease}.toggle:checked{background-color:#d4503c}.toggle:before{content:"";position:absolute;top:3px;left:3px;width:25px;height:25px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.toggle:checked:before{transform:translate(20px)}.chip{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;background-color:#fff;border:1px solid #F0E6E0;cursor:pointer;transition:all .2s ease}.chip:hover{border-color:#d4503c}.chip.active{background-color:#fde8e4;border-color:#d4503c;color:#b8432f}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes waterDrop{0%{opacity:0;transform:translateY(-20px) scale(.8)}20%{opacity:1}to{opacity:0;transform:translateY(60px) scale(.4)}}@keyframes waterSplash{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes waterGlow{0%{box-shadow:0 0 #0e8a7d4d}50%{box-shadow:0 0 20px 8px #0e8a7d26}to{box-shadow:0 0 #0e8a7d00}}.water-animation{animation:waterGlow 1.2s ease-out}.plant-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:180px;margin:0 auto;flex-shrink:0}.plant-svg-layer{width:150px;height:150px;margin-bottom:-9px;z-index:5;overflow:visible;flex-shrink:0}.plant-pot-wrapper{position:relative;width:110px;height:95px;z-index:4;flex-shrink:0}.plant-pot-img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.plant-pot-shadow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:80%;height:12px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.25) 0%,rgba(0,0,0,.08) 50%,transparent 70%);z-index:0}.plant-hero-scene{background:linear-gradient(180deg,#e8f4fd,#f0f8ff 60%,#fefefe 85%)}.window-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:14px}.window-sky{position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,#87ceeb,#b8e4f9,#e8f4fd);opacity:.5}.window-cloud{position:absolute;width:60px;height:20px;background:#fffc;border-radius:20px;animation:cloudDrift linear infinite}.window-cloud:before,.window-cloud:after{content:"";position:absolute;background:#fffc;border-radius:50%}.window-cloud:before{width:25px;height:25px;top:-10px;left:10px}.window-cloud:after{width:18px;height:18px;top:-7px;right:12px}.cloud-1{top:12%;left:-70px;animation-duration:25s;opacity:.6}.cloud-2{top:22%;left:-70px;animation-duration:35s;animation-delay:-12s;opacity:.4;transform:scale(.7)}.cloud-3{top:8%;left:-70px;animation-duration:30s;animation-delay:-20s;opacity:.5;transform:scale(.85)}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 140px))}}.window-bird{position:absolute;width:12px;height:6px;animation:birdFly linear infinite}.window-bird:before,.window-bird:after{content:"";position:absolute;top:0;width:8px;height:3px;background:#555;border-radius:3px 3px 0 0;animation:wingFlap .35s ease-in-out infinite alternate}.window-bird:before{left:0;transform-origin:right center}.window-bird:after{right:0;transform-origin:left center;animation-delay:.1s}@keyframes wingFlap{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}.bird-1{top:18%;left:-20px;animation-duration:8s;animation-delay:-2s}.bird-2{top:12%;left:-20px;animation-duration:10s;animation-delay:-6s;transform:scale(.7)}.bird-3{top:25%;left:-20px;animation-duration:12s;animation-delay:-4s;transform:scale(.85)}@keyframes birdFly{0%{transform:translate(0) translateY(0)}25%{transform:translate(25vw) translateY(-4px)}50%{transform:translate(50vw) translateY(2px)}75%{transform:translate(75vw) translateY(-3px)}to{transform:translate(calc(100vw + 30px)) translateY(0)}}.window-butterfly{position:absolute;width:14px;height:14px;animation:butterflyFloat 12s ease-in-out infinite}.window-butterfly:before,.window-butterfly:after{content:"";position:absolute;top:2px;width:7px;height:9px;border-radius:50% 50% 50% 0;animation:butterflyWing .4s ease-in-out infinite alternate}.window-butterfly:before{left:0;background:#ff96c8b3;transform-origin:right center}.window-butterfly:after{right:0;background:#c882ffb3;transform-origin:left center;animation-delay:.15s}.butterfly-1{top:30%;left:20%;animation-delay:-3s}.butterfly-2{top:40%;right:20%;animation-delay:-8s;transform:scale(.8)}@keyframes butterflyWing{0%{transform:scaleX(1) rotate(-5deg)}to{transform:scaleX(.6) rotate(5deg)}}@keyframes butterflyFloat{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(15px,-10px) rotate(3deg)}30%{transform:translate(5px,-18px) rotate(-2deg)}45%{transform:translate(-10px,-8px) rotate(4deg)}60%{transform:translate(-15px,5px) rotate(-3deg)}75%{transform:translate(-5px,12px) rotate(2deg)}90%{transform:translate(10px,5px) rotate(-1deg)}}.plant-grass-surface{position:absolute;bottom:0;left:0;right:0;height:25px;background:linear-gradient(180deg,#4caf50,#388e3c 40%,#2e7d32);border-radius:0 0 14px 14px;z-index:3;overflow:visible}.plant-grass-surface:before{content:"";position:absolute;top:-8px;left:0;right:0;height:16px;background:radial-gradient(ellipse 8px 12px at 5% 100%,#4CAF50 50%,transparent 50%),radial-gradient(ellipse 6px 14px at 10% 100%,#66BB6A 50%,transparent 50%),radial-gradient(ellipse 7px 11px at 15% 100%,#43A047 50%,transparent 50%),radial-gradient(ellipse 5px 13px at 20% 100%,#4CAF50 50%,transparent 50%),radial-gradient(ellipse 8px 12px at 25% 100%,#66BB6A 50%,transparent 50%),radial-gradient(ellipse 6px 10px at 30% 100%,#388E3C 50%,transparent 50%),radial-gradient(ellipse 7px 14px at 35% 100%,#4CAF50 50%,transparent 50%),radial-gradient(ellipse 5px 11px at 40% 100%,#43A047 50%,transparent 50%),radial-gradient(ellipse 8px 13px at 45% 100%,#66BB6A 50%,transparent 50%),radial-gradient(ellipse 6px 12px at 50% 100%,#4CAF50 50%,transparent 50%),radial-gradient(ellipse 7px 10px at 55% 100%,#388E3C 50%,transparent 50%),radial-gradient(ellipse 5px 14px at 60% 100%,#66BB6A 50%,transparent 50%),radial-gradient(ellipse 8px 11px at 65% 100%,#4CAF50 50%,transparent 50%),radial-gradient(ellipse 6px 13px at 70% 100%,#43A047 50%,transparent 50%),radial-gradient(ellipse 7px 12px at 75% 100%,#66BB6A 50%,transparent 50%),radial-gradient(ellipse 5px 10px at 80% 100%,#4CAF50 50%,transparent 50%),radial-gradient(ellipse 8px 14px at 85% 100%,#388E3C 50%,transparent 50%),radial-gradient(ellipse 6px 11px at 90% 100%,#4CAF50 50%,transparent 50%),radial-gradient(ellipse 7px 13px at 95% 100%,#66BB6A 50%,transparent 50%);animation:grassSway 3s ease-in-out infinite}.plant-grass-surface:after{content:"";position:absolute;top:-5px;left:0;right:0;height:14px;background:radial-gradient(ellipse 5px 12px at 3% 100%,#81C784 50%,transparent 50%),radial-gradient(ellipse 4px 10px at 8% 100%,#A5D6A7 50%,transparent 50%),radial-gradient(ellipse 6px 11px at 13% 100%,#81C784 50%,transparent 50%),radial-gradient(ellipse 4px 13px at 22% 100%,#A5D6A7 50%,transparent 50%),radial-gradient(ellipse 5px 10px at 28% 100%,#81C784 50%,transparent 50%),radial-gradient(ellipse 6px 12px at 37% 100%,#A5D6A7 50%,transparent 50%),radial-gradient(ellipse 4px 11px at 43% 100%,#81C784 50%,transparent 50%),radial-gradient(ellipse 5px 13px at 52% 100%,#A5D6A7 50%,transparent 50%),radial-gradient(ellipse 6px 10px at 58% 100%,#81C784 50%,transparent 50%),radial-gradient(ellipse 4px 12px at 67% 100%,#A5D6A7 50%,transparent 50%),radial-gradient(ellipse 5px 11px at 73% 100%,#81C784 50%,transparent 50%),radial-gradient(ellipse 6px 13px at 82% 100%,#A5D6A7 50%,transparent 50%),radial-gradient(ellipse 4px 10px at 88% 100%,#81C784 50%,transparent 50%),radial-gradient(ellipse 5px 12px at 97% 100%,#A5D6A7 50%,transparent 50%);animation:grassSway 3s ease-in-out infinite reverse;animation-delay:-.5s}@keyframes grassSway{0%,to{transform:translate(0) skew(0)}25%{transform:translate(1px) skew(.5deg)}75%{transform:translate(-1px) skew(-.5deg)}}.window-sunbeam{position:absolute;top:0;right:10%;width:40%;height:80%;background:linear-gradient(160deg,rgba(255,248,220,.3) 0%,transparent 70%);pointer-events:none;animation:sunbeamPulse 8s ease-in-out infinite}@keyframes sunbeamPulse{0%,to{opacity:.5}50%{opacity:.8}}.plant-idle-sway{animation:plantSway 4.5s ease-in-out infinite;transform-origin:60px 118px}@keyframes plantSway{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.plant-leaf{opacity:0;transform:scale(0);transition:opacity .4s ease,transform .4s ease}.plant-leaf.visible{opacity:1;transform:scale(1);animation:leafWiggle 3s ease-in-out calc(var(--leaf-i) * .4s) infinite}@keyframes leafWiggle{0%,85%,to{transform:scale(1) rotate(0)}90%{transform:scale(1) rotate(calc(var(--leaf-side) * 2.5deg))}95%{transform:scale(1) rotate(calc(var(--leaf-side) * -1.5deg))}}.plant-leaf.newest{animation:leafSprout .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes leafSprout{0%{opacity:0;transform:scale(0) rotate(-10deg)}60%{opacity:1;transform:scale(1.15) rotate(3deg)}80%{transform:scale(.95) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.plant-leaf.dropping{animation:leafDrop 1.8s ease-in forwards;animation-delay:calc(var(--leaf-i) * .12s)}@keyframes leafDrop{0%{opacity:1;transform:scale(1) translateY(0) rotate(0);filter:hue-rotate(0deg)}30%{opacity:1;filter:hue-rotate(30deg);transform:scale(1) translateY(5px) rotate(calc(var(--leaf-side) * 8deg))}60%{opacity:.7;filter:hue-rotate(60deg);transform:scale(.9) translateY(30px) rotate(calc(var(--leaf-side) * -15deg))}to{opacity:0;filter:hue-rotate(80deg);transform:scale(.6) translateY(80px) rotate(calc(var(--leaf-side) * 25deg))}}.plant-svg{overflow:visible}.water-drops{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.water-drop{position:absolute;font-size:14px;animation:waterDrop 1s ease-in forwards}.water-splash{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:40px;height:8px;border-radius:50%;background:radial-gradient(ellipse,rgba(14,138,125,.25),transparent);animation:waterSplash .8s ease-out .6s forwards;opacity:0}.pots-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.pots-drawer-sheet{width:100%;max-width:420px;max-height:70vh;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px 24px 0 0;padding:12px 20px 28px;animation:slideUp .3s ease;box-shadow:0 -4px 24px #0000001f}.pots-drawer-handle{width:40px;height:4px;border-radius:2px;background:#d1d5db;margin:0 auto 16px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:10}.confetti-piece{position:absolute;width:8px;height:8px;top:40%;left:50%;border-radius:2px;animation:confettiBurst 1.5s ease-out forwards;animation-delay:calc(var(--i) * .03s);opacity:0}.confetti-piece:nth-child(4n){background:#d4503c}.confetti-piece:nth-child(4n+1){background:#0e8a7d}.confetti-piece:nth-child(4n+2){background:#c47a30}.confetti-piece:nth-child(4n+3){background:#8b5cf6}@keyframes confettiBurst{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(calc((var(--i) - 12) * 12px),calc(-60px + var(--i) * 8px)) rotate(calc(var(--i) * 45deg)) scale(.4)}}.active-break-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#e0f7f5,#fff9f5,#ede7f6);padding:40px 24px}.active-break-header{text-align:center;margin-bottom:40px;animation:fadeIn .5s ease}.active-break-icon{font-size:48px;display:block;margin-bottom:12px}.active-break-title{font-size:24px;font-weight:800;color:#1a1a2e;margin:0 0 6px}.active-break-subtitle{font-size:14px;color:#5c6370;margin:0;font-weight:500}.active-break-timer-container{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:48px}.active-break-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.active-break-timer-text{display:flex;flex-direction:column;align-items:center;z-index:2}.active-break-time{font-size:42px;font-weight:800;color:#1a1a2e;font-variant-numeric:tabular-nums;letter-spacing:-1px}.active-break-time-label{font-size:13px;color:#5c6370;font-weight:500;margin-top:2px}.active-break-pulse{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;border:2px solid rgba(14,138,125,.15);animation:breathePulse 4s ease-in-out infinite}@keyframes breathePulse{0%,to{transform:scale(.95);opacity:.4}50%{transform:scale(1.05);opacity:1}}.break-anim-stretch{animation:stretchPulse 3s ease-in-out infinite;border-color:#4caf5033}@keyframes stretchPulse{0%,to{transform:scale(.97) scaleY(1);opacity:.4}50%{transform:scale(1.03) scaleY(1.06);opacity:1}}.break-anim-water{animation:waterPulse 2.5s ease-in-out infinite;border-color:#2196f333}@keyframes waterPulse{0%,to{transform:scale(1) translateY(0);opacity:.5}30%{transform:scale(1.02) translateY(-2px);opacity:.8}60%{transform:scale(.98) translateY(2px);opacity:1}}.break-anim-eyes{animation:eyesPulse 5s ease-in-out infinite;border-color:#9c27b026}@keyframes eyesPulse{0%,to{transform:scale(1);opacity:.6}25%{transform:scale(1.04);opacity:1}50%{transform:scale(1);opacity:.3}75%{transform:scale(1.04);opacity:1}}.break-anim-walk{animation:walkPulse 2s ease-in-out infinite;border-color:#ff980033}@keyframes walkPulse{0%,to{transform:scale(1) translate(0);opacity:.5}25%{transform:scale(1.01) translate(2px);opacity:.8}75%{transform:scale(1.01) translate(-2px);opacity:.8}}.break-anim-posture{animation:posturePulse 4s ease-in-out infinite;border-color:#79554833}@keyframes posturePulse{0%,to{transform:scale(.98) scaleY(.98);opacity:.4}50%{transform:scale(1) scaleY(1.04);opacity:1}}.break-anim-breathe{animation:breathePulse 4s ease-in-out infinite;border-color:#0e8a7d33}.break-anim-default{animation:breathePulse 4s ease-in-out infinite}.active-break-controls{display:flex;gap:16px;animation:fadeIn .5s ease .3s both}.active-break-btn-secondary{padding:14px 32px;border-radius:14px;border:1.5px solid #F0E6E0;background:#fffc;color:#1a1a2e;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.active-break-btn-secondary:hover{background:#fff;border-color:#0e8a7d;color:#0e8a7d}.active-break-btn-skip{padding:14px 32px;border-radius:14px;border:none;background:#dc262614;color:#dc2626;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.active-break-btn-skip:hover{background:#dc262626}.active-break-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;animation:rewardFadeIn .4s ease}.active-break-complete-icon{width:64px;height:64px;border-radius:50%;background:#0e8a7d;color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:16px;animation:checkBounce .5s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes checkBounce{0%{transform:scale(0)}to{transform:scale(1)}}.active-break-complete-title{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 6px}.active-break-complete-subtitle{font-size:14px;color:#5c6370;margin:0}@keyframes rewardFadeIn{0%{opacity:0}to{opacity:1}}.home-water-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.home-watering-can{position:absolute;top:-10px;right:10px;z-index:11;animation:homeWateringCanEnter 1.2s ease forwards}@keyframes homeWateringCanEnter{0%{opacity:0;transform:translate(40px) translateY(-20px) rotate(-15deg)}30%{opacity:1;transform:translate(0) translateY(0) rotate(0)}50%{transform:translate(0) translateY(0) rotate(22deg)}80%{transform:translate(0) translateY(0) rotate(22deg)}to{opacity:0;transform:translate(0) translateY(-10px) rotate(22deg)}}.home-water-stream{position:absolute;top:30px;right:30px;width:40px;height:80px;z-index:10}.home-water-droplet{position:absolute;width:5px;height:5px;border-radius:50%;background:#0e8a7d;opacity:0;left:calc(10px + var(--drop-i) * 4px);animation:homeWaterDrop 1.5s ease-in calc(.5s + var(--drop-i) * .12s) forwards}@keyframes homeWaterDrop{0%{opacity:0;transform:translateY(0) scale(1)}15%{opacity:.9}to{opacity:0;transform:translateY(90px) scale(.4)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;background-color:#e8e0dc;color:#1a1a2e;overflow-x:hidden;font-size:16px;line-height:1.5}@media (min-width: 520px){#root{display:flex;align-items:center;justify-content:center;padding:24px}}.app-container{max-width:420px;width:100%;margin:0 auto;height:100dvh;background-color:#fff9f5;position:relative;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 520px){.app-container{height:min(90vh,840px);border-radius:24px;box-shadow:0 12px 48px #00000026}}@media (display-mode: standalone) and (max-width: 519px){html,body,#root{height:100%;overflow:hidden}.app-container{height:100%;max-width:100%;border-radius:0;box-shadow:none;position:fixed;top:0;left:0;right:0;bottom:0}#root{padding:0}}@media (display-mode: standalone) and (min-width: 520px){#root{display:flex;align-items:center;justify-content:center;padding:24px;height:100%}.app-container{height:min(90vh,840px);max-width:420px;border-radius:24px;box-shadow:0 12px 48px #00000026}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}