:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;--card-bg:#fff;--text-primary:#111827;--text-muted:#6b7280;--primary-color:#10b981;--primary-dark:#047857;--transition-speed:.6s;background-color:#f3f4f6;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}input,button{font-size:16px!important}@media (prefers-color-scheme:dark){:root{--card-bg:#1f2937;--text-primary:#f9fafb;--text-muted:#9ca3af;background-color:#111827}}body{color:var(--text-primary);background-color:#f3f4f6;margin:0;overflow-x:hidden}#root{text-align:center;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}.header{margin-bottom:2rem}.header h1{color:var(--primary-color);margin-bottom:.5rem;font-size:clamp(2rem,8vw,3.5rem);font-weight:900}.test-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:20px;align-items:center;gap:.5rem;margin-top:1rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:transform .2s,opacity .2s;display:inline-flex}.test-btn:hover{opacity:.9;transform:scale(1.05)}.plants-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;width:100%;padding-bottom:2rem;display:grid}.card-container{perspective:1200px;cursor:pointer;min-height:575px}.plant-card{width:100%;height:100%;transition:transform var(--transition-speed) cubic-bezier(.4, 0, .2, 1);transform-style:preserve-3d;position:relative}.plant-card.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;background-color:var(--card-bg);border-radius:1.5rem;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 25px #00000014}.card-back{overflow-y:auto;transform:rotateY(180deg)}.card-container:hover .plant-card:not(.flipped){transform:translateY(-8px)}.card-header-badge{z-index:10;position:absolute;top:1rem;left:0}.card-banner{background:linear-gradient(to right, var(--primary-color), var(--primary-dark));color:#fff;border-radius:0 .5rem .5rem 0;padding:.4rem 1rem;font-size:.8rem;font-weight:800;box-shadow:2px 2px 10px #0003}.plant-image-container{background-color:#e5e7eb;width:100%;height:180px;position:relative}.plant-image{object-fit:cover;width:100%;height:100%}.pictureWave{width:100%;height:40px;fill:var(--card-bg);z-index:5;position:absolute;bottom:-1px;left:0}.plant-content{text-align:left;flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.plant-title{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:800}.scientific-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.75rem}.badges{gap:.5rem;margin-bottom:1.5rem;display:flex}.badge{color:var(--primary-dark);background:#10b9811a;border-radius:12px;padding:.2rem .7rem;font-size:.7rem;font-weight:700}.watering-calendar-container{background:#00000005;border-radius:1rem;margin-bottom:1.5rem;padding:.8rem}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-header-day{color:var(--text-muted);font-size:.6rem;font-weight:800}.calendar-cell{aspect-ratio:1;background:var(--card-bg);border:1px solid #00000008;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;font-size:.65rem;display:flex}.calendar-cell.today{border-color:var(--primary-color);background:#10b9810d}.calendar-cell.past{opacity:.4}.sun-icon{color:#f6bb3b;filter:drop-shadow(0 0 2px #ec9f484d)}.water-icon{color:#3b82f6;filter:drop-shadow(0 0 2px #488fec4d)}.bloom-icon{color:#ec4899;filter:drop-shadow(0 0 2px #ec48994d)}.bg-red-600{background:linear-gradient(90deg,#ef4444,#dc2626)!important}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}70%{transform:scale(1.02);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.urgent-pulse{animation:2s infinite pulse-red}.calendar-icons{gap:4px;margin-top:2px;display:flex}.notification-btn-full{background:linear-gradient(135deg, #37cc6d 0%, var(--primary-color) 100%);color:#fff;cursor:pointer;border:none;border-radius:.8rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:auto;padding:.8rem;font-weight:700;display:flex;box-shadow:0 4px 12px #10b98133}.notification-btn-full.active{color:var(--text-muted);box-shadow:none;background:0 0;border:1px solid #e5e7eb}.info-grid{grid-template-columns:24px 1fr;align-items:start;gap:1.5rem .75rem;margin-top:1rem;display:grid}.info-text{color:var(--text-primary);font-size:.85rem;line-height:1.4}.list-none{margin:0}.info-grid svg{margin-top:2px}.info-text b{color:var(--text-primary)}.plant-description{color:var(--text-primary);margin-bottom:1rem;font-size:.9rem;line-height:1.6}