@font-face{font-family:Cafe24DongdongLight;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2603-1@1.0/Cafe24DongdongLight.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:GangwonEducationSaeum;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduSaeeum_OTFMediumA.woff) format("woff");font-weight:400;font-display:swap}:root{font-family:GangwonEducationSaeum;line-height:1.2;font-weight:400;font-size:22px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root input,:root textarea,:root select,:root button{font-family:GangwonEducationSaeum,serif;font-size:22px}:root:lang(ko){font-family:GangwonEducationSaeum,serif;font-size:22px;font-weight:400;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:#f8faf9;min-height:100vh}.app-shell{min-height:85vh;background:#f8faf9;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;color:#0b1f1b;margin-bottom:100px}.garden-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:50;background:#fff;margin:-1.5rem -1.5rem 0;padding:2rem 1.5rem .4rem}.profile-avatar-button{width:40px;height:40px;border-radius:999px;box-shadow:0 0 7px #0d262133;background:#fff;padding:0;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-avatar-button:hover{transform:scale(1.05);box-shadow:0 2px 5.5px #0d26214d}.profile-avatar-button:active{transform:scale(.98)}.profile-avatar-image{width:100%;height:100%;object-fit:cover}.profile-avatar-icon{width:48px!important;height:48px!important}.app-title{font-size:1.75rem;font-weight:600;letter-spacing:.02rem;margin:0 0 -12px;color:#34c36f;text-align:-webkit-center}.settings-section{padding:1rem;background:#fff;border-radius:1rem;margin:1rem;box-shadow:0 2px 4px #0000000d}.settings-section h2{font-size:1.1rem;margin-top:0;margin-bottom:1rem;color:#0b1f1b}.language-selector{display:flex;gap:.5rem;background:#f5f7f6;padding:.25rem;border-radius:.75rem}.lang-btn{flex:1;padding:.75rem;border:none;border-radius:.5rem;background:transparent;color:#506163;font-weight:600;cursor:pointer;transition:all .2s ease}.lang-btn.active{background:#fff;color:#34c36f;box-shadow:0 2px 4px #0000000d}.app-subtitle{margin:0;font-size:.77rem;color:#506163;text-align:-webkit-center}.Logout-btn{width:40px;height:40px;border-radius:12px;background:#fff;border:none;box-shadow:0 0 3px #0d262114;display:grid;place-items:center}.Logout-btn:hover{box-shadow:0 2px 5.5px #0d26211f;transform:translateY(-2px)}.icon{width:1.05rem;height:1.05rem;display:inline-flex;object-fit:contain}.status-pill .icon,.stat-icon{width:1.2rem;height:1.2rem}.fab-icon{width:100%!important;height:100%!important;opacity:1;mix-blend-mode:normal}.logout-icon,.nav-icon{width:1.3rem!important;height:1.3rem!important}.hero h1{margin:0;font-size:1.25rem;font-weight:500}.hero p{margin:-.1rem 0 0;color:#27464a;font-size:.95rem;letter-spacing:.07rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(73px,1fr));gap:.75rem;margin-top:-.8rem}.stat-grid article{background:#fff;border-radius:.7rem;padding:.3rem .8rem;box-shadow:0 0 3px #0f201e1f;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.stat-grid article:hover{transform:translateY(-1px);box-shadow:0 2px 5.5px #0f201e4d}.stat-grid article.active{border-color:#96dbb3;border-width:1.99px}.stat-grid p{margin:0 0 -5px;font-size:.9rem;font-weight:300;letter-spacing:.04em;color:#23292b}.stat-grid strong{font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:.35rem}.stat-grid .icon{font-size:1.3rem;color:#13ec5b;margin-top:5px}.collection-heading{display:flex;justify-content:space-between;align-items:center}.collection-heading h2{margin:0 0 -22px;font-size:1.25rem;font-weight:500}.collection-heading p{margin:0;font-size:.85rem;color:#9ea8b0}.view-all{background:none;border:none;color:#181818;font-weight:700}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:1rem}.plant-card{position:relative;border-radius:1rem;overflow:hidden;min-height:205px}.plant-image{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.85)}.plant-card-overlay{position:relative;z-index:2;width:100%;height:100%;padding:.7rem;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(180deg,#0000 60%,#00000080);gap:.35rem}.status-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:700;background:#13ec5b;padding:.2rem .65rem;border-radius:999px;width:fit-content;color:#042b1c}.plant-details{margin-top:auto}.plant-name{margin:0 0 -2.5px;font-size:1.1rem}.plant-species{margin:0;font-size:.75rem;color:#fffc;letter-spacing:.09rem}.plant-meta{display:flex;gap:.5rem;margin-top:.3rem}.plant-meta span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ffffff26}.plant-card-empty{background:#34c36f0d;border:2px dashed rgba(52,195,111,.3);cursor:pointer}.plant-card-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#34c36f99}.empty-card-icon{width:48px!important;height:48px!important;opacity:.4;margin-bottom:.5rem;transition:all .3s ease}.plant-card-empty:hover .empty-card-icon{opacity:.8;transform:scale(1.15)}.plant-card-empty:active .empty-card-icon{transform:scale(1.1)}.plant-card-empty-content p{margin:0;font-size:.9rem;font-weight:500}.fab{position:fixed;bottom:100px;right:1.9rem;width:45px;height:45px;border-radius:50%;border:none;background:#fff;padding:0;display:grid;place-items:center;box-shadow:0 15px 30px #0003;z-index:10;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.fab:hover{transform:scale(1.1);box-shadow:0 20px 40px #0000004d}.fab:active{transform:scale(.95)}.empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:1.1rem}.empty-state-content{text-align:center;max-width:400px}.empty-state-icon{width:120px!important;height:120px!important;opacity:.3;margin-bottom:1.5rem}.empty-state-content h3{font-size:1.2rem;color:#0b1f1b;margin-bottom:.5rem;font-weight:600}.empty-state-content p{color:#506163;margin-bottom:2rem;font-size:.95rem}.empty-state-content button{width:120px;height:110px;border:0px;border-radius:50%;background:none}.fab-large{width:100%!important;height:100%!important;border-radius:50%!important}.fab-large:hover{transform:scale(1.1);box-shadow:0 12px 32px #34c36f80}.fab-large:active{transform:scale(1.05)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-between;padding:.65rem 2.25rem 2rem!important;border-top:1px solid rgba(12,32,28,.1);z-index:2000}.bottom-nav button{border:none;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8f9ba0}.bottom-nav span{font-size:17px!important;font-weight:500}.bottom-nav .active{color:#ed8262}.delete-plant-button{position:absolute;top:.55rem;right:.55rem;width:30px;height:30px;border-radius:50%;background:#ffffff6e;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 12px #0000001a;transition:all .2s ease}.delete-plant-button:hover{transform:scale(1.1);background:#fff;box-shadow:0 4px 12px #0003}.delete-plant-button:active{transform:scale(.95)}.delete-icon{width:18px!important;height:18px!important;opacity:.7;pointer-events:none}.delete-plant-button:hover .delete-icon{opacity:1}.care-btn-wrapper{position:relative;display:inline-flex}.meta-badge{background:#ffffff26;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;transition:all .2s ease}.meta-badge:hover{transform:scale(1.1);background:#ffffff4d;box-shadow:0 4px 8px #0003}.meta-badge.active{background:#fff6;box-shadow:0 0 0 2px #fff}.care-popup{position:absolute;bottom:100%;left:0;margin-bottom:8px;transform:none;background:#6969698c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.5rem;border-radius:25%;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;align-items:stretch;gap:.25rem;z-index:100;min-width:auto;white-space:nowrap;animation:popIn .2s ease-out}.care-popup span{display:none}.care-popup-actions{display:flex;gap:.25rem}.care-popup button{background-color:#fff9;flex:none;font-size:.75rem;padding:.35rem .75rem;border-radius:999px;cursor:pointer;font-weight:700;transition:all .2s ease;border:none}.care-confirm{background:#fff;color:#042b1c}.care-confirm:hover{background:#f0fdf4;transform:scale(1.05)}.care-cancel{background:#0003;color:#fff}.care-cancel:hover{background:#0000004d}.fab{transition:all .3s ease}.fab.hidden{transform:scale(0);opacity:0;pointer-events:none}.empty-garden-state{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 1rem}.add-plant-large-btn{width:80px;height:80px;border-radius:50%;background:none;border:none;box-shadow:0 -5px 20px #34c36f4d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1);padding:0}.add-plant-large-btn:hover{transform:scale(1.1);box-shadow:0 0 28px #34c36f66}.add-plant-large-btn:active{transform:scale(.95)}.add-icon-large{width:100%!important;height:100%!important}.empty-garden-state p{color:#6c757d;font-size:1.1rem;font-weight:500;white-space:pre-line;text-align:center;line-height:1.5}.care-popup:after{display:none}@keyframes popIn{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.tier-btn{width:40px;height:40px;border-radius:50%;background:#fff;border:none;box-shadow:0 0 7px #0d262133;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);padding:0}.tier-btn:hover{transform:scale(1.08);box-shadow:0 4px 12px #0d262133}.tier-btn:active{transform:scale(.92)}.tier-btn-icon{width:26px!important;height:26px!important;object-fit:contain}.tier-popup{position:absolute;right:0;top:55px;background:#fff;padding:.9rem;border-radius:15px;box-shadow:0 4px 12px #0000001a;z-index:100;min-width:190px;display:flex;flex-direction:column;gap:.5rem;border:1px solid #eaeaea;text-align:left}.tier-popup h3{margin:0;font-size:1rem;color:#333}.tier-popup-desc{font-size:.85rem;color:#666;margin-bottom:.5rem}.tier-popup .subscribe-btn{padding:.4rem;font-size:.9rem;border-radius:9px;cursor:pointer;border:none}.settings-list{display:flex;flex-direction:column}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:1rem .5rem;border-bottom:1px solid #f0f0f0;background:none;border-top:none;border-left:none;border-right:none;width:100%;text-align:left;font-size:1rem;color:#2c3e50;cursor:pointer;text-decoration:none;font-family:inherit}.settings-item:first-child{padding-top:.5rem}.settings-item:last-child{border-bottom:none;padding-bottom:.5rem}.settings-item:hover{background-color:#f9f9f9}.settings-label{font-weight:500;color:#2c3e50}.settings-value{color:#95a5a6;font-size:.9rem}.nav-arrow-right{width:20px;height:20px;opacity:.3;transform:rotate(180deg)!important}.subscription-overlay{position:fixed;inset:0;background:#fcfcfc;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;animation:slideUp .3s ease-out}.subscription-header{padding:2rem 1.5rem .4rem;display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:10}.subscription-header h2{margin:0;font-size:1.5rem;color:#1a1a1a}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;color:#666;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn:hover{background:#f5f5f5}.subscription-content{padding:2rem 1.5rem 6.5rem;max-width:1200px;margin:0 auto;width:100%;background:#f8faf9}.subscription-intro{text-align:center;margin-bottom:3rem}.subscription-intro h3{font-size:1.7rem;color:#2c3e50;margin-bottom:-1.5rem;margin-top:1rem}.subscription-intro p{color:#666;font-size:1.1rem}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding-bottom:2rem}.tier-card{background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:2px solid transparent;transition:all .3s ease;position:relative;display:flex;flex-direction:column;margin:0rem .7rem}.tier-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.tier-card.featured{border-color:#34c36f;background:linear-gradient(to bottom,#f0fff4,#fff)}.popular-badge{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#34c36f;color:#fff;padding:.3rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 2px 4px #34c36f4d}.tier-header{text-align:center;margin:-.3rem 0rem!important}.tier-name{font-size:1.7rem;font-weight:700;color:#2c3e50;margin-bottom:.3rem;display:block}.tier-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.amount{font-size:1.8rem;font-weight:600;color:#1a1a1a}.period{color:#666;font-size:1rem}.tier-features{list-style:none;padding:0;margin:0 0 .1rem;flex-grow:1}.tier-features li{padding:.25rem 0;display:flex;align-items:center;gap:.75rem;color:#4a5568}.check-icon{color:#34c36f;font-weight:700}.subscribe-btn{width:100%;padding:.6rem;border-radius:15px;border:none;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.subscribe-btn.primary{background:#34c36f;color:#fff;box-shadow:0 4px 6px #34c36f33}.subscribe-btn.primary:hover{background:#2db364;transform:translateY(-2px)}.subscribe-btn.secondary{background:#e2e8f0;color:#2d3748}.subscribe-btn.secondary:hover{background:#cbd5e0}.guarantee-text{text-align:center;margin-top:3rem;color:#718096;font-size:.9rem}.subscription-restore-container{text-align:center;margin-top:-.5rem}.subscription-restore-button{background:none;border:none;color:#666;text-decoration:underline;cursor:pointer}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:768px){.tiers-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.subscription-content{padding:1rem}}.auth-container{min-height:80vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(365deg,#0f8755,#34c36f);padding:1rem}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:1.2rem 1.6rem!important;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:3rem;margin-bottom:.5rem}.auth-title{font-size:1.7rem;font-weight:700;color:#1a202c;margin-bottom:-.5rem;margin-top:-.2rem}.auth-subtitle{color:#718096;font-size:.95rem;margin-bottom:-1rem}.auth-form{display:flex;flex-direction:column;gap:.85rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.875rem;font-weight:600;color:#2d3748}.form-input{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:#a0aec0}.auth-button{padding:.5rem 1rem .3rem;background:#34c36f;color:#fff;border:none;border-radius:50px;font-size:1.1rem!important;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.auth-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.auth-button:active{transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{background:#fed7d7;color:#c53030;padding:.875rem 1rem;border-radius:12px;font-size:.875rem;border-left:4px solid #fc8181}.auth-success{background:#c6f6d5;color:#2f855a;padding:.875rem 1rem;border-radius:12px;font-size:.875rem;border-left:4px solid #68d391}.auth-footer{text-align:center;margin-top:1.5rem;color:#718096;font-size:.9rem}.auth-link{color:#667eea;font-weight:600;text-decoration:none;cursor:pointer;transition:color .2s ease}.auth-link:hover{color:#764ba2;text-decoration:underline}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#a0aec0;font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.auth-divider:before{margin-right:1rem}.auth-divider:after{margin-left:1rem}@media(max-width:480px){.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}}.auth-back-button{position:absolute;top:80px;left:2.2rem;background:none;border:none;font-size:1.3rem!important;cursor:pointer;z-index:10;color:#fff}.landing-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fcfcfc;color:#333}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 1.1rem .3rem!important;background:#fff;box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:1000}.landing-logo{font-size:1.9rem;letter-spacing:.01rem;font-weight:900;color:#329e5f;display:flex;align-items:center;gap:.5rem;margin-left:.8rem;padding-top:.3rem}.landing-nav button{padding:.4rem .7rem .23rem;border-radius:10px;font-weight:500;cursor:pointer;border:none;font-size:1.05rem;transition:all .2s}.btn-login{background:#d1f3df;color:#34c36f}.btn-login:hover{background:#34c36f1a}.btn-signup{background:#34c36f;color:#fff;margin-left:.5rem}.btn-signup:hover{background:#2ab060}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 2rem;max-width:800px;margin:0 auto}.landing-hero h1{font-size:1.75rem!important;margin-bottom:-.3rem;margin-top:.1rem;color:#1a1a1a;line-height:1.2}.landing-hero p{font-size:1.2rem;color:#666;margin-bottom:1rem;max-width:600px;line-height:1.6;padding:0 .3rem;white-space:pre-line}.landing-features{display:flex;justify-content:center;gap:2rem;margin-top:1.2rem;flex-wrap:wrap}.feature-card{background:#fff;padding:2em 1rem 1.1rem 1.9rem;border-radius:16px;box-shadow:0 2px 4px #00000059;flex:1;min-width:250px;max-width:300px;min-height:210px;text-align:left;background-size:140%;background-position-y:45%;background-position-x:65%}.feature-planner{background-image:linear-gradient(#ffffff4d,#fffc),url(./landing_plants_in_livingroom-BGsJy_dj.jpg)}.feature-watering{background-image:linear-gradient(#ffffff4d,#fffc),url(./landing_watering_plants-fkAlF-g8.jpg)}.feature-calendar{background-image:linear-gradient(#ffffff4d,#fffc),url(./landing_plant_planner-C2dfJAnT.jpg)}.feature-card h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#414141}.feature-card p{font-size:.9rem;color:#2c2c2c;margin-bottom:0;margin-top:.5rem}.landing-footer{margin-top:-1rem;padding:1rem 2rem 2.5rem;text-align:center;background:#fff;border-top:1px solid #eaeaea;position:sticky;bottom:0;z-index:1000}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.5rem}.footer-link{color:#666;text-decoration:none;font-size:.9rem;cursor:pointer;background:none;border:none;padding:0}.footer-link:hover{color:#34c36f;text-decoration:underline}.footer-copyright{color:#999;font-size:.8rem}.landing-text-section{margin:2.5rem auto 2rem;max-width:800px;text-align:left;padding:0 1rem}.landing-text-section h2{font-size:1.4rem;color:#1a1a1a;margin-bottom:-.2rem;text-align:center}.landing-text-section p{font-size:1.1rem;color:#555;line-height:1.8;margin-bottom:1.5rem}.landing-faq-section{margin:.1rem;max-width:800px;text-align:left;padding:0 1rem;width:100%}.landing-faq-section h2{font-size:1.5rem;color:#1a1a1a;margin-top:.1rem;margin-bottom:1rem;text-align:center}.faq-item{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 6px #0000000a;border:1px solid #eaeaea}.faq-item h4{font-size:1.15rem;color:#329e5f;margin-bottom:.8rem;margin-top:0}.faq-item p{font-size:1.05rem;color:#666;line-height:1.6;margin:0}@media(max-width:768px){.landing-hero h1{font-size:2.2rem}.landing-header{padding:1rem}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{background:transparent;color:transparent;cursor:pointer;height:auto;inset:0;position:absolute;width:auto}.add-plant-container{min-height:100vh;background:#f5f7f6;display:flex;flex-direction:column;color:#0b1f1b;position:relative;padding-bottom:60px}.add-plant-header{display:flex;align-items:center;justify-content:center;padding:2rem 1rem 0rem;background:#fff;position:sticky;top:0;z-index:50}.back-button{position:absolute;left:1rem;background:none;border:none;color:#0b1f1b;cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0}.back-icon{width:1.5rem;height:1.5rem}.add-plant-title{margin:0;font-size:1.5rem;font-weight:700;color:#34c36f}.add-plant-content{flex:1;padding:1rem 2rem 3.5rem;display:flex;flex-direction:column;gap:1rem}.photo-upload-section{padding:.1rem 0}.photo-upload-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;max-width:360px;min-height:300px;margin:0 auto;aspect-ratio:1;border:2px dashed rgba(52,195,111,.7);background:#13ec5b0d;border-radius:1.25rem;cursor:pointer;transition:background .3s ease;overflow:hidden}.photo-upload-area:hover{background:#13ec5b1a}.photo-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.photo-icon{width:3rem;height:3rem}.upload-title{margin:0;font-size:1.125rem;font-weight:500;color:#0b1f1b;text-align:center}.upload-subtitle{margin:0;font-size:.875rem;color:#506163;text-align:center;max-width:240px}.uploaded-photo{width:100%;height:100%;object-fit:cover}.photo-upload-area.clickable{cursor:pointer}.photo-edit-overlay{position:absolute;bottom:0;left:0;right:0;background:#00000080;padding:.5rem;display:flex;justify-content:center;align-items:center}.photo-edit-text{color:#fff;font-size:.875rem;font-weight:600}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-field{display:flex;flex-direction:column}.field-label{font-size:1rem;color:#0b1f1b;margin-bottom:.45rem;margin-top:.5rem;padding:0 .5rem}.field-label-sm{font-size:.875rem;color:#506163;margin-bottom:.45rem;margin-top:.5rem;padding:0 .25rem}.form-input,.form-select,.form-input-sm{width:100%;padding:.54rem .34rem .34rem .9rem;border:1px solid #d1d5db;border-radius:2rem;background:#fff;color:#0b1f1b;font-size:.93rem!important;font-weight:500;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-input-sm:focus{outline:none;border-color:#92ddab;box-shadow:0 0 0 2px #13ec5b33}.form-input::placeholder,.form-select::placeholder,.form-input-sm::placeholder{color:#9ca3af}.select-wrapper{position:relative}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' fill='rgb(146,201,164)' viewBox='0 0 256 256'%3e%3cpath d='M181.66,170.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-48-48a8,8,0,0,1,11.32-11.32L128,212.69l42.34-42.35A8,8,0,0,1,181.66,170.34Zm-96-84.68L128,43.31l42.34,42.35a8,8,0,0,0,11.32-11.32l-48-48a8,8,0,0,0-11.32,0l-48,48A8,8,0,0,0,85.66,85.66Z'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .9375rem center;padding-right:3rem}.species-input-wrapper{position:relative;width:100%}.dropdown-toggle-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dropdown-toggle-button:hover{opacity:.7}.dropdown-icon{width:1.25rem;height:1.25rem;color:#34c36f}.species-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:1rem;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:300px;overflow:hidden;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.species-search{width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid #e5e7eb;font-size:.95rem;border-radius:1rem 1rem 0 0;outline:none}.species-search:focus{border-bottom-color:#34c36f}.species-list{max-height:250px;overflow-y:auto;list-style:none;padding:0;margin:0}.species-list li{padding:.875rem 1rem;cursor:pointer;transition:background .2s ease;color:#0b1f1b;font-size:.95rem}.species-list li:hover{background:#f3f4f6}.species-list li:active{background:#e5e7eb}.species-list li.no-results{color:#9ca3af;cursor:default}.species-list li.no-results:hover{background:transparent}.input-with-unit{position:relative;display:flex;align-items:center}.input-with-unit input{padding-right:3.5rem}.input-unit{position:absolute;padding-top:.2rem;right:.75rem;color:#9ca3af;font-size:.875rem;pointer-events:none}.date-input-wrapper{position:relative}.calendar-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;width:1.25rem;height:1.25rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.section-group{padding-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.section-title{margin:0;margin-top:.85rem;font-size:1.125rem;font-weight:500;color:#0b1f1b;padding:0 .25rem;display:flex;align-items:center;gap:.5rem}.section-icon{width:1.25rem;height:1.25rem}.form-textarea{width:100%;min-height:8rem;padding:.9375rem;border:1px solid #d1d5db;border-radius:1.4rem;background:#fff;color:#0b1f1b;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease}.form-textarea:focus{outline:none;border-color:#13ec5b;box-shadow:0 0 0 2px #13ec5b33}.form-textarea::placeholder{color:#9ca3af}.add-plant-footer{padding:.7rem 2rem;background:#f5f7f6;position:sticky;bottom:110px;border-top:1px solid rgba(12,32,28,.05)}.submit-button{width:90%;height:2.2rem;padding:0 1.5rem;border:none;border-radius:9999px;background:#34c36f;color:#0b1f1b;font-size:1.25rem!important;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.submit-button:hover{filter:brightness(1.05)}.submit-button:active{transform:scale(.98)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-between;padding:.65rem 2.25rem;border-top:1px solid rgba(12,32,28,.1);z-index:5}.bottom-nav button{border:none;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8f9ba0;cursor:pointer}.bottom-nav span{font-size:10px}.bottom-nav .active{color:#13ec5b}.nav-icon{width:1.5rem;height:1.5rem}.icon{width:.95rem;height:.95rem;display:inline-flex;object-fit:contain}.date-field-wrapper{display:flex;gap:.5rem;align-items:center;cursor:default}.date-field-wrapper input{flex:1;cursor:text!important}.date-field-wrapper input[type=date]::-webkit-datetime-edit,.date-field-wrapper input[type=date]::-webkit-datetime-edit-fields-wrapper,.date-field-wrapper input[type=date]::-webkit-datetime-edit-text,.date-field-wrapper input[type=date]::-webkit-datetime-edit-month-field,.date-field-wrapper input[type=date]::-webkit-datetime-edit-day-field,.date-field-wrapper input[type=date]::-webkit-datetime-edit-year-field{cursor:text!important}.date-field-wrapper input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer!important}.complete-button{width:40px;height:40px;min-width:40px;border-radius:50%;border:none;background:#34c36f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.complete-button:hover{background:#2ba85e;transform:scale(1.1)}.complete-button:active{transform:scale(.95)}.complete-button .icon{width:83%;height:83%}.complete-button.water{background:none}.complete-button.water:hover{background:#33c36f;box-shadow:0 4px 6px #33c36fd0;transform:scale(1.1)}.complete-button.fertilizer{background:none}.complete-button.fertilizer:hover{background:#ed8262;box-shadow:0 4px 6px #ed8262d0;transform:scale(1.1)}.profile-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f8755,#b0c362);padding:1rem}.profile-card{background:#fff;border-radius:24px;padding:2.5rem;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d}.profile-header{text-align:center;margin-bottom:2rem}.profile-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.profile-subtitle{color:#666;font-size:.95rem}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-error{background:#fee;color:#c33;padding:.875rem;border-radius:12px;font-size:.9rem;border:1px solid #fcc}.profile-success{background:#efe;color:#3c3;padding:.875rem;border-radius:12px;font-size:.9rem;border:1px solid #cfc}.profile-photo-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.profile-photo-wrapper{position:relative;display:inline-block}.profile-photo{width:150px;height:150px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#0f8755,#b0c362);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000026}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{font-size:4rem;color:#fff;font-weight:700}.profile-camera-button{position:absolute;bottom:0;right:0;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#b0c362,#0f8755);border:4px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.profile-camera-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 16px #0000004d}.profile-camera-button:active:not(:disabled){transform:scale(.95)}.profile-camera-button:disabled{opacity:.6;cursor:not-allowed}.profile-uploading{color:#0f8755;font-size:.9rem;font-weight:500;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:#333;font-size:.9rem}.form-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.profile-button{padding:1rem;background:linear-gradient(135deg,#b0c362,#0f8755);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.profile-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0f87554d}.profile-button:active:not(:disabled){transform:translateY(0)}.profile-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-cancel-button{padding:1rem;background:transparent;color:#666;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.profile-cancel-button:hover{background:#f5f5f5;border-color:#ccc}@media(max-width:768px){.profile-card{padding:2rem 1.5rem}.profile-title{font-size:1.75rem}.profile-photo{width:120px;height:120px}.profile-camera-button{width:40px;height:40px}.profile-camera-button svg{width:20px;height:20px}}.calendar-container{padding-bottom:5rem}.calendar-header{padding:1.5rem 1.5rem 1rem}.calendar-card{background:#fff;border-radius:1.5rem;margin:0 1rem;padding:1.3rem;box-shadow:0 0 5px #00000026}.calendar-month-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.calendar-month-nav h2{font-size:1.1rem;font-weight:600;margin:0}.nav-arrow{width:24px;height:24px;opacity:.7}.nav-arrow-right{transform:rotate(180deg)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;text-align:center}.calendar-weekday{font-size:.75rem;color:#888;font-weight:600;margin-bottom:.5rem}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;position:relative;transition:all .2s ease}.calendar-day:hover{background-color:#f5f5f5}.calendar-day-selected{background-color:#cde9cf!important;color:#34c36f;font-weight:700}.calendar-day-today{background-color:#34c36f;color:#fff}.calendar-day-today:hover{background-color:#2da860}.calendar-day-today.calendar-day-selected{background-color:#34c36f!important}.calendar-day-number{font-size:.85rem;line-height:1}.calendar-day-indicators{display:flex;gap:2px;margin-top:4px}.calendar-indicator{width:4px;height:4px;border-radius:50%}.calendar-indicator-water{background-color:#3b82f6!important}.calendar-indicator-feed{background-color:#eab308!important}.calendar-day-today .calendar-indicator{background-color:#fff;opacity:.8}.calendar-day-today .calendar-indicator-feed{background-color:#fde047}.todays-care-section{margin-top:2rem}.todays-care-header{display:flex;justify-content:space-between;align-items:center;margin:0 1.3rem 1rem}.todays-care-header h2{font-size:1.25rem;font-weight:600;margin:0}.care-count{background:#e8f5e9;color:#34c36f;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600}.todays-care-list{display:flex;flex-direction:column;gap:1rem;margin:0 1rem}.care-item{background:#fff;padding:.5rem;border-radius:10rem;display:flex;align-items:center;gap:1rem;box-shadow:0 0 5px #00000026;transition:all .3s ease}.care-item-completed{background:#f5f5f5;opacity:.8}.care-item-image{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;background-color:#f0f0f0;position:relative}.care-completed-overlay{position:absolute;inset:0;background:#0000004d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.care-item-details{flex:1;margin:-5px 0}.care-item-name{font-weight:600;margin:0 0 .25rem;color:#1f2937}.care-item-completed .care-item-name{color:#888}.care-badge{display:inline-block;font-size:.75rem;padding:.15rem .5rem;border-radius:.5rem}.care-badge-water{background:#eff6ff;color:#3b82f6}.care-badge-feed{background:#fefce8;color:#eab308}.care-item-completed .care-badge{background:#e5e5e5;color:#999}.care-checkbox{background:none;border:none;cursor:pointer;padding:.5rem}.checkbox-circle{width:24px;height:24px;border:2px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;transition:all .2s}.care-checkbox-checked .checkbox-circle{background:#ccc;border-color:#ccc}.care-item:not(.care-item-completed) .checkbox-circle:hover{border-color:#34c36f}.no-care-message{text-align:center;padding:2rem;color:#888;background:#f9f9f9;border-radius:1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:#fff;border-radius:1.5rem;padding:1.5rem;width:100%;max-width:320px;box-shadow:0 10px 40px #0003;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-card h3{margin:0 0 .5rem;color:#1f2937}.modal-card p{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem}.date-picker-container{margin-bottom:1.5rem}.retroactive-date-input{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.75rem;font-size:1rem;color:#1f2937;outline:none;transition:border-color .2s}.retroactive-date-input:focus{border-color:#34c36f;box-shadow:0 0 0 2px #34c36f1a}.modal-actions{display:flex;gap:.75rem}.modal-actions button{flex:1;padding:.75rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.modal-btn-cancel{background:#f3f4f6;border:none;color:#4b5563}.modal-btn-cancel:hover{background:#e5e7eb}.modal-btn-confirm{background:#34c36f;border:none;color:#fff}.modal-btn-confirm:hover{background:#059669}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.calendar-header{padding:.3rem 1rem 1rem}.calendar-card{margin:0 1rem;padding:1.3rem}.calendar-grid{gap:7px .8px;align-items:baseline}.calendar-weekday{font-size:.7rem;margin-bottom:.25rem}.calendar-day-number{font-size:.85rem;padding-right:2px;margin-bottom:-2px}.calendar-month-nav h2{font-size:1rem}.todays-care-header h2{font-size:1.1rem}}button{border:0px;background:none}.weather-widget{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background-color:var(--card-bg, #ffffff);border-radius:20px;box-shadow:0 2px 8px #0000000d;font-family:Inter,sans-serif;color:var(--text-primary, #333333);margin:0 auto}.weather-widget.loading{font-size:.8rem;color:var(--text-secondary, #888888)}.weather-icon{font-size:1.5rem;line-height:1}.weather-temp{font-size:1.1rem;font-weight:600}.weather-humidity{font-size:.9rem;color:#555;display:flex;align-items:center;gap:4px;background-color:#f0f9ff;padding:2px 8px;border-radius:10px}.legal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.legal-card{background:#fff;border-radius:1.5rem;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003}.legal-header{padding:1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.legal-header h2{margin:0;font-size:1.25rem;color:#333}.close-btn{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#999}.legal-content{padding:1.5rem;overflow-y:auto;color:#555;line-height:1.6}.legal-content h3{color:#333;margin-top:1.5rem;margin-bottom:.5rem}.legal-content p{margin-bottom:1rem}
