:root{color-scheme:light;font-family:Segoe UI,ui-rounded,system-ui,-apple-system,sans-serif;line-height:1.5;--green-dark: #2d6a4f;--green-mid: #40916c;--green-light: #74c69d;--green-pale: #d8f3dc;--sky: #a2d2ff;--sky-light: #caf0f8;--sun: #ffbe0b;--sun-light: #fff3b0;--coral: #ff6b6b;--pink: #ffafcc;--purple: #c77dff;--brown: #8b6914;--brown-light: #dda15e;--soil: #6b4226;--soil-light: #a67c52;--white: #ffffff;--cream: #fefae0;--text: #1b4332;--text-light: #52796f;--shadow: rgba(0,0,0,.08);--shadow-md: rgba(0,0,0,.12)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:linear-gradient(180deg,#caf0f8,#d8f3dc 40%,#fefae0);color:var(--text)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;gap:1rem;padding:.6rem 1.5rem;background:linear-gradient(135deg,var(--green-dark),var(--green-mid));color:var(--white);flex-shrink:0;box-shadow:0 2px 8px var(--shadow-md)}.topbar-left{display:flex;align-items:center;gap:.6rem}.topbar-left .logo{font-size:1.6rem}.topbar h1{font-size:1.2rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.topbar-stats{display:flex;gap:1rem;margin-left:auto;align-items:center}.stat-badge{display:flex;align-items:center;gap:.35rem;background:#fff3;padding:.3rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-badge .stat-icon{font-size:.95rem}.level-badge{background:var(--sun);color:var(--text);font-weight:800}.tab-bar{display:flex;gap:.25rem;padding:.5rem 1.5rem;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.tab-btn{padding:.45rem 1rem;border:none;background:transparent;color:var(--text-light);font-size:.82rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.35rem}.tab-btn:hover{background:#0000000a}.tab-btn.active{background:var(--white);color:var(--green-dark);box-shadow:0 1px 4px var(--shadow)}.main-area{display:flex;flex:1;overflow:hidden}.garden-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:1.25rem}.garden-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.garden-header h2{font-size:1.05rem;font-weight:700;color:var(--green-dark)}.garden-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:700px}.plot{aspect-ratio:1;border-radius:1rem;border:2.5px dashed rgba(0,0,0,.12);background:linear-gradient(145deg,var(--soil-light),var(--soil));display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;min-height:140px;box-shadow:inset 0 2px 8px #0003}.plot:hover{border-color:var(--green-mid);transform:translateY(-2px);box-shadow:inset 0 2px 8px #0003,0 4px 12px var(--shadow-md)}.plot.empty{background:linear-gradient(145deg,#c9a96e,var(--soil-light));border-style:dashed}.plot.empty .plot-hint{font-size:.7rem;color:#ffffff80;margin-top:.3rem}.plot.planted{border-style:solid;border-color:var(--green-light)}.plot.ready{border-color:var(--sun);animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:inset 0 2px 8px #0003,0 0 #ffbe0b4d}50%{box-shadow:inset 0 2px 8px #0003,0 0 16px 4px #ffbe0b40}}.plot-emoji{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s}.plot.ready .plot-emoji{animation:bounce .6s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.plot-name{font-size:.72rem;font-weight:700;color:var(--white);margin-top:.25rem;text-shadow:0 1px 2px rgba(0,0,0,.4)}.plot-stage{font-size:.62rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.progress-bar{width:80%;height:6px;background:#00000040;border-radius:99px;margin-top:.4rem;overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--green-light),var(--sun));transition:width .4s ease}.water-btn{margin-top:.35rem;padding:.2rem .55rem;border:none;background:var(--sky);color:var(--text);font-size:.65rem;font-weight:700;border-radius:99px;cursor:pointer;transition:all .15s}.water-btn:hover{background:#90caf9;transform:scale(1.05)}.harvest-btn{margin-top:.35rem;padding:.25rem .65rem;border:none;background:var(--sun);color:var(--text);font-size:.68rem;font-weight:800;border-radius:99px;cursor:pointer;transition:all .15s;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{box-shadow:0 0 4px #ffbe0b4d}50%{box-shadow:0 0 12px #ffbe0b99}}.harvest-btn:hover{background:#ffd166;transform:scale(1.08)}.sidebar{width:300px;flex-shrink:0;background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;overflow:hidden}.sidebar-section{display:flex;flex-direction:column;flex:1;overflow:hidden}.sidebar-header{padding:.7rem 1rem;font-size:.8rem;font-weight:700;color:var(--green-dark);border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:.4rem;flex-shrink:0}.sidebar-scroll{flex:1;overflow-y:auto;padding:.5rem}.shop-item{display:flex;align-items:center;gap:.65rem;padding:.6rem .65rem;border-radius:.65rem;border:1.5px solid rgba(0,0,0,.06);background:var(--white);margin-bottom:.4rem;transition:all .15s}.shop-item:hover{border-color:var(--green-light);box-shadow:0 2px 8px var(--shadow)}.shop-item.locked{opacity:.5;filter:grayscale(.4)}.shop-emoji{font-size:1.6rem;flex-shrink:0}.shop-info{flex:1;min-width:0}.shop-name{font-size:.78rem;font-weight:700;color:var(--text)}.shop-rarity{font-size:.6rem;font-weight:600;padding:.05rem .35rem;border-radius:99px;display:inline-block;margin-top:.15rem}.rarity-common{background:var(--green-pale);color:var(--green-dark)}.rarity-uncommon{background:#dbeafe;color:#1e40af}.rarity-rare{background:#f3e8ff;color:#7e22ce}.rarity-legendary{background:#fef3c7;color:#92400e}.rarity-mythical{background:#fce7f3;color:#9d174d}.shop-buy{padding:.3rem .65rem;border:none;background:linear-gradient(135deg,var(--green-mid),var(--green-dark));color:var(--white);font-size:.7rem;font-weight:700;border-radius:99px;cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.shop-buy:hover{transform:scale(1.05);box-shadow:0 2px 8px #2d6a4f4d}.shop-buy:disabled{opacity:.4;cursor:not-allowed;transform:none}.collection-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:.5rem;background:var(--white);margin-bottom:.3rem;border:1px solid rgba(0,0,0,.04)}.collection-emoji{font-size:1.2rem}.collection-name{font-size:.75rem;font-weight:600;flex:1}.collection-count{font-size:.65rem;color:var(--text-light);font-weight:700;background:var(--green-pale);padding:.1rem .4rem;border-radius:99px}.challenge-card{padding:.65rem;border-radius:.65rem;background:var(--white);border:1.5px solid rgba(0,0,0,.06);margin-bottom:.5rem}.challenge-card.completed{border-color:var(--green-light);background:var(--green-pale)}.challenge-title{font-size:.78rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.35rem}.challenge-desc{font-size:.68rem;color:var(--text-light);margin-top:.2rem}.challenge-reward{font-size:.65rem;font-weight:700;color:var(--sun);margin-top:.3rem}.challenge-progress{width:100%;height:5px;background:#00000014;border-radius:99px;margin-top:.35rem;overflow:hidden}.challenge-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--green-light),var(--green-mid));transition:width .4s ease}.fact-card{padding:.75rem;border-radius:.65rem;background:linear-gradient(135deg,#dbeafe,#ede9fe);border:1px solid rgba(0,0,0,.06);margin-bottom:.5rem}.fact-card .fact-emoji{font-size:1.2rem;margin-bottom:.2rem}.fact-text{font-size:.75rem;line-height:1.5;color:var(--text)}.log-item{padding:.45rem .6rem;border-bottom:1px solid rgba(0,0,0,.04);font-size:.73rem;line-height:1.4;color:var(--text)}.log-item:last-child{border-bottom:none}.log-time{font-size:.6rem;color:var(--text-light);margin-top:.1rem}.log-item strong{color:var(--green-dark);font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--white);border-radius:1rem;padding:1.5rem;width:380px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}}.modal h3{font-size:1rem;margin-bottom:.75rem;color:var(--green-dark);display:flex;align-items:center;gap:.4rem}.modal-close{margin-left:auto;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-light);padding:.2rem}.seed-option{display:flex;align-items:center;gap:.6rem;padding:.65rem;border-radius:.65rem;border:1.5px solid rgba(0,0,0,.06);cursor:pointer;transition:all .15s;margin-bottom:.35rem;background:var(--white)}.seed-option:hover{border-color:var(--green-mid);background:var(--green-pale)}.seed-option.unavailable{opacity:.4;cursor:not-allowed}.seed-option .seed-emoji{font-size:1.6rem}.seed-option .seed-name{font-size:.8rem;font-weight:700}.seed-option .seed-cost{font-size:.7rem;color:var(--text-light);margin-left:auto;font-weight:700;display:flex;align-items:center;gap:.2rem}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:var(--green-dark);color:var(--white);padding:.6rem 1.2rem;border-radius:999px;font-size:.82rem;font-weight:700;box-shadow:0 4px 16px #0003;z-index:200;animation:toastIn .3s ease,toastOut .3s ease 1.7s forwards;display:flex;align-items:center;gap:.4rem}@keyframes toastIn{0%{transform:translate(-50%) translateY(-20px);opacity:0}}@keyframes toastOut{to{transform:translate(-50%) translateY(-20px);opacity:0}}.inv-seed{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .5rem;background:var(--white);border:1px solid rgba(0,0,0,.08);border-radius:99px;font-size:.7rem;font-weight:700;margin:.15rem;cursor:pointer;transition:all .15s}.inv-seed:hover{border-color:var(--green-mid);background:var(--green-pale)}.inv-seed .inv-count{color:var(--text-light);font-weight:600}@media(max-width:900px){.sidebar{display:none}.garden-grid{grid-template-columns:repeat(3,1fr)}.topbar-stats{gap:.5rem}.stat-badge{font-size:.7rem;padding:.25rem .5rem}}