:root{--primary-green: #2e8b57;--light-green: #e5f9ed;--primary-text: #222222;--secondary-text: #666666;--background: #f4fdf6;--card-bg: #ffffff;--shadow: 0 4px 12px rgba(0,0,0,.1);--border: 1px solid #f0f0f0;--card-radius: 10px;--pill-watered-bg: #e1f5fe;--pill-watered-text: #0277bd;--pill-trigger-bg: #e8f5e9;--pill-trigger-text: #2e7d32}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{font-family:Segoe UI,sans-serif;background-color:var(--background);color:var(--primary-text);margin:0;padding:0;line-height:1.6}header{background-color:var(--primary-green);color:#fff;padding:1rem 1.5rem;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.header-content{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}header h1{margin:0;font-size:1.4rem}.unit-select-wrapper{position:relative;background:#fff3;border-radius:8px;padding:0}select#unit-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:#fff;font-size:1rem;font-weight:700;padding:8px 35px 8px 15px;cursor:pointer;outline:none}select#unit-selector option{background:#fff;color:var(--primary-green)}.select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#fff;pointer-events:none;font-size:.8rem}#greeting-box,.score-card,.data-card,#plant-recommendations,.prediction-box,.live-indicator,.status-pill,.chart-container{background:var(--card-bg);border:var(--border);box-shadow:var(--shadow);border-radius:var(--card-radius)}#greeting-box{background:var(--light-green);max-width:900px;margin:2rem auto 0;padding:1.5rem;display:flex;flex-direction:column;gap:20px;opacity:0;animation:floatIn .8s ease-out forwards}.header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}#greeting-box h2{margin:0;color:var(--primary-green);font-size:1.8rem}.live-indicator{color:var(--primary-green);background:#fff;padding:5px 12px;font-weight:600;font-size:.85rem}.pulse-dot{width:8px;height:8px;background-color:#00e676;border-radius:50%;display:inline-block;animation:pulse 2s infinite;margin-right:5px}@keyframes pulse{0%{box-shadow:0 0 #00e676b3}70%{box-shadow:0 0 0 6px #00e67600}to{box-shadow:0 0 #00e67600}}#score-section-embedded{display:flex;flex-direction:column;align-items:center;gap:15px;align-self:center;width:-moz-fit-content;width:fit-content}.score-card{padding:20px;text-align:center;width:250px}.gauge-container{position:relative;width:150px;height:75px;overflow:hidden;margin:0 auto}.gauge-bg,.gauge-fill{position:absolute;width:150px;height:150px;border-radius:50%;border:20px solid #f0f0f0;box-sizing:border-box}.gauge-fill{border-color:transparent;border-top-color:var(--primary-green);border-right-color:var(--primary-green);transform:rotate(-45deg);transition:transform 1.5s cubic-bezier(.1,.9,.2,1)}.gauge-cover{position:absolute;bottom:0;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(-5px)}#comfort-score{font-size:1.8rem;font-weight:800;color:var(--primary-text);line-height:1;margin-bottom:2px}.score-label{font-size:.75rem;color:var(--secondary-text)}#score-text{color:var(--secondary-text);font-size:.9rem;margin-top:10px}.prediction-box{padding:10px 20px;width:250px;text-align:center}.prediction-box p{margin:0;font-size:.9rem;color:var(--secondary-text)}.pred-text{font-size:1.2rem;font-weight:700;color:var(--primary-green);margin-top:5px!important}.logic-stream{background:#263238;color:#00ff41;font-family:Courier New,monospace;padding:12px 15px;border-radius:8px;font-size:.9rem}.logic-label{color:#b0bec5;font-weight:700;margin-right:5px}.status-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.status-pill{padding:8px 16px;font-weight:600;font-size:.9rem;border:none}#last-pump-display{background:var(--pill-watered-bg);color:var(--pill-watered-text)}#ai-target-display{background:var(--pill-trigger-bg);color:var(--pill-trigger-text)}.data-grid{display:flex;flex-wrap:wrap;justify-content:center;padding:0 1rem;gap:1rem;margin:2rem auto;max-width:900px;opacity:0;animation:floatIn .8s ease-out forwards;animation-delay:.4s}.data-card{padding:1.2rem;min-width:200px;flex:1;max-width:250px;border-left:5px solid var(--primary-green)}.data-card h3{margin-top:0;font-size:.9rem;color:var(--secondary-text)}.data-card p{margin:5px 0;color:var(--primary-text);font-size:.95rem}#plant-recommendations{max-width:900px;margin:1.5rem auto;padding:1.5rem;opacity:0;animation:floatIn .8s ease-out forwards;animation-delay:.6s}.advice-container{display:flex;flex-direction:column;gap:10px;margin-top:15px}.advice-card{padding:12px;border-radius:8px;font-size:.95rem;border-left:4px solid #ccc;background:#fafafa}.advice-ok{background:#e8f5e9;color:#2e7d32;border-color:#2e7d32}.advice-warn{background:#fff3e0;color:#ef6c00;border-color:#ef6c00}.advice-alert{background:#ffebee;color:#c62828;border-color:#c62828}.app-button{display:inline-block;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background-color:var(--primary-green);border:none;border-radius:8px;cursor:pointer;margin-top:1rem;transition:background .3s}.app-button:hover{background-color:#21663e}#charts-view{padding:2rem;max-width:1200px;margin:0 auto}.charts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;justify-content:center}.chart-container{padding:1rem;height:300px;position:relative}footer{text-align:center;color:var(--secondary-text);margin-top:3rem;padding-bottom:2rem}@media (max-width: 600px){.header-row{flex-direction:column;align-items:flex-start;gap:10px}.charts-grid{grid-template-columns:1fr}.chart-container{height:250px}}