:root{--tracker-ink:#19322b;--tracker-green:#173f35;--tracker-leaf:#4d7357;--tracker-sage:#dfe8d4;--tracker-paper:#f6f0e4;--tracker-cream:#fffaf0;--tracker-gold:#d8993f;--tracker-coral:#b85f4a;--tracker-line:#d7d6c6;--tracker-shadow:0 16px 44px rgba(27,55,45,.12)}
*{box-sizing:border-box}
.tracker-body{margin:0;background:radial-gradient(circle at 12% 4%,#fff8e7 0 9%,transparent 31%),linear-gradient(135deg,#e9efdf,#f7f0e2 48%,#eee6d7);color:var(--tracker-ink);min-height:100vh}
.tracker-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem max(1rem,env(safe-area-inset-left));background:rgba(246,240,228,.92);border-bottom:1px solid rgba(23,63,53,.13);backdrop-filter:blur(16px)}
.tracker-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}.tracker-brand img{border-radius:12px}.tracker-brand span{display:grid;line-height:1.15}.tracker-brand small{color:#61766e;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}
.tracker-shell{width:min(1120px,100%);margin:auto;padding:clamp(1rem,3vw,2rem)}
.tracker-hero{display:grid;grid-template-columns:1.5fr .8fr;gap:clamp(1rem,4vw,3rem);align-items:end;padding:clamp(1.2rem,4vw,3.5rem) 0 1.5rem}.tracker-hero h1{font-family:Georgia,serif;font-size:clamp(2.5rem,7vw,5.8rem);line-height:.92;letter-spacing:-.055em;margin:.25rem 0 1rem;color:var(--tracker-green)}.tracker-hero p{max-width:700px;font-size:clamp(1rem,2vw,1.2rem)}
.eyebrow{margin:0;color:#6a725e;font-size:.76rem!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.privacy-note{display:grid;gap:.35rem;padding:1.1rem 1.25rem;border:1px solid #b7c7ad;border-radius:20px;background:rgba(255,250,240,.76);box-shadow:var(--tracker-shadow)}.privacy-note strong{color:var(--tracker-green)}.privacy-note span{font-size:.9rem;color:#53665e}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:0 0 1rem}.stat-grid article{display:grid;padding:1rem;border:1px solid rgba(23,63,53,.13);border-radius:18px;background:rgba(255,250,240,.82)}.stat-grid span{font:700 clamp(1.55rem,4vw,2.2rem)/1 Georgia,serif;color:var(--tracker-green)}.stat-grid small{margin-top:.3rem;color:#65726c}
.app-tabs{position:sticky;top:67px;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;padding:.35rem;margin-bottom:1.2rem;border:1px solid rgba(23,63,53,.14);border-radius:17px;background:rgba(255,250,240,.92);backdrop-filter:blur(12px)}.tab-button{border:0;border-radius:12px;padding:.72rem .45rem;background:transparent;color:#53665e;font-weight:750}.tab-button.active{background:var(--tracker-green);color:white}.tab-panel{display:none}.tab-panel.active{display:block}
.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(150px,.35fr));gap:.7rem;margin-bottom:1rem}.toolbar label,.form-grid label{display:grid;gap:.35rem;color:#52635c;font-size:.76rem;font-weight:800;letter-spacing:.04em}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #c8cbbd;border-radius:12px;padding:.75rem .8rem;background:#fffdf8;color:var(--tracker-ink);font:inherit;letter-spacing:normal}.toolbar input:focus,.toolbar select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:3px solid rgba(216,153,63,.24);border-color:var(--tracker-gold)}
.list-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.2rem 0 .7rem}.list-heading h2,.section-intro h2{font:700 clamp(1.6rem,4vw,2.6rem)/1.05 Georgia,serif;color:var(--tracker-green);margin:0}.list-heading p,.section-intro p{margin:.35rem 0 0;color:#68756f}.primary-action,.secondary-action,.danger-action,.small-button,.file-action{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:.72rem 1rem;font-weight:800;text-decoration:none;cursor:pointer}.primary-action{border:1px solid var(--tracker-green);background:var(--tracker-green);color:#fff}.secondary-action,.small-button,.file-action{border:1px solid #aeb9ae;background:#fffaf0;color:var(--tracker-green)}.danger-action{border:1px solid #c99187;background:#fff6f3;color:#8c3325}.file-action input{position:absolute;opacity:0;pointer-events:none}
.plant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.plant-card{display:grid;grid-template-columns:52px 1fr auto;gap:.75rem;align-items:center;padding:.8rem;border:1px solid rgba(23,63,53,.14);border-radius:17px;background:rgba(255,253,248,.9);box-shadow:0 7px 20px rgba(27,55,45,.05);cursor:pointer;text-align:left;color:inherit}.plant-card:hover{border-color:#8aa18f;transform:translateY(-1px)}.plant-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#dce8ce,#f7e3ae);font:700 1rem Georgia,serif;color:var(--tracker-green)}.plant-card strong{display:block;line-height:1.18}.plant-card small{display:block;color:#6b7771;margin-top:.24rem}.health-pill{align-self:start;border-radius:999px;padding:.26rem .5rem;font-size:.69rem;font-weight:800;white-space:nowrap}.health-unobserved{background:#ece9df;color:#6f7068}.health-good{background:#dcebd3;color:#2e633a}.health-watch{background:#fae7b7;color:#795511}.health-alert{background:#f3cec7;color:#8a3225}
.empty-state{grid-column:1/-1;padding:2rem;text-align:center;border:1px dashed #aeb9ae;border-radius:18px;color:#637069;background:rgba(255,255,255,.45)}
.section-intro{max-width:760px;margin:1.5rem 0}.timeline-list{display:grid;gap:.7rem}.timeline-item{display:grid;grid-template-columns:82px 1fr auto;gap:1rem;align-items:start;padding:1rem;border:1px solid rgba(23,63,53,.14);border-radius:17px;background:#fffdf8}.timeline-date{font-size:.78rem;color:#68756f}.timeline-item h3{margin:0;font-size:1rem}.timeline-item p{margin:.35rem 0 0;color:#66736c}.timeline-thumb{width:72px;height:72px;object-fit:cover;border-radius:14px;background:#e5eadf}.timeline-no-photo{display:grid;place-items:center;font-size:.68rem;text-align:center}
.research-findings{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1rem 0 1.4rem}.research-findings article{display:grid;gap:.45rem;padding:1rem;border-radius:17px;background:var(--tracker-green);color:white}.research-findings span{font-size:.84rem;color:#dce8df}.source-toolbar{grid-template-columns:minmax(220px,340px)}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:0;counter-reset:source}.source-card{list-style:none;counter-increment:source;padding:1rem;border:1px solid rgba(23,63,53,.14);border-radius:17px;background:#fffdf8}.source-card::before{content:counter(source,decimal-leading-zero);float:right;font:700 1.4rem Georgia,serif;color:#c8c3ae}.source-card a{font-weight:850;color:var(--tracker-green);text-decoration-thickness:1px;text-underline-offset:3px}.source-card p{margin:.45rem 0 0;color:#66736c;font-size:.88rem}.source-type{display:inline-block;margin-bottom:.45rem;color:#8a6231;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.backup-grid article,.data-dictionary{padding:1.15rem;border:1px solid rgba(23,63,53,.14);border-radius:18px;background:#fffdf8}.backup-grid h3,.data-dictionary h3{margin:0;color:var(--tracker-green)}.backup-grid p,.data-dictionary p{color:#66736c}.data-dictionary{margin-top:.75rem}
.floating-add{position:fixed;z-index:40;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));width:58px;height:58px;border:0;border-radius:50%;background:var(--tracker-gold);color:#173f35;font-size:2rem;box-shadow:0 14px 36px rgba(65,45,15,.3);cursor:pointer}
.sheet-dialog{width:min(760px,calc(100% - 1.2rem));max-height:92dvh;margin:auto;border:0;border-radius:24px;padding:0;background:#fffaf0;color:var(--tracker-ink);box-shadow:0 24px 90px rgba(12,28,23,.34)}.sheet-dialog::backdrop{background:rgba(17,34,29,.6);backdrop-filter:blur(4px)}.sheet-dialog form>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:rgba(255,250,240,.95);border-bottom:1px solid #ddd9ca}.sheet-dialog h2{margin:.15rem 0 0;font:700 1.7rem Georgia,serif;color:var(--tracker-green)}.icon-button{border:0;background:transparent;font-size:2rem;color:#617069}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:1.1rem}.form-grid .full{grid-column:1/-1}.form-grid small{font-weight:500;color:#718079}.photo-field img{width:100%;max-height:300px;object-fit:contain;border-radius:14px;background:#e7eadf}.sheet-dialog form>footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.2rem;background:rgba(255,250,240,.96);border-top:1px solid #ddd9ca}.profile-fields{border:1px solid #cfd8c7;border-radius:14px;background:#f0f4e8}.profile-fields summary{padding:.8rem 1rem;cursor:pointer;color:var(--tracker-green);font-weight:850}.profile-fields .form-grid{padding:.2rem .8rem .9rem}
.detail-dialog{width:min(900px,calc(100% - 1.2rem))}.detail-head{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem;border-bottom:1px solid #ddd9ca}.detail-head h2{margin:.1rem 0}.detail-content{padding:1.1rem}.detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1rem}.detail-summary div{padding:.8rem;border-radius:14px;background:#eef2e6}.detail-summary small{display:block;color:#68756f}.detail-summary strong{display:block;margin-top:.25rem}.detail-observations{display:grid;gap:.75rem}.observation-card{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:1rem;padding:1rem;border:1px solid #d8d8ca;border-radius:16px;background:#fffdf8}.observation-card img{width:120px;height:120px;border-radius:13px;object-fit:cover}.observation-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0}.observation-meta span{padding:.23rem .45rem;border-radius:999px;background:#e8eee1;font-size:.72rem}.observation-card p{margin:.4rem 0;color:#5e6c65}.observation-actions{display:flex;gap:.5rem;margin-top:.7rem}.text-button{border:0;background:transparent;color:#8a3325;text-decoration:underline;cursor:pointer}.trend-chart{width:100%;height:150px;margin:1rem 0;border-radius:15px;background:#f1f3e9}.trend-chart text{font-size:10px;fill:#617069}.trend-chart polyline{fill:none;stroke:#527657;stroke-width:3}.trend-chart circle{fill:#d8993f}
.tracker-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;padding:2rem 1rem 5rem;color:#68756f;font-size:.82rem}.tracker-footer a{color:var(--tracker-green)}
.toast{position:fixed;z-index:100;left:50%;bottom:5.2rem;transform:translateX(-50%);padding:.75rem 1rem;border-radius:999px;background:#173f35;color:white;box-shadow:var(--tracker-shadow);font-weight:750}
.photo-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.55rem}.photo-preview-card{display:grid;gap:.3rem;min-width:0}.photo-preview-card img{width:100%;aspect-ratio:1;max-height:none;object-fit:cover;border-radius:14px;background:#e7eadf}.photo-preview-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-dialog form>footer{align-items:center}.save-status{margin-right:auto;color:#617069;font-size:.82rem}.primary-action:disabled{cursor:wait;opacity:.62}.observation-card{grid-template-columns:minmax(0,1fr) minmax(120px,240px)}.observation-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.observation-photo{margin:0;min-width:0}.observation-card .observation-photo img{width:100%;height:auto;aspect-ratio:1;max-height:150px;border-radius:13px;object-fit:cover}.observation-photo figcaption{margin-top:.25rem;font-size:.65rem;color:#68756f;line-height:1.25}
@media(max-width:760px){.tracker-hero{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.plant-list,.source-grid,.backup-grid{grid-template-columns:1fr}.research-findings{grid-template-columns:1fr 1fr}.app-tabs{top:63px}.plant-card{grid-template-columns:46px 1fr auto}.plant-avatar{width:46px;height:46px}.detail-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.tracker-shell{padding:.8rem}.tracker-hero h1{font-size:3.25rem}.app-tabs{font-size:.78rem}.toolbar{grid-template-columns:1fr}.search-field{grid-column:auto}.list-heading{align-items:start}.list-heading .primary-action{display:none}.research-findings{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.sheet-dialog{width:100%;max-height:96dvh;margin:auto 0 0;border-radius:24px 24px 0 0}.sheet-dialog form>footer{flex-wrap:wrap}.save-status{flex-basis:100%;order:-1}.timeline-item{grid-template-columns:62px 1fr}.timeline-thumb{width:58px;height:58px}.timeline-item>.health-pill{display:none}.observation-card{grid-template-columns:1fr}.observation-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-head{position:sticky;top:0;background:#fffaf0;z-index:2}.detail-summary{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}