*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--c-primary: #2f7d54;--c-primary-hover: #245f40;--c-primary-soft: #e6f4ec;--c-accent: #d97706;--c-bg: #f7faf8;--c-surface: #ffffff;--c-surface-muted: #f1f5f3;--c-border: #d8e6dd;--c-border-strong: #b8cdc1;--c-text: #14241b;--c-text-muted: #5a7466;--c-text-subtle: #8aa498;--c-focus: #2f7d54;--shadow-xs: 0 1px 2px rgba(15, 35, 25, .04);--shadow-sm: 0 1px 2px rgba(15, 35, 25, .04), 0 2px 6px rgba(15, 35, 25, .05);--shadow-md: 0 4px 14px rgba(15, 35, 25, .08), 0 1px 3px rgba(15, 35, 25, .05);--shadow-lg: 0 12px 28px rgba(15, 35, 25, .14), 0 2px 6px rgba(15, 35, 25, .06);--r-sm: .5rem;--r-md: .75rem;--r-lg: 1rem;--r-xl: 1.25rem;--r-full: 999px;--transition: .16s cubic-bezier(.2, 0, .2, 1)}@media(prefers-color-scheme:dark){:root{--c-primary: #5fc28a;--c-primary-hover: #82d3a4;--c-primary-soft: #1d3328;--c-accent: #f59e0b;--c-bg: #0f1a14;--c-surface: #182721;--c-surface-muted: #14211b;--c-border: #284336;--c-border-strong: #3a5a48;--c-text: #e6f3ec;--c-text-muted: #a4c0b1;--c-text-subtle: #6f8a7c;--c-focus: #82d3a4;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .25);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .35)}}body{background-color:var(--c-bg);color:var(--c-text);min-height:100dvh;font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.01em}#app{max-width:720px;margin-inline:auto;min-height:100dvh;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;border-radius:.25rem}.garden-main{flex:1;display:flex;flex-direction:column}.garden-header{background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-hover) 100%);color:#fff;padding:1.75rem 1.5rem 1.5rem;display:flex;align-items:center;gap:.875rem;position:relative;overflow:hidden}.garden-header:after{content:"";position:absolute;inset:auto -10% -60% auto;width:60%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 60%);pointer-events:none}.garden-header h1{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.garden-header-subtitle{font-size:.8125rem;opacity:.85;margin-top:.125rem;font-weight:500}.garden-header-icon{width:2.75rem;height:2.75rem;border-radius:var(--r-md);background:#ffffff2e;display:grid;place-items:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.22)}.garden-header-icon svg{width:1.5rem;height:1.5rem}.tab-bar{display:flex;gap:.25rem;padding:.375rem;margin:1.25rem 1.5rem 0;background-color:var(--c-surface-muted);border:1px solid var(--c-border);border-radius:var(--r-full)}.tab-btn{flex:1;padding:.625rem .5rem;border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;font-size:.8125rem;font-weight:600;line-height:1.3;border-radius:var(--r-full);transition:color var(--transition),background-color var(--transition),box-shadow var(--transition);letter-spacing:-.005em}.tab-btn:hover:not(.active){color:var(--c-text)}.tab-btn.active{color:var(--c-primary);background-color:var(--c-surface);box-shadow:var(--shadow-xs)}@media(prefers-color-scheme:dark){.tab-btn.active{color:var(--c-text)}}.tab-content{flex:1;padding:1.25rem 1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}.stats-strip{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background-color:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-xs)}.stats-item{display:flex;flex-direction:column;gap:.125rem}.stats-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-subtle)}.stats-value{font-size:.9375rem;font-weight:600;color:var(--c-text)}.stats-divider{width:1px;align-self:stretch;background-color:var(--c-border)}.log-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding-inline:.125rem}.log-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-subtle)}.log-section-count{font-size:.75rem;font-weight:600;color:var(--c-text-muted);background-color:var(--c-primary-soft);padding:.125rem .5rem;border-radius:var(--r-full)}.log-btn{width:100%;padding:.875rem 1rem;background-color:var(--c-primary);color:#fff;border:none;border-radius:var(--r-md);font-size:.9375rem;font-weight:600;letter-spacing:-.005em;cursor:pointer;min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-sm);transition:background-color var(--transition),transform var(--transition),box-shadow var(--transition)}.log-btn:hover{background-color:var(--c-primary-hover);box-shadow:var(--shadow-md)}.log-btn:active{transform:translateY(1px);box-shadow:var(--shadow-xs)}.log-btn-icon{width:1.125rem;height:1.125rem;flex-shrink:0}@media(prefers-color-scheme:dark){.log-btn{color:#0f1a14}.log-btn:hover{background-color:var(--c-primary-hover);color:#0f1a14}}@media(max-width:720px){.log-btn-bar{position:fixed;bottom:0;left:0;right:0;max-width:720px;margin-inline:auto;padding:.875rem 1.25rem;padding-bottom:calc(.875rem + env(safe-area-inset-bottom,0px));background-color:color-mix(in srgb,var(--c-bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--c-border);z-index:10}.tab-content{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.875rem;padding:2.5rem 1.25rem 1.5rem;text-align:center;background-color:var(--c-surface);border:1px dashed var(--c-border-strong);border-radius:var(--r-lg)}.empty-state-icon{color:var(--c-primary);width:4rem;height:4rem;border-radius:var(--r-full);background-color:var(--c-primary-soft);display:grid;place-items:center;margin-bottom:.25rem}.empty-state-icon svg{width:2rem;height:2rem}.empty-state-heading{font-size:1.0625rem;font-weight:700;color:var(--c-text);line-height:1.35;letter-spacing:-.015em;max-width:22ch}.empty-state-body{font-size:.875rem;color:var(--c-text-muted);max-width:32ch;line-height:1.55}.log-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.log-entry{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background-color:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-xs);transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.log-entry:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-sm)}.log-entry-marker{width:2.25rem;height:2.25rem;border-radius:var(--r-full);background-color:var(--c-primary-soft);color:var(--c-primary);display:grid;place-items:center;flex-shrink:0}.log-entry-marker svg{width:1.125rem;height:1.125rem}.log-entry-content{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.log-relative{font-size:.9375rem;font-weight:600;color:var(--c-text);letter-spacing:-.005em}.log-date{font-size:.8125rem;color:var(--c-text-muted)}