:root{color:#2b3f26;background:#f6eed6;font-family:ui-monospace,Cascadia Code,monospace}*{box-sizing:border-box}body{background:#f6eed6;min-width:320px;margin:0}button{font:inherit;cursor:pointer}.app-shell{background:#fbf4dc;border-inline:4px solid #385927;max-width:760px;min-height:100vh;margin:auto;padding-bottom:6.4rem;box-shadow:inset 0 0 0 4px #d8c18b}.topbar{color:#6d7d59;text-transform:uppercase;background:#f8eed0;border-bottom:3px solid #476732;justify-content:space-between;align-items:center;min-height:4.2rem;padding:.8rem 1.15rem;font-size:.7rem;display:flex}.brand{color:#315924;letter-spacing:.08em;background:0 0;border:0;font-size:clamp(1.25rem,5vw,1.8rem);font-weight:900}.brand span{margin-right:.3rem;font-size:1.3rem}main{padding:1.15rem}.hero{background:linear-gradient(100deg,#fff7dc 40%,#e6efd6);border:3px solid #405f2a;grid-template-columns:minmax(0,1.05fr) minmax(9rem,.95fr);min-height:21rem;margin:-.1rem 0 1.5rem;padding:1.5rem 1.1rem;display:grid;overflow:hidden;box-shadow:5px 5px #c9ae6a}.eyebrow{color:#507332;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.65rem;font-weight:700}h1{color:#303c28;letter-spacing:-.06em;margin:0 0 .8rem;font-size:clamp(1.45rem,6vw,2.45rem);line-height:1.2}.intro{color:#566051;margin:0 0 1.1rem;font-family:system-ui,sans-serif;font-size:.88rem;line-height:1.5}.hero-plant{width:min(100%,20rem);image-rendering:pixelated;filter:drop-shadow(4px 5px #405f2a2e);align-self:end;margin:auto -1.4rem -1.2rem}.primary,.secondary{color:#fff9e7;background:#537932;border:3px solid #2e4f22;border-radius:.3rem;padding:.7rem 1rem;font-weight:800;box-shadow:3px 3px #28441d}.secondary{color:#345725;background:#fff7dd;width:min(100%,18rem);margin:1rem auto 0;display:block;box-shadow:3px 3px #bda46b}.notice{background:#fff8e2;border:2px solid #c3a55f;align-items:center;gap:.7rem;margin-bottom:1.5rem;padding:.85rem;display:flex}.notice>span{font-size:1.6rem}.notice div{flex:1}.notice strong,.notice small{display:block}.notice strong{font-size:.8rem}.notice small{color:#657362;margin-top:.2rem;font-size:.68rem}.notice button{color:#42662d;background:0 0;border:0;font-weight:700}.panel{background:#fff8df;border:3px solid #415e2c;padding:1.55rem .85rem .85rem;position:relative;box-shadow:4px 4px #cdb476}.panel-label{color:#fff;letter-spacing:.08em;text-align:center;background:#527832;border:2px solid #315523;border-radius:.25rem;min-width:11rem;padding:.38rem .7rem;font-size:.78rem;font-weight:700;position:absolute;top:-1rem;left:50%;transform:translate(-50%)}.page{min-height:25rem;padding-top:2.3rem}.plant-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.plant-list li{background:linear-gradient(100deg,#f6f1ce,#fff9e3);border:2px solid #c3b06a;grid-template-columns:3.2rem minmax(0,1fr) minmax(4.5rem,auto);align-items:center;gap:.65rem;padding:.65rem;display:grid}.plant-emoji{background:#dce9c4;border:2px solid #778b48;place-items:center;width:3.2rem;height:3.2rem;font-size:1.65rem;display:grid}.plant-list strong,.plant-list small{display:block}.plant-list strong{font-size:.9rem}.plant-list small{color:#65725b;margin-top:.18rem;font-family:system-ui,sans-serif;font-size:.68rem}.plant-list li>span:last-child{color:#4e7131;text-align:right;font-size:.66rem;font-weight:700}.plant-list li>.urgent{color:#b16b22}.setting{border-bottom:2px dashed #d4bd7a;align-items:center;gap:.75rem;padding:.9rem 0;display:flex}.setting b{color:#46672d;margin-left:auto}.bottom-nav{z-index:3;background:#496d2d;border:3px solid #2e4c22;grid-template-columns:repeat(4,1fr);max-width:760px;margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px #bba164}.bottom-nav button{color:#f9f1d4;background:0 0;border:0;border-right:1px solid #f5eecd38;min-height:4.7rem;font-size:.66rem}.bottom-nav button span{margin-bottom:.25rem;font-size:1.35rem;display:block}.bottom-nav button.active{color:#315323;background:#fff7df;box-shadow:inset 0 -3px #e1c57e}@media (width<=430px){.hero{grid-template-columns:1.1fr .9fr;min-height:20rem;padding-inline:.85rem}.hero-plant{margin-right:-2rem}.intro{font-size:.79rem}.plant-list li{grid-template-columns:2.7rem minmax(0,1fr)}.plant-list li>span:last-child{text-align:left;grid-column:2}.plant-emoji{width:2.7rem;height:2.7rem}}