:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--tg-bg,#f2f6ef);--surface:var(--tg-secondary-bg,#fff);--text:var(--tg-text,#1e2a20);--muted:var(--tg-hint,#748078);--accent:var(--tg-button,#417a4b);--accent-text:var(--tg-button-text,#fff);--line:#3246361f;--shadow:0 12px 40px #263b2917;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{background:var(--bg);max-width:720px;min-height:100vh;margin:auto}.page{padding:calc(22px + env(safe-area-inset-top)) 18px calc(106px + env(safe-area-inset-bottom));min-height:100vh}.page-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-header h1,.simple-header h1,.detail-content h1{letter-spacing:-.04em;margin:2px 0 0;font-size:30px;line-height:1.1}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:12px;font-weight:800}.round-button{background:var(--accent);width:48px;height:48px;color:var(--accent-text);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 24%,transparent);border:0;border-radius:50%;place-items:center;font-size:27px;display:grid}.bottom-nav{z-index:20;width:min(720px,100%);padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{min-width:88px;min-height:52px;color:var(--muted);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.bottom-nav a span{filter:grayscale();opacity:.7;font-size:21px}.bottom-nav a.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.bottom-nav a.active span{filter:none;opacity:1}.filter-scroll{scrollbar-width:none;gap:8px;margin:0 -18px 18px;padding:0 18px 5px;display:flex;overflow:auto}.filter-scroll button{white-space:nowrap;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:10px 15px;font-size:13px;font-weight:700}.filter-scroll button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.plant-grid{gap:16px;display:grid}.plant-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:116px 1fr;min-height:196px;display:grid;overflow:hidden}.plant-photo{background:linear-gradient(145deg,#dbe8d5,#bcd0b8);place-items:center;display:grid;overflow:hidden}.plant-photo img{object-fit:cover;width:100%;height:100%}.plant-photo span{font-size:55px}.plant-card-body{padding:16px 15px}.card-title-row{justify-content:space-between;gap:8px;display:flex}.card-title-row h3{letter-spacing:-.03em;margin:0 0 3px;font-size:18px}.card-title-row p{color:var(--muted);margin:0;font-size:11px}.status{white-space:nowrap;font-size:10px;font-weight:800}.status.watered,.relative.watered{color:#3c8249}.status.soon,.relative.soon{color:#b99713}.status.today,.relative.today{color:#d57218}.status.overdue,.relative.overdue{color:#c34545}.dates{color:var(--muted);gap:24px;margin:18px 0 13px;font-size:10px;display:flex}.dates b{color:var(--text);margin-top:3px;font-size:12px;display:inline-block}.progress{background:var(--line);border-radius:99px;height:6px;overflow:hidden}.progress i{background:linear-gradient(90deg,#79a969,var(--accent));border-radius:inherit;height:100%;display:block}.relative{margin:8px 0 0;font-size:11px;font-weight:800}.primary-button{background:var(--accent);color:var(--accent-text);width:100%;min-height:52px;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 20%,transparent);border:0;border-radius:16px;justify-content:center;align-items:center;padding:15px 20px;font-weight:800;display:flex}.primary-button:disabled{opacity:.6}.sticky-add{margin-top:18px}.empty-state,.center-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:55vh;padding:32px;display:flex}.empty-illustration,.state-icon{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-radius:50%;place-items:center;width:128px;height:128px;margin-bottom:14px;font-size:72px;display:grid}.empty-state h2,.center-state h2{margin:8px 0;font-size:22px}.empty-state p,.center-state p{color:var(--muted);margin:0 0 22px;line-height:1.6}.spinner{border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.simple-header{grid-template-columns:42px 1fr 42px;align-items:center;margin-bottom:18px;display:grid}.simple-header>a{font-size:38px;line-height:1}.simple-header h1{text-align:center;font-size:20px}.form-card{flex-direction:column;gap:17px;display:flex}.form-card>label,.bottom-sheet>label,.settings-card label{flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.form-card label b{color:#c34545}.form-card input,.form-card textarea,.form-card select,.bottom-sheet input,.bottom-sheet textarea,.bottom-sheet select,.settings-card select{border:1px solid var(--line);background:var(--surface);border-radius:15px;outline:none;width:100%;padding:14px 15px;font-size:15px}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-grid label{flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.image-picker{border:1.5px dashed color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 5%,var(--surface));height:116px;color:var(--accent);border-radius:20px;place-items:center;display:grid!important}.image-picker input{opacity:0;pointer-events:none;position:absolute}.form-card fieldset{border:0;margin:0;padding:0}.form-card legend{margin-bottom:4px;font-size:12px;font-weight:800}.switch-row{justify-content:space-between;align-items:center;min-height:48px;flex-direction:row!important;font-size:14px!important;display:flex!important}.switch-row input{appearance:none;background:#c9ceca;border-radius:99px;height:28px;transition:all .2s;position:relative;border:0!important;width:48px!important;padding:0!important}.switch-row input:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0003}.switch-row input:checked{background:var(--accent)}.switch-row input:checked:after{transform:translate(20px)}.form-error{color:#a62e2e;background:#ffecec;border-radius:13px;margin:0;padding:12px;font-size:13px}.detail-hero{background:linear-gradient(145deg,#dbe8d5,#bcd0b8);height:300px;margin:-22px -18px 0;position:relative;overflow:hidden}.detail-hero>img{object-fit:cover;width:100%;height:100%}.hero-placeholder{place-items:center;height:100%;font-size:100px;display:grid}.hero-back,.hero-actions a,.hero-actions button{color:#243128;background:#fffde8;border:0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:27px;display:grid;box-shadow:0 4px 16px #0002}.hero-back{left:18px;top:calc(18px + env(safe-area-inset-top));position:absolute}.hero-actions{right:18px;top:calc(18px + env(safe-area-inset-top));gap:8px;display:flex;position:absolute}.hero-actions a,.hero-actions button{font-size:19px}.detail-content{background:var(--bg);border-radius:28px 28px 0 0;margin:-25px -18px 0;padding:26px 18px 0;position:relative}.detail-content .description{color:var(--muted);line-height:1.6}.schedule-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;padding:17px;display:grid}.schedule-card div:not(.progress){flex-direction:column;gap:4px;display:flex}.schedule-card small{color:var(--muted)}.schedule-card .wide,.schedule-card strong{grid-column:1/-1}.water-button{color:#fff;background:#4f8ed8;border:0;border-radius:18px;width:100%;min-height:58px;font-size:16px;font-weight:800;box-shadow:0 10px 25px #4f8ed833}.detail-content h2{margin:30px 0 15px;font-size:19px}.muted{color:var(--muted)}.timeline{flex-direction:column;display:flex}.timeline article{grid-template-columns:24px 1fr;gap:10px;padding-bottom:20px;display:grid;position:relative}.timeline article:before{content:"";background:var(--line);width:1px;position:absolute;top:14px;bottom:0;left:7px}.timeline article:last-child:before{display:none}.timeline article>i{background:var(--accent);border:4px solid color-mix(in srgb,var(--accent) 15%,var(--surface));border-radius:50%;width:15px;height:15px}.timeline b{font-size:13px}.timeline p{margin:5px 0 1px}.timeline small{color:var(--muted)}.sheet-backdrop{z-index:50;background:#14201780;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{background:var(--surface);width:min(720px,100%);padding:12px 20px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;flex-direction:column;gap:15px;animation:.25s ease-out sheet;display:flex}.sheet-handle{background:var(--line);border-radius:9px;align-self:center;width:42px;height:5px}.bottom-sheet h2{margin:4px 0 6px}@keyframes sheet{0%{opacity:0;transform:translateY(30%)}}.fertilizer-list{flex-direction:column;gap:11px;display:flex}.fertilizer-list article{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:62px 1fr 38px 38px;align-items:center;gap:10px;padding:10px;display:grid}.fertilizer-image{background:#e2ecdd;border-radius:15px;place-items:center;width:62px;height:62px;font-size:27px;display:grid;overflow:hidden}.fertilizer-image img{object-fit:cover;width:100%;height:100%}.fertilizer-list h3{margin:0 0 4px;font-size:15px}.fertilizer-list p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin:0;font-size:12px;overflow:hidden}.fertilizer-list button{background:0 0;border:0;font-size:18px}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;align-items:center;gap:14px;margin-bottom:14px;padding:17px;display:flex}.profile-avatar{background:var(--accent);width:54px;height:54px;color:var(--accent-text);border-radius:50%;place-items:center;font-size:21px;font-weight:800;display:grid}.settings-card h3{margin:0 0 4px}.settings-card p{color:var(--muted);margin:0;font-size:12px}.settings-card.column{flex-direction:column;align-items:stretch;gap:18px}.settings-card label small{color:var(--muted);font-weight:500}.switch-row span{flex-direction:column;gap:4px;display:flex}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow);border-radius:99px;padding:11px 18px;font-size:13px;font-weight:700;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}@media (width>=620px){.plant-grid{grid-template-columns:1fr 1fr}.plant-card{grid-template-rows:170px 1fr;grid-template-columns:1fr}.detail-hero{height:390px}.page{padding-left:26px;padding-right:26px}.detail-hero{margin-left:-26px;margin-right:-26px}.detail-content{margin-left:-26px;margin-right:-26px;padding-left:26px;padding-right:26px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}