.lifecycle{margin-top:15px;padding:16px 20px;overflow:hidden}.lifecycle-group-title{margin:4px 0 12px;font-size:14px;font-weight:700;color:#527262}.phase-card{display:grid;grid-template-columns:190px minmax(300px,1fr) minmax(230px,.78fr);width:100%;border:1px solid #dce8df;border-radius:10px;overflow:hidden;background:#fff;margin:12px 0;box-shadow:0 4px 15px rgba(45,80,63,.04)}.phase-card.current{border-color:#82bb94;box-shadow:0 8px 22px rgba(45,114,93,.11)}.phase-card.complete{border-color:#d6e5d9}.phase-time,.phase-actions,.phase-diary{min-width:0;padding:18px 16px}.phase-time{background:#f6faf6;border-right:1px solid #e4ede6}.phase-actions{border-right:1px solid #e4ede6}.phase-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.phase-title strong{font-size:17px}.phase-state{font-size:11px;color:#2d725d;background:#e8f4eb;padding:4px 7px;border-radius:5px}.phase-card.pending .phase-state{color:#79877f;background:#f0f3f0}.phase-time dl{margin:19px 0 0}.phase-time dl div{padding:9px 0;border-top:1px solid #e1ebe3}.phase-time dt{font-size:11px;color:#7b8c81}.phase-time dd{margin:4px 0 0;color:#3d5b4b;font-size:13px;font-variant-numeric:tabular-nums}.phase-section-title{font-size:12px;font-weight:700;color:#61786a;margin-bottom:9px}.work-list{display:flex;flex-direction:column}.work-row{display:grid;grid-template-columns:48px 21px minmax(0,1fr);align-items:center;gap:8px;width:100%;border:0;border-top:1px solid #edf2ee;background:transparent;padding:10px 2px;text-align:left;color:#334a3c;font:inherit;cursor:pointer}.work-row:first-child{border-top:0}.work-row:disabled{cursor:default}.work-date{font-size:12px;color:#668173;font-variant-numeric:tabular-nums}.work-check{width:19px;height:19px;border:1px solid #9ab6a3;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px}.work-row.done .work-check{background:#5da777;border-color:#5da777}.work-row.done .work-task{color:#849189;text-decoration:line-through}.work-task{font-size:13px;line-height:1.45}.phase-diary{background:#fcfdfc}.phase-diary-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.phase-diary-head .subtle{display:block;font-size:11px}.phase-diary-actions{display:flex;gap:5px}.phase-diary-actions button{width:29px;height:29px;border:1px solid #d7e5da;background:#fff;border-radius:6px;color:#2d725d;cursor:pointer;font-size:15px}.diary-empty{font-size:12px;color:#97a49c;padding:15px 0 10px}.diary-preview{display:flex;flex-direction:column;gap:6px;margin-top:5px}.stage-note{cursor:pointer;border-top:1px solid #ecf1ed;padding:8px 0;font-size:12px;color:#52695b}.stage-note>div{display:flex;gap:7px;align-items:center}.stage-note b{color:#628173;font-weight:600;font-variant-numeric:tabular-nums}.stage-note em{display:block;font-style:normal;font-size:11px;margin-top:4px}.stage-note img{width:38px;height:38px;object-fit:cover;border-radius:4px;margin:6px 5px 0 0}.stage-note p{line-height:1.55;margin:7px 0 0;color:#52665a}.phase-add{width:100%;margin-top:10px;border:1px dashed #c9d8cd;background:#fbfdfb;color:#2d725d;padding:8px 10px;border-radius:6px;font-size:12px;cursor:pointer}.cycle-divider{font-size:15px;font-weight:700;color:#2d725d;margin:28px 0 8px;padding:11px 14px;background:#edf6ef;border-radius:8px}.cycle-divider span{font-size:12px;color:#6f8779;font-weight:400;margin-left:8px}.fertilizer-panel{margin:10px 0;padding:16px;background:#f9fcf9;border:1px solid #dfece1;border-radius:10px}.fertilizer-head{display:flex;justify-content:space-between;color:#466152;font-size:13px}.fertilizer-head span{color:#2d725d}.fertilizer-bar{height:7px;background:#e6eee7;border-radius:99px;overflow:hidden;margin:11px 0}.fertilizer-bar i{display:block;height:100%;background:#5bb27a;border-radius:99px}.fertilizer-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.fertilizer-item{border:1px solid #dfeadf;background:#fff;border-radius:7px;padding:9px;text-align:left;cursor:pointer;color:#506957}.fertilizer-item span{color:#6fa77b;margin-right:4px}.fertilizer-item b{display:block;font-size:11px;margin:4px 0}.fertilizer-item small{font-size:10px;color:#839289}.fertilizer-item.done{background:#e9f5eb;border-color:#a7cfad;text-decoration:none}.fertilizer-item.done b{color:#2d725d}.next-cycle{display:block;width:100%;border:1px dashed #84b796;background:#f7fcf8;color:#2d725d;border-radius:7px;padding:11px;cursor:pointer;font-size:13px;margin:14px 0 4px}.next-cycle:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.phase-card{grid-template-columns:120px minmax(0,1fr) minmax(150px,.68fr)}.phase-time,.phase-actions,.phase-diary{padding:14px 12px}.phase-time dl{margin-top:13px}.phase-time dl div{padding:7px 0}.work-row{grid-template-columns:42px 19px minmax(0,1fr);gap:5px}.work-task{font-size:12px}.phase-diary-head .subtle{display:none}}@media(max-width:620px){.lifecycle{padding:12px}.phase-card{display:block}.phase-time,.phase-actions{border-right:0;border-bottom:1px solid #e4ede6}.phase-time{padding:15px}.phase-actions,.phase-diary{padding:15px}.phase-time dl{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.phase-time dl div{border-top:0;padding:0}.phase-time dd{font-size:12px}.fertilizer-list{grid-template-columns:1fr 1fr}}
.work-row.fertilizer-work{background:#f6fbf7}.fertilizer-work .work-check{border-color:#69ab7a;color:#428c5a;font-size:11px}.fertilizer-work .work-task b{color:#2d725d;font-size:11px;margin-right:3px}.fertilizer-work.done .work-check{color:#fff}
.work-row.weekly-care-work{background:#f7fcf8}.weekly-care-work .work-check{border-color:#76ae82;color:#438d5b;font-size:11px}.weekly-care-work .work-task b{color:#2d725d;font-size:11px;margin-right:3px}.weekly-care-work.done .work-check{color:#fff}
.weekly-care-work.reminder-row{cursor:default}.weekly-care-work.reminder-row .work-check{background:#e7f4e9;color:#4f9a62}.routine-work.reminder-row{cursor:default}.routine-work.reminder-row .work-check{background:#f2f6f3;color:#7e9b89}.planting-soil-tip,.planting-water-tip{min-width:0}.planting-soil-tip>button,.planting-water-tip>button{width:100%}.planting-soil-tags{display:flex;flex-wrap:wrap;gap:5px;padding:7px 2px 0}.planting-soil-tags span{border:1px solid #c6e3ce;border-radius:999px;background:#f3fbf5;color:#34734b;padding:3px 7px;font-size:11px;line-height:1.3;white-space:nowrap}
.work-row.routine-work{grid-template-columns:21px minmax(0,1fr)}
.work-row{display:flex!important;flex-direction:row!important;align-items:center;min-width:0}.work-row .work-date{flex:0 0 48px;width:48px}.work-row.routine-work .work-date{flex:0 0 0;width:0}.work-row .work-check{flex:0 0 21px}.work-row .work-task{display:block;flex:1;min-width:0;white-space:normal;word-break:keep-all;overflow-wrap:break-word;writing-mode:horizontal-tb!important;text-orientation:mixed}
.phase-card .phase-content{display:contents}.seedling-card{display:block;overflow:visible}.seedling-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 20px;background:#f6faf6;border-bottom:1px solid #e2ece4}.seedling-summary>div{display:flex;flex-direction:column;gap:5px;flex:1;min-width:180px}.seedling-summary strong{font-size:18px;color:#365b48}.seedling-summary span{font-size:12px;color:#7b8c81}.planting-date{display:flex;align-items:center;gap:8px;font-size:12px;color:#61786a}.planting-date input{border:1px solid #cfe0d3;border-radius:6px;padding:8px 9px;background:#fff;color:#385848;font:inherit}.seedling-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 20px}.seedling-tips button{display:flex;align-items:center;gap:9px;border:1px solid #d6e6da;border-radius:8px;background:#fff;padding:11px 12px;color:#3f6652;text-align:left;cursor:pointer}.seedling-tips button:hover{border-color:#83b794;background:#f5fbf6}.seedling-tips b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e4f2e7;color:#2d725d;font-size:12px}.seedling-tips span{font-size:13px}.tip-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:rgba(25,45,34,.28);padding:20px}.tip-modal-box{position:relative;width:min(460px,100%);padding:25px 26px;border-radius:12px;background:#fff;box-shadow:0 18px 55px rgba(30,70,45,.2)}.tip-modal-box h3{margin:0 0 12px;color:#2d725d;font-size:18px}.tip-modal-box p{margin:0;color:#52665a;line-height:1.8;font-size:14px}.tip-modal-close{position:absolute;top:8px;right:11px;border:0;background:transparent;color:#82938a;font-size:24px;cursor:pointer}
.arrival-card{display:block;margin:12px 0;border:1px solid #dce8df;border-radius:10px;overflow:hidden;background:#fff}.arrival-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:17px 20px;background:#f6faf6}.arrival-heading{display:flex;flex-direction:column;gap:5px;min-width:150px}.arrival-heading strong{font-size:17px;color:#365b48}.arrival-heading span{font-size:12px;color:#7b8c81}.arrival-fields{display:grid;grid-template-columns:repeat(3,minmax(118px,1fr)) auto;gap:10px;align-items:end;flex:1}.arrival-fields label{position:relative;display:flex;flex-direction:column;gap:6px;color:#61786a;font-size:12px}.arrival-fields input,.arrival-fields select{width:100%;height:37px;border:1px solid #cfe0d3;border-radius:6px;padding:7px 9px;background:#fff;color:#385848;font:inherit}.arrival-fields small{position:absolute;right:9px;bottom:10px;color:#819087;font-size:11px;pointer-events:none}.arrival-fields label:nth-child(3) input{padding-right:28px}.arrival-fields .button{height:37px;white-space:nowrap;padding:8px 12px}.setup-diary{padding:15px 20px;border-top:1px solid #e4ede6;background:#fcfdfc}.setup-diary .phase-add{max-width:300px}.seedling-card .setup-diary{border-top:1px solid #e4ede6}
@media(max-width:760px){.arrival-summary{align-items:stretch}.arrival-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.arrival-fields .button{grid-column:span 2}}@media(max-width:620px){.seedling-summary{padding:15px}.seedling-tips{padding:12px 15px;grid-template-columns:1fr}.planting-date{width:100%;justify-content:space-between}.planting-date input{flex:1}.arrival-summary,.setup-diary{padding:15px}.arrival-fields{grid-template-columns:1fr}.arrival-fields .button{grid-column:auto}}
.setup-card{display:grid;grid-template-columns:190px minmax(300px,1fr) minmax(230px,.78fr);width:100%;margin:12px 0;border:1px solid #dce8df;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 15px rgba(45,80,63,.04)}.setup-card.arrival-card{display:grid;margin:12px 0;padding:0}.setup-time{grid-column:1;grid-row:1;background:#f6faf6;border-right:1px solid #e4ede6;padding:18px 16px}.setup-time strong{display:block;color:#365b48;font-size:17px}.setup-time span{display:block;margin-top:8px;color:#7b8c81;font-size:12px;line-height:1.6}.arrival-actions,.planting-actions{grid-column:2;grid-row:1;padding:18px 16px}.arrival-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.arrival-actions label,.planting-date label{position:relative;display:flex;flex-direction:column;gap:6px;color:#61786a;font-size:12px}.arrival-actions input,.arrival-actions select,.planting-date input{width:100%;height:37px;border:1px solid #cfe0d3;border-radius:6px;padding:7px 9px;background:#fff;color:#385848;font:inherit}.arrival-actions small{position:absolute;right:9px;bottom:10px;color:#819087;font-size:11px;pointer-events:none}.arrival-actions label:nth-child(3) input{padding-right:28px}.arrival-actions .button{height:37px;align-self:end;white-space:nowrap;padding:8px 12px}.planting-date{display:flex;align-items:end;gap:10px}.planting-date label{flex:1}.planting-date .button{height:37px;white-space:nowrap;padding:8px 12px}.planting-actions .seedling-tips{padding:13px 0 0}.planting-water-tip{min-width:0}.planting-water-tip>button{width:100%}.planting-med-tags{display:flex;flex-wrap:wrap;gap:5px;padding:7px 2px 0}.planting-med-tags span{border:1px solid #ddcdef;border-radius:999px;background:#faf6fe;color:#755197;padding:3px 7px;font-size:11px;line-height:1.3;white-space:nowrap}.setup-card .setup-diary{grid-column:3;grid-row:1;margin:0;padding:18px 16px;border-top:0;border-left:1px solid #e4ede6;background:#fcfdfc}.setup-card .setup-diary .phase-add{max-width:none}.setup-card .setup-diary .diary-empty{padding:15px 0 10px}@media(max-width:900px){.setup-card{grid-template-columns:120px minmax(0,1fr) minmax(150px,.68fr)}.setup-time,.arrival-actions,.planting-actions,.setup-card .setup-diary{padding:14px 12px}.arrival-actions{grid-template-columns:1fr}.planting-date{display:block}.planting-date .button{width:100%;margin-top:9px}.planting-actions .seedling-tips{grid-template-columns:1fr}.planting-actions .seedling-tips button{padding:8px 10px}}@media(max-width:620px){.setup-card,.setup-card.arrival-card{display:block}.setup-time,.arrival-actions,.planting-actions{border-right:0;border-bottom:1px solid #e4ede6}.setup-time{padding:15px}.arrival-actions,.planting-actions,.setup-card .setup-diary{padding:15px}.arrival-actions{grid-template-columns:1fr}.planting-actions .seedling-tips{grid-template-columns:1fr}.setup-card .setup-diary{border-left:0}}
.lifecycle{background:#fffafb}.lifecycle-group-title{color:#b35e75}.phase-card{border-color:#f0dce2;box-shadow:0 4px 15px rgba(190,111,132,.06)}.phase-card.current{border-color:#dda0b0;box-shadow:0 8px 22px rgba(190,111,132,.13)}.phase-card.complete{border-color:#edd9df}.phase-time{background:#fff3f5;border-color:#f1dfe4}.phase-actions{border-color:#f1dfe4}.phase-state{color:#b45d75;background:#fde8ee}.phase-card.pending .phase-state{color:#9b8790;background:#f8eff1}.phase-time dt,.phase-section-title{color:#a07884}.phase-time dd,.work-task{color:#644c55}.phase-diary{background:#fffafb}.phase-diary-actions button{border-color:#eedbe1;color:#ba637b}.phase-add{border-color:#e8cbd4;background:#fff8fa;color:#b45d75}.work-row{border-color:#f5e8eb}.work-check{border-color:#d6a4b1}.weekly-care-work{background:#fff3f5}.weekly-care-work .work-check{border-color:#d49aaa;color:#bd647b;background:#fde8ee}
.setup-card,.arrival-card{border-color:#f0dce2;background:#fffdfd;box-shadow:0 4px 15px rgba(190,111,132,.06)}.setup-time{background:#fff3f5;border-color:#f1dfe4}.setup-time strong,.arrival-heading strong{color:#a84f68}.setup-time span,.arrival-heading span,.arrival-actions label,.planting-date label{color:#9a7f88}.arrival-actions,.planting-actions{background:#fffafb}.setup-card .setup-diary,.setup-diary{background:#fff8fa;border-color:#f1dfe4}.arrival-actions input,.arrival-actions select,.planting-date input{border-color:#ebcfd8;background:#fffdfd;color:#644c55}.arrival-actions .button,.planting-date .button{background:#fde7ec;color:#b45d75}.seedling-tips button{border-color:#ebd4da;background:#fffdfd;color:#855c69}.seedling-tips button:hover{border-color:#dda0b0;background:#fff3f5}.seedling-tips b{background:#fde7ec;color:#b45d75}.planting-med-tags span{border-color:#ddcdef;background:#faf6fe;color:#755197}.planting-soil-tags span{border-color:#c6e3ce;background:#f3fbf5;color:#34734b}
.lifecycle{background:#f4fbf3;border-color:#cde4d1}.lifecycle-group-title{color:#467457}.phase-card,.setup-card,.arrival-card{background:#f4fbf3;border-color:#cde4d1;box-shadow:0 4px 15px rgba(100,151,116,.07)}.phase-card.complete,.phase-card.current{border-color:#bddcc2;box-shadow:0 8px 22px rgba(100,151,116,.12)}.phase-time,.setup-time{background:#e5f4e7;border-color:#cde4d1}.phase-actions,.arrival-actions,.planting-actions{background:#f8fdf8;border-color:#cde4d1}.phase-diary,.setup-card .setup-diary,.setup-diary{background:#eff8ef;border-color:#cde4d1}.phase-time dt,.phase-section-title,.setup-time span,.arrival-actions label,.planting-date label{color:#718c7a}.phase-time dd,.work-task,.setup-time strong{color:#355543}.phase-state{background:#dcefe0;color:#467457}.phase-card.pending .phase-state{background:#edf5ee;color:#718c7a}.work-row{border-color:#dbece0}.work-check{border-color:#9bc5a5}.seedling-tips button{background:#f6fcf6;border-color:#cde4d1;color:#467457}.seedling-tips button:hover{background:#e8f5e9;border-color:#9bc5a5}.seedling-tips b{background:#dff0e2;color:#467457}.arrival-actions input,.arrival-actions select,.planting-date input{background:#fbfefb;border-color:#cde4d1;color:#355543}.arrival-actions .button,.planting-date .button,.phase-diary-actions button{background:#fff1b8!important;border-color:#e8cf72!important;color:#80652b!important}.phase-add{background:#fff8d7!important;border-color:#e8cf72!important;color:#80652b!important}
.lifecycle{background:#eaf4ff;border-color:#cfe1f1}.lifecycle-group-title{color:#5d94c8}.phase-card,.setup-card,.arrival-card{background:#f8fdf8;border-color:#d7e9da;box-shadow:0 5px 17px rgba(105,128,142,.08)}.phase-card:nth-of-type(4n+1),.setup-card.arrival-card{border-top:4px solid #88b6e4}.phase-card:nth-of-type(4n+2),.setup-card.planting-card{border-top:4px solid #86bd94}.phase-card:nth-of-type(4n+3){border-top:4px solid #eba1b5}.phase-card:nth-of-type(4n){border-top:4px solid #e7c55f}.phase-time,.setup-time{background:#e8f6e9;border-color:#d7e9da}.phase-actions,.arrival-actions,.planting-actions{background:#fffdf4;border-color:#f1e5b5}.phase-diary,.setup-card .setup-diary,.setup-diary{background:#eef7ff;border-color:#cfe1f1}.phase-time dt,.phase-section-title,.setup-time span,.arrival-actions label,.planting-date label{color:#718c7a}.phase-time dd,.work-task,.setup-time strong{color:#40525a}.phase-state{background:#dff2e3;color:#568466}.phase-card.pending .phase-state{background:#fff3c8;color:#a77e25}.work-row{border-color:#e4ece7}.work-check{border-color:#9bc5a5}.weekly-care-work{background:#eaf4ff}.weekly-care-work .work-check{background:#deefff;border-color:#88b6e4;color:#5d94c8}.seedling-tips button{background:#f9fdf9;border-color:#d7e9da;color:#568466}.seedling-tips button:hover{background:#e8f6e9;border-color:#86bd94}.seedling-tips b{background:#dff2e3;color:#5e9b70}.arrival-actions input,.arrival-actions select,.planting-date input{background:#fcfeff;border-color:#cde1ef;color:#40525a}.arrival-actions .button,.planting-date .button,.phase-diary-actions button,.phase-add{background:#fff0ad!important;border-color:#e8cf72!important;color:#80652b!important}.phase-diary-actions button:hover,.phase-add:hover{background:#ffe781!important}.planting-soil-tags span{background:#dff2e3;border-color:#b9dfc1;color:#568466}.planting-med-tags span{background:#f0e9fb;border-color:#d7c2ec;color:#76579c}
.arrival-actions .button,.planting-date .button,.phase-diary-actions button,.phase-add{background:#fff7d6!important;border-color:#ead995!important;color:#806b3c!important}.phase-diary-actions button:hover,.phase-add:hover{background:#fff0bd!important}

/* Pink-led lifecycle surface. */
.lifecycle{background:#fff1f5;border-color:#f0d7df}.lifecycle-group-title{color:#b55772}.phase-card,.setup-card,.arrival-card{background:#fffdfd;border-color:#f0d7df;box-shadow:0 5px 17px rgba(186,101,128,.08)}.phase-card.complete,.phase-card.current{border-color:#e8adbd;box-shadow:0 8px 22px rgba(186,101,128,.12)}.phase-card:nth-of-type(4n+1),.setup-card.arrival-card{border-top-color:#e8a0b4}.phase-card:nth-of-type(4n+2),.setup-card.planting-card{border-top-color:#86bd94}.phase-card:nth-of-type(4n+3){border-top-color:#f0b6a6}.phase-card:nth-of-type(4n){border-top-color:#e7c55f}.phase-time,.setup-time{background:#fff0f4;border-color:#f0d7df}.phase-actions,.arrival-actions,.planting-actions{background:#fffdf8;border-color:#f1e5b5}.phase-diary,.setup-card .setup-diary,.setup-diary{background:#fff8fa;border-color:#f0d7df}.phase-time dt,.phase-section-title,.setup-time span,.arrival-actions label,.planting-date label{color:#9a7784}.phase-time dd,.work-task,.setup-time strong{color:#59414a}.phase-state{background:#ffe2ea;color:#b55772}.phase-card.pending .phase-state{background:#fff3cd;color:#a77e25}.work-row{border-color:#f2e4e8}.work-check{border-color:#d7a5b3}.weekly-care-work{background:#fff1f5}.weekly-care-work .work-check{background:#ffe2ea;border-color:#e3a1b2;color:#b55772}.seedling-tips button{background:#fffafa;border-color:#f0d7df;color:#9d6172}.seedling-tips button:hover{background:#fff0f4;border-color:#e3a1b2}.seedling-tips b{background:#ffe2ea;color:#bd607b}.arrival-actions input,.arrival-actions select,.planting-date input{background:#fffdfd;border-color:#efd6de;color:#59414a}.planting-soil-tags span{background:#eaf7ed;border-color:#b9dfc1;color:#568466}
.setup-time span{white-space:nowrap}

/* Stage reference drawings stay at the upper-right of every lifecycle card. */
.phase-diary,.setup-card .setup-diary{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:10px;align-content:start}.stage-diary-content{grid-column:1;grid-row:1;min-width:0}.stage-reference-image{grid-column:2;grid-row:1;display:block;width:84px;aspect-ratio:1;object-fit:cover;object-position:center;border:1px solid #efd6de;border-radius:10px;background:#fffdfd;box-shadow:0 4px 10px rgba(186,101,128,.1)}@media(max-width:900px){.phase-diary,.setup-card .setup-diary{grid-template-columns:minmax(0,1fr) 58px;gap:7px}.stage-reference-image{width:58px;border-radius:8px}}@media(max-width:620px){.phase-diary,.setup-card .setup-diary{grid-template-columns:minmax(0,1fr) 82px;gap:10px}.stage-reference-image{width:82px}}

/* The reference image belongs to the top-left stage column, above its label. */
.phase-diary,.setup-card .setup-diary{display:block}.stage-diary-content{display:block;min-width:0}.phase-time .stage-reference-image,.setup-time .stage-reference-image{display:block;width:78px;aspect-ratio:1;object-fit:cover;object-position:center;margin:0 0 12px;border:1px solid #efd6de;border-radius:10px;background:#fffdfd;box-shadow:0 4px 10px rgba(186,101,128,.1)}@media(max-width:900px){.phase-time .stage-reference-image,.setup-time .stage-reference-image{width:60px;margin-bottom:10px;border-radius:8px}}@media(max-width:620px){.phase-time .stage-reference-image,.setup-time .stage-reference-image{width:78px;margin-bottom:12px}}

/* Blend the original white JPG canvas into the card so the illustration reads as a cutout. */
.phase-time .stage-reference-image,.setup-time .stage-reference-image{width:94px;border:0;border-radius:0;background:transparent;box-shadow:none;mix-blend-mode:multiply}@media(max-width:900px){.phase-time .stage-reference-image,.setup-time .stage-reference-image{width:72px}}@media(max-width:620px){.phase-time .stage-reference-image,.setup-time .stage-reference-image{width:94px}}

/* Lifecycle card redesign: a focused work area with a full-width diary footer. */
.lifecycle{padding:18px;background:#fff1f5;border-color:#f0d7df}
.phase-card,.setup-card,.setup-card.arrival-card{display:block;margin:16px 0;overflow:hidden;border:1px solid #f0d7df;border-top-width:4px;border-radius:12px;background:#fffdfd;box-shadow:0 6px 18px rgba(186,101,128,.08)}
.phase-card .phase-content{display:grid;grid-template-columns:184px minmax(0,1fr)}
.phase-time,.setup-time{min-width:0;padding:18px;background:#fff0f4;border:0;border-right:1px solid #f0d7df}
.phase-time .stage-reference-image,.setup-time .stage-reference-image{display:block;width:112px;height:112px;aspect-ratio:auto;object-fit:contain;object-position:left top;margin:0 0 13px;border:0;border-radius:0;background:transparent;box-shadow:none;mix-blend-mode:normal;filter:drop-shadow(0 5px 6px rgba(140,73,94,.12))}
.phase-time dl{margin:15px 0 0}.phase-time dl div{padding:8px 0;border-color:#f3dfe5}.phase-time dt{font-size:11px;color:#9a7784}.phase-time dd{margin-top:3px;font-size:12px;color:#6b4f59}.phase-title{gap:7px}.phase-title strong,.setup-time strong{font-size:17px;color:#6e4552}.phase-state{padding:4px 7px;border-radius:999px;background:#ffe2ea;color:#b55772}.phase-card.pending .phase-state{background:#fff4d5;color:#9d7f38}
.phase-main,.setup-main{min-width:0;padding:16px 18px;background:#fffdfd}.phase-main{display:flex;flex-direction:column;gap:12px}.setup-card{display:grid;grid-template-columns:184px minmax(0,1fr)}.setup-card .setup-time{grid-column:1;grid-row:1}.setup-main{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:12px}.setup-main .arrival-actions,.setup-main .planting-actions{grid-column:auto;grid-row:auto;padding:0;background:transparent;border:0}.arrival-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.arrival-actions .button{height:37px;margin:0}.planting-actions .seedling-tips{padding:14px 0 0}
.phase-actions{padding:14px 15px;border:1px solid #f0dfe4;border-radius:9px;background:#fffafb}.phase-section-title{margin:0;color:#956e7b;font-size:12px;font-weight:700}.work-list{margin-top:8px}.work-row{grid-template-columns:20px minmax(0,1fr);gap:8px;padding:9px 0;border-color:#f3e4e8;cursor:default}.work-check{width:18px;height:18px;border-color:#d7a5b3;color:#bc6d82;font-size:12px}.work-task{font-size:13px;color:#59414a}.stage-utilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stage-utility-card{min-width:0;padding:13px 14px;border:1px solid #f0dfe4;border-radius:9px;background:#fff8fa}.stage-medicine{background:#fcf8ff;border-color:#e8dcef}.utility-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.utility-head .subtle{display:block;margin-top:3px;font-size:11px;color:#a1838e}.utility-add{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border:1px solid #ead995;border-radius:7px;background:#fff7d6;color:#806b3c;font:600 17px/1 inherit;cursor:pointer}.utility-add:hover{background:#fff0bd}.reminder-list{margin-top:8px}.reminder-item{display:grid;grid-template-columns:100px 18px minmax(0,1fr);align-items:center;gap:7px;padding:8px 0;border-top:1px solid #f2e3e7}.reminder-item:first-child{border-top:0}.reminder-item input{width:100%;min-width:0;height:28px;border:1px solid #efd7df;border-radius:6px;background:#fffdfd;color:#72525e;padding:3px 6px;font:12px inherit}.reminder-mark{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#ffe3eb;color:#bd607b;font-size:11px}.reminder-copy{min-width:0;color:#614853;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.reminder-copy b{margin-right:5px;color:#ad6177;font-size:11px}.fertilizer-reminder .reminder-mark{background:#e8f6e9;color:#57936a}.fertilizer-reminder .reminder-copy b{color:#57936a}.utility-empty{padding:14px 0 4px;color:#aa9099;font-size:12px}.medicine-stage-list{display:flex;flex-direction:column;gap:7px;margin-top:9px}.medicine-stage-item{display:flex;align-items:flex-start;gap:8px;padding-top:8px;border-top:1px solid #eee3f2}.medicine-stage-item:first-child{padding-top:0;border-top:0}.medicine-stage-item i{width:18px;height:18px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-style:normal;font-size:12px}.medicine-stage-item strong{display:block;color:#614853;font-size:12px}.medicine-stage-item span{display:block;margin-top:2px;color:#9f8795;font-size:11px;line-height:1.4}
.phase-diary,.setup-card .setup-diary{display:block;grid-column:1 / -1;grid-row:2;margin:0;padding:16px 18px;border:0;border-top:1px solid #f0d7df;background:#fff7fa}.phase-diary .stage-diary-content,.setup-card .setup-diary .stage-diary-content{display:block}.phase-diary-head{align-items:center}.phase-diary-head .subtle{font-size:11px}.phase-diary-actions button,.phase-add{background:#fff7d6!important;border-color:#ead995!important;color:#806b3c!important}.phase-add{width:auto;min-width:166px;padding:8px 11px;border-style:dashed}.diary-empty{padding:13px 0 8px;color:#ab929b}.stage-note{border-color:#f1e3e7;color:#6d515c}.stage-note b{color:#a95f75}.stage-note p{color:#755963}
@media(max-width:900px){.phase-card .phase-content,.setup-card{grid-template-columns:150px minmax(0,1fr)}.phase-time,.setup-time{padding:14px}.phase-time .stage-reference-image,.setup-time .stage-reference-image{width:88px;height:88px}.phase-main,.setup-main{padding:14px}.arrival-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-utilities{grid-template-columns:1fr}.reminder-item{grid-template-columns:94px 18px minmax(0,1fr)}}
@media(max-width:620px){.lifecycle{padding:12px}.phase-card .phase-content,.setup-card,.setup-card.arrival-card{display:block}.phase-time,.setup-time{border-right:0;border-bottom:1px solid #f0d7df}.phase-time{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto;column-gap:13px;align-items:center}.setup-time{display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto auto;column-gap:13px;align-items:center}.phase-time .stage-reference-image,.setup-time .stage-reference-image{width:82px;height:82px;margin:0}.phase-time .stage-reference-image{grid-column:1;grid-row:1}.phase-time .phase-title{grid-column:2;grid-row:1;align-self:center}.phase-time dl{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:13px}.setup-time .stage-reference-image{grid-column:1;grid-row:1 / span 2}.setup-time strong{grid-column:2;grid-row:1}.setup-time span{grid-column:2;grid-row:2;margin:0;line-height:1.45}.setup-main,.phase-main{padding:13px}.arrival-actions{grid-template-columns:1fr}.stage-utilities{grid-template-columns:1fr}.phase-diary,.setup-card .setup-diary{padding:14px}.reminder-item{grid-template-columns:94px 18px minmax(0,1fr)}}

/* A shared date keeps paired fertilizer actions compact and readable. */
.reminder-date-group{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid #f2e3e7}.reminder-date-group:first-child{border-top:0}.reminder-date-button{position:relative;display:flex;align-items:center;justify-content:center;gap:3px;width:78px;height:28px;border:1px solid #efd7df;border-radius:6px;background:#fffdfd;color:#8f6573;font-size:12px;cursor:pointer}.reminder-date-button i{font-style:normal;color:#c38395;font-size:11px}.reminder-date-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.reminder-date-items{min-width:0}.reminder-date-items .reminder-item{grid-template-columns:18px minmax(0,1fr);padding:2px 0;border:0}.reminder-date-items .reminder-item+.reminder-item{margin-top:4px}@media(max-width:900px){.reminder-date-group{grid-template-columns:78px minmax(0,1fr)}}
.reminder-composer{display:grid;grid-template-columns:92px minmax(0,1fr) 106px auto;gap:7px;align-items:end;margin-top:11px;padding:10px;border-top:1px dashed #e8cfd7;background:#fffdfd}.reminder-composer label{display:flex;flex-direction:column;gap:4px;color:#9a7784;font-size:10px}.reminder-composer input,.reminder-composer select{width:100%;height:29px;border:1px solid #efd7df;border-radius:6px;background:#fffafa;color:#614853;padding:4px 6px;font:12px inherit}.reminder-composer div{display:flex;gap:5px}.utility-save,.utility-cancel{height:29px;border:1px solid #ead995;border-radius:6px;background:#fff7d6;color:#806b3c;padding:0 9px;font:12px inherit;cursor:pointer}.utility-cancel{border-color:#efd7df;background:#fffafa;color:#986f7d}@media(max-width:700px){.reminder-composer{grid-template-columns:1fr 1fr}.reminder-composer label:nth-child(2){grid-column:span 2}.reminder-composer div{justify-content:flex-end}}

/* Historical and future stages collapse to a compact, date-led summary. */
.setup-card{display:block}.setup-card-content{display:grid;grid-template-columns:184px minmax(0,1fr)}.phase-card-toggle{display:none;width:100%;grid-template-columns:16px minmax(92px,1fr) minmax(105px,auto) auto 16px;align-items:center;gap:9px;border:0;background:#fffafb;color:#604853;padding:13px 15px;text-align:left;font:inherit;cursor:pointer}.phase-card-toggle:hover{background:#fff5f8}.phase-card.collapsed .phase-content,.setup-card.collapsed .setup-card-content{display:none}.phase-card.collapsed .phase-card-toggle,.setup-card.collapsed .phase-card-toggle{display:grid}.compact-stage-dot{width:10px;height:10px;border-radius:50%;background:#e7a4b6}.compact-stage-dot.upcoming{background:#efd17a}.compact-stage-dot.current{background:#79ac89}.compact-stage-title{font-weight:700;font-size:14px}.compact-stage-date{color:#9d7c88;font-size:12px;font-variant-numeric:tabular-nums}.compact-stage-state{padding:3px 7px;border-radius:999px;background:#ffe4eb;color:#b65772;font-size:11px}.compact-stage-state.upcoming{background:#fff5d7;color:#9c7a33}.compact-stage-state.current{background:#e7f5e9;color:#579368}.compact-stage-arrow{color:#bd778a;font-size:16px;transition:transform .15s}.phase-card:not(.collapsed) .phase-card-toggle[aria-expanded="true"] .compact-stage-arrow,.setup-card:not(.collapsed) .phase-card-toggle[aria-expanded="true"] .compact-stage-arrow{transform:rotate(180deg)}
.phase-time[data-card-toggle],.setup-time[data-card-toggle]{cursor:pointer}.phase-time[data-card-toggle]:hover,.setup-time[data-card-toggle]:hover{filter:brightness(.985)}.phase-time[data-card-toggle]:focus-visible,.setup-time[data-card-toggle]:focus-visible{outline:2px solid #dfa1b2;outline-offset:-3px}
@media(max-width:900px){.setup-card-content{grid-template-columns:150px minmax(0,1fr)}.phase-card-toggle{grid-template-columns:14px minmax(72px,1fr) auto auto 14px;gap:7px;padding:11px 12px}.compact-stage-date{font-size:11px}}@media(max-width:620px){.setup-card-content{display:block}.phase-card-toggle{grid-template-columns:12px minmax(0,1fr) auto 14px;gap:7px;padding:11px 12px}.compact-stage-date{display:none}.compact-stage-state{font-size:10px;padding:3px 6px}}
