*,*: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{--cream: #f5efe3;--cream-soft: #fbf6ec;--cream-deep: #ece4d3;--moss: #6b7f5a;--moss-deep: #4f624a;--moss-soft: #cfd6c2;--clay: #c98a6b;--clay-deep: #a86a4e;--clay-soft: #ecd0bf;--charcoal: #2d2a26;--charcoal-soft: #5b554e;--line: rgba(45, 42, 38, .08);--shadow-soft: 0 8px 24px -16px rgba(45, 42, 38, .25);--shadow-card: 0 1px 0 rgba(45, 42, 38, .04), 0 8px 32px -20px rgba(45, 42, 38, .22);--mood-happy: var(--moss);--mood-thirsty: var(--clay);--mood-overdue: var(--clay-deep);--mood-fresh: var(--moss-soft);--font-serif: "Fraunces", "Iowan Old Style", "Cambria", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-family:var(--font-sans);color:var(--charcoal);background:var(--cream);color-scheme:light;-webkit-tap-highlight-color:transparent}@media(prefers-color-scheme:dark){:root{--cream: #221f1c;--cream-soft: #2a2622;--cream-deep: #1b1816;--moss: #9aae87;--moss-deep: #c2cbb1;--moss-soft: #3d4937;--clay: #d99c80;--clay-deep: #e7b497;--clay-soft: #4a342a;--charcoal: #ede6d6;--charcoal-soft: #b3ac9d;--line: rgba(237, 230, 214, .12);--shadow-soft: 0 8px 24px -16px rgba(0, 0, 0, .45);--shadow-card: 0 1px 0 rgba(237, 230, 214, .04), 0 12px 32px -20px rgba(0, 0, 0, .55)}}body{min-height:100dvh;background:radial-gradient(circle at 0% 0%,rgba(207,214,194,.35),transparent 55%),radial-gradient(circle at 100% 100%,rgba(236,208,191,.25),transparent 50%),var(--cream);background-attachment:fixed}#app{max-width:720px;margin-inline:auto;padding:1.25rem 1.25rem 4rem}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;letter-spacing:-.005em}a{color:var(--moss-deep);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background:none;border:none;color:inherit;padding:0;font-family:inherit}.home__header{padding:1.5rem .25rem 1.25rem}.home__greeting{font-family:var(--font-sans);font-size:.85rem;letter-spacing:.04em;text-transform:lowercase;color:var(--charcoal-soft);margin-bottom:.5rem}.home__title{font-size:clamp(2.1rem,6vw,2.75rem);line-height:1.05;color:var(--charcoal);margin-bottom:.4rem;font-style:italic}.home__subtitle{color:var(--charcoal-soft);font-size:.95rem}.home__back{display:inline-block;margin-bottom:.75rem;color:var(--moss-deep);font-size:.9rem}.home__keepsakes{margin-top:2.5rem;padding-top:1.5rem;border-top:1px dashed var(--line);text-align:center}.home__keepsakes-link{font-family:var(--font-serif);font-style:italic;color:var(--charcoal-soft);font-size:.95rem}.home__keepsakes-link:hover{color:var(--moss-deep)}.tasks{background:var(--cream-soft);border:1px solid var(--line);border-radius:18px;padding:1rem 1.1rem 1.1rem;margin-top:.5rem;box-shadow:var(--shadow-soft)}.tasks__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.65rem}.tasks__title{font-size:1.15rem}.tasks__count{font-size:.8rem;color:var(--charcoal-soft);letter-spacing:.02em}.tasks__empty{color:var(--charcoal-soft);font-family:var(--font-serif);font-style:italic;padding:.25rem 0}.tasks__list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.tasks__item{display:grid;grid-template-columns:1.75rem 1fr auto;gap:.75rem;align-items:center;width:100%;text-align:left;padding:.6rem .75rem;border-radius:12px;background:var(--cream);border:1px solid var(--line);transition:transform .12s ease,background .2s ease}.tasks__item:hover{background:var(--cream-deep)}.tasks__item:active{transform:scale(.99)}.tasks__glyph{font-size:1.25rem;line-height:1}.tasks__name{font-family:var(--font-serif);font-size:1.05rem}.tasks__hint{font-size:.8rem;color:var(--charcoal-soft)}.shelf{margin-top:2rem}.shelf__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.85rem}.shelf__title{font-size:1.25rem}.shelf__add{font-family:var(--font-sans);font-size:.85rem;color:var(--moss-deep);border:1px solid var(--moss-soft);padding:.4rem .8rem;border-radius:999px;background:var(--cream-soft);transition:background .15s ease}.shelf__add:hover{background:var(--moss-soft);color:var(--moss-deep)}.shelf__empty{color:var(--charcoal-soft);font-family:var(--font-serif);font-style:italic;padding:1rem .5rem}.shelf__grid{display:grid;grid-template-columns:1fr;gap:.9rem}@media(min-width:560px){.shelf__grid{grid-template-columns:1fr 1fr}}.plant-card{position:relative;background:var(--cream-soft);border:1px solid var(--line);border-radius:18px;padding:1rem 1rem .9rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:.6rem;transition:transform .18s ease,box-shadow .18s ease}.plant-card:hover{transform:translateY(-1px);box-shadow:0 1px #2d2a260a,0 14px 36px -22px #2d2a2647}.plant-card__face{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:flex-start;text-align:left}.plant-card__body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.plant-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.plant-card__name{font-size:1.25rem;font-style:italic;line-height:1.1}.plant-card__mood{font-family:var(--font-sans);font-size:.72rem;letter-spacing:.04em;text-transform:lowercase;padding:.15rem .55rem;border-radius:999px;background:var(--moss-soft);color:var(--moss-deep)}.plant-card__mood[data-mood=thirsty]{background:var(--clay-soft);color:var(--clay-deep)}.plant-card__mood[data-mood=overdue]{background:var(--clay-soft);color:var(--clay-deep);box-shadow:inset 0 0 0 1px var(--clay)}.plant-card__mood[data-mood=fresh]{background:var(--moss-soft);color:var(--moss-deep)}.plant-card__meta{font-size:.82rem;color:var(--charcoal-soft)}.plant-card__schedule{font-size:.85rem;color:var(--charcoal-soft);margin-top:.15rem}.plant-card__height{display:flex;align-items:baseline;gap:.45rem;margin-top:.15rem;font-size:.85rem;color:var(--charcoal-soft)}.plant-card__height-value{font-family:var(--font-serif);font-style:italic;font-size:.95rem;color:var(--charcoal)}.plant-card__height-delta{color:var(--moss-deep);font-size:.78rem}.plant-card__actions{display:flex;justify-content:flex-end}.growth-ring{position:relative;display:grid;place-items:center;flex-shrink:0}.growth-ring__track{stroke:var(--cream-deep)}.growth-ring__progress{stroke:var(--moss);transition:stroke-dasharray .4s ease,stroke .2s ease}.growth-ring[data-mood=thirsty] .growth-ring__progress{stroke:var(--clay)}.growth-ring[data-mood=overdue] .growth-ring__progress{stroke:var(--clay-deep)}.growth-ring[data-mood=fresh] .growth-ring__progress{stroke:var(--moss-soft)}.growth-ring__glyph{position:absolute;inset:0;display:grid;place-items:center;font-size:1.4rem;line-height:1}.water-button{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:999px;background:var(--moss);color:var(--cream-soft);font-size:.9rem;font-weight:500;letter-spacing:.01em;overflow:hidden;transition:background .16s ease,transform .12s ease}.water-button:hover{background:var(--moss-deep)}.water-button:active{transform:scale(.97)}.water-button--compact{padding:.4rem .85rem;font-size:.82rem}.water-button__icon{display:grid;place-items:center}.water-button__icon svg{width:18px;height:18px}.water-button__splash{position:absolute;width:12px;height:12px;border-radius:50%;background:#f5efe3a6;transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:splash .7s ease-out forwards}@keyframes splash{0%{transform:translate(-50%,-50%) scale(0);opacity:.9}50%{opacity:.55}to{transform:translate(-50%,-50%) scale(8);opacity:0}}.drawer{position:fixed;inset:0;z-index:30;pointer-events:none}.drawer[data-open=true]{pointer-events:auto}.drawer__scrim{position:absolute;inset:0;background:#2d2a2647;opacity:0;transition:opacity .24s ease;border:none;cursor:pointer}.drawer[data-open=true] .drawer__scrim{opacity:1}.drawer__panel{position:absolute;inset:0;margin-left:auto;max-width:560px;background:var(--cream);border-left:1px solid var(--line);box-shadow:-20px 0 50px -30px #2d2a2666;transform:translate(100%);transition:transform .32s cubic-bezier(.32,.72,.2,1);overflow-y:auto;padding:1.25rem 1.25rem 3rem}.drawer[data-open=true] .drawer__panel{transform:translate(0)}@media(max-width:559px){.drawer__panel{transform:translateY(100%);border-left:none;border-top:1px solid var(--line);border-radius:22px 22px 0 0;box-shadow:0 -20px 50px -30px #2d2a2666;inset:6vh 0 0}.drawer[data-open=true] .drawer__panel{transform:translateY(0)}}.drawer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.drawer__back,.drawer__archive{font-family:var(--font-sans);font-size:.85rem;color:var(--charcoal-soft);padding:.4rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--cream-soft);transition:background .15s ease,color .15s ease}.drawer__back:hover,.drawer__archive:hover{background:var(--cream-deep);color:var(--charcoal)}.drawer__hero{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;margin-bottom:1.25rem}.drawer__name{font-size:1.9rem;font-style:italic;line-height:1}.drawer__species,.drawer__location{font-size:.85rem;color:var(--charcoal-soft);margin-top:.2rem}.drawer__mood{margin-top:.45rem;font-size:.85rem;color:var(--moss-deep)}.drawer__mood[data-mood=thirsty],.drawer__mood[data-mood=overdue]{color:var(--clay-deep)}.drawer__section{padding:1rem 0;border-top:1px dashed var(--line)}.drawer__heading{font-size:1.05rem;margin-bottom:.6rem;color:var(--charcoal);font-style:italic}.drawer__body{font-size:.92rem;line-height:1.55;color:var(--charcoal-soft)}.drawer__empty{font-family:var(--font-serif);font-style:italic}.drawer__water{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.drawer__hint{font-size:.8rem;color:var(--charcoal-soft);font-family:var(--font-serif);font-style:italic}.drawer__archived-banner{margin:.5rem 0;padding:.65rem .85rem;border-radius:14px;background:var(--clay-soft);color:var(--clay-deep);font-family:var(--font-serif);font-style:italic;font-size:.92rem}.history-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.history-list__item{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;font-size:.88rem}.history-list__bullet{width:8px;height:8px;border-radius:50%;background:var(--moss);opacity:.7}.history-list__date{color:var(--charcoal)}.history-list__rel{color:var(--charcoal-soft);font-size:.78rem}.growth-line{list-style:none;display:flex;gap:.65rem;flex-wrap:wrap;padding:.25rem 0 .5rem}.growth-line__item{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .75rem;border-radius:12px;background:var(--cream-soft);border:1px solid var(--line);min-width:4.5rem}.growth-line__height{font-family:var(--font-serif);font-style:italic;font-size:1.05rem;color:var(--charcoal)}.growth-line__date{font-size:.72rem;color:var(--charcoal-soft)}.growth-form{margin-top:.85rem}.growth-form__label{display:block;font-size:.8rem;color:var(--charcoal-soft);margin-bottom:.4rem}.growth-form__row{display:flex;align-items:center;gap:.5rem}.growth-form__input{flex:1;max-width:7rem;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--line);background:var(--cream-soft);font-size:.95rem}.growth-form__input:focus{outline:2px solid var(--moss-soft);outline-offset:1px}.growth-form__unit{color:var(--charcoal-soft);font-size:.85rem}.growth-form__submit{margin-left:auto;padding:.5rem 1rem;border-radius:999px;background:var(--moss);color:var(--cream-soft);font-size:.85rem;transition:background .15s ease}.growth-form__submit:disabled{background:var(--cream-deep);color:var(--charcoal-soft);cursor:not-allowed}.note-form{display:flex;gap:.5rem;align-items:flex-end;margin-bottom:.85rem}.note-form__tag{flex:1;position:relative;display:block;padding:.85rem .95rem .75rem 1.5rem;border-radius:6px 14px 14px;background:var(--cream-soft);border:1px solid var(--clay-soft);box-shadow:0 1px #2d2a260a;transform:rotate(-.4deg)}.note-form__tag-hole{position:absolute;left:.5rem;top:.65rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--cream);border:1px solid var(--clay-soft)}.note-form__input{width:100%;background:transparent;border:none;resize:vertical;font-family:var(--font-serif);font-style:italic;font-size:.95rem;line-height:1.45;color:var(--charcoal)}.note-form__input:focus{outline:none}.note-form__submit{padding:.55rem .95rem;border-radius:999px;background:var(--clay);color:var(--cream-soft);font-size:.82rem;transition:background .15s ease}.note-form__submit:hover{background:var(--clay-deep)}.note-form__submit:disabled{background:var(--cream-deep);color:var(--charcoal-soft);cursor:not-allowed}.notes-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.notes-list__item{padding:.7rem .85rem;border-radius:12px;background:var(--cream-soft);border:1px solid var(--line)}.notes-list__text{font-family:var(--font-serif);font-style:italic;font-size:.95rem;color:var(--charcoal);line-height:1.5}.notes-list__date{margin-top:.3rem;font-size:.72rem;color:var(--charcoal-soft)}.keepsakes__list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.keepsakes__item{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center;width:100%;text-align:left;padding:.75rem .9rem;background:var(--cream-soft);border:1px solid var(--line);border-radius:14px;transition:background .15s ease}.keepsakes__item:hover{background:var(--cream-deep)}.keepsakes__glyph{font-size:1.5rem;opacity:.7}.keepsakes__body{display:flex;flex-direction:column}.keepsakes__name{font-family:var(--font-serif);font-style:italic;font-size:1.1rem}.keepsakes__species{font-size:.8rem;color:var(--charcoal-soft)}.keepsakes__date{font-size:.72rem;color:var(--charcoal-soft);margin-top:.15rem}.sheet{position:fixed;inset:0;z-index:40;pointer-events:none}.sheet[data-open=true]{pointer-events:auto}.sheet__scrim{position:absolute;inset:0;background:#2d2a264d;border:none;opacity:0;transition:opacity .22s ease;cursor:pointer}.sheet[data-open=true] .sheet__scrim{opacity:1}.sheet__panel{position:absolute;left:0;right:0;bottom:0;max-height:92vh;overflow-y:auto;background:var(--cream);border-radius:22px 22px 0 0;padding:1.25rem 1.25rem 1.75rem;transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,.2,1);box-shadow:0 -16px 50px -30px #2d2a2666;display:flex;flex-direction:column;gap:.9rem}@media(min-width:560px){.sheet__panel{left:50%;right:auto;transform:translate(-50%,100%);bottom:50%;max-width:480px;width:calc(100% - 2.5rem);border-radius:22px;bottom:12vh}.sheet[data-open=true] .sheet__panel{transform:translate(-50%)}}.sheet[data-open=true] .sheet__panel{transform:translateY(0)}@media(min-width:560px){.sheet[data-open=true] .sheet__panel{transform:translate(-50%)}}.sheet__header{display:flex;align-items:center;justify-content:space-between}.sheet__title{font-size:1.35rem;font-style:italic}.sheet__close{font-size:1.5rem;line-height:1;color:var(--charcoal-soft);padding:.2rem .5rem;border-radius:999px}.sheet__close:hover{color:var(--charcoal);background:var(--cream-deep)}.field{display:flex;flex-direction:column;gap:.35rem;border:none;padding:0}.field__label{font-size:.78rem;color:var(--charcoal-soft);letter-spacing:.02em;text-transform:lowercase}.field__input{padding:.6rem .8rem;border-radius:12px;border:1px solid var(--line);background:var(--cream-soft);font-size:.95rem;font-family:inherit;color:var(--charcoal)}.field__input:focus{outline:2px solid var(--moss-soft);outline-offset:1px}.field__input--narrow{max-width:7rem}.field__inline{display:flex;align-items:center;gap:.5rem}.field__unit{font-size:.85rem;color:var(--charcoal-soft)}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.4rem .85rem;border-radius:999px;background:var(--cream-soft);border:1px solid var(--line);font-size:.82rem;color:var(--charcoal-soft);text-transform:lowercase;letter-spacing:.02em;transition:background .15s ease,color .15s ease}.chip:hover{background:var(--cream-deep)}.chip[aria-pressed=true]{background:var(--moss);color:var(--cream-soft);border-color:var(--moss)}.chip--glyph{font-size:1.1rem;padding:.35rem .55rem}.chip--glyph[aria-pressed=true]{background:var(--moss-soft);color:var(--charcoal);border-color:var(--moss)}.sheet__actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:.25rem}.sheet__cancel{padding:.55rem 1rem;border-radius:999px;background:transparent;color:var(--charcoal-soft);font-size:.85rem}.sheet__cancel:hover{color:var(--charcoal)}.sheet__submit{padding:.55rem 1.2rem;border-radius:999px;background:var(--moss);color:var(--cream-soft);font-size:.9rem;font-weight:500;transition:background .15s ease}.sheet__submit:hover{background:var(--moss-deep)}.notfound{text-align:center;padding:4rem 1rem}.notfound h1{font-size:4rem;font-style:italic;color:var(--moss-deep)}.notfound p{margin-top:.6rem;color:var(--charcoal-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}