:where(.tool-tracker){scroll-behavior:smooth;inline-size:100%;min-inline-size:0;color:var(--text);color-scheme:light;--background:#f4f1e8;--surface:#ffffffd6;--surface-strong:#fffdf8;--text:#173127;--muted:#65736c;--line:#1f4f3b29;--accent:#2d7654;--accent-strong:#1d5a3e;--accent-contrast:#fff;--accent-soft:#dcebdd;--table-row:#fffdf8;--table-alt:#edf5ed;--table-head:#1d5a3e;--warning:#9a6a16;--warning-soft:#f8eaca;--danger:#a53f36;--chart-weight:#3273c8;--chart-height:#2d7654;--chart-width:#b36b19;--chart-dry:#4c78a8;--chart-wet:#2f855a;--chart-flower:#a83873;--chart-photo:#6c52a3;--chart-rotation:#4169a1;--chart-clean:#37737f;--chart-prune:#697020;--chart-other:#8b5f43;--shadow:0 24px 60px #283b301f;background:0 0;gap:1.25rem;margin:0;padding-block:0 2rem;font-family:Inter,system-ui,Segoe UI,sans-serif;line-height:1.5;display:grid;:root[data-theme=dark] &{color-scheme:dark;--background:#0f1713;--surface:#1a2720e6;--surface-strong:#19271f;--text:#edf6ef;--muted:#a6b8ad;--line:#b8dcc429;--accent:#86d1a5;--accent-strong:#b4e8c7;--accent-contrast:#102018;--accent-soft:#263f31;--table-row:#19271f;--table-alt:#213429;--table-head:#285f45;--warning:#f2c56d;--warning-soft:#493a1f;--danger:#ef9a92;--chart-weight:#77b7ff;--chart-height:#86d1a5;--chart-width:#ffc36a;--chart-dry:#8ec5ff;--chart-wet:#8ee2ac;--chart-flower:#ff91c4;--chart-photo:#bba1ff;--chart-rotation:#91baff;--chart-clean:#75c4cf;--chart-prune:#c7d573;--chart-other:#e6ae7a;--shadow:0 24px 60px #00000047}& *{box-sizing:border-box}& [hidden]{display:none!important}& a{color:inherit}& button,& input,& select{font:inherit}& :focus-visible{outline:3px solid var(--accent);outline-offset:3px}& .skip-link{z-index:20;color:#fff;background:var(--accent-strong);border-radius:.65rem;padding:.7rem 1rem;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-150%);&:focus{transform:translateY(0)}}& .site-nav{justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1rem;display:flex}& .site-icon{vertical-align:-.22rem;flex:none;block-size:1.25rem;inline-size:1.25rem;display:inline-block;overflow:visible}& .brand{align-items:center;gap:.75rem;text-decoration:none;display:flex}& .brand-mark{aspect-ratio:1;color:#fff;background:var(--accent-strong);border-radius:50%;place-items:center;inline-size:2.6rem;display:grid;& .site-icon{block-size:2rem;inline-size:2rem}}& .brand strong,& .brand small{display:block}& .brand small,& .scientific-name,& .scientific-heading{color:var(--muted)}& .nav-links{align-items:center;gap:.35rem;display:flex;& a,& button{min-block-size:2.75rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.65rem;align-items:center;gap:.42rem;padding:.6rem .75rem;font-weight:700;text-decoration:none;display:inline-flex}& a:hover,& button:hover,& a:focus-visible,& button:focus-visible{color:var(--text);background:var(--accent-soft)}}& .hero{background:linear-gradient(120deg, var(--surface-strong), transparent), var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:1.5rem;grid-template-columns:[content-start]minmax(0,1fr)[content-end actions-start]auto[actions-end];align-items:end;gap:2rem;padding:clamp(1.25rem,3vi,2.25rem);display:grid;overflow:hidden}& .eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin:0 0 .55rem;font-size:.75rem;font-weight:800}& h1,& h2,& p{margin-block-start:0}& h1{letter-spacing:-.055em;max-inline-size:none;margin-block-end:.8rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,6vi,5rem);font-weight:500;line-height:1}& h2{margin-block-end:.35rem;font-size:clamp(1.5rem,3vi,2rem);line-height:1.125}& .history-hero h1{max-inline-size:18ch}& .scientific-heading{margin:-.2rem 0 1rem;font-size:clamp(1rem,2vi,1.25rem);font-style:italic}& .lede{max-inline-size:64rem;color:var(--muted);margin-block-end:0;font-size:clamp(1rem,2vi,1.25rem)}& .hero-actions{gap:.6rem;min-inline-size:12rem;display:grid}& .profile-actions{background:var(--accent-soft);border:1px solid var(--accent);border-radius:1rem;gap:.45rem;padding:.45rem;display:grid;&[hidden]{display:none}}& .field-guide-button{color:var(--accent-contrast);background:var(--accent-strong);border-color:#0000}& .button{min-block-size:2.75rem;color:var(--text);text-align:center;cursor:pointer;background:var(--surface-strong);border:1px solid var(--line);border-radius:.75rem;justify-content:center;align-items:center;gap:.48rem;padding:.7rem 1rem;font-weight:800;text-decoration:none;display:inline-flex;&:hover,&:focus-visible{border-color:var(--accent);outline:2px solid #0000;transform:translateY(-1px)}&:disabled{cursor:wait;opacity:.62;transform:none}&.primary{color:var(--accent-contrast);background:var(--accent)}}& .photo-album-index{gap:1.25rem;display:grid}& .photo-album-hero,& .overview-collection,& .photo-collection-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}& .photo-album-hero{background:radial-gradient(circle at 92% 0, color-mix(in srgb, var(--accent) 18%, transparent), transparent 24rem), var(--surface);border-radius:1.5rem;padding:clamp(1.5rem,5vi,4rem);& h1{letter-spacing:-.055em;text-wrap:balance;max-inline-size:15ch;margin:.35rem 0 0;font-size:clamp(2.5rem,7vi,6rem);line-height:1}& .lede{max-inline-size:52rem;color:var(--muted);font-size:clamp(1rem,2vi,1.125rem)}}& .photo-album-summary{flex-wrap:wrap;gap:.55rem;margin-block:1.4rem;display:flex;&>span{color:var(--muted);background:var(--surface-strong);border:1px solid var(--line);border-radius:999px;padding:.5rem .72rem;font-size:.875rem}& strong{color:var(--text)}}& .photo-album-search{max-inline-size:46rem;color:var(--text);grid-template-columns:[primary-start]auto[primary-end secondary-start]minmax(0,1fr)[secondary-end];gap:.15rem .55rem;font-size:.875rem;font-weight:800;display:grid;&>.site-icon{grid-row:1/3;block-size:1.65rem;inline-size:1.65rem}& input{min-block-size:3rem;inline-size:100%;color:var(--text);background:var(--surface-strong);border:1px solid var(--line);border-radius:.75rem;grid-column:2;padding:.65rem .85rem}}& .photo-album-search-status{color:var(--muted);margin:.55rem 0 0 2.2rem;font-size:.75rem}& .overview-collection{border-radius:1.3rem;grid-template-columns:[primary-start]minmax(16rem,.9fr)[primary-end secondary-start]minmax(18rem,1.1fr)[secondary-end];display:grid;&>div{align-content:center;justify-items:start;padding:clamp(1.3rem,4vi,3rem);display:grid}}& .overview-collection h2,& .photo-collection-copy h2{letter-spacing:-.025em;margin:.2rem 0;line-height:1.125}& .overview-collection-cover,& .photo-collection-cover{background:var(--surface-strong);display:block;position:relative;overflow:hidden}& .overview-collection-cover :where(.collection-preview-image),& .photo-collection-cover :where(.collection-preview-image){object-fit:cover;block-size:100%;inline-size:100%;transition:transform .18s;display:block;@media screen and (prefers-reduced-motion:reduce){transition:none}}& .overview-collection-cover{min-block-size:22rem}& .photo-collection-grid{grid-template-columns:repeat(auto-fit,[item-start]minmax(min(100%,20rem),1fr)[item-end]);gap:1rem;display:grid}& .photo-collection-card{border-radius:1.1rem;grid-template-rows:[image-start]auto[image-end caption-start]minmax(0,1fr)[caption-end];display:grid}& .photo-collection-cover{aspect-ratio:4/3}& .external-image-link:hover img,& .external-image-link:focus img{transform:scale(1.02)}& .external-image-fallback{min-block-size:100%;color:var(--muted);text-align:center;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, var(--surface-strong)), color-mix(in srgb, #8065a8 10%, var(--surface-strong)));place-content:center;padding:1.5rem;display:grid;&>.external-image-fallback-icon{block-size:2.5rem;inline-size:2.5rem;margin-inline:auto}& :is(strong,small){display:block}}& .photo-collection-copy{align-content:start;gap:.5rem;padding:1rem;display:grid;&>p,&>span{color:var(--muted);margin:0}& .button{align-self:end;margin-block-start:.35rem}}& .photo-collection-badges{flex-wrap:wrap;gap:.38rem;display:flex;&>span{color:var(--muted);background:var(--surface-strong);border:1px solid var(--line);border-radius:999px;padding:.22rem .5rem;font-size:.625rem;font-weight:800}& .photo-id-badge{color:var(--accent-strong);background:var(--accent-soft)}& .photo-label-badge{color:var(--warning);background:var(--warning-soft)}}& .photo-album-empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:1rem;padding:2rem}& .tracker-stats,& .metric-grid,& .baseline-grid,& .trend-grid{grid-template-columns:repeat(4,[item-start]minmax(0,1fr)[item-end]);gap:.8rem;display:grid}& .tracker-stats article,& .metric-grid article,& .baseline-grid article,& .trend-grid article{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1rem 1.1rem}& .metric-grid article{--card-accent:var(--accent);border-block-start:3px solid var(--card-accent);min-inline-size:0;&[data-accent=water]{--card-accent:var(--chart-wet)}&[data-accent=weight]{--card-accent:var(--chart-weight)}&[data-accent=growth]{--card-accent:var(--chart-height)}&[data-accent=condition]{--card-accent:var(--chart-width)}&[data-accent=records]{--card-accent:var(--chart-photo)}&[data-accent=setup]{--card-accent:var(--chart-rotation)}}& .tracker-stats span,& .metric-grid span,& .baseline-grid span,& .trend-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-block-end:.35rem;font-size:.75rem;font-weight:800;display:block}& .metric-grid span>.site-icon{letter-spacing:normal;block-size:1.35rem;inline-size:1.35rem;margin-inline-end:.2rem}& [id=latest-condition]{overflow-wrap:anywhere;font-size:clamp(1rem,2vi,1.5rem)}& .tracker-stats strong,& .metric-grid strong,& .baseline-grid strong,& .trend-grid strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.5rem,3vi,2rem);font-weight:500;line-height:1.125;display:block}& .metric-grid small,& .baseline-grid small,& .trend-grid small{color:var(--muted);margin-block-start:.35rem;display:block}& .quick-notes{grid-template-columns:repeat(3,[item-start]minmax(0,1fr)[item-end]);gap:.8rem;display:grid;& article{background:var(--surface);border:1px solid var(--line);border-radius:1rem;gap:.9rem;padding:1.1rem;display:flex}& :where(article)>span{color:var(--accent);font-family:Georgia,Times New Roman,serif;font-size:1.5rem}& strong{margin-block-end:.3rem;display:block}& p{color:var(--muted);margin-block-end:0;font-size:.875rem}}& code{color:var(--accent-strong);background:var(--accent-soft);border-radius:.3rem;padding:.08rem .28rem}& .sheet-panel,& .baseline-panel,& .history-panel,& .analytics-panel,& .charts-panel,& .logging-guide{background:var(--surface);border:1px solid var(--line);min-inline-size:0;box-shadow:var(--shadow);border-radius:1.25rem;padding:clamp(.9rem,2vi,1.3rem)}& .sheet-panel>header,& .baseline-panel>header,& .history-panel>header,& .analytics-panel>header,& .charts-panel>header{justify-content:space-between;align-items:end;gap:1.5rem;padding:.4rem .35rem 1rem;display:flex}& .panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}& .sheet-frame-wrap{overscroll-behavior:contain;background:var(--table-row);border:1px solid var(--line);border-radius:.85rem;min-block-size:22rem;max-block-size:min(72vb,850px);inline-size:100%;max-inline-size:100%;overflow:auto}& .sheet-panel.is-maximized{z-index:100;border-radius:1rem;grid-template-rows:[label-start]auto[label-end value-start]auto[value-end footer-start]auto[footer-end item-start]minmax(0,1fr)[item-end item-start]auto[item-end];display:grid;position:fixed;inset:.5rem;overflow:hidden;& .sheet-frame-wrap{min-block-size:0;max-block-size:none}}& .sheet-panel>header p:last-child,& .baseline-panel>header p:last-child,& .history-panel>header p:last-child,& .analytics-panel>header p:last-child,& .charts-panel>header p:last-child,& .chart-card header p,& .chart-summary{color:var(--muted);margin-block-end:0;font-size:.875rem}& .tracker-controls{grid-template-columns:[primary-start]minmax(14rem,1fr)[primary-end secondary-start]repeat(2,[filter-start]minmax(11rem,auto)[filter-end])[secondary-end];gap:.75rem;margin:0 .35rem 1rem;display:grid;& label{gap:.3rem;display:grid}& :where(label)>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:800}& input,& select{min-block-size:2.7rem;inline-size:100%;color:var(--text);background:var(--surface-strong);border:1px solid var(--line);border-radius:.65rem;padding:.55rem .75rem}& input:focus,& select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}}& .water-legend{color:var(--muted);align-items:center;gap:.8rem 1rem;margin:0 .35rem .85rem;font-size:.75rem;display:flex;& span{white-space:nowrap;align-items:center;gap:.38rem;display:inline-flex}& i{aspect-ratio:1;border:1px solid #1731272e;border-radius:50%;inline-size:.85rem}& .recent{background:#57bb8a}& .middle{background:#ffd666}& .longest{background:#e67c73}& small{font-size:inherit;margin-inline-start:auto}}& [id=tracker-table],& [id=history-table]{inline-size:max-content;min-inline-size:100%;color:var(--text);border-spacing:0;font-size:.875rem}& [id=tracker-table] caption,& [id=history-table] caption{white-space:nowrap;clip-path:inset(50%);border:0;block-size:1px;inline-size:1px;padding:0;position:absolute;overflow:hidden}& [id=tracker-table] th,& [id=tracker-table] td,& [id=history-table] th,& [id=history-table] td{vertical-align:top;text-align:start;white-space:nowrap;background:var(--table-row);border-block-end:1px solid var(--line);border-inline-end:1px solid var(--line);padding:.62rem .75rem}& [id=tracker-table] th,& [id=history-table] th{z-index:3;color:#fff;background:var(--table-head);font-weight:800;position:sticky;inset-block-start:0}& [id=tracker-table] :where(th)[data-sort],& [id=history-table] :where(th)[data-sort-key]{padding:0}& [id=tracker-table] :where(th)[data-sort] button,& [id=history-table] :where(th)[data-sort-key] button{min-block-size:2.75rem;inline-size:100%;font:inherit;color:inherit;text-align:start;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:.62rem .75rem}& [id=tracker-table] :where(th)[data-sort] button:hover,& [id=tracker-table] :where(th)[data-sort] button:focus-visible,& [id=history-table] :where(th)[data-sort-key] button:hover,& [id=history-table] :where(th)[data-sort-key] button:focus-visible{outline-offset:-3px;background:#ffffff21;outline:2px solid #ffffffbf}& [id=tracker-table] :where(th)[aria-sort=ascending] button,& [id=tracker-table] :where(th)[aria-sort=descending] button,& [id=history-table] :where(th)[aria-sort=ascending] button,& [id=history-table] :where(th)[aria-sort=descending] button{color:#fff3b2}& [id=tracker-table] :where(tbody tr:nth-child(2n)) td,& [id=history-table] :where(tbody tr:nth-child(2n)) td{background:var(--table-alt)}& [id=tracker-table] th:first-child,& [id=tracker-table] td:first-child,& [id=history-table] th:first-child,& [id=history-table] td:first-child{z-index:2;font-weight:800;position:sticky;inset-inline-start:0}& [id=tracker-table] th:first-child,& [id=history-table] th:first-child{z-index:4;background:var(--table-head)}& [id=tracker-table] :where(tbody tr:nth-child(odd)) td:first-child,& [id=history-table] :where(tbody tr:nth-child(odd)) td:first-child{background:var(--table-row)}& [id=tracker-table] td:nth-child(2){white-space:normal;min-inline-size:17rem}& .plant-name-cell a{gap:.15rem;text-decoration:none;display:grid;&:hover strong,&:focus-visible strong{color:var(--accent-strong);text-decoration:underline}}& .dated-value{gap:.12rem;display:grid;& small{color:var(--muted);font-size:.75rem}}& td.condition-cell,& td.notes-cell{white-space:normal;min-inline-size:12rem;max-inline-size:28rem}& .event-details-cell{line-height:1.5}& .not-recorded{color:var(--muted);font-style:italic}& .event-details-cell a,& .care-milestones a,& [id=tracker-table] a,& [id=history-table] a,& .row-action{color:var(--accent-strong);font-weight:800}& .care-milestones{grid-template-columns:repeat(3,[item-start]minmax(0,1fr)[item-end])}& td.dry-time-cell{max-inline-size:12rem;color:var(--muted);white-space:normal}& [id=tracker-table] .water-days{color:#173127;text-align:center;font-weight:800}:root[data-theme=dark] & [id=tracker-table] a,:root[data-theme=dark] & [id=history-table] a,:root[data-theme=dark] & .row-action{color:var(--accent)}& td.loading-cell{vertical-align:middle;block-size:20rem;color:var(--muted);text-align:center}& .error-cell{color:var(--danger)}& .mobile-note,& .page-status{color:var(--muted);margin:.85rem .35rem 0;font-size:.875rem}& .plant-pager{justify-content:space-between;gap:1rem;display:flex;& a{min-block-size:2.75rem;max-inline-size:48%;color:var(--accent-strong);align-items:center;font-weight:800;text-decoration:none;display:inline-flex}& a:last-child{text-align:end;margin-inline-start:auto}& a:hover,& a:focus-visible{text-decoration:underline}}& .page-status{margin:0}& .metric-grid,& .trend-grid{grid-template-columns:repeat(4,[item-start]minmax(0,1fr)[item-end])}& .baseline-panel>header{align-items:center}& .baseline-grid{grid-template-columns:repeat(5,[item-start]minmax(0,1fr)[item-end])}& .status-badge{color:var(--warning);background:var(--warning-soft);border-radius:999px;flex:none;padding:.45rem .7rem;font-size:.75rem;font-weight:800;&[data-status=ready]{color:var(--accent-strong);background:var(--accent-soft)}}& .baseline-note{color:var(--muted);margin:1rem 0 0;font-size:.875rem}& .history-panel>:where(header)>strong{color:var(--accent-strong)}& .history-table-wrap{min-block-size:16rem;max-block-size:min(62vb,720px)}& [id=history-table] td:nth-child(9){inline-size:34rem;max-inline-size:34rem}& .logging-guide{grid-template-columns:[primary-start]minmax(12rem,.45fr)[primary-end secondary-start]minmax(0,1fr)[secondary-end];gap:2rem;display:grid;& ol{gap:.65rem;margin:0;padding-inline-start:1.35rem;display:grid}}& .trend-grid{& article{background:linear-gradient(145deg, var(--surface-strong), transparent), var(--surface)}& strong{font-size:clamp(1.25rem,2.6vi,2rem)}}& .trend-chip{color:var(--accent-strong);white-space:nowrap;background:var(--accent-soft);border-radius:999px;padding:.25rem .5rem;font-size:.75rem;display:inline-flex;&.down{color:var(--warning);background:var(--warning-soft)}&.steady{color:var(--muted);background:var(--surface)}}& .trend-detail,& .trend-muted{color:var(--muted);white-space:nowrap;margin-block-start:.25rem;font-size:.75rem;display:block}& .range-control{flex:0 0 min(15rem,100%);gap:.3rem;display:grid}& .range-control span,& .history-controls label>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:800}& .range-control select,& .history-controls input,& .history-controls select{min-block-size:2.75rem;inline-size:100%;color:var(--text);background:var(--surface-strong);border:1px solid var(--line);border-radius:.65rem;padding:.55rem .7rem}& .range-control select:focus,& .history-controls input:focus,& .history-controls select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}& .chart-grid{grid-template-columns:repeat(2,[item-start]minmax(0,1fr)[item-end]);gap:.9rem;display:grid}& .chart-card{background:var(--surface-strong);border:1px solid var(--line);border-radius:1rem;min-inline-size:0;padding:1rem;&:last-child{grid-column:1/-1}& h3{margin:0 0 .2rem;font-size:1rem}& h3 .site-icon{block-size:1.45rem;inline-size:1.45rem;margin-inline-end:.3rem}}& .link-end-icon{block-size:1.2rem;inline-size:1.2rem}& .chart-canvas{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;place-items:center;min-block-size:17rem;margin-block-start:.8rem;display:grid;overflow:hidden}& .trend-chart-svg{block-size:auto;min-block-size:15rem;inline-size:100%;display:block}& .chart-grid-line{stroke:var(--line);stroke-width:1px}& .chart-axis-label,& .chart-reference-label{fill:var(--muted);font-size:1rem}& .chart-series-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}& .chart-point{cursor:help;stroke:var(--surface-strong);stroke-width:2px;&:focus{stroke:var(--text);stroke-width:4px}}& .series-weight{fill:var(--chart-weight);stroke:var(--chart-weight)}& .series-height{fill:var(--chart-height);stroke:var(--chart-height)}& .series-width{fill:var(--chart-width);stroke:var(--chart-width)}& .chart-point.state-dry{fill:var(--chart-dry)}& .chart-point.state-wet{fill:var(--chart-wet)}& .chart-reference{stroke-width:2px;stroke-dasharray:7 6;&.reference-dry{stroke:var(--chart-dry)}&.reference-wet{stroke:var(--chart-wet)}}& .chart-interval-bar{cursor:help;opacity:.86;fill:var(--chart-height)}& .activity-water{fill:var(--chart-weight)}& .activity-repot{fill:var(--chart-width)}& .activity-flower{fill:#c85b93}& .activity-photo{fill:#8068b2}& .activity-pest{fill:var(--warning)}& .activity-rotation{fill:#4169a1}& .activity-clean{fill:#477c87}& .activity-prune{fill:#767b35}& .activity-check,& .activity-measure,& .activity-weigh{fill:var(--accent)}& .chart-category-bar,& .chart-point:where([class*=activity-]),& .activity-other{fill:var(--chart-other)}& .activity-removed{opacity:.58;fill:var(--muted);stroke-dasharray:2 2}& .chart-count-label{pointer-events:none;fill:var(--accent-contrast);font-weight:800}& .chart-interval-bar:focus{opacity:1;stroke:var(--text);stroke-width:3px}& .chart-legend{inline-size:100%;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;padding:0 .75rem .75rem;font-size:.75rem;display:flex;& span{align-items:center;gap:.35rem;display:inline-flex}& i{border-radius:50%;block-size:.75rem;inline-size:.75rem}}& .chart-empty{max-inline-size:32rem;color:var(--muted);text-align:center;padding:2rem}& .chart-summary{margin:.7rem 0 0}& .history-actions{align-items:center;gap:.8rem;display:flex;& strong{color:var(--accent-strong);white-space:nowrap}}& .history-controls{grid-template-columns:[primary-start]minmax(16rem,1fr)[primary-end secondary-start]minmax(11rem,.35fr)[secondary-end];gap:.75rem;margin:0 .35rem 1rem;display:grid;& label{gap:.3rem;display:grid}}& .public-note{color:var(--muted);background:var(--warning-soft);border-inline-start:3px solid var(--warning);margin:1rem 0 0;padding:.8rem;font-size:.875rem}& footer{color:var(--muted);border-block-start:1px solid var(--line);justify-content:space-between;gap:1rem;padding-block:1.25rem 2.5rem;font-size:.875rem;display:flex;& a:hover,& a:focus-visible{color:var(--text)}}@media (width<=1050px){& .tracker-stats,& .metric-grid,& .baseline-grid,& .trend-grid{grid-template-columns:repeat(2,[item-start]minmax(0,1fr)[item-end])}& .chart-grid{grid-template-columns:[content-start]minmax(0,1fr)[content-end]}& .chart-card:last-child{grid-column:auto}}@media (width<=820px){& .site-nav,& .hero,& .sheet-panel>header,& .baseline-panel>header,& .history-panel>header,& .analytics-panel>header,& .charts-panel>header,& footer{align-items:stretch}& .site-nav,& footer{flex-direction:column}& .nav-links{flex-wrap:wrap;inline-size:100%;padding-block-end:.25rem;overflow:visible;& a,& button{flex:none}}& .hero,& .quick-notes,& .logging-guide,& .overview-collection{grid-template-columns:[content-start]minmax(0,1fr)[content-end]}& .overview-collection-cover{min-block-size:clamp(19rem,62vi,30rem)}& .hero-actions{grid-template-columns:repeat(2,[item-start]minmax(0,1fr)[item-end])}& .sheet-panel>header,& .baseline-panel>header,& .history-panel>header,& .analytics-panel>header,& .charts-panel>header{flex-direction:column}& .range-control{inline-size:100%}& .sheet-panel>header .button{align-self:start}& .tracker-controls{grid-template-columns:[primary-start]minmax(0,1fr)[primary-end secondary-start]minmax(0,1fr)[secondary-end];& label:first-child{grid-column:1/-1}}}@media (width<=520px){& .site-nav,& main,& footer{inline-size:min(100% - 1rem,1440px)}& .hero,& .photo-album-hero,& .overview-collection,& .photo-collection-card{border-radius:1rem}& .photo-album-hero,& .overview-collection>div{padding:1.25rem}& .photo-album-search{grid-template-columns:[content-start]minmax(0,1fr)[content-end];&>.site-icon{display:none}& input{grid-column:1}}& .photo-album-search-status{margin-inline-start:0}& h1{font-size:clamp(2.5rem,13vi,4rem)}& .hero-actions,& .tracker-stats,& .metric-grid,& .baseline-grid,& .trend-grid,& .history-controls,& .tracker-controls{grid-template-columns:[content-start]minmax(0,1fr)[content-end]}& .tracker-controls label:first-child{grid-column:auto}& .sheet-panel,& .baseline-panel,& .history-panel,& .analytics-panel,& .charts-panel,& .logging-guide{border-radius:.9rem;padding:.65rem}& .sheet-panel>header,& .baseline-panel>header,& .history-panel>header,& .analytics-panel>header,& .charts-panel>header{padding:.65rem}& .history-actions{inline-size:100%;display:grid}& .chart-card{padding:.65rem}& .chart-canvas{min-block-size:14rem}& .tracker-controls,& .history-controls{margin-inline:.65rem}& .sheet-frame-wrap{border-radius:.65rem;min-block-size:20rem;max-block-size:68vb}& .water-legend{flex-wrap:wrap;padding-inline:.35rem;& small{inline-size:100%;margin-inline-start:0}}& .mobile-note{padding-inline:.35rem}& .plant-pager{display:grid;& a{max-inline-size:100%}& a:last-child{justify-self:end}}}@media print{&,:root[data-theme=dark] &{color-scheme:light;--background:#fff;--surface:#fff;--surface-strong:#fff;--text:#14241c;--muted:#46534d;--line:#b8c1bc;--accent:#2d7654;--accent-strong:#1d5a3e;--accent-contrast:#fff;--table-row:#fff;--table-alt:#f0f4f1;--table-head:#1d5a3e;--chart-other:#8b5f43}& :is(.site-nav,.hero-actions,.quick-notes,.tracker-controls,.history-controls,.range-control),& .sheet-panel>header .button,& .history-actions .button,& :is(.mobile-note,.plant-pager,.logging-guide,footer){display:none}&,& .sheet-panel,& .baseline-panel,& .history-panel,& .analytics-panel,& .charts-panel{box-shadow:none;background:#fff}& .hero,& .sheet-panel,& .baseline-panel,& .history-panel,& .analytics-panel,& .charts-panel{border:0}& .sheet-frame-wrap{min-block-size:0;max-block-size:none;overflow:visible}& .history-table-wrap,& [id=history-table]{inline-size:100%;max-inline-size:100%}& [id=history-table]{table-layout:fixed;font-size:.625rem;& th,& td,& :where(th)[data-sort-key] button{overflow-wrap:anywhere;white-space:normal;min-inline-size:0;padding:.12rem .16rem}& th:first-child,& td:first-child{position:static}& td:nth-child(8),& td:nth-child(9){inline-size:auto;max-inline-size:none}}}& .hero,& .sheet-panel,& .chart-card,& .logging-guide{border-radius:1rem}& .site-nav,& .skip-link{display:none}}body.table-maximized{overflow:hidden}@page{size:landscape;margin:.35in}:where(.tool-tracker) .source-read-status{color:var(--ink);background:var(--surface-soft);border-inline-start:3px solid var(--accent);border-radius:8px;margin-block:.65rem 0;padding:.7rem .85rem;font-size:.875rem;line-height:1.5;&:empty{display:none}&[data-state=saved],&[data-state=error]{border-inline-start-color:var(--clay)}}:where(.tool-tracker) .history-source-status{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.75rem;display:flex;&>div{flex:20rem}}
