*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
  html,body{height:100%;background:#0a2e1a;color:#e8f5e9;font-family:'DM Sans',sans-serif;overflow-x:hidden;-webkit-text-size-adjust:100%}
  button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;font-family:'DM Sans',sans-serif}
  input,textarea{outline:none;-webkit-appearance:none;font-family:'DM Sans',sans-serif}
  label{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  img{max-width:100%;display:block}
  ::-webkit-scrollbar{width:4px}
  ::-webkit-scrollbar-thumb{background:rgba(116,198,157,0.3);border-radius:4px}

  body{background:linear-gradient(160deg,#0a2e1a 0%,#0d3b22 40%,#0a2e1a 100%);min-height:100vh}

  .screen{display:none;animation:fadeIn .3s ease}
  .screen.active{display:block}
  @keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  @keyframes bounce{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}}
  @keyframes gaiaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
  @keyframes gaiaEye{0%,88%,100%{transform:scaleY(1)}92%,96%{transform:scaleY(0.08)}}
  @keyframes gaiaLeaf{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}
  @keyframes spin{to{transform:rotate(360deg)}}

  header{background:rgba(0,0,0,0.28);border-bottom:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(12px);padding:0 14px;display:flex;align-items:center;justify-content:space-between;height:58px;position:sticky;top:0;z-index:100}
  .logo{display:flex;align-items:center;gap:10;cursor:pointer}
  .logo-text h1{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;line-height:1.1;color:#e8f5e9}
  .logo-text p{font-size:10px;color:rgba(200,240,200,0.4);letter-spacing:.03em}
  .zip-wrap{display:flex;align-items:center;gap:6}
  #storeZip{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:7px;padding:5px 8px;color:#e8f5e9;font-size:13px;width:72px}

  main{max-width:680px;margin:0 auto;padding:18px 14px 100px}

  /* Cards */
  .card-btn{background:linear-gradient(135deg,rgba(45,106,79,0.5),rgba(29,68,51,0.7));border:1px solid rgba(116,198,157,0.25);border-radius:16px;padding:20px 16px;color:#e8f5e9;text-align:left;width:100%;transition:transform .15s}
  .card-btn:active{transform:scale(.97)}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
  .card-btn h3{font-family:'Playfair Display',serif;font-size:17px;font-weight:600;margin-bottom:4px}
  .card-btn p{font-size:12px;color:rgba(200,240,200,0.45);line-height:1.4}

  /* Primary button */
  .btn-primary{background:linear-gradient(135deg,#2d6a4f,#40916c);border:none;border-radius:13px;padding:15px;color:#e8f5e9;font-size:16px;font-weight:600;width:100%;transition:transform .1s,opacity .2s}
  .btn-primary:active{transform:scale(.97)}
  .btn-primary:disabled{opacity:.45;pointer-events:none}
  .btn-secondary{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:13px;padding:14px;color:rgba(200,240,200,0.7);font-size:14px;transition:transform .1s}
  .btn-secondary:active{transform:scale(.97)}
  .back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:rgba(200,240,200,0.5);font-size:14px;margin-bottom:20px;padding:0}

  /* Inputs */
  .input-field{width:100%;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);border-radius:12px;padding:14px 16px;color:#e8f5e9;font-size:16px;transition:border .2s}
  .input-field:focus{border-color:rgba(116,198,157,.5)}
  label.input-label{display:block;font-size:11px;color:#74c69d;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px;font-weight:600}

  /* Location chips */
  .chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
  .chip{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:9px;padding:10px 8px;font-size:12px;color:rgba(200,240,200,0.55);text-align:center;cursor:pointer;transition:all .15s}
  .chip.active{background:rgba(116,198,157,0.2);border-color:rgba(116,198,157,.5);color:#74c69d}

  /* Spinner */
  .spinner{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0}
  .dots{display:flex;gap:6px}
  .dot{width:9px;height:9px;border-radius:50%;background:#4a7c59;animation:bounce 1.2s infinite}
  .dot:nth-child(2){animation-delay:.2s}
  .dot:nth-child(3){animation-delay:.4s}
  .spinner-label{font-size:12px;color:rgba(200,240,200,0.4)}

  /* GAIA bubble */
  .gaia-bubble{display:flex;align-items:flex-end;gap:12px;margin-bottom:24px}
  .bubble-text{flex:1;background:linear-gradient(135deg,rgba(45,106,79,.45),rgba(29,68,51,.6));border:1px solid rgba(116,198,157,.35);border-radius:16px 16px 16px 4px;padding:12px 16px;backdrop-filter:blur(8px);transition:opacity .3s}
  .bubble-label{font-size:10px;color:#74c69d;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}
  .bubble-tip{font-size:13px;color:#d8f3dc;line-height:1.5}
  .bubble-dots{display:flex;gap:4px;margin-top:8px}
  .bubble-dot{height:5px;border-radius:3px;background:rgba(116,198,157,0.3);cursor:pointer;transition:all .3s;width:5px}
  .bubble-dot.active{background:#74c69d;width:14px}

  /* Plant card */
  .plant-card{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s;margin-bottom:14px}
  .plant-card:active{transform:scale(.98)}
  .plant-card-img{height:140px;background:linear-gradient(135deg,#1a3a2a,#2d6a4f);position:relative;overflow:hidden}
  .plant-card-img img{width:100%;height:100%;object-fit:cover}
  .plant-card-img .emoji-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:38px}
  .plant-card-img .img-fade{position:absolute;bottom:0;left:0;right:0;height:36px;background:linear-gradient(transparent,rgba(10,30,20,0.7))}
  .cultivar-badge{position:absolute;top:8px;left:8px;background:rgba(245,166,35,0.9);border-radius:5px;padding:2px 8px;font-size:10px;font-weight:700;color:#1a1a00}
  .plant-card-body{padding:12px 14px}
  .plant-name{font-family:'Playfair Display',serif;font-size:17px;color:#e8f5e9;font-weight:600;line-height:1.2}
  .plant-sci{font-size:12px;color:rgba(200,240,200,0.5);font-style:italic;margin-top:2px}
  .plant-tags{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap;font-size:12px;color:#74c69d}

  /* Detail */
  .detail-hero{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);margin-bottom:20px}
  .detail-hero-img{height:220px;background:linear-gradient(135deg,#1a3a2a,#2d6a4f);position:relative;overflow:hidden}
  .detail-hero-img img{width:100%;height:100%;object-fit:cover}
  .detail-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(5,20,10,.92) 100%)}
  .detail-title{position:absolute;bottom:14px;left:16px;right:16px}
  .detail-title h2{font-family:'Playfair Display',serif;color:#fff;font-size:24px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.6)}
  .detail-title p{color:rgba(220,255,220,.65);font-style:italic;font-size:13px;margin-top:3px}
  .detail-body{padding:16px 14px;background:rgba(255,255,255,0.06)}
  .detail-desc{color:#b7e4c7;line-height:1.7;font-size:14px;margin-bottom:16px}
  .care-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
  .care-cell{background:rgba(255,255,255,0.05);border-radius:10px;padding:10px 12px;border:1px solid rgba(255,255,255,0.06)}
  .care-label{font-size:10px;color:rgba(200,240,200,.4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}
  .care-val{color:#e8f5e9;font-size:13px;font-weight:500}
  .tips-box{background:rgba(74,124,89,.18);border-radius:10px;padding:12px 14px;border:1px solid rgba(74,124,89,.3);margin-bottom:10px}
  .tips-box h4{color:#74c69d;font-size:13px;font-weight:600;margin-bottom:6px}
  .tips-box p{color:#b7e4c7;font-size:13px;line-height:1.6}

  /* HD inventory */
  .hd-section{background:rgba(245,166,35,.06);border:1px solid rgba(245,166,35,.2);border-radius:14px;padding:14px;margin-top:4px}
  .hd-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}
  .hd-title{font-family:'Playfair Display',serif;font-size:15px;font-weight:600;color:#f5a623}
  .hd-sub{font-size:11px;color:rgba(245,166,35,.55);margin-top:1px}
  .hd-section-label{font-size:10px;color:#74c69d;text-transform:uppercase;letter-spacing:.09em;font-weight:600;margin:10px 0 8px}
  .hd-card{background:rgba(255,255,255,.05);border:1px solid rgba(245,166,35,.18);border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}
  .hd-icon{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#1a3a2a,#2d5a3a);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
  .hd-info{flex:1;min-width:0}
  .hd-name-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
  .hd-name{font-size:13px;font-weight:600;color:#e8f5e9;line-height:1.3;flex:1}
  .hd-price{font-size:16px;font-weight:700;color:#f5a623;flex-shrink:0}
  .hd-brand{font-size:11px;color:rgba(200,240,200,.45);margin-top:2px}
  .hd-tags{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
  .hd-tag{font-size:10px;border-radius:5px;padding:2px 7px}
  .in-stock{color:#4ade80;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.25)}
  .out-stock{color:#f87171;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.25)}
  .hd-aisle{color:rgba(200,240,200,.45);background:rgba(255,255,255,.05);border:1px solid transparent}
  .stars{display:flex;align-items:center;gap:2px;margin-top:4px}
  .star{font-size:11px;color:#f5a623}
  .star.dim{opacity:.2}
  .review-count{font-size:10px;color:rgba(200,240,200,.35);margin-left:3px}

  /* Camera screen */
  .cam-label{display:flex;align-items:center;gap:14px;width:100%;border-radius:16px;padding:18px 16px;color:#e8f5e9;text-align:left}
  .cam-label-primary{background:linear-gradient(135deg,#1b4d35,#2d6a4f);border:2px solid rgba(116,198,157,.4);margin-bottom:14px}
  .cam-label-gallery{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
  .cam-label:active{opacity:.85}
  .cam-icon-circle{width:80px;height:80px;background:linear-gradient(135deg,#2d6a4f,#74c69d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 0 0 8px rgba(116,198,157,.15);flex-shrink:0}
  .cam-icon-sq{width:46px;height:46px;background:rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
  .cam-label-text h3{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;margin-bottom:4px}
  .cam-label-text p{font-size:12px;color:rgba(200,240,200,.45);line-height:1.4}
  .cam-label-center{flex-direction:column;text-align:center}

  .preview-img-wrap{position:relative;border-radius:16px;overflow:hidden;margin-bottom:16px}
  .preview-img-wrap img{width:100%;max-height:380px;object-fit:cover;display:block}
  .preview-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.6);border-radius:7px;padding:3px 10px;font-size:11px;color:#74c69d;backdrop-filter:blur(4px)}
  .corner{position:absolute;width:24px;height:24px}
  .corner.tl{top:12px;left:12px;border-top:2px solid #74c69d;border-left:2px solid #74c69d}
  .corner.tr{top:12px;right:12px;border-top:2px solid #74c69d;border-right:2px solid #74c69d}
  .corner.bl{bottom:12px;left:12px;border-bottom:2px solid #74c69d;border-left:2px solid #74c69d}
  .corner.br{bottom:12px;right:12px;border-bottom:2px solid #74c69d;border-right:2px solid #74c69d}
  .grid2-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}

  /* confidence badge */
  .confidence{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;border-radius:9px;padding:6px 13px;font-size:12px}
  .conf-high{background:rgba(74,124,89,.22);border:1px solid rgba(74,124,89,.38);color:#74c69d}
  .conf-low{background:rgba(234,179,8,.13);border:1px solid rgba(234,179,8,.28);color:#fbbf24}
  .match-notes{margin-top:14px;background:rgba(255,255,255,.04);border-radius:11px;padding:13px 14px;border:1px solid rgba(255,255,255,.07)}
  .match-notes h4{font-size:11px;color:#74c69d;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
  .match-notes p{color:rgba(200,240,200,.55);font-size:13px;line-height:1.6}

  /* Bottom nav */
  nav{position:fixed;bottom:0;left:0;right:0;background:rgba(8,24,14,.96);border-top:1px solid rgba(255,255,255,.07);backdrop-filter:blur(14px);padding:10px 8px 18px;display:flex;justify-content:space-around;z-index:100}
  .nav-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:8px 0;color:rgba(200,240,200,.6);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;margin:0 4px;transition:all .15s}
  .nav-btn.active{color:#74c69d;background:rgba(116,198,157,.12)}
  .nav-btn .nav-icon{font-size:20px}
  .info-tip{padding:11px 14px;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.06);font-size:12px;color:rgba(200,240,200,.3);line-height:1.6;margin-top:16px}
  .hd-note{margin-top:12px;font-size:11px;color:rgba(200,240,200,.28);text-align:center}
  .error-box{color:#f87171;background:rgba(248,113,113,.08);border-radius:10px;padding:11px 14px;margin-bottom:14px;font-size:13px}
  .hint-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
  .hint-tag{font-size:11px;color:rgba(116,198,157,.7);background:rgba(116,198,157,.07);border-radius:5px;padding:4px 9px;border:1px solid rgba(116,198,157,.14)}
  .hd-inv-note{margin-top:18px;padding:12px 16px;background:rgba(245,166,35,.07);border-radius:12px;border:1px solid rgba(245,166,35,.18);display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(245,166,35,.7);line-height:1.5}

/* ── GUIDED FINDER ─────────────────────────────────────────────────────────── */
.guided-question { margin-bottom:24px; animation:fadeIn .3s ease; }
.guided-q-label { font-family:'Playfair Display',serif; font-size:17px; color:#e8f5e9; font-weight:600; margin-bottom:12px; display:flex; align-items:center; gap:8px; }
.guided-q-num { width:26px; height:26px; background:linear-gradient(135deg,#2d6a4f,#74c69d); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; flex-shrink:0; }
.guided-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.guided-options.cols-3 { grid-template-columns:1fr 1fr 1fr; }
.guided-opt { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); border-radius:12px; padding:12px 10px; cursor:pointer; text-align:center; transition:all .15s; -webkit-tap-highlight-color:transparent; }
.guided-opt:active { transform:scale(.96); }
.guided-opt.selected { background:rgba(116,198,157,0.2); border-color:rgba(116,198,157,.5); }
.guided-opt .opt-emoji { font-size:24px; margin-bottom:6px; }
.guided-opt .opt-label { font-size:12px; color:#e8f5e9; font-weight:500; line-height:1.3; }
.guided-opt .opt-sub { font-size:10px; color:rgba(200,240,200,.4); margin-top:2px; }
.guided-progress { display:flex; gap:6px; margin-bottom:20px; }
.guided-prog-dot { height:4px; border-radius:2px; background:rgba(116,198,157,.2); flex:1; transition:all .3s; }
.guided-prog-dot.done { background:#74c69d; }
.guided-prog-dot.active { background:rgba(116,198,157,.6); }

/* ── PEST & DISEASE ──────────────────────────────────────────────────────────── */
.pest-severity { display:inline-flex; align-items:center; gap:7px; border-radius:9px; padding:6px 13px; font-size:12px; font-weight:600; margin-bottom:14px; }
.severity-high   { background:rgba(220,38,38,.15);  border:1px solid rgba(220,38,38,.35);  color:#f87171; }
.severity-medium { background:rgba(251,191,36,.13); border:1px solid rgba(251,191,36,.3);  color:#fbbf24; }
.severity-low    { background:rgba(74,222,128,.12); border:1px solid rgba(74,222,128,.28); color:#4ade80; }
.pest-hero { background:linear-gradient(135deg,rgba(127,29,29,.6),rgba(30,10,10,.8)); border:1px solid rgba(248,113,113,.2); border-radius:16px; padding:20px 16px; margin-bottom:16px; }
.pest-name { font-family:'Playfair Display',serif; font-size:24px; color:#fca5a5; font-weight:700; margin-bottom:4px; }
.pest-type { font-size:12px; color:rgba(252,165,165,.55); margin-bottom:12px; }
.pest-desc { color:#fecaca; font-size:14px; line-height:1.7; margin-bottom:0; }
.pest-section { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:14px; margin-bottom:12px; }
.pest-section-title { font-size:12px; color:#74c69d; text-transform:uppercase; letter-spacing:.09em; font-weight:600; margin-bottom:10px; }
.pest-symptom { display:flex; align-items:flex-start; gap:8px; margin-bottom:8px; font-size:13px; color:#b7e4c7; line-height:1.5; }
.pest-symptom:last-child { margin-bottom:0; }
.treatment-step { display:flex; gap:12px; align-items:flex-start; margin-bottom:12px; }
.treatment-step:last-child { margin-bottom:0; }
.step-num { width:24px; height:24px; background:linear-gradient(135deg,#2d6a4f,#74c69d); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; flex-shrink:0; margin-top:1px; }
.step-text { font-size:13px; color:#b7e4c7; line-height:1.55; flex:1; }
.prevention-item { font-size:13px; color:#b7e4c7; line-height:1.5; margin-bottom:6px; padding-left:4px; }
.hd-treatment-section { background:rgba(245,166,35,.06); border:1px solid rgba(245,166,35,.2); border-radius:14px; padding:14px; margin-top:4px; }

/* ── WEATHER ──────────────────────────────────────────────────────────────── */
.weather-hero { border-radius:16px; overflow:hidden; margin-bottom:16px; }
.weather-top { padding:20px 16px; display:flex; justify-content:space-between; align-items:flex-start; }
.weather-temp { font-family:'Playfair Display',serif; font-size:52px; font-weight:700; line-height:1; }
.weather-desc { font-size:15px; color:rgba(255,255,255,.7); margin-top:4px; }
.weather-location { font-size:12px; color:rgba(255,255,255,.5); margin-top:2px; }
.weather-icon { font-size:52px; }
.frost-alert { border-radius:12px; padding:14px 16px; margin-bottom:12px; display:flex; align-items:flex-start; gap:12px; }
.frost-danger { background:rgba(239,68,68,.12); border:1px solid rgba(239,68,68,.35); }
.frost-warning { background:rgba(251,191,36,.1); border:1px solid rgba(251,191,36,.28); }
.frost-safe { background:rgba(74,222,128,.1); border:1px solid rgba(74,222,128,.25); }
.frost-icon { font-size:28px; flex-shrink:0; }
.frost-title { font-size:15px; font-weight:600; margin-bottom:3px; }
.frost-body { font-size:13px; line-height:1.55; }
.weather-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:16px; }
.weather-cell { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); border-radius:11px; padding:12px 14px; }
.weather-cell-label { font-size:10px; color:rgba(200,240,200,.4); text-transform:uppercase; letter-spacing:.08em; margin-bottom:4px; }
.weather-cell-val { font-size:16px; font-weight:600; color:#e8f5e9; }
.planting-window { background:rgba(116,198,157,.1); border:1px solid rgba(116,198,157,.25); border-radius:12px; padding:14px; margin-bottom:12px; }
.month-row { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.06); font-size:13px; }
.month-row:last-child { border-bottom:none; }
.month-name { color:#e8f5e9; font-weight:500; width:80px; flex-shrink:0; }
.month-activity { color:#b7e4c7; flex:1; }
.month-dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; }

/* ── BUILD MY GARDEN ─────────────────────────────────────────────────────── */
.garden-plan { border-radius:16px; overflow:hidden; border:1px solid rgba(167,139,250,.2); margin-bottom:16px; }
.garden-plan-header { background:linear-gradient(135deg,rgba(76,29,149,.5),rgba(109,40,217,.3)); padding:18px 16px; }
.garden-plan-title { font-family:'Playfair Display',serif; font-size:20px; color:#ddd6fe; font-weight:700; margin-bottom:4px; }
.garden-plan-sub { font-size:12px; color:rgba(221,214,254,.5); }
.garden-plan-body { background:rgba(255,255,255,.05); padding:16px; }
.garden-layout { background:rgba(0,0,0,.2); border-radius:10px; padding:14px; margin-bottom:14px; font-size:13px; color:#b7e4c7; line-height:1.7; font-style:italic; border-left:3px solid rgba(167,139,250,.4); }
.plant-item { display:flex; gap:12px; align-items:flex-start; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.plant-item:last-child { border-bottom:none; }
.plant-num { width:26px; height:26px; background:linear-gradient(135deg,#4c1d95,#7c3aed); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; flex-shrink:0; color:#ddd6fe; }
.plant-item-info { flex:1; min-width:0; }
.plant-item-name { font-size:14px; font-weight:600; color:#e8f5e9; margin-bottom:2px; }
.plant-item-detail { font-size:12px; color:rgba(200,240,200,.5); line-height:1.4; }
.shopping-list { background:rgba(245,166,35,.07); border:1px solid rgba(245,166,35,.2); border-radius:12px; padding:14px; margin-top:14px; }
.shopping-item { display:flex; justify-content:space-between; align-items:center; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.05); font-size:13px; }
.shopping-item:last-child { border-bottom:none; }
.shopping-total { display:flex; justify-content:space-between; padding-top:10px; margin-top:4px; font-weight:700; font-size:15px; color:#f5a623; border-top:1px solid rgba(245,166,35,.25); }

/* ── CARE REMINDERS ──────────────────────────────────────────────────────── */
.care-hero { background:linear-gradient(135deg,rgba(6,78,59,.6),rgba(4,47,46,.8)); border:1px solid rgba(52,211,153,.2); border-radius:16px; padding:18px 16px; margin-bottom:16px; }
.care-plant-name { font-family:'Playfair Display',serif; font-size:22px; color:#6ee7b7; font-weight:700; margin-bottom:3px; }
.care-plant-sci { font-size:12px; color:rgba(110,231,183,.5); font-style:italic; }
.care-month-card { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:12px; margin-bottom:10px; overflow:hidden; }
.care-month-header { display:flex; justify-content:space-between; align-items:center; padding:12px 14px; cursor:pointer; }
.care-month-name { font-weight:600; font-size:14px; color:#e8f5e9; }
.care-month-tag { font-size:10px; border-radius:5px; padding:2px 8px; font-weight:600; }
.care-active { background:rgba(52,211,153,.15); color:#34d399; border:1px solid rgba(52,211,153,.3); }
.care-slow { background:rgba(96,165,250,.12); color:#60a5fa; border:1px solid rgba(96,165,250,.25); }
.care-dormant { background:rgba(148,163,184,.1); color:#94a3b8; border:1px solid rgba(148,163,184,.2); }
.care-task { display:flex; gap:10px; padding:8px 14px; font-size:13px; color:#b7e4c7; line-height:1.5; border-top:1px solid rgba(255,255,255,.05); align-items:flex-start; }
.care-task-icon { font-size:16px; flex-shrink:0; margin-top:1px; }