@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff")}:root{font-family:DM Sans Variable,DM Sans,system-ui,sans-serif;color:#24382b;background:#f8f6ef;font-synthesis:none;--paper: #f8f6ef;--white: #fffdf8;--ink: #24382b;--green: #28533d;--green-dark: #193e2c;--muted: #5f6c60;--line: #e4e2d7;--serif: "Instrument Serif", Georgia, serif}*{box-sizing:border-box}body{margin:0;min-width:300px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible,label:has(input:focus-visible){outline:2px solid #487b59;outline-offset:3px}button,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}h1,h2,h3,p{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}img[hidden]{display:none}.wrap{width:min(1160px,calc(100% - 72px));margin-inline:auto}.top-bar{border-bottom:1px solid var(--line);background:#fcfaf4}.top-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-size:29px;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#e8eedf;color:#305a3f}.top-actions{display:flex;align-items:center;gap:13px}.sync{display:flex;align-items:center;gap:7px;margin-right:4px;font-size:12px;color:var(--muted);white-space:nowrap}.sync i,.status i{width:7px;height:7px;border-radius:50%;flex:none;background:currentColor}.sync.live i{color:#548450}.icon-button,.profile-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:999px;min-height:44px}.icon-button{width:44px;flex:none}.icon-button:hover,.profile-button:hover{background:#f0efe5}.profile-button{padding:4px 11px 4px 5px;gap:8px;font-size:13px;font-weight:700}.avatar{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;overflow:hidden;background:#e9eadc;color:#27382c;font-size:13px;font-weight:700}.profile-button .avatar{width:32px;height:32px;font-size:16px}.main{padding-top:29px;padding-bottom:calc(52px + env(safe-area-inset-bottom))}.garden-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}.garden-heading h1{font:400 clamp(42px,5vw,62px)/1 var(--serif);letter-spacing:-.025em}.garden-date{display:flex;align-items:center;gap:7px;margin-bottom:6px;color:var(--muted);font-size:13px}.garden-count{margin-top:7px;font-size:14px;color:var(--muted)}.garden-count span{padding:0 8px}.garden-actions{display:flex;align-items:center;gap:8px;flex:none}.refresh-button{background:#fcfaf4}.refresh-button[aria-busy=true]{opacity:.65}.refresh-button[aria-busy=true] svg{animation:refresh-spin 1s linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.refresh-button[aria-busy=true] svg{animation:none}}.primary,.secondary,.water-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;min-height:44px;border-radius:10px;padding:8px 15px;font-weight:700;font-size:14px}.primary{color:#fffdf4;background:var(--green)}.primary:hover{background:var(--green-dark)}.primary:disabled{opacity:.55}.add-button{padding-inline:17px;border-radius:12px;white-space:nowrap}.secondary,.water-button{color:#284d37;background:#e9eee0;border-color:#e1e9d8}.secondary:hover:not(:disabled),.water-button:hover:not(:disabled){background:#dce7d3}.water-button{font-size:13px;white-space:nowrap}.water-button:disabled{opacity:.63}.filters{display:flex;align-items:center;gap:7px;margin:21px 0 17px}.filters button{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;min-height:40px;border-radius:99px;background:#fcfaf4;border:1px solid var(--line);font-size:13px;color:var(--ink);white-space:nowrap}.filters button[aria-pressed=true]{background:#e5ecdc;border-color:#cfdac7;font-weight:700}.filters span{color:#596957;background:#eaece0;min-width:20px;text-align:center;border-radius:999px;padding:1px 4px;font-size:11px}.filters button[aria-pressed=true] span{background:#d7e2ce}.plant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.plant-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white);box-shadow:0 4px 10px #4b3b1b06}.card-media,.detail-photo{position:relative}.plant-photo{display:grid;place-items:center;position:relative;height:154px;background:linear-gradient(140deg,#d7e2ce,#aebc9e);color:#3f6546}.plant-photo img{position:absolute;inset:0}.status{display:inline-flex;align-items:center;gap:6px;position:absolute;top:12px;left:12px;border-radius:999px;padding:6px 10px;white-space:nowrap;font-size:11px;font-weight:800;box-shadow:0 1px 8px #20391d1a}.status.overdue{background:#fae7dc;color:#853e26}.status.today{background:#f8edce;color:#6f501e}.status.okay{background:#e8f0df;color:#345a3c}.status.snoozed{background:#e8edf0;color:#425665}.card-content{padding:12px 14px 13px}.plant-name{display:flex;align-items:center;justify-content:space-between;gap:6px;background:none;color:var(--ink);width:100%;border:0;padding:0;text-align:left;min-height:44px}.plant-name h3{font:400 35px/1 var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere}.plant-name svg{color:#708471;flex:none}.plant-name:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.frequency{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin:0 0 12px}.date-pair{display:grid;grid-template-columns:1fr 1fr;border:1px solid #eae8dd;border-radius:11px;background:#f8f7f0;overflow:hidden}.date-pair>div{padding:10px 11px;min-width:0}.date-pair>div+div{border-left:1px solid #eae8dd}.date-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#5b6b5c}.date-label svg{flex:none}.date-pair strong{display:block;margin-top:3px;color:#244833;font-size:18px;font-weight:800;line-height:1.25}.date-pair strong:first-letter{text-transform:uppercase}.date-pair strong.warm{color:#81502d}.date-pair small{display:block;margin-top:3px;min-height:14px;color:var(--muted);font-size:11px;line-height:1.35}.postponed{font-size:12px;margin-top:8px;color:#425665}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:11px}.author{display:flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere;color:var(--muted);font-size:12px;font-weight:600}.empty{display:grid;justify-items:center;gap:7px;padding:30px 12px;border:1px dashed #d6dbcd;border-radius:15px;margin:16px 0;color:var(--muted);text-align:center}.empty h3{color:var(--ink);font-family:var(--serif);font-size:28px;font-weight:400}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#f9e9df;color:#784530;border-radius:9px;margin:14px 0}.dialog{border:1px solid #deded2;border-radius:20px;background:var(--white);color:var(--ink);padding:0;max-width:min(500px,calc(100% - 30px));width:500px;max-height:min(87vh,860px);max-height:min(87dvh,860px);box-shadow:0 24px 80px #15261742}.dialog::backdrop{background:#15261a8a}.dialog-inner{padding:20px 24px 25px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.dialog-header h2,.auth-card h1{font:400 43px/1 var(--serif);overflow-wrap:anywhere}.form{display:grid;gap:14px}.form label,.form legend{font-size:13px;color:var(--ink);font-weight:700}.form input:not([type=radio]):not([type=file]):not([type=color]){display:block;width:100%;min-width:0;min-height:44px;margin-top:6px;padding:8px 11px;color:var(--ink);background:#fcfaf5;border:1px solid #dbded1;border-radius:8px;font-size:16px}.form input[type=date]{appearance:none}.form fieldset{min-width:0;margin:0;padding:0;border:none}.form .primary{width:100%}.input-unit{display:flex;align-items:center;gap:10px}.input-unit input{max-width:102px}.segmented{display:flex;gap:6px;margin:6px 0}.segmented label,.color-options label{position:relative;display:grid;place-items:center;cursor:pointer}.segmented input,.color-options input[type=radio]{position:absolute;opacity:0;pointer-events:none}.segmented span{display:grid;place-items:center;min-height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:9px}.segmented input:checked+span{background:#e5eddf;border-color:#c7d8c3}.file-field{display:flex;gap:12px;align-items:center;background:#f6f5ec;border:1px dashed #d3dac9;border-radius:12px;min-width:0;padding:10px;cursor:pointer;position:relative}.file-field input{position:absolute;opacity:0;inset:0;width:100%;cursor:pointer}.file-field small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:3px;overflow-wrap:anywhere}.file-preview{display:grid;place-items:center;border-radius:8px;width:53px;height:53px;overflow:hidden;flex:none;background:#e5ebdc}.form-error{color:#8e3f25;font-size:13px}.profile-fields{display:grid;grid-template-columns:1fr minmax(115px,.55fr);gap:12px}.color-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.color-options label{width:40px;height:44px}.color-options label span{width:30px;height:30px;border-radius:50%}.color-options label input:checked+span{outline:2px solid var(--green);outline-offset:3px}.color-options input[type=color]{align-self:center;width:38px;height:34px;border:1px solid var(--line);background:var(--paper);border-radius:5px;cursor:pointer}.text-button{display:inline-flex;align-items:center;gap:7px;justify-self:start;border:0;min-height:44px;padding:0;background:none;color:var(--green);font-weight:750;text-decoration:underline;text-underline-offset:3px}.household{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.household h3{display:flex;align-items:center;gap:7px;font-size:14px}.people{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.people>*{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:4px 8px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink);font-size:13px;overflow-wrap:anywhere}.people button[aria-pressed=true]{background:#e5eddf;border-color:#c7d8c3}.sign-out{margin-top:12px}.detail{display:grid;gap:13px}.detail-photo{overflow:hidden;border-radius:12px}.detail-photo .plant-photo{height:155px}.detail .postponed{margin:0}.history-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;border-top:1px solid var(--line);padding-top:13px}.history h3{font:400 30px/1 var(--serif)}.history ul{list-style:none;padding:0;margin:5px 0 0}.history li{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.history-entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px}.history-actions,.history-confirm{display:flex;justify-content:flex-end;align-items:center;gap:14px}.history-actions button:disabled{opacity:.55}.history-edit{margin:8px 0 3px;padding:10px;background:#f7f5ec;border-radius:9px}.history-edit .primary{width:auto}.history-message{margin-top:6px;color:var(--green);font-size:13px}.danger-text{color:#8e3f25}.danger-button{background:#8e3f25}.danger-button:hover{background:#75311d}.history li strong{overflow-wrap:anywhere}.history time{color:var(--muted);text-align:right}.push-settings{display:grid;gap:13px;justify-items:start}.push-icon{display:grid;place-items:center;border-radius:14px;width:52px;height:52px;background:#e5eddf;color:var(--green)}.push-settings p{line-height:1.5}.muted{color:var(--muted);font-size:14px}.toast{position:fixed;z-index:2;bottom:calc(14px + env(safe-area-inset-bottom));right:21px;display:flex;align-items:center;gap:11px;max-width:calc(100% - 42px);border-radius:13px;padding:3px 10px 3px 14px;background:#1f4733;color:#fffdf2;box-shadow:0 7px 25px #1f3f2e40;font-size:14px}.toast-error{background:#784531}.toast button{color:inherit;border:none;background:transparent;min-height:44px;display:grid;place-items:center;font-weight:750}.toast button:disabled{opacity:.5}.toast button:not([aria-label]){text-decoration:underline}.auth-page,.center-message{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-page{background:linear-gradient(90deg,#102a1bb8,#102a1b55),#173522 url(/fotos/hero.jpg) center / cover}.auth-card{display:grid;gap:16px;width:min(410px,100%);background:var(--white);border-radius:22px;padding:30px;box-shadow:0 10px 50px #0d201c5c}.center-message{align-content:center;gap:14px;text-align:center}@media(max-width:940px){.wrap{width:calc(100% - 44px)}.plant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:590px){.wrap{width:calc(100% - 32px)}.top-inner{min-height:64px;gap:7px}.brand{font-size:25px;gap:7px}.brand-icon{width:35px;height:35px;border-radius:10px}.top-actions{gap:6px}.top-actions .sync{display:none}.top-actions .sync.demo{display:flex;font-size:10px;gap:4px;margin-right:0}.sync.demo i{width:5px;height:5px}@media(max-width:350px){.top-actions .sync.demo{display:none}}.profile-button{min-width:44px;padding:4px}.profile-button>span:not(.avatar),.profile-button>svg{display:none}.main{padding-top:16px}.garden-heading{gap:7px;flex-wrap:wrap;align-items:flex-end}.garden-heading h1{font-size:clamp(35px,9.8vw,49px)}.garden-count,.garden-date{font-size:12px}.garden-actions{gap:5px}.add-button{font-size:12px;padding-inline:9px;gap:4px}.filters{margin-top:15px;margin-bottom:13px;gap:5px}.filters button{padding-inline:8px;font-size:12px;min-height:44px}.plant-grid{grid-template-columns:minmax(0,1fr);gap:14px}.plant-photo{height:112px}.plant-name h3{font-size:33px}.dialog-inner{padding:15px 16px 20px}.dialog-header h2{font-size:37px}.toast{right:13px;max-width:calc(100% - 26px)}}
