:root{font-family:"Source Sans 3",Segoe UI,Arial,sans-serif;color:#27362c;background:#f8f7f2;font-synthesis:none;font-weight:400;--green:#28513b;--muted:#657064;--border:#d9ddd2;--rust:#963d29}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-weight:600}button{transition:background .16s,color .16s}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #28513b;outline-offset:4px}button:disabled{cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fraunces,Georgia,Times New Roman,serif;font-weight:400}.topbar{height:91px;max-width:1264px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:9px;font-family:Georgia,serif;font-size:24px;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;margin-right:2px;color:var(--green)}.brand-lab{font-family:Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:1.7px;align-self:center;margin:5px 0 0 2px}.local-badge{font-size:13px;color:#596652;display:flex;align-items:center;gap:9px}.local-badge>span{width:6px;height:6px;background:#74875a;border-radius:50%}main{max-width:1168px;margin:auto;padding:0 32px}.intro{display:flex;justify-content:space-between;align-items:center;min-height:333px;padding:38px 12px 32px;gap:30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#5c6c53}.intro h1{font-size:49px;line-height:1.08;letter-spacing:-1.7px;margin:15px 0 16px;color:#294432}.intro-description{max-width:435px;color:#637060;font-size:15px;line-height:1.7}.features{display:flex;flex-wrap:wrap;gap:15px;list-style:none;margin:19px 0 0;padding:0;font-size:11px;color:#4f604b}.features li{display:flex;gap:4px;align-items:center}.hero-scene{position:relative;width:335px;flex-shrink:0;align-self:stretch;display:flex;align-items:center;justify-content:center;padding-bottom:14px}.scene-orbit{position:absolute;width:229px;height:229px;border-radius:50%;background:#e9ebdf;top:7px;left:44px}.hero-art{position:relative;width:285px;height:247px}.scene-label{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-family:Georgia,serif;font-size:14px;font-style:italic;color:#5f7055}.collection-section{padding-top:22px;border-top:1px solid var(--border)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.8px}h2{font-size:33px;letter-spacing:-.8px;margin-top:6px;display:flex;align-items:center;gap:13px}.total{font-family:Arial,sans-serif;font-size:12px;background:#e8ebdf;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;letter-spacing:0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid var(--green);border-radius:6px;color:#fff;background:var(--green);font-size:13px;min-height:44px}.primary:hover{background:#1a3c29}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 20px;gap:12px}.filters{display:flex;gap:5px}.filters button{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;border-radius:5px;padding:9px 13px;font-size:12px;color:#5c6558;min-height:40px}.filters button.selected{background:#e4eadf;color:#24472f;border-color:#788971}.filters button span{font-size:10px;border-radius:10px;padding:2px 6px;background:#e8e9e1;color:#4c5948}.filters button.selected span{background:#cbd8c3;color:#264c33}.storage-label{display:flex;align-items:center;gap:5px;font-size:11px;color:#5e6c57}.collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.plant-card{border:1px solid #d4dacd;border-radius:10px;background:#fff;overflow:hidden;height:100%;box-shadow:0 3px 6px #283d2610}.card-visual{height:163px;position:relative;display:flex;align-items:center;justify-content:center}.sand{background:#efede3}.sage{background:#e9ecdf}.plant-art{width:185px;height:157px;align-self:flex-end}.status{position:absolute;top:15px;left:15px;display:flex;gap:5px;align-items:center;padding:5px 8px;font-size:10px;border-radius:4px;font-weight:600}.status>span{width:5px;height:5px;border-radius:50%;background:currentColor}.due{background:#fff2d1;color:#78510e}.upcoming{background:#f5f8ee;color:#385b34}.plant-number{position:absolute;right:15px;bottom:13px;font-size:10px;color:#69715f;letter-spacing:1px}.card-content{padding:19px 20px 17px}.plant-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.plant-heading h3{font-size:24px;line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.4px}.icon-button{background:transparent;border:0;color:#61705b;display:grid;place-items:center;min-width:36px;min-height:36px;border-radius:4px}.icon-button:hover{background:#edf0e6;color:#284b30}.interval{font-size:12px;color:#64715f;margin-top:2px}.dates{margin:21px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.dates>div+div{border-left:1px solid #e3e5dd;padding-left:13px}dt{font-size:10px;color:#64715e;margin-bottom:6px}dd{font-size:12px;font-weight:600;margin:0;line-height:1.5;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.due-date{color:#805813}.card-actions{display:flex;align-items:center;gap:10px;border-top:1px solid #e9ece4;padding-top:14px}.water-button{display:flex;justify-content:center;align-items:center;gap:7px;background:#fff;color:var(--green);border:1px solid #6c8268;border-radius:5px;min-height:40px;font-size:12px;flex:1}.water-button:hover{background:#eff3e9}.water-button.watered{background:#edf2e8;border-color:#c6d1bd;color:#4d6645}.remove-button{color:#6e7566}.care-note{display:flex;gap:12px;margin:26px 0 32px;padding:19px 20px;background:#eeefe6;border-radius:6px}.note-icon{margin-top:1px;color:#5b714f}.care-note strong{font-size:12px;font-weight:600}.care-note p{font-size:12px;line-height:1.6;color:#64705d;margin-top:4px}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:21px 0 30px;color:#6a7365;font-size:10px;gap:16px}.footer-dot{padding:0 7px}.plant-form{margin-bottom:22px;padding:24px;background:#f0f3e9;border:1px solid #889b7d;border-radius:8px}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.form-heading h3{font-size:27px;margin-top:7px}.text-button{color:var(--green);background:none;border:0;padding:8px;text-decoration:underline;font-size:12px;min-height:36px}.form-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:18px}label{display:block;font-size:12px;font-weight:600;color:#334d35}input{display:block;width:100%;margin-top:8px;padding:11px 12px;min-height:44px;border:1px solid #84917a;border-radius:5px;background:#fff;color:#27362c;font-size:14px}input[aria-invalid=true]{border-color:var(--rust)}.field-unit{font-weight:400;color:#5d6b57}.hint,.error{display:block;font-size:11px;line-height:1.5;margin-top:6px;font-weight:400}.hint{color:#5d6b57}.error{color:var(--rust)}.form-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:16px}.form-bottom p{font-size:12px;color:#5d6b57;line-height:1.5}.feedback,.warning{display:flex;align-items:flex-start;gap:10px;padding:15px 18px;border-radius:6px;margin-bottom:20px;font-size:13px;line-height:1.6}.feedback{background:#e6efdf;color:#28513b;border:1px solid #8aa07b}.feedback>svg{flex-shrink:0;margin-top:2px}.feedback strong{font-weight:600}.feedback-dates{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:12px}.dismiss{margin-left:auto;font-size:23px;text-decoration:none;line-height:1;padding:0 6px;min-height:24px}.warning{background:#fff0d5;border:1px solid #ab7a28;color:#77500f}.remove-confirm{padding:15px 0 0;margin-top:15px;border-top:1px solid #d9ddd2;font-size:13px}.remove-confirm strong{font-weight:600;color:#7b3829}.remove-confirm p{font-size:12px;line-height:1.5;margin:5px 0 12px;color:#6b6057}.remove-confirm>div{display:flex;gap:8px}.secondary,.danger{min-height:38px;border-radius:4px;padding:8px 14px;font-size:12px}.secondary{background:#fff;border:1px solid #8b9585;color:#314b34}.danger{background:#963d29;color:#fff;border:1px solid #963d29}.empty{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #9aa78f;border-radius:8px;padding:40px 20px}.empty-icon{display:inline-flex;color:var(--green);background:#edf1e7;padding:15px;border-radius:50%;margin-bottom:15px}.empty h3{font-size:28px}.empty p{font-size:14px;color:#64705d;max-width:430px;margin:12px auto 20px;line-height:1.6}@media(min-width:1400px){.intro{padding-top:44px;padding-bottom:39px;min-height:353px}.card-visual{height:181px}.plant-art{height:173px;width:202px}}@media(max-width:950px){.collection{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 32px}.hero-scene{width:275px}.scene-orbit{left:20px}.intro h1{font-size:43px}.features{gap:8px 12px}.form-grid{grid-template-columns:1fr 1fr}.form-grid>label:first-child{grid-column:1/-1}}@media(max-width:640px){main{padding:0 20px}.topbar{height:76px;padding:0 20px}.brand{font-size:21px}.local-badge{display:none}.intro{padding:29px 0 27px;gap:6px;min-height:0;position:relative;overflow:hidden}.intro-copy{position:relative;z-index:1}.intro h1{font-size:40px;max-width:270px}.intro-description{font-size:14px;max-width:310px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero-scene{display:none}.features{font-size:10px;gap:8px 12px;margin-top:16px}.features svg{width:13px}.section-heading .eyebrow{font-size:8px}.collection-section{padding-top:22px}.section-heading h2{font-size:30px}.primary{padding:11px 13px;font-size:12px}.collection-toolbar{align-items:flex-start;flex-wrap:wrap;margin:18px 0}.storage-label{font-size:10px;margin-left:auto;align-self:center}.filters button{padding:8px 10px;font-size:11px;gap:6px}.collection{grid-template-columns:1fr;gap:18px}.card-visual{height:166px}.plant-art{height:165px;width:200px}.card-content{padding:18px 20px}.plant-heading h3{font-size:27px}.dates{margin:19px 0}.dates dt{font-size:11px}.dates dd{font-size:14px}.water-button{font-size:13px;min-height:44px}.care-note{padding:16px;gap:10px}.care-note p{font-size:11px}.plant-form{padding:19px 16px}.form-grid{grid-template-columns:1fr;gap:17px}.form-grid>label:first-child{grid-column:auto}.form-bottom{align-items:flex-start;flex-direction:column}.form-bottom .primary{width:100%}.feedback-dates{flex-direction:column;gap:1px}footer{flex-direction:column;gap:8px;padding-bottom:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
