body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background:var(--cream);color:var(--dark);margin:0;font-family:Arial,sans-serif}button{font-family:inherit}.page-container{max-width:520px;min-height:100vh;margin:0 auto;padding:24px 18px 100px}.app-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.app-header h1{margin:4px 0 0;font-size:34px}.eyebrow{color:var(--green);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.icon-button{background:var(--green);color:#fff;border:0;border-radius:50%;width:46px;height:46px;font-size:28px}.hero-card{background:#fff;border-radius:28px;padding:24px;box-shadow:0 18px 45px #1f2a241f}.hero-card h2{margin:8px 0;font-size:28px}.hero-card p{line-height:1.5}.bottom-nav{background:#fffffff0;border-radius:28px;justify-content:space-around;width:calc(100% - 28px);max-width:520px;padding:10px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #1f2a242e}.bottom-nav button{color:#7c827b;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;font-size:20px;display:flex}.bottom-nav button span{font-size:12px}.bottom-nav .active{color:var(--green)}.section-card{background:#fff;border-radius:28px;margin-top:22px;padding:22px;box-shadow:0 18px 45px #1f2a2414}.section-header{justify-content:space-between;align-items:center;display:flex}.section-header h3{margin:0}.zone-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.zone-box{background:#f4f1ea;border-radius:18px;padding:18px;font-weight:600}.task-list{margin:18px 0 0;padding-left:18px}.task-list li{margin-bottom:12px}.plant-hero{position:relative}.plant-hero-image{background:linear-gradient(135deg,#f7d7df,#f4f1ea);border-radius:34px;justify-content:center;align-items:center;height:260px;font-size:96px;display:flex;box-shadow:0 18px 45px #1f2a2424}.plant-title-card{background:#fffffff2;border-radius:28px;margin:-42px 18px 0;padding:22px;position:relative;box-shadow:0 18px 45px #1f2a241f}.plant-title-card h1{margin:6px 0;font-size:34px}.soft-text{color:#69726b;line-height:1.5}.info-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.info-card{background:#fff;border-radius:24px;padding:18px;box-shadow:0 14px 34px #1f2a2414}.info-card span{font-size:28px}.info-card strong{margin-top:10px;display:block}.info-card p{color:#69726b;margin:6px 0 0;font-size:14px}.timeline-section{margin-top:28px;padding-bottom:30px}.timeline-scroll{gap:18px;padding-top:16px;display:flex;overflow-x:auto}.timeline-scroll::-webkit-scrollbar{display:none}.timeline-card{background:#fff;border-radius:28px;min-width:220px;overflow:hidden;box-shadow:0 16px 40px #1f2a2414}.timeline-image{background:linear-gradient(135deg,#f7efe7,#e4efe3);justify-content:center;align-items:center;height:140px;font-size:52px;display:flex}.timeline-content{padding:18px}.timeline-content strong{margin-bottom:6px;display:block}.timeline-content span{color:var(--green);font-size:13px;font-weight:600}.timeline-content p{color:#69726b;margin-top:10px;font-size:14px;line-height:1.4}.slideshow-section{margin-top:30px}.slideshow-card{grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;margin-top:16px;display:grid}.slide-content{text-align:center;background:#fff;border-radius:30px;padding:20px;box-shadow:0 16px 40px #1f2a2414}.slide-image{background:linear-gradient(135deg,#f7efe7,#e4efe3);border-radius:24px;justify-content:center;align-items:center;height:180px;font-size:76px;display:flex}.slide-content h4{margin:16px 0 6px;font-size:22px}.slide-content p{color:#69726b;margin:0}.slide-arrow{width:44px;height:44px;color:var(--green);background:#fff;border:0;border-radius:50%;font-size:34px;box-shadow:0 10px 28px #1f2a241a}.before-after-section{margin-top:32px;padding-bottom:40px}.before-after-card{grid-template-columns:1fr 40px 1fr;align-items:center;gap:12px;margin-top:16px;display:grid;position:relative}.before-side,.after-side{background:#fff;border-radius:28px;padding:18px;box-shadow:0 16px 40px #1f2a2414}.before-side span,.after-side span{color:var(--green);margin-bottom:12px;font-size:12px;font-weight:700;display:block}.mock-image{background:linear-gradient(135deg,#f7efe7,#e4efe3);border-radius:20px;justify-content:center;align-items:center;height:180px;font-size:72px;display:flex}.slider-line{justify-content:center;align-items:center;display:flex}.slider-button{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.app.spring{--green:#16a765;background:#f5efe8}.app.summer{--green:#0d8f55;background:#eef5ea}.app.autumn{--green:#c96a2b;background:#f6efe7}.app.winter{--green:#4f6b73;background:#edf3f5}.main-button{background:linear-gradient(135deg, var(--green), #7ccf9f);color:#fff;cursor:pointer;border:0;border-radius:18px;margin:18px auto 0;padding:14px 22px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 12px 24px #16a76540}.main-button:hover{transform:translateY(-2px);box-shadow:0 18px 30px #16a76559}.main-button:active{transform:scale(.98)}.plants-header{margin-bottom:24px}.plant-list-card{background:#fff;border-radius:28px;gap:18px;padding:18px;display:flex;box-shadow:0 16px 40px #1f2a2414}.plant-list-image{background:linear-gradient(135deg,#f7efe7,#e4efe3);border-radius:22px;justify-content:center;align-items:center;width:90px;height:90px;font-size:42px;display:flex}.plant-list-content{flex:1}.plant-list-content h3{margin:0 0 6px}.plant-list-content p{color:#69726b;margin:0 0 10px}.plant-list-content span{color:var(--green);font-size:13px;font-weight:700}.zones-list{gap:16px;display:grid}.zone-list-card{background:#fff;border-radius:28px;align-items:center;gap:16px;padding:18px;display:flex;box-shadow:0 16px 40px #1f2a2414}.zone-list-icon{background:linear-gradient(135deg,#f7efe7,#e4efe3);border-radius:22px;justify-content:center;align-items:center;width:64px;height:64px;font-size:34px;display:flex}.zone-list-card h3{margin:0 0 6px}.zone-list-card p{color:#69726b;margin:0}.gallery-grid{grid-template-columns:1fr;gap:18px;margin-top:24px;display:grid}.gallery-item{aspect-ratio:1;background:linear-gradient(135deg,#f7efe7,#e4efe3);border-radius:28px;justify-content:center;align-items:center;font-size:52px;display:flex;box-shadow:0 16px 40px #1f2a2414}.care-list{gap:16px;display:grid}.care-card{background:#fff;border-radius:28px;gap:16px;padding:18px;display:flex;box-shadow:0 16px 40px #1f2a2414}.care-icon{background:linear-gradient(135deg,#f7efe7,#e4efe3);border-radius:22px;justify-content:center;align-items:center;width:62px;height:62px;font-size:32px;display:flex}.care-card h3{margin:0 0 6px}.care-card p{color:#69726b;margin:0}.back-button{color:#1f2a24;cursor:pointer;background:#fff;border:none;border-radius:18px;margin-bottom:24px;padding:12px 18px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 10px 30px #1f2a2414}.back-button:hover{transform:translateY(-2px)}.plant-hero-image{height:220px}.plant-title-card{margin:-34px 18px 0}.add-plant-screen{background:linear-gradient(#f7f2e8,#eef6ec);min-height:100vh;padding:24px}.add-plant-card{background:#ffffffd1;border:1px solid #5f82552e;border-radius:28px;max-width:430px;margin:0 auto;padding:24px;box-shadow:0 18px 45px #34523429}.add-plant-card h1{color:#20351f;margin:10px 0 6px;font-size:34px}.add-plant-subtitle{color:#66745f;margin-bottom:24px;font-size:15px}.form-group{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.form-group label{color:#40563a;font-size:14px;font-weight:700}.form-group input,.form-group textarea{background:#fffdf8;border:1px solid #4a694140;border-radius:16px;outline:none;width:100%;padding:13px 15px;font-size:16px}.form-group textarea{resize:vertical;min-height:110px}.form-group input:focus,.form-group textarea:focus{border-color:#6f9d5f;box-shadow:0 0 0 4px #6f9d5f26}.primary-btn{color:#fff;background:linear-gradient(135deg,#5f8f4f,#8ebf63);border:none;border-radius:18px;width:100%;padding:15px 18px;font-size:17px;font-weight:800;box-shadow:0 12px 25px #48703740}.back-btn{color:#5b7152;background:0 0;border:none;padding:0;font-size:15px;font-weight:700}.add-plant-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#81c784);border:none;border-radius:18px;align-self:center;margin-top:18px;margin-left:auto;margin-right:auto;padding:14px 20px;font-size:16px;font-weight:600;transition:all .2s;display:block;box-shadow:0 8px 20px #4caf5040}.add-plant-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4caf5059}.add-plant-btn:active{transform:scale(.98)}.date-input{color:#2f4f2f;background:#ffffffd9;border:1px solid #4caf5033;border-radius:18px;outline:none;margin-top:18px;padding:12px 16px;font-size:16px;box-shadow:0 8px 18px #4caf5014}.date-input:focus{border-color:#66bb6a;box-shadow:0 0 0 4px #66bb6a26}.care-content{flex:1}.care-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.care-top input[type=checkbox]{accent-color:#5f8f4f;width:20px;height:20px}.done{opacity:.55;text-decoration:line-through}.form-group label{color:#314d31;margin-bottom:10px;font-size:15px;font-weight:700;display:block}.form-group select{color:#2f4f2f;background:#ffffffe6;border:1px solid #4caf5033;border-radius:18px;outline:none;width:100%;padding:14px 16px;font-size:16px}.gallery-grid{gap:18px;margin-top:24px;display:grid}.gallery-card{background:#ffffffe0;border-radius:28px;align-items:center;gap:18px;padding:20px;display:flex;box-shadow:0 10px 24px #0000000d}.gallery-image{background:#7aa15e1a;border-radius:24px;justify-content:center;align-items:center;width:82px;height:82px;font-size:38px;display:flex}.gallery-content h3{margin-bottom:8px;font-size:24px}.gallery-content p{color:#5f6f5f;line-height:1.5}.gallery-add-btn,.zone-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#81c784);border:none;border-radius:18px;margin:18px auto 0;padding:14px 24px;font-size:16px;font-weight:700;display:block;box-shadow:0 10px 24px #4caf5040}.delete-btn{color:#c62828;cursor:pointer;background:#dc46461f;border:none;border-radius:16px;margin:14px auto 24px;padding:12px 20px;font-size:15px;font-weight:700;transition:all .2s;display:block}.delete-btn:hover{background:#dc464633}.plant-photo-preview{object-fit:cover;border-radius:24px;width:100%;max-height:320px;margin-top:18px}.plant-card-photo{object-fit:cover;border-radius:18px;width:100%;max-width:220px;height:180px;display:block}.gallery-photo{object-fit:cover;border-radius:24px;flex-shrink:0;width:140px;min-width:140px;height:220px}.photo-modal{z-index:999;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.photo-modal-img{object-fit:contain;border-radius:24px;max-width:100%;max-height:72vh;box-shadow:0 10px 40px #0006}.photo-modal-caption{text-align:center;color:#fff;margin-top:18px}.photo-modal-caption h3{margin:0 0 8px;font-size:28px}.photo-modal-caption p{opacity:.8;margin:0}.photo-modal-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:none;border-radius:50%;width:48px;height:48px;font-size:28px;position:absolute;top:24px;right:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.plant-hero-photo{object-fit:cover;border-radius:34px;width:100%;height:260px;display:block;box-shadow:0 18px 45px #1f2a2424}.online-badge{border-radius:20px;margin-top:8px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.badge-online{color:#1a7a40;background:#e6f9ee}.badge-offline{color:#b71c1c;background:#fdecea}.wiki-box{background:#f0f7ff;border-left:4px solid #4a90d9;border-radius:12px;margin:12px 0;padding:14px 16px}.wiki-link{color:#4a90d9;margin-top:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.wiki-link:hover{text-decoration:underline}.ai-result-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.info-source-badge{color:#2e7d32;background:#e8f5e9;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.offline-hint{background:#fff8e1;border-left:4px solid #f9a825;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}.ai-care-box{background:#f8f9f6;border:1px solid #e8ede6;border-radius:18px;flex-direction:column;gap:6px;margin-top:16px;padding:18px;display:flex}.ai-care-box h4{color:#2d4a35;margin:0 0 10px;font-size:15px}.ai-care-box label{color:#5a7060;text-transform:uppercase;letter-spacing:.5px;margin-top:10px;font-size:12px;font-weight:700}.ai-care-box label:first-of-type{margin-top:0}.plant-input{color:#1f2d23;box-sizing:border-box;background:#fff;border:1.5px solid #dde8db;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:15px;transition:border-color .2s}.plant-input:focus{border-color:#4a8c5c}.plant-textarea{color:#1f2d23;box-sizing:border-box;resize:vertical;background:#fff;border:1.5px solid #dde8db;border-radius:12px;outline:none;width:100%;min-height:90px;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .2s}.plant-textarea:focus{border-color:#4a8c5c}.zone-select{color:#1f2d23;box-sizing:border-box;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234a8c5c' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 14px center no-repeat;border:1.5px solid #dde8db;border-radius:12px;outline:none;width:100%;margin-top:6px;padding:10px 14px;font-size:15px}.plant-photo-preview{object-fit:cover;border-radius:16px;width:100%;max-height:260px;margin-bottom:12px;display:block}.lang-switcher{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:20px;gap:4px;padding:5px 8px;display:flex;position:fixed;top:14px;right:14px;box-shadow:0 2px 12px #0000001f}.lang-btn{cursor:pointer;opacity:.45;background:0 0;border:none;border-radius:8px;padding:2px 4px;font-size:20px;transition:opacity .2s,transform .15s}.lang-btn:hover{opacity:.8;transform:scale(1.15)}.lang-btn-active{opacity:1;transform:scale(1.1)}.mini-calendar{padding:4px 0}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cal-month-label{color:#2d4a35;font-size:16px;font-weight:700}.cal-nav-btn{color:#4a8c5c;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:4px 10px;font-size:24px;line-height:1;transition:background .15s}.cal-nav-btn:hover{background:#e8f5e9}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-day-name{text-align:center;color:#8aab90;text-transform:uppercase;letter-spacing:.3px;padding:4px 0 8px;font-size:11px;font-weight:700}.cal-day{aspect-ratio:1;color:#2d4a35;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:14px;transition:background .15s,color .15s;display:flex;position:relative}.cal-day:hover{background:#e8f5e9}.cal-day-today{color:#4a8c5c;border:2px solid #4a8c5c;font-weight:700}.cal-day-selected{color:#fff;background:#4a8c5c;font-weight:700}.cal-day-selected:hover{background:#3d7a4f}.cal-dot{background:#e07a5f;border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.cal-day-selected .cal-dot{background:#fffc}.task-done{opacity:.5;text-decoration:line-through}.trial-banner{color:#2e7d32;text-align:center;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1.5px solid #a5d6a7;border-radius:16px;margin-bottom:16px;padding:14px 18px;font-size:15px}.pro-active-banner{background:linear-gradient(135deg,#e3f2fd,#e8f5e9);border-color:#4a8c5c}.plan-cards{flex-direction:column;gap:18px;margin-top:8px;display:flex}.plan-card{background:#fff;border:2px solid #0000;border-radius:24px;padding:22px;box-shadow:0 8px 30px #1f2a2414}.pro-card{background:linear-gradient(#f6faf7 0%,#fff 100%);border-color:#4a8c5c}.plan-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.plan-header h2{color:#2d4a35;margin:0;font-size:22px}.plan-price{color:#4a8c5c;background:#e8f5e9;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700}.plan-features{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.plan-features li{color:#3a5a40;align-items:center;gap:8px;font-size:14px;display:flex}.plan-divider{color:#8aab90;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid #e8ede6;padding-top:8px;font-size:12px;font-weight:700}.pro-feature-item{color:#2d4a35;font-weight:500}.upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a8c5c,#2d6a40);border:none;border-radius:16px;width:100%;padding:14px;font-family:inherit;font-size:16px;font-weight:700}.plan-current-badge{text-align:center;color:#8aab90;border-top:1px solid #e8ede6;margin-top:8px;padding:8px;font-size:13px;font-weight:600}.pro-badge{color:#4a8c5c}.pro-lock-wrapper{border-radius:16px;position:relative;overflow:hidden}.pro-lock-content{filter:grayscale()opacity(.4);pointer-events:none;-webkit-user-select:none;user-select:none}.pro-lock-overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#ffffff8c;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.pro-lock-icon{font-size:28px}.pro-lock-label{color:#2d4a35;background:#e8f5e9;border-radius:20px;padding:3px 12px;font-size:13px;font-weight:700}.pro-trial-badge{color:#4a8c5c;font-size:11px;font-weight:600}.plan-includes-free{color:#4a8c5c;border-bottom:1px solid #e8ede6;margin-bottom:4px;padding-bottom:8px;font-size:13px;font-weight:700}.pro-btn{color:#4a8c5c;cursor:pointer;background:0 0;border:1.5px solid #4a8c5c;border-radius:50px;margin-top:6px;padding:8px 20px;font-family:inherit;font-size:14px;font-weight:700;display:inline-block}:root{--green:#0fa36b;--sage:#9caf88;--cream:#f4f1ea;--dark:#1f2a24}
