:root{--ink:#21352a;--green:#315d43;--green2:#527b5f;--sage:#dfe9df;--pale:#f3f6f0;--cream:#f8f2df;--gold:#d7a83f;--line:#cbd6cb;--white:#fff;--danger:#a33b34;--shadow:0 12px 32px rgba(31,59,41,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f6f2;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.topbar{height:68px;padding:0 max(18px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid #dfe6df;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-logo{display:block;width:auto;height:58px;max-width:265px;object-fit:contain}.brand>span:first-child{font-size:25px}.brand small{display:block;font-size:8px;letter-spacing:.16em;color:var(--green2)}nav{display:flex;gap:14px;align-items:center;font-size:14px}.hello{color:#718075}.wrap{max-width:1120px;margin:auto;padding:28px 18px 72px}.flash{max-width:780px;margin:16px auto 0;padding:13px 18px;border-radius:13px;background:#ddf2e3;color:#245c36}.flash.error{background:#fae5e2;color:#8e2f27}.hero{min-height:235px;padding:38px;border-radius:28px;background:linear-gradient(135deg,#315d43,#49785a);color:#fff;display:flex;justify-content:space-between;align-items:flex-end;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-70px;top:-100px;box-shadow:0 0 0 35px rgba(255,255,255,.045)}.hero>*{position:relative;z-index:1}.hero h1{font-size:clamp(28px,5vw,47px);margin:7px 0 4px;line-height:1.16}.hero p{margin:0;color:#e5eee7}.eyebrow{font-size:11px;letter-spacing:.2em!important;color:#f0cf7f!important}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 18px;border:1px solid var(--line);border-radius:14px;background:white;color:var(--ink);font-weight:700;cursor:pointer}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.cream{background:var(--cream);border:0;color:var(--green)}.btn.icon{font-size:25px;padding:4px 16px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:32px 2px 14px}.section-head h2{font-size:21px;margin:0}.section-head span,.section-head a{font-size:13px;color:#6d7f72}.todo-strip{display:flex;gap:10px;overflow:auto;padding-bottom:5px}.todo-strip a{min-width:172px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;gap:12px;align-items:center}.todo-strip b{color:var(--green);font-size:18px}.todo-strip span{font-size:14px}.plant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plant-card{background:#fff;border:1px solid #dce5dc;border-radius:22px;overflow:hidden;box-shadow:0 8px 24px rgba(42,70,50,.05);transition:.2s}.plant-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.plant-card img,.placeholder{width:100%;height:190px;object-fit:cover}.placeholder{display:grid;place-items:center;background:linear-gradient(150deg,#e4ece2,#f6f1dd);font-size:58px}.plant-card-body{padding:17px}.plant-card h3{font-size:21px;margin:6px 0 0}.plant-card p{margin:2px 0 12px;color:#6e7d72}.plant-card small{color:#7d877f}.status{display:inline-block;padding:3px 9px;border-radius:99px;background:#e0f0e4;color:#2c6b3d;font-size:11px;font-weight:700}.status.ended{background:#eee;color:#666}.status.harvested{background:#fff0cc;color:#8a6500}.empty{padding:42px 24px;border:1px dashed #b8c7ba;border-radius:20px;text-align:center;background:#fff;color:#6d7b70}.auth-card,.paper,.info-card{max-width:780px;margin:28px auto;background:#fff;border:1px solid #d9e2da;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.auth-card{max-width:480px;text-align:center}.big-icon{font-size:48px}.auth-card h1{margin:5px 0}.auth-card p{color:#718075}.form{display:grid;gap:16px;text-align:left;margin-top:24px}.grid-form{grid-template-columns:1fr 1fr}.form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#53685a}.form input,.form select,.form textarea{width:100%;border:1px solid #b9c8bb;background:#fbfcfa;padding:12px 13px;border-radius:12px;color:var(--ink);font-size:16px}.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid #dceade;border-color:var(--green)}.form .wide{grid-column:1/-1}.upload-box{border:1px dashed #8fab93;border-radius:15px;padding:17px;background:#f1f6f0}.upload-box span{font-weight:400;font-size:12px;color:#718075}.paper-title{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.paper-title>span{width:49px;height:49px;border-radius:14px;background:var(--green);color:white;display:grid;place-items:center;font-size:18px}.paper-title h1{margin:0}.paper-title p{margin:2px 0;color:#718075}.back{display:block;max-width:780px;margin:0 auto 12px;color:var(--green);font-weight:700}.detail-cover{height:380px;border-radius:28px;overflow:hidden;position:relative;background:#dbe6da}.detail-cover>img,.cover-placeholder{width:100%;height:100%;object-fit:cover}.cover-placeholder{display:grid;place-items:center;font-size:100px}.cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(12,30,17,.75))}.cover-content{position:absolute;left:34px;right:34px;bottom:28px;color:#fff}.cover-content>a{font-size:13px}.cover-content .status{margin-top:55px}.cover-content h1{font-size:44px;line-height:1.1;margin:8px 0}.cover-content p{margin:0;color:#e5ebe6}.action-row{display:flex;gap:10px;margin:-20px 24px 0;position:relative;z-index:3}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:20px;border:1px solid var(--line);margin:28px 0;padding:20px}.stats div{text-align:center;border-right:1px solid #e0e7e0}.stats div:last-child{border:0}.stats b{display:block;font-size:27px;color:var(--green)}.stats span{font-size:12px;color:#718075}.next-card{padding:24px 28px;border-radius:22px;background:var(--cream);display:flex;align-items:center;justify-content:space-between}.next-card span{font-size:12px;color:#7f724d}.next-card h2{margin:2px 0}.next-card p{margin:0}.calendar-icon{font-size:30px;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#fff;color:var(--green)}.info-card{max-width:none;margin:24px 0;padding:24px}.info-card .section-head{margin:0 0 18px}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.info-grid div{padding:14px;border-radius:13px;background:var(--pale)}.info-grid span{display:block;font-size:11px;color:#718075}.info-grid b{font-size:14px}.notes{border-top:1px solid var(--line);padding-top:16px}.timeline{border-left:2px solid #c5d5c7;margin-left:13px;padding-left:25px}.timeline article{position:relative;margin-bottom:15px}.timeline-dot{position:absolute;width:15px;height:15px;border:3px solid #f4f6f2;border-radius:50%;background:var(--green);left:-34px;top:17px}.type-spray{background:#d3a631}.type-fertilize{background:#7a613c}.type-harvest{background:#d67848}.record-card{background:#fff;border:1px solid #dce4dc;border-radius:17px;padding:16px}.record-head{display:flex;justify-content:space-between;gap:10px}.record-head time{font-size:12px;color:#77857b}.record-card p{margin:8px 0}.record-card small{display:inline-block;margin-top:5px;padding:4px 8px;border-radius:8px;background:var(--pale);color:var(--green)}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.photo-grid figure{margin:0;background:#fff;border-radius:15px;overflow:hidden;border:1px solid #dce4dc}.photo-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}.photo-grid figcaption{padding:9px;font-size:12px;display:grid}.qr-sheet{display:grid;place-items:center}.qr-label{background:#fff;width:90mm;min-height:125mm;border:2px solid var(--green);border-radius:8mm;text-align:center;padding:12mm;box-shadow:var(--shadow)}.qr-label>p{font-size:10px;letter-spacing:.2em;color:var(--green)}.qr-label h1{font-size:30px;margin:6px}.qr-label #qrcode{display:flex;justify-content:center;margin:12px}.qr-label #qrcode img,.qr-label #qrcode canvas{max-width:55mm;height:auto}.qr-label h2{font-size:16px;margin-bottom:2px}.qr-label small{color:#6d7d71}.qr-actions{text-align:center;margin:24px}.qr-actions p{font-size:13px;color:#718075}footer{text-align:center;padding:30px;color:#718075;font-size:12px;border-top:1px solid #dce4dc;background:#fff}footer small{letter-spacing:.18em}.product-fields.hidden{display:none}
@media(max-width:760px){.topbar{height:60px}.brand-logo{height:42px;max-width:180px}.hello{display:none}.wrap{padding:18px 13px 62px}.hero{min-height:210px;padding:26px 22px;display:block}.hero .btn{margin-top:25px}.plant-grid{grid-template-columns:1fr 1fr;gap:11px}.plant-card img,.placeholder{height:135px}.plant-card-body{padding:12px}.plant-card h3{font-size:17px}.grid-form{grid-template-columns:1fr}.form .wide{grid-column:auto}.paper,.auth-card{padding:21px;margin-top:18px;border-radius:20px}.detail-cover{height:350px;border-radius:22px}.cover-content{left:22px;right:22px;bottom:25px}.cover-content h1{font-size:35px}.action-row{margin:-17px 12px 0;overflow:auto}.action-row .btn{white-space:nowrap}.stats{margin:22px 0;padding:14px 6px}.stats b{font-size:22px}.info-grid{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:1fr 1fr}.record-head{display:grid}.section-head{margin-top:27px}.qr-label{width:84mm;min-height:118mm}}@media(max-width:390px){.plant-grid{grid-template-columns:1fr}.plant-card{display:grid;grid-template-columns:42% 58%}.plant-card img,.placeholder{height:100%}.brand-logo{height:36px;max-width:145px}.brand small{display:none}}@media print{.topbar,.no-print,footer,.flash{display:none!important}body{background:#fff}.wrap{padding:0}.qr-label{box-shadow:none;margin:0}.qr-sheet{height:100vh}.qr-actions{display:none}}
.remember{display:flex!important;grid-template-columns:22px 1fr;align-items:center;gap:8px!important}.remember input{width:20px!important;height:20px}.remember span{font-weight:500}.care-choices{border:1px solid #b9c8bb;border-radius:15px;padding:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.care-choices legend{font-size:13px;font-weight:800;padding:0 6px}.care-choices label{display:block;cursor:pointer}.care-choices input{position:absolute;opacity:0;width:1px}.care-choices span{display:block;text-align:center;border:1px solid #bdcbbf;border-radius:12px;padding:11px 6px;background:#fff;color:#53685a}.care-choices input:checked+span{background:var(--green);border-color:var(--green);color:#fff}.task-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.task-actions form{margin:0}.task-actions button{border:1px solid #b9c8bb;background:#fff;border-radius:11px;padding:9px 12px;color:var(--green);font-weight:700;cursor:pointer}.task-actions .task-done{background:var(--green);border-color:var(--green);color:#fff}.task-actions input{border:1px solid #b9c8bb;border-radius:10px;padding:8px}.reschedule-form{display:flex;gap:5px}.record-card small.completed{background:#e1f1e5;color:#2e6c40}.logout-form{margin:0}.logout-form button{border:0;background:transparent;color:var(--ink);padding:4px;cursor:pointer}.photo-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.photo-open:focus-visible{outline:4px solid var(--gold);outline-offset:-4px}.photo-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.photo-preview:empty{display:none}.photo-preview figure{margin:0;min-width:0}.photo-preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.photo-preview figcaption{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(8,15,10,.94);display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;padding:24px;color:#fff}.lightbox figure{margin:0;height:calc(100vh - 100px);display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center}.lightbox img{max-width:100%;max-height:100%;object-fit:contain}.lightbox figcaption{padding:12px;text-align:center}.lightbox button{border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}.lightbox-close{position:absolute;right:18px;top:15px;width:48px;height:48px;border-radius:50%;font-size:32px}.lightbox-prev,.lightbox-next{width:54px;height:70px;border-radius:16px;font-size:42px}.lightbox-count{position:absolute;left:18px;top:18px}.lightbox-open{overflow:hidden}@media(max-width:760px){.care-choices{grid-template-columns:repeat(2,1fr)}.next-card{align-items:flex-start;gap:18px;flex-direction:column}.task-actions{justify-content:flex-start;max-width:100%}.reschedule-form{width:100%}.task-actions input{min-width:0;width:145px}.photo-preview{grid-template-columns:repeat(3,1fr)}.lightbox{grid-template-columns:50px minmax(0,1fr) 50px;padding:12px}.lightbox figure{height:calc(100vh - 70px)}.lightbox-prev,.lightbox-next{width:42px;height:58px;font-size:34px}.lightbox-close{right:10px;top:10px}}
.maintenance-card{max-width:none}.health-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.health-grid div{padding:14px;border-radius:14px;background:var(--pale)}.health-grid span{display:block;font-size:11px;color:#718075}.health-grid b{display:block}.health-bad{background:#fae5e2!important;color:#8e2f27}.health-warn{background:#fff2cc!important;color:#755918}.health-summary{padding:10px 14px;border-radius:999px;font-weight:800}.maintenance-details{margin:18px 0;background:#f6f8f4;border:1px solid #d9e2d7;border-radius:16px;padding:14px}.maintenance-details summary{cursor:pointer;font-weight:800}.issue-list{display:grid;gap:8px;margin-top:12px}.issue-list p{display:grid;gap:4px;margin:0;padding:10px;background:#fff;border-radius:10px}.issue-list code{overflow-wrap:anywhere;color:#6c514b}.backup-status{margin:12px 0 18px;padding:18px;background:#f2f6ef;border-radius:16px}.backup-status span,.backup-status small{display:block;color:#718075}.backup-status b{display:block;font-size:1.15rem;margin:5px 0}.audit-list{display:grid;gap:8px}.audit-list article{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;background:#fff;border:1px solid #dce4dc;border-radius:13px;padding:12px}.audit-list span,.audit-list time{font-size:12px;color:#718075}@media(max-width:760px){.health-grid{grid-template-columns:1fr 1fr}.audit-list article{grid-template-columns:1fr}.topbar nav{gap:8px}.health-summary{width:100%;text-align:center}}
.record-meta{display:flex;align-items:center;gap:10px}.record-meta a,.record-meta button{border:0;background:none;padding:0;color:var(--green);font-size:12px;cursor:pointer}.record-meta button{color:var(--danger)}.record-delete-form{margin:0}@media(max-width:760px){.record-meta{flex-wrap:wrap}.record-head{gap:6px}}
.photo-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-summary{font-size:13px;color:#53685a;background:var(--pale);padding:9px 12px;border-radius:10px}.photo-preview figure{position:relative}.photo-preview figure>button{position:absolute;right:-5px;top:-5px;width:28px;height:28px;border:0;border-radius:50%;background:var(--danger);color:#fff;font-size:20px;line-height:1;cursor:pointer}.upload-progress{height:10px;background:#dfe8df;border-radius:99px;overflow:hidden}.upload-progress span{display:block;width:0;height:100%;background:var(--green);transition:width .2s}.mobile-nav{display:none}.network-status,.update-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:84px;z-index:100;background:#8b4b27;color:#fff;border-radius:13px;padding:10px 14px;box-shadow:var(--shadow);font-size:13px}.update-toast{background:var(--green)}.update-toast button{margin-left:8px;border:0;border-radius:8px;padding:5px 8px;font-weight:700}.network-status[hidden],.update-toast[hidden]{display:none}
@media(max-width:760px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.wrap{padding-bottom:88px}.form input,.form select,.form textarea{min-height:48px}.btn{min-height:50px}.photo-source-grid{grid-template-columns:1fr}.upload-box{min-height:76px}.mobile-nav{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:50;grid-template-columns:repeat(4,1fr);padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #d6e0d7;box-shadow:0 -8px 24px rgba(31,59,41,.10);backdrop-filter:blur(14px)}.mobile-nav a{display:grid;place-items:center;gap:1px;font-size:10px;color:#52685a;min-width:0}.mobile-nav span{font-size:21px;line-height:1}.mobile-nav a:nth-child(3){color:var(--green);font-weight:800}.mobile-nav a:nth-child(3) span{width:36px;height:36px;margin-top:-21px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;box-shadow:0 5px 14px rgba(49,93,67,.3)}footer{padding-bottom:90px}}

.quick-plant-list{display:grid;gap:10px;margin-top:20px}.quick-plant-list a{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid #d6e0d7;border-radius:15px;background:#fff;color:var(--ink)}.quick-plant-list img,.quick-plant-list span{width:56px;height:56px;object-fit:cover;border-radius:12px;background:var(--pale);display:grid;place-items:center;font-size:28px}.quick-plant-list em{font-size:28px;font-style:normal;color:#708075}
.batch-care-entry{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--pale);display:grid;gap:8px}.batch-care-entry .btn{justify-self:start}.batch-care-entry p{margin:0;color:#607066;font-size:13px}.batch-care-form{gap:14px}.batch-scope{border:1px solid #b9c8bb;border-radius:15px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.batch-scope legend{font-size:13px;font-weight:800;padding:0 6px}.batch-scope label{display:flex!important;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;color:var(--ink)}.batch-scope input{width:20px!important;height:20px;min-height:0!important;accent-color:var(--green)}.batch-all-note{margin:0;padding:11px 13px;border-radius:12px;background:var(--pale);color:#53685a;font-size:14px}.batch-note textarea{min-height:78px}.batch-material{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px;border:1px solid #d8e3d9;border-radius:16px;background:#f8faf6}.batch-material[hidden],.batch-plant-list[hidden],.batch-all-note[hidden]{display:none!important}.batch-details{border:1px solid #d8e3d9;border-radius:16px;background:#fff}.batch-details summary{padding:14px 15px;font-weight:800;color:var(--green);cursor:pointer}.batch-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 15px 15px}.batch-submit{margin-top:4px}.batch-plant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;padding:3px}.batch-plant-list label{display:block;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.batch-plant-list input{position:absolute;opacity:0;width:1px}.batch-plant-list span{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:9px;padding:8px;min-height:54px}.batch-plant-list img,.batch-plant-list em{width:38px;height:38px;border-radius:9px;background:var(--pale);object-fit:cover;display:grid;place-items:center;font-style:normal;font-size:20px}.batch-plant-list b{font-size:14px;font-weight:700;line-height:1.3}.batch-plant-list input:checked+span{background:#e4f1e7;box-shadow:inset 0 0 0 2px var(--green)}
.home-hero{min-height:190px}.home-hero h1{font-size:clamp(28px,4vw,38px)}.home-hero .btn{min-width:128px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.first-plant-card{text-align:left}.first-plant-card .btn{margin-top:20px}.quick-action-grid,.quick-action-strip{display:grid;gap:12px}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.quick-action-grid a,.quick-action-strip a{display:grid;gap:4px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.quick-action-grid span,.quick-action-strip span{font-size:26px;line-height:1}.quick-action-grid b,.quick-action-strip b{font-size:17px}.quick-action-grid small{color:#718075}.quick-action-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-action-strip a:first-child{background:var(--green);border-color:var(--green);color:#fff}.quick-action-strip a:first-child small{color:#fff}.activity-list{display:grid;gap:12px}.activity-list a{display:grid;grid-template-columns:52px 1fr;align-items:start;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}.activity-list time{font-weight:700;color:var(--green);font-size:13px;padding-top:2px}.activity-list div{min-width:0;display:grid;gap:2px}.activity-list b{font-weight:700}.activity-list span{font-size:13px;color:#607066}.activity-list small{display:block;color:#718075;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secondary-dashboard{margin-top:32px}
@media(max-width:760px){.home-hero{min-height:150px;padding:20px 18px}.home-hero h1{font-size:30px}.home-hero .btn{margin-top:16px}.hero-actions{justify-content:flex-start}.quick-action-grid,.quick-action-strip{grid-template-columns:1fr 1fr}.batch-care{padding:18px}.batch-scope,.batch-plant-list,.batch-material,.batch-details-grid{grid-template-columns:1fr}.batch-scope label{min-height:54px}.batch-plant-list{max-height:315px}.batch-submit{position:sticky;bottom:calc(82px + env(safe-area-inset-bottom));z-index:2;box-shadow:0 8px 20px rgba(31,59,41,.16)}.activity-list{gap:9px}.activity-list a{grid-template-columns:44px 1fr;padding:13px 14px}.activity-list small{white-space:normal}.secondary-dashboard{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.topbar{height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.topbar nav a,.logout-form button{min-height:44px;display:flex;align-items:center;padding:0 5px}.lightbox{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.lightbox-close{top:calc(10px + env(safe-area-inset-top))}.lightbox-count{top:calc(14px + env(safe-area-inset-top))}.lightbox figure{height:calc(100dvh - 70px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}

.record-photo-manager{margin-top:24px}.record-photo-manager .section-head p{margin:4px 0 0;color:#708075;font-size:13px}.record-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.record-photo-card{overflow:hidden;border:1px solid #d6e0d7;border-radius:17px;background:#fff}.record-photo-card>.photo-open img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.record-photo-update-form{padding:14px}.record-photo-update-form label{gap:5px}.record-photo-update-form .btn{width:100%}.replace-photo input{font-size:12px}.cover-choice{display:flex!important;grid-template-columns:22px 1fr!important;align-items:center;gap:8px!important}.cover-choice input{width:20px!important;height:20px;min-height:0!important}.record-photo-delete-form{padding:0 14px 14px}.record-photo-delete-form button{width:100%;border:1px solid #d8b2aa;border-radius:11px;background:#fff;color:var(--danger);padding:10px;font-weight:700;cursor:pointer}.record-photo-add{margin-top:24px;padding-top:22px;border-top:1px solid #d6e0d7}.record-photo-add h3{margin-top:0}
@media(max-width:760px){.record-photo-grid{grid-template-columns:1fr}.record-photo-card>.photo-open img{aspect-ratio:16/10}.record-photo-manager{padding:18px}.record-photo-update-form{padding:12px}.record-photo-delete-form{padding:0 12px 12px}}

/* Stage 4: complete plant profile, milestones and photo management */
.stage4-profile{padding-bottom:8rem}.stage4-profile .paper{margin-bottom:2rem}.stage4-profile .section-head p{margin:.35rem 0 0;color:var(--muted)}
.milestone-form{display:grid;gap:.8rem}.milestone-row{display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:1rem;padding:1rem;border-radius:18px;background:#f4f7f1}.milestone-row label{margin:0}.milestone-row b{display:block;margin-bottom:.45rem;color:var(--green)}
.milestone-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.milestone-track>div{border-left:4px solid var(--green);padding:.65rem 1rem;background:#f4f7f1;border-radius:0 14px 14px 0}.milestone-track time,.milestone-track b,.milestone-track small{display:block}.milestone-track time{color:var(--muted);font-size:.85rem}.milestone-track small{margin-top:.35rem;color:var(--muted)}
.stage4-profile .record-photo-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px 16px 0 0}.stage4-profile .record-photo-card .form{padding:1rem}.stage4-profile .record-photo-delete-form{padding:0 1rem 1rem}.stage4-profile input[type=number]{font-variant-numeric:tabular-nums}
@media(max-width:720px){.milestone-row{grid-template-columns:1fr}.stage4-profile{padding-left:1rem;padding-right:1rem}.stage4-profile .paper{padding:1.15rem}.stage4-profile .record-photo-grid{grid-template-columns:1fr}}

/* v4.0.1 mobile plant action buttons: fixed 2 x 2 grid, no horizontal scrolling */
@media(max-width:760px){.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:-17px 12px 0;overflow:visible}.action-row .btn{width:100%;min-width:0;min-height:56px;padding:10px 8px;white-space:normal;text-align:center;line-height:1.25}.action-row .btn.icon{font-size:25px;padding:8px}.action-row+.stats{margin-top:22px}}
.dilution-result{margin-top:22px;padding:24px;border-radius:20px;background:var(--cream);display:grid;gap:5px}.dilution-result b{font-size:36px;color:var(--green)}.dilution-result small{color:#6d7f72}.dilution-table-wrap{overflow:auto}.dilution-table{width:100%;border-collapse:collapse;min-width:640px}.dilution-table th,.dilution-table td{padding:11px;border-bottom:1px solid var(--line);text-align:right}.dilution-table th:first-child{text-align:left;position:sticky;left:0;background:#fff}.mobile-nav a.active{color:var(--green);font-weight:800}
.care-links{padding:10px 13px;border-radius:12px;background:var(--pale);font-size:14px}.care-links a{color:var(--green);font-weight:700}.recipe-card{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.recipe-card p{margin:3px 0;color:#718075}.recipe-card button{border:0;background:none;color:var(--danger);cursor:pointer}
.incident-hero{margin:24px 0;padding:28px;border-radius:26px;background:#fff;border:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.incident-hero h1{margin:8px 0;font-size:30px}.incident-hero.status-worsening{border-color:#d98b82;background:#fff5f3}.incident-hero.status-improving,.incident-hero.status-recovered{border-color:#8ab89b;background:#f3fbf5}.incident-list{display:grid;gap:12px}.incident-list>a{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);text-decoration:none}.incident-list p{margin:8px 0}.incident-list small{color:var(--muted)}.incident-badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#eef2ec;color:var(--green);margin-right:8px;font-size:13px;font-weight:800}.incident-badge.status-worsening,.incident-badge.status-ineffective{background:#fde4df;color:#9b3129}.incident-badge.status-improving,.incident-badge.status-recovered{background:#dff2e4;color:#27633e}.danger-link{margin:12px 0 30px;border:0;background:none;color:#a23d35;text-decoration:underline;cursor:pointer}@media(max-width:640px){.incident-hero{align-items:flex-start;flex-direction:column}.incident-hero h1{font-size:24px}}
.progress-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.progress-links>a{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;display:grid;gap:2px}.progress-links>a>span{font-size:26px;color:var(--green)}.progress-links small{color:#718075}.progress-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:22px;margin-bottom:20px}.progress-summary div{text-align:center;padding:20px;border-right:1px solid var(--line)}.progress-summary div:last-child{border:0}.progress-summary b{display:block;font-size:28px;color:var(--green)}.progress-summary span{font-size:12px;color:#718075}.page-tabs,.filter-tabs{display:flex;gap:8px;overflow:auto;margin:16px 0 22px}.page-tabs a,.filter-tabs a{white-space:nowrap;padding:10px 15px;border-radius:12px;border:1px solid var(--line);background:#fff}.page-tabs a.active,.filter-tabs a.active{background:var(--green);border-color:var(--green);color:#fff}.metric-list{display:grid;gap:11px}.metric-list article{display:flex;justify-content:space-between;gap:15px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.metric-list p{margin:5px 0}.metric-list small{color:#718075}.metric-list button{border:0;background:none;color:var(--danger)}.gallery-head{padding:28px;border-radius:24px;background:linear-gradient(135deg,#315d43,#527b5f);color:#fff;display:flex;justify-content:space-between;align-items:end}.gallery-head p{letter-spacing:.18em;color:#f0cf7f;font-size:11px}.gallery-head h1{margin:3px 0}.timeline-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.timeline-gallery>h3{grid-column:1/-1;margin:18px 0 0}.timeline-gallery figure{margin:0;position:relative;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.timeline-gallery img{width:100%;aspect-ratio:1;object-fit:cover}.timeline-gallery figcaption{padding:9px;display:grid;font-size:12px}.compare-check{position:absolute;z-index:2;top:8px;left:8px;background:rgba(255,255,255,.92);padding:5px 8px;border-radius:9px;font-size:12px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-grid figure{margin:0;background:#fff;border-radius:18px;overflow:hidden}.compare-grid img{width:100%;max-height:65vh;object-fit:contain;background:#172018}.compare-grid figcaption{padding:12px;display:grid}.compare-panel{padding:18px;border-radius:22px;background:#e9f1e8}@media(max-width:760px){.progress-links{grid-template-columns:1fr}.progress-summary b{font-size:20px}.progress-summary div{padding:14px 5px}.timeline-gallery{grid-template-columns:1fr 1fr}.compare-grid{grid-template-columns:1fr}.gallery-head{align-items:flex-start;flex-direction:column;gap:15px}}
.mini-chart{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;margin-bottom:22px}.chart-bars{height:180px;display:flex;align-items:end;gap:10px;overflow-x:auto;border-bottom:1px solid var(--line);padding:28px 4px 0}.chart-column{min-width:46px;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.chart-column b{font-size:11px;color:var(--green)}.chart-column i{display:block;width:26px;min-height:8px;background:linear-gradient(#4d8060,#2f6245);border-radius:8px 8px 2px 2px}.chart-column small{font-size:10px;color:#718075}.chart-unit{text-align:right;font-size:11px;color:#718075;margin:8px 0 0}
.stage8-links{grid-template-columns:repeat(4,1fr)}.tool-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tool-links a{display:grid;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--pale)}.tool-links small{color:#718075}.export-warning{padding:12px;border-radius:12px;background:var(--cream)}.report-hero{padding:28px;border-radius:24px;background:linear-gradient(135deg,#315d43,#527b5f);color:#fff}.report-hero p{color:#f0cf7f;letter-spacing:.17em}.search-panel{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;margin:22px 0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}.search-panel label{display:grid;gap:5px;font-size:12px;color:#53685a}.search-panel input,.search-panel select{min-height:46px;border:1px solid #b9c8bb;border-radius:11px;padding:9px}.search-panel .wide{grid-column:1/-1}.search-results{display:grid;gap:10px}.search-results>a{display:flex;gap:14px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:15px}.search-results>a>span{align-self:start;padding:3px 8px;border-radius:99px;background:var(--sage);font-size:11px}.search-results time{margin-left:10px;color:#718075;font-size:12px}.search-results p{margin:4px 0;color:#607066}.report-wrap{max-width:1120px;margin:auto;padding:24px 18px 80px}.report-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.report-tabs a{white-space:nowrap;padding:10px 13px;border:1px solid var(--line);border-radius:11px;background:#fff}.report-tabs a.active{background:var(--green);color:#fff}.print-sheet{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.report-cover{min-height:280px;position:relative;background:linear-gradient(135deg,#315d43,#527b5f);color:#fff;display:flex;align-items:end}.report-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.report-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(18,41,25,.8))}.report-cover>div{position:relative;z-index:1;padding:30px}.report-cover h1{font-size:44px;margin:4px 0}.report-cover h2{margin:0;font-size:17px}.report-cover p{letter-spacing:.18em;color:#f0cf7f}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:20px}.report-stats div{text-align:center;border-right:1px solid var(--line)}.report-stats div:last-child{border:0}.report-stats b{display:block;font-size:27px;color:var(--green)}.report-grid,.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px}.report-chip{display:inline-block;padding:5px 9px;margin:3px;border-radius:99px;background:var(--pale)}.report-photos,.print-photo-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:24px}.report-photos figure,.print-photo-timeline figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.report-photos img,.print-photo-timeline img{width:100%;aspect-ratio:4/3;object-fit:cover}.report-photos figcaption,.print-photo-timeline figcaption{padding:8px;font-size:11px}.season-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px}.season-notes label{display:grid;gap:6px}.season-notes textarea{border:1px solid var(--line);border-radius:12px;padding:10px}.season-notes button{grid-column:1/-1}.print-only{display:none}.writing-area,.full-history{padding:24px}.full-history article{padding:12px 0;border-bottom:1px solid var(--line)}.full-history time{display:inline-block;min-width:150px;color:#718075}.full-history p{margin:4px 0}.onepage-sheet{min-height:270mm}.print-photo-timeline{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.stage8-links{grid-template-columns:1fr}.tool-links{grid-template-columns:1fr}.search-panel{grid-template-columns:1fr}.report-wrap{padding:12px 8px 90px}.report-cover{min-height:230px}.report-cover h1{font-size:34px}.report-stats{grid-template-columns:1fr 1fr;gap:14px}.report-stats div:nth-child(2){border:0}.report-grid,.note-grid,.season-notes{grid-template-columns:1fr}.report-photos,.print-photo-timeline{grid-template-columns:1fr 1fr}}
@media print{@page{size:A4;margin:10mm}.report-page{background:#fff}.report-wrap{padding:0}.print-sheet{box-shadow:none;border-radius:0}.print-only{display:block}.report-cover{min-height:70mm}.report-cover h1{font-size:32px}.report-photos,.print-photo-timeline{break-inside:auto}.report-photos figure,.print-photo-timeline figure,.full-history article{break-inside:avoid}.season-notes{display:none!important}.print-photo-timeline{grid-template-columns:repeat(3,1fr)}}
/* Sprint 2B Visual Refresh Phase 1: GROTSIA-inspired homepage and shell */
:root{--brand-green:#214E3B;--brand-leaf:#6FA36A;--brand-sage:#A8C49A;--brand-cream:#F7F1E6;--brand-paper:#E7DCC2;--brand-soil:#8A6B4F;--brand-ink:#173526;--brand-line:rgba(33,78,59,.16);--brand-shadow:0 18px 44px rgba(33,78,59,.10);--green:var(--brand-green);--green2:var(--brand-leaf);--sage:#dfe9d8;--pale:#f8faf4;--cream:var(--brand-cream);--line:var(--brand-line);--ink:var(--brand-ink);--shadow:var(--brand-shadow)}
body{background:linear-gradient(180deg,#fffdfa 0,#f7f1e6 54%,#f4efe2 100%);color:var(--brand-ink);letter-spacing:.01em}.topbar{height:76px;background:rgba(255,253,248,.88);border-bottom:1px solid rgba(33,78,59,.10);box-shadow:0 8px 28px rgba(33,78,59,.06)}.brand-logo{height:54px;max-width:254px;filter:drop-shadow(0 4px 10px rgba(33,78,59,.06))}.topbar nav{gap:18px;color:var(--brand-green);font-size:13px;font-weight:700;letter-spacing:.05em}.hello{color:rgba(23,53,38,.62);font-weight:600}.logout-form button{color:var(--brand-green);font-weight:800}.wrap{max-width:1180px}
.hero.home-hero.visual-home-hero{min-height:248px;padding:42px 46px;border:1px solid rgba(33,78,59,.12);border-radius:30px;background:radial-gradient(circle at 72% 28%,rgba(168,196,154,.32),transparent 28%),linear-gradient(110deg,rgba(255,253,248,.96),rgba(247,241,230,.86) 48%,rgba(223,232,216,.72));color:var(--brand-green);box-shadow:var(--brand-shadow)}.hero.home-hero.visual-home-hero:after{width:320px;height:320px;right:-92px;top:-116px;border-color:rgba(33,78,59,.13);box-shadow:0 0 0 38px rgba(111,163,106,.07),0 0 0 78px rgba(231,220,194,.18)}.visual-home-hero .eyebrow{color:var(--brand-leaf)!important;font-weight:900;letter-spacing:.22em!important}.visual-home-hero h1{max-width:620px;margin:10px 0 10px;color:var(--brand-green);font-size:clamp(30px,4.7vw,52px);letter-spacing:.04em}.visual-home-hero p{max-width:540px;color:rgba(23,53,38,.70);font-weight:600}
.btn{border-color:rgba(33,78,59,.18);border-radius:12px;box-shadow:0 6px 16px rgba(33,78,59,.07)}.btn.primary,.quick-action-strip a:first-child{background:var(--brand-green);border-color:var(--brand-green)}.btn.cream{background:var(--brand-green);color:#fff;min-width:142px;box-shadow:0 12px 28px rgba(33,78,59,.18)}
.home-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 6px}.home-feature-grid a{min-width:0;padding:20px 18px;border:1px solid rgba(33,78,59,.12);border-radius:18px;background:rgba(255,253,248,.82);box-shadow:0 10px 26px rgba(33,78,59,.07);display:grid;gap:5px}.home-feature-grid span{color:var(--brand-leaf);font-size:27px;line-height:1}.home-feature-grid b{color:var(--brand-green);font-size:16px}.home-feature-grid small{color:rgba(23,53,38,.58);line-height:1.4}
.activity-list a,.todo-strip a,.plant-card,.recent-plant-strip a,.dashboard-card,.paper,.info-card,.auth-card{border-color:rgba(33,78,59,.12);background:rgba(255,253,248,.86);box-shadow:0 12px 30px rgba(33,78,59,.07)}.plant-card{border-radius:18px}.plant-card img,.placeholder{height:176px}.placeholder{background:linear-gradient(145deg,#edf3e7,#f8f1df)}.plant-card h3,.section-head h2,.paper-title h1{color:var(--brand-green);letter-spacing:.03em}.section-head{margin-top:36px}.section-head span,.section-head a,.plant-card p,.plant-card small,.activity-list small{color:rgba(23,53,38,.58)}.activity-list time{color:var(--brand-leaf)}.activity-list span{color:var(--brand-soil)}.daily-dashboard.secondary-dashboard{gap:14px}
.mobile-nav{background:rgba(255,253,248,.94);border-top:1px solid rgba(33,78,59,.12);box-shadow:0 -10px 28px rgba(33,78,59,.10)}.mobile-nav a{color:rgba(23,53,38,.66);font-weight:700}.mobile-nav a.active{color:var(--brand-green)}.mobile-nav a:nth-child(3) span{background:var(--brand-green);box-shadow:0 8px 18px rgba(33,78,59,.26)}footer{background:rgba(255,253,248,.74);border-top:1px solid rgba(33,78,59,.10);color:rgba(23,53,38,.54)}
@media(max-width:760px){.topbar{height:calc(64px + env(safe-area-inset-top));padding-left:14px;padding-right:12px}.brand-logo{height:42px;max-width:178px}.topbar nav{gap:8px;font-size:12px}.hero.home-hero.visual-home-hero{min-height:188px;padding:24px 20px;border-radius:24px}.visual-home-hero h1{font-size:30px;line-height:1.22;letter-spacing:.02em}.visual-home-hero p{font-size:14px}.home-feature-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.home-feature-grid a{padding:15px 13px;border-radius:15px}.home-feature-grid span{font-size:23px}.plant-card{border-radius:16px}.plant-card img,.placeholder{height:132px}}
@media(max-width:390px){.brand-logo{height:36px;max-width:144px}.visual-home-hero h1{font-size:26px}.home-feature-grid{grid-template-columns:1fr}}

.share-settings hr{border:0;border-top:1px solid var(--line);margin:28px 0}.share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-options label{display:flex;align-items:center;gap:8px;padding:12px;background:var(--pale);border-radius:12px}.share-options input,.public-picks input,.public-photo-picks input{width:auto}.public-picks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.public-picks label{display:flex;gap:9px;padding:11px;border:1px solid var(--line);border-radius:12px}.public-picks small{display:block;color:#718075}.public-photo-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.public-photo-picks label{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.public-photo-picks input{position:absolute;z-index:2;top:7px;left:7px;width:20px;height:20px}.public-photo-picks img{width:100%;aspect-ratio:1;object-fit:cover}.public-photo-picks span{display:block;padding:7px;font-size:11px}.share-url{overflow-wrap:anywhere}.share-actions,.social-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.share-actions form{margin:0}.btn.danger{color:var(--danger)}.public-header{max-width:1120px;margin:auto;padding:18px;display:flex;justify-content:space-between;align-items:center}.public-header>span{font-size:12px;color:#718075}.share-hero{min-height:380px;border-radius:28px;padding:38px;color:#fff;background:linear-gradient(135deg,#315d43,#527b5f);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end}.share-hero p{letter-spacing:.2em;font-size:11px;color:#f0cf7f}.share-hero h1{font-size:clamp(40px,8vw,68px);margin:4px 0}.share-hero h2{font-size:17px;margin:0 0 12px}.public-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:20px;margin:22px 0}.public-stats div{text-align:center;padding:18px;border-right:1px solid var(--line)}.public-stats div:last-child{border:0}.public-stats b{display:block;font-size:26px;color:var(--green)}.public-stats span{font-size:11px;color:#718075}.public-share .social-actions{margin-bottom:26px}.photo-open{border:0;padding:0;background:none;width:100%;cursor:pointer}.stage8-links{grid-template-columns:repeat(5,1fr)}@media(max-width:760px){.share-options,.public-picks{grid-template-columns:1fr}.public-photo-picks{grid-template-columns:1fr 1fr}.share-hero{min-height:320px;padding:25px}.public-stats b{font-size:20px}.public-stats div{padding:13px 4px}.social-actions .btn{flex:1}.public-header{padding-top:max(16px,env(safe-area-inset-top))}.stage8-links{grid-template-columns:1fr}}

/* Sprint 2B.1 Header Logo Switch: GROTSIA official header asset */
.topbar{min-height:88px}.brand{min-width:0;flex:0 1 auto}.brand-logo{width:clamp(240px,28vw,340px);height:auto;max-height:78px;max-width:100%;object-fit:contain}
@media(max-width:760px){.topbar{min-height:calc(66px + env(safe-area-inset-top));height:auto}.brand{max-width:min(48vw,190px)}.brand-logo{width:min(48vw,190px);max-height:58px}.topbar nav{flex:1 1 auto;justify-content:flex-end;min-width:0}}
@media(max-width:390px){.brand{max-width:150px}.brand-logo{width:150px;max-height:50px}.topbar nav{gap:6px;font-size:11px}}

/* Sprint 2B.2 GROTSIA Homepage Polish */
.topbar{min-height:82px;padding-left:max(28px,calc((100% - 1180px)/2));padding-right:max(28px,calc((100% - 1180px)/2));background:rgba(255,253,248,.94)}.brand-logo{width:clamp(226px,24vw,315px);max-height:70px}.wrap{padding-top:26px}.hero.home-hero.visual-home-hero{min-height:318px;padding:0;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:stretch;gap:0;border-radius:0;border-color:rgba(33,78,59,.10);background:linear-gradient(90deg,rgba(255,253,248,.98),rgba(247,241,230,.88));box-shadow:0 18px 48px rgba(33,78,59,.09);overflow:hidden}.hero.home-hero.visual-home-hero:after{display:none}.home-hero-copy{padding:46px 44px 42px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.visual-home-hero .home-hero-copy h1{max-width:560px;margin:12px 0 10px;font-size:clamp(34px,4vw,50px);line-height:1.24;font-weight:900;letter-spacing:.08em}.visual-home-hero .home-hero-copy p{font-size:17px;color:rgba(23,53,38,.74)}.visual-home-hero .home-hero-copy small{margin-top:8px;color:rgba(23,53,38,.56);font-weight:700}.visual-home-hero .hero-actions{margin-top:26px}.home-hero-visual{position:relative;min-height:318px;background:linear-gradient(135deg,rgba(33,78,59,.12),rgba(168,196,154,.26)),var(--hero-image,linear-gradient(135deg,#e9efe0,#f7f1e6));background-size:cover;background-position:center;display:grid;place-items:center;overflow:hidden}.home-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,241,230,.86),rgba(33,78,59,.08) 42%,rgba(33,78,59,.18))}.home-hero-visual:after{content:"";position:absolute;right:-70px;bottom:-100px;width:290px;height:290px;border:1px solid rgba(33,78,59,.18);border-radius:50%;box-shadow:0 0 0 36px rgba(255,253,248,.42),0 0 0 74px rgba(111,163,106,.12)}.hero-visual-card{position:relative;z-index:1;width:min(76%,330px);aspect-ratio:1.2;border-radius:28px;background:rgba(255,253,248,.78);border:1px solid rgba(33,78,59,.10);box-shadow:0 18px 44px rgba(33,78,59,.14);display:grid;place-items:center;align-content:center;gap:8px;color:var(--brand-green);backdrop-filter:blur(6px)}.hero-visual-card b{font-size:clamp(24px,3vw,42px);font-weight:700;letter-spacing:.18em}.hero-visual-card small{font-size:11px;letter-spacing:.22em;color:rgba(33,78,59,.70)}.hero-sprout{position:relative;width:92px;height:92px;border:5px solid var(--brand-green);border-radius:50%;display:block}.hero-sprout:before,.hero-sprout:after{content:"";position:absolute;bottom:27px;width:34px;height:21px;border:4px solid var(--brand-leaf);border-bottom:0;border-radius:34px 34px 0 0}.hero-sprout:before{left:19px;transform:rotate(-28deg)}.hero-sprout:after{right:19px;transform:rotate(28deg)}.home-feature-grid{gap:18px;margin:26px 0 10px}.home-feature-grid a{min-height:158px;padding:24px 22px 20px;border-radius:18px;background:linear-gradient(180deg,rgba(255,253,248,.95),rgba(250,246,236,.92));box-shadow:0 14px 34px rgba(33,78,59,.08);align-content:center;text-align:center;place-items:center;border-color:rgba(33,78,59,.11)}.home-feature-grid a:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(33,78,59,.12)}.grotsia-icon{width:52px;height:52px;border:1px solid rgba(33,78,59,.16);border-radius:18px;display:grid!important;place-items:center;color:var(--brand-green);background:rgba(255,253,248,.75)}.grotsia-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.home-feature-grid b{font-size:17px;letter-spacing:.08em}.home-feature-grid small{max-width:11em}.activity-section,.recent-plants,#today,#plants{scroll-margin-top:96px}.activity-list a,.recent-plant-strip a,.todo-strip a,.dashboard-card,.plant-card{border-radius:16px;border-color:rgba(33,78,59,.11);background:rgba(255,253,248,.88)}.activity-list a{padding:15px 16px}.activity-list time{font-weight:900;letter-spacing:.08em}.section-head h2{font-size:22px;letter-spacing:.08em}.section-head{margin-top:42px;margin-bottom:16px}.empty{background:rgba(255,253,248,.78);border-color:rgba(33,78,59,.18)}
@media(max-width:760px){.topbar{min-height:calc(62px + env(safe-area-inset-top));padding-left:12px;padding-right:10px}.brand{max-width:min(42vw,168px)}.brand-logo{width:min(42vw,168px);max-height:50px}.wrap{padding-top:16px}.hero.home-hero.visual-home-hero{grid-template-columns:1fr;min-height:0;border-radius:24px}.home-hero-copy{padding:24px 20px 20px}.visual-home-hero .home-hero-copy h1{font-size:28px;letter-spacing:.04em}.visual-home-hero .home-hero-copy p{font-size:14px}.visual-home-hero .hero-actions{margin-top:18px}.home-hero-visual{min-height:128px;order:-1}.hero-visual-card{width:190px;height:112px;border-radius:20px;gap:4px}.hero-visual-card b{font-size:24px}.hero-visual-card small{font-size:8px}.hero-sprout{width:48px;height:48px;border-width:3px}.hero-sprout:before,.hero-sprout:after{bottom:14px;width:18px;height:11px;border-width:2px}.hero-sprout:before{left:10px}.hero-sprout:after{right:10px}.home-feature-grid{gap:11px;margin-top:18px}.home-feature-grid a{min-height:132px;padding:16px 12px}.grotsia-icon{width:44px;height:44px;border-radius:15px}.grotsia-icon svg{width:27px;height:27px}.section-head{margin-top:30px}.section-head h2{font-size:19px}}
@media(max-width:390px){.brand{max-width:136px}.brand-logo{width:136px}.home-feature-grid{grid-template-columns:1fr 1fr}.home-feature-grid a{min-height:126px}.home-feature-grid small{font-size:11px}.topbar nav{gap:5px;font-size:10px}}

/* Sprint 2B.3 GROTSIA Hero Photo Integration */
.home-hero-visual{background:#f6efe2}.home-hero-visual img{object-fit:cover;object-position:63% 50%;filter:saturate(1.02) contrast(1.01)}.home-hero-visual:before{z-index:1;background:linear-gradient(90deg,rgba(247,241,230,.96) 0%,rgba(247,241,230,.58) 12%,rgba(247,241,230,.08) 33%,rgba(33,78,59,.06) 100%)}.home-hero-visual:after{z-index:2;opacity:.62}.hero.home-hero.visual-home-hero{background:linear-gradient(90deg,#fffdf8 0%,#f7f1e6 49%,#f2eadc 100%)}.hero-visual-card,.hero-sprout{display:none}
@media(max-width:760px){.home-hero-visual{min-height:126px}.home-hero-visual img{object-position:68% 52%}.home-hero-visual:before{background:linear-gradient(180deg,rgba(247,241,230,.08),rgba(247,241,230,.34))}.home-hero-visual:after{display:none}}
@media(max-width:390px){.home-hero-visual{min-height:112px}.home-hero-visual img{object-position:70% 52%}}

/* Sprint 2B.4 GROTSIA Homepage Final Visual Tuning */
@media(min-width:761px){.hero.home-hero.visual-home-hero{grid-template-columns:minmax(0,58fr) minmax(360px,42fr);min-height:326px}.home-hero-copy{padding:44px 46px 40px}.visual-home-hero .home-hero-copy h1{max-width:600px;line-height:1.2}.visual-home-hero .home-hero-copy p{max-width:420px}.home-hero-visual img{object-position:58% 50%}.home-hero-visual:before{background:linear-gradient(90deg,rgba(247,241,230,.72) 0%,rgba(247,241,230,.22) 10%,rgba(247,241,230,.02) 23%,rgba(33,78,59,.04) 100%)}.home-hero-visual:after{opacity:.45}.home-feature-grid{margin-top:20px;gap:15px}.home-feature-grid a{min-height:138px;padding:19px 18px 17px}.grotsia-icon{width:48px;height:48px;border-radius:16px}.grotsia-icon svg{width:29px;height:29px}}
@media(max-width:760px){.hero.home-hero.visual-home-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:stretch;gap:0;width:100%;padding:0;overflow:hidden}.home-hero-visual{grid-row:1;width:100%;min-width:0;height:200px;min-height:0;order:0}.home-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:66% 52%}.home-hero-copy{grid-row:2;width:100%;min-width:0;padding:22px 20px 20px;order:0}.visual-home-hero .home-hero-copy h1{max-width:12em;line-height:1.28;word-break:keep-all;overflow-wrap:break-word}.home-feature-grid a{min-height:124px;padding-top:14px;padding-bottom:13px}}
@media(max-width:390px){.home-hero-visual{height:184px}.home-hero-visual img{object-position:68% 52%}.home-hero-copy{padding:20px 18px 19px}.visual-home-hero .home-hero-copy h1{font-size:26px}}