:root{
  --pink:#ffd9e8;--pink2:#fff0f6;--rose:#e887ae;--deep:#7b3f5c;--ink:#3d3040;
  --cream:#fffafc;--green:#83b58c;--glass:rgba(255,255,255,.72);--shadow:0 18px 55px rgba(126,70,98,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#fff5f9,#ffe0ed 45%,#f9eff8);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button{font:inherit;border:0;cursor:pointer}.app-shell{max-width:1180px;margin:auto;padding:20px 22px 34px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:11px}.brand-flower{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:#fff;box-shadow:var(--shadow);font-size:24px;color:var(--rose)}.brand strong{display:block;font-size:16px}.brand small{color:#987c8c;font-size:11px}.stats{display:flex;gap:8px;flex-wrap:wrap}.stats span{background:rgba(255,255,255,.7);padding:9px 13px;border-radius:999px;font-size:13px;box-shadow:0 8px 22px rgba(100,50,80,.06)}
.glass{background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:28px}
.hero{min-height:330px;padding:42px 44px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;position:relative}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:800;color:#b56c91;margin:0 0 12px}.hero h1{font-size:clamp(36px,5vw,62px);line-height:.98;margin:0;color:#4a3140;letter-spacing:-2.5px}.hero h1 span{color:#d778a2}.hero-copy{max-width:470px;color:#826c78;line-height:1.7;font-size:14px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.primary,.secondary{padding:12px 17px;border-radius:14px;font-weight:750;font-size:13px;transition:.2s transform,.2s box-shadow}.primary{background:#df83aa;color:#fff;box-shadow:0 9px 25px rgba(216,113,157,.28)}.secondary{background:#fff;color:#81536a}.primary:hover,.secondary:hover,.icon-btn:hover{transform:translateY(-2px)}
.hero-art{position:relative;min-height:240px}.sun{position:absolute;width:125px;height:125px;border-radius:50%;right:20%;top:8%;background:#ffe5a8;filter:blur(.2px);box-shadow:0 0 60px rgba(255,214,133,.45)}.hill{position:absolute;width:120%;height:130px;bottom:-55px;left:-10%;background:#a8d0a5;border-radius:50% 50% 0 0}.cloud{position:absolute;background:#fff;border-radius:999px;width:95px;height:28px;opacity:.85}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:40px;height:40px;left:18px;bottom:5px}.cloud:after{width:52px;height:52px;left:45px;bottom:2px}.c1{top:30px;left:15px}.c2{top:110px;right:0;transform:scale(.7)}.mini-flower{position:absolute;z-index:2;font-size:45px;animation:float 3s ease-in-out infinite}.f1{bottom:30px;left:22%}.f2{bottom:15px;right:27%;animation-delay:.5s}.f3{bottom:52px;right:8%;animation-delay:1s}@keyframes float{50%{transform:translateY(-9px) rotate(3deg)}}
.toolbar{display:flex;justify-content:space-between;align-items:end;margin:30px 2px 12px}.toolbar h2,.panel h2{margin:0;font-size:20px}.toolbar p,.panel-title span{margin:4px 0 0;color:#9a7c8d;font-size:12px}.tools{display:flex;gap:8px}.icon-btn{width:39px;height:39px;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(80,40,60,.07);transition:.2s}
.garden{min-height:430px;padding:24px;display:grid;grid-template-columns:repeat(5,1fr);gap:13px;background:linear-gradient(#fff8fb,#f6e9df)}.plot{min-height:115px;border-radius:22px;background:rgba(135,103,79,.09);border:1px dashed rgba(121,91,71,.15);display:grid;place-items:center;position:relative;overflow:hidden;transition:.2s;cursor:pointer}.plot:hover{transform:translateY(-3px);background:rgba(255,255,255,.42)}.plot:before{content:"";position:absolute;width:120%;height:60%;bottom:-45%;border-radius:50%;background:rgba(113,83,57,.09)}.plant{position:relative;z-index:2;text-align:center;animation:bloom .45s ease-out}.plant .emoji{font-size:43px;display:block;filter:drop-shadow(0 5px 5px rgba(100,50,50,.12))}.plant small{display:block;margin-top:4px;color:#866d76;font-size:10px;font-weight:700}.drop{position:absolute;right:10px;top:8px;font-size:14px}.growth{position:absolute;left:10px;right:10px;bottom:8px;height:4px;background:#ffffff8a;border-radius:99px;overflow:hidden}.growth span{display:block;height:100%;background:#d98eac;border-radius:99px}.empty-state{grid-column:1/-1;align-self:center;text-align:center;color:#9a7e8c}.empty-icon{font-size:52px}.empty-state h3{margin:8px 0 2px;color:#624454}.empty-state p{font-size:12px}@keyframes bloom{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
.bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px}.panel{padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.seed-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.seed{padding:13px 9px;background:#fff;border-radius:17px;text-align:center;border:2px solid transparent;transition:.2s}.seed.active{border-color:#e8a2be;box-shadow:0 7px 20px rgba(220,130,170,.13)}.seed:hover{transform:translateY(-2px)}.seed .semoji{font-size:28px}.seed b{display:block;font-size:11px;margin:4px 0}.seed small{font-size:9px;color:#9a7c8d}.progress{height:9px;background:#f2dce6;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#e887ae,#c990d8);border-radius:99px;transition:.5s}.quests{margin-top:14px;display:grid;gap:9px}.quests div{display:flex;justify-content:space-between;font-size:12px;padding:9px 11px;background:#fff8fb;border-radius:12px}.quests b{color:#b35d85}footer{text-align:center;color:#a18695;font-size:10px;padding-top:25px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#493442;color:#fff;padding:11px 16px;border-radius:999px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:32px 26px}.hero-art{display:none}.garden{grid-template-columns:repeat(3,1fr)}.bottom-grid{grid-template-columns:1fr}.seed-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.app-shell{padding:13px}.topbar{align-items:flex-start}.stats{justify-content:flex-end}.stats span{padding:7px 9px}.hero{border-radius:23px;padding:27px 21px}.hero h1{font-size:42px}.garden{padding:12px;gap:8px;min-height:360px}.plot{min-height:105px;border-radius:17px}.plant .emoji{font-size:35px}.bottom-grid{gap:12px}.panel{padding:17px}.seed{padding:10px 5px}}