/* Adapted from the supplied garden, care and pet styles. */
.garden{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#f0f5e7;border:1px solid #dce6cf;border-radius:22px;padding:32px 38px;margin:14px 0 24px;overflow:hidden}.garden h2{font-size:27px;line-height:1.45;max-width:340px}.garden-copy>p{font-size:12px;color:#738367}.garden-stats{display:flex;gap:34px;margin:20px 0}.garden-stats>div{display:flex;align-items:center;gap:9px}.garden-stats b{font-size:31px;color:#38734b}.garden-stats span{font-size:11px;max-width:70px;line-height:1.6}.garden-week{display:flex;gap:7px;margin-bottom:20px}.garden-day{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:39px;padding:8px 4px;border-radius:10px;border:1px solid #dce5d3;color:#8b987f;background:#f9fbf4}.garden-day span,.garden-day small{font-size:9px}.garden-day b{height:20px;font-size:16px}.garden-day.watered{background:#e1eed5;color:#3f774b}.garden-day.today{border:2px solid #7da565;padding:7px 3px}.garden-copy>small{display:block;font-size:10px;color:#87957b;line-height:1.7}.garden #gardenMessage{min-height:42px;max-width:370px}.garden-visual{align-self:center;min-width:0}.garden-stage{font-size:11px;text-align:center;color:#5a7a47;font-weight:600}.garden-visual svg{display:block;width:100%;max-height:310px}.garden-milestones{display:flex;justify-content:space-between;gap:3px}.garden-milestones>div{display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.45;flex:1}.garden-milestones span{font-size:20px;filter:grayscale(1)}.garden-milestones b{font-size:8px;text-align:center}.garden-milestones small{font-size:8px}.garden-milestones .reached{opacity:1}.garden-milestones .reached span{filter:none}.garden-milestones .current span{background:#d9eabe;outline:4px solid #d9eabe;border-radius:50%}.garden-growth{font-size:10px;text-align:center;margin:20px auto 0;max-width:330px;color:#70835e}.garden-growth .track{background:#dbe5ce}.tree-sway{transform-origin:220px 245px;animation:treeBreathe 4s ease-in-out infinite}#gardenRain{opacity:0}.watering #gardenRain{animation:rainFall .8s linear 3}.watering .garden-stage{animation:happyTree .6s ease-in-out 3}@keyframes treeBreathe{50%{rotate:1.5deg}}@keyframes rainFall{0%{opacity:0;transform:translateY(0)}25%{opacity:1}100%{opacity:0;transform:translateY(150px)}}@keyframes happyTree{50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.tree-sway,.watering #gardenRain,.watering .garden-stage{animation:none}.watering #gardenRain{opacity:1}}@media(max-width:640px){.garden{grid-template-columns:1fr;padding:24px 18px;gap:25px}.garden h2{font-size:24px}.garden-stats{gap:20px}.garden-week{gap:4px}.garden-day{min-width:0;flex:1}.garden-milestones b{font-size:7px}.garden-visual{grid-row:2}.work,.app{min-width:0}.code-area{min-width:0}.code-area textarea{min-width:0}.mission>div{min-width:0}.editor-footer{flex-wrap:wrap}}
.care-panel{grid-column:1/-1;border-top:1px solid #d8e3cc;padding-top:22px}.care-title{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:16px}.care-title>span{font-size:10px;color:#839471}.care-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.care-actions button{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fcfdf7;border:1px solid #ccdcb9;border-radius:13px;padding:18px 10px;color:#34543c;transition:transform .2s,box-shadow .2s}.care-actions button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 5px 15px #385d3b15}.care-actions button>span{font-size:29px}.care-actions b{font-size:13px}.care-actions small{font-size:10px;line-height:1.7}.care-actions button:disabled{cursor:default;opacity:.65}.care-panel>p{font-size:11px;color:#778c63;margin-bottom:0}.garden-visual{position:relative}.care-sparkles{position:absolute;inset:20% 15%;pointer-events:none;display:flex;justify-content:space-between;opacity:0;color:#cca849;font-size:25px}.fertilizing .care-sparkles{animation:feedSparkle 2s ease-in-out}.well-fed .garden-stage::after{content:' · 🌾 Đủ dưỡng chất';font-size:10px;color:#8a8543}.sunny-garden #gardenTree>circle{fill:#f9cd51;filter:drop-shadow(0 0 12px #efca5c)}.sunbathing #gardenTree>circle{animation:sunGlow .8s ease-in-out 3}@keyframes feedSparkle{0%{opacity:0;transform:translateY(-25px)}25%{opacity:1}100%{opacity:0;transform:translateY(80px)}}@keyframes sunGlow{50%{filter:drop-shadow(0 0 25px #efca5c)}}@media(max-width:640px){.care-actions{gap:7px}.care-actions button{padding:14px 6px}.care-actions b{font-size:11px}.care-actions small{font-size:9px}.care-title{font-size:11px}.care-title>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.fertilizing .care-sparkles,.sunbathing #gardenTree>circle{animation:none}.fertilizing .care-sparkles{opacity:1}.care-actions button{transition:none}}
.rest-panel{margin-top:18px;border:1px solid #d6dfd9;border-radius:12px;padding:13px;background:#f9faf8}.rest-panel summary{cursor:pointer;font-weight:600;font-size:12px;color:#667e82}.rest-panel p,.rest-panel label{font-size:11px;line-height:1.8;color:#738384}.rest-panel select{font:inherit;padding:6px;border:1px solid #cddbd3;border-radius:6px;background:white;color:#4c6d61;margin-left:8px}.rest-options{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.rest-options button,#restResume{font:inherit;font-size:10px;background:#edf2f5;color:#526c7b;border:1px solid #d4dfe5;border-radius:8px;padding:10px}.rest-panel small{font-size:9px;line-height:1.8;display:block;color:#8c9893}.rest-panel #restStatus{margin-bottom:0}.rest-panel #restResume{margin-top:10px}.resting-garden{background:#eef3f4;border-color:#dae3e5}.resting-garden .garden-visual::after{content:'☁️ Nghỉ vui nhé, mình vẫn ở đây!';position:absolute;top:19%;left:15%;right:15%;text-align:center;font-size:12px;background:#ffffffdf;padding:12px;border-radius:30px;color:#6b8291}.rest-day{background:#e6edf4;border-color:#cddbe5}.resting-garden .garden-growth .track{display:none}.care-panel[hidden]{display:none}
.gift-card{display:grid;grid-template-columns:100px 1.2fr 1fr;gap:25px;align-items:center;background:#faf3e7;border:1px solid #ebdfc8;border-radius:20px;padding:30px;margin:24px 0}.gift-illustration{font-size:65px;position:relative;text-align:center}.gift-illustration>span{position:absolute;top:-10px;right:0;color:#c1a457;font-size:25px}.gift-copy h2{font-size:23px}.gift-copy p{font-size:12px;color:#877f6c}.gift-copy .gift-note{font-size:10px}.gift-copy #giftStatus{font-size:10px;margin-bottom:0}.pet-shelf{border-left:1px solid #e9dcc4;padding-left:20px}.pet-shelf>b{font-size:12px}.pet-shelf>small{font-size:9px;color:#9b907b;line-height:1.8;display:block;margin-top:12px}#petCollection{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.pet-collection-item svg{width:100%;display:block}.pet-collection-item span{font-size:8px;display:block;text-align:center}.pet-collection-item.unmet svg{filter:grayscale(1);opacity:.3}.pet-collection-item.unmet span{color:#9a927f}.pet-text-button{border:0;background:none;color:#6d7e59;font-size:11px;padding:10px 0}.pet-buddy{position:fixed;z-index:20;right:18px;bottom:15px;width:120px;border:0;background:none;padding:0;filter:drop-shadow(0 4px 8px #304d4015)}.pet-buddy[hidden]{display:none}#petTalk{border:0;padding:0;background:none;width:100%;cursor:pointer}#petTalk svg{width:110px;display:block}#petHide{position:absolute;right:0;top:5px;border:1px solid #d5dfd0;border-radius:50%;width:27px;height:27px;background:#fff;color:#7d8a75;font-size:18px;z-index:1}#petBubble{background:white;border:1px solid #dde5d6;border-radius:12px;padding:8px;font-size:9px;line-height:1.7;text-align:center;max-width:150px}.pet-dialog{text-align:center;max-width:390px;background:#fffdf6}.pet-dialog svg{width:180px;display:block;margin:10px auto}.pet-dialog h2{font-size:23px}.pet-dialog p{font-size:12px;color:#849071}.pet-wave #petTalk{animation:petWiggle .45s ease-in-out 3}@keyframes petWiggle{50%{transform:rotate(-8deg) translateY(-7px)}}@media(max-width:800px){.gift-card{grid-template-columns:70px 1fr;padding:23px;gap:17px}.pet-shelf{grid-column:1/-1;border-left:0;border-top:1px solid #e9dcc4;padding:15px 0 0}.pet-collection-item svg{max-width:90px;margin:auto}.gift-illustration{font-size:48px}}@media(max-width:640px){.gift-card{grid-template-columns:1fr}.gift-illustration{display:none}.gift-copy h2{font-size:21px}.pet-buddy{width:85px;right:8px;bottom:8px}#petTalk svg{width:80px}#petBubble{font-size:8px;padding:6px}.pet-buddy #petHide{top:0;width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.pet-wave #petTalk{animation:none}}

/* Fit the supplied garden into the multi-page product. Companions never cover the editor. */
.site-header{gap:15px}.site-header nav{gap:17px}.streak-chip{font-size:12px;color:#42653d;text-decoration:none;white-space:nowrap;background:#eef5e4;border:1px solid #d7e3ca;border-radius:20px;padding:8px 11px}.pet-chip{display:flex;align-items:center;gap:5px;min-height:40px;padding:0 8px 0 0;border:1px solid #d7e3ca;border-radius:22px;background:#fff9ed;color:#5c6746;white-space:nowrap;font-size:11px}.pet-chip[hidden]{display:none}#petChipArt svg{width:36px;height:36px;display:block}.pet-dialog-actions{display:flex;gap:14px;flex-direction:column;align-items:center}.pet-dialog-actions a{font-size:13px;color:#486b3e}.pet-dialog{max-height:90dvh;overflow:auto}.reward-save-status{position:fixed;left:16px;right:16px;bottom:10px;z-index:90;padding:12px;background:#fff3d4;border:1px solid #d9bd6f;border-radius:9px;color:#745827;font-size:13px;text-align:center}.garden-preview{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 22px;margin:0 0 24px;border:1px solid #d5e1c8;border-radius:14px;background:#eef5e2;text-decoration:none;color:#43643b;font-size:13px}.garden-preview strong{font-size:16px}.garden-learn-link{display:block;font-size:13px;color:#426b37;margin:14px 0}.garden h2{max-width:none}.garden-copy>p,.gift-copy p{font-size:14px;line-height:1.9}.garden-copy>small,.gift-copy .gift-note{font-size:12px}.garden #gardenMessage{max-width:none;font-size:14px}.garden-stats span{font-size:12px;max-width:100px}.garden-week{justify-content:space-between}.garden-day{flex:1}.garden-day span,.garden-day small{font-size:11px}.garden-milestones b,.garden-milestones small{font-size:10px}.garden-growth{font-size:12px;line-height:1.8}.care-actions small{font-size:12px}.care-panel>p{font-size:13px}.care-title>span{font-size:12px}.rest-panel p,.rest-panel label{font-size:13px}.rest-panel small{font-size:11px}.rest-panel summary{font-size:14px;min-height:36px;line-height:1.8}.rest-options button,#restResume{font-size:12px;min-height:44px}.gift-copy #giftStatus{font-size:12px}.pet-shelf>small{font-size:11px}.pet-collection-item span{font-size:11px}.pet-text-button{font-size:13px;min-height:44px}.pet-dialog p{font-size:14px}.care-panel[hidden]{display:none}.garden button{min-height:44px}.garden #gardenAction:disabled{cursor:default}.page-garden main{padding-bottom:28px}
@media(max-width:1100px){.site-header nav{gap:12px}.site-header{gap:10px}.pet-chip>span:last-child{display:none}.garden{padding:26px;gap:24px}}
@media(max-width:800px){.garden{grid-template-columns:1fr}.garden-visual{max-width:440px;width:100%;justify-self:center}.garden-copy>p{max-width:none}.gift-card{grid-template-columns:1fr}.gift-illustration{display:none}.site-header .streak-chip{padding:5px 9px}.site-header .pet-chip{min-height:30px}#petChipArt svg{height:30px;width:30px}}
@media(max-width:640px){.garden{padding:22px 16px}.garden h2{font-size:25px}.care-actions{grid-template-columns:1fr}.care-actions button{flex-direction:row;justify-content:flex-start;gap:12px;text-align:left}.care-actions small{margin-left:auto;max-width:130px}.garden-stats{gap:20px;flex-wrap:wrap}.gift-card{padding:22px 16px}.pet-collection-item span{font-size:10px}.site-header nav{gap:18px}.garden-milestones b{font-size:9px}.garden-preview{padding:18px}}
.site-header nav{min-width:0;overflow-x:auto;flex-shrink:1}.site-header .brand,.site-header .streak-chip,.site-header .pet-chip,.site-header .points{flex-shrink:0}
.water-reward{grid-column:2;justify-self:start;margin:8px 0;padding:9px 12px;border:1px solid #b9d29f;border-radius:8px;background:#f0f7e4;color:#416c34;font-size:13px;line-height:1.7;text-decoration:none;min-height:44px}.water-reward:hover{background:#e5f0d5}@media(max-width:760px){.water-reward{grid-column:1;grid-row:4}}
.reward-save-status p{margin:0 0 8px;line-height:1.7}.reward-save-status button{border:1px solid #bca45c;border-radius:7px;background:#fffdf4;color:#6b541f;padding:9px 16px;min-height:44px;font-weight:600}