.App{font-family:Arial,sans-serif;padding:15px;text-align:center}.button{align-items:center;background:#222;border:none;box-shadow:0 4px 6px #0003;-webkit-clip-path:polygon(30% 3%,70% 3%,97% 30%,97% 70%,70% 97%,30% 97%,3% 70%,3% 30%);clip-path:polygon(30% 3%,70% 3%,97% 30%,97% 70%,70% 97%,30% 97%,3% 70%,3% 30%);color:#fff;cursor:pointer;display:flex;font-size:16px;height:100px;justify-content:center;margin:20px auto;overflow:visible;position:relative;-webkit-user-select:none;user-select:none;width:100px}.button.pressed{box-shadow:0 2px 3px #0000004d;transform:scale(.96);transition:box-shadow .1s,transform .1s}.button-center-circle{background:#222;border:4px solid #fff;border-radius:50%;height:48px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px;z-index:1}.led-container{align-items:center;display:flex;flex-direction:column;left:0;margin:20px;position:relative;top:35px}.led{-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);height:20px;margin:5px;width:20px}.blue-led{background-color:blue;left:0;position:relative;top:12px}.rgb-led{background-color:green}.blink-blue{animation:blinkBlue 2s infinite}.blink-rgb{animation:blinkRgb 1s infinite}@keyframes blinkBlue{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blinkRgb{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.state-info-card{background:#222;border-radius:14px;box-shadow:0 2px 8px #00000021;color:#fff;font-size:1em;line-height:1.5;margin:48px auto 0;max-width:500px;padding:16px;position:relative;text-align:left;z-index:2}.state-info-title{font-size:1.1em;font-weight:700;margin-bottom:6px}.state-info-desc{color:#bbb;font-size:.98em;margin-bottom:10px}.state-action-row{align-items:center;background:#ffffff0a;border-radius:8px;display:flex;gap:8px;margin-bottom:6px;padding:6px 8px}.state-action-dot{border:2px solid #fff3;border-radius:50%;box-sizing:border-box;display:inline-flex;height:24px;margin-right:4px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}.state-action-dot,.state-action-label{align-items:center;justify-content:center}.state-action-label{display:flex;font-weight:500;max-width:95px;min-width:95px;text-align:center}.state-action-arrow{color:#888;display:inline-block;font-size:18px;margin:0 2px;max-width:24px;min-width:24px;text-align:center}.state-action-desc{color:#bbb;font-size:.97em;margin-left:6px}.state-info-separator{border:none;border-top:1.5px solid #fff;margin:18px 0 14px;opacity:.18}.press-type-label{align-items:center;display:flex;font-size:1.1em;font-weight:700;height:24px;justify-content:center;letter-spacing:.5px;margin-bottom:14px;min-height:24px;position:relative;text-shadow:0 1px 4px #0000002e;transition:color .2s;-webkit-user-select:none;user-select:none;z-index:3}.App h1{color:#222;font-size:3em;position:relative;top:10px;z-index:10}.valve-bg-container{margin:0 auto;position:relative;width:-webkit-fit-content;width:fit-content}.valve-bg-img{height:400px;left:50%;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) translate(3px,4px);-webkit-user-select:none;user-select:none;width:300px;z-index:0}.valve-bg-foreground{position:relative;z-index:1}.state-soilmoisture-slider-row{align-items:center;background:none;border-radius:12px;box-shadow:none;display:flex;gap:18px;margin:18px 0 10px;padding:12px 0 8px}.state-soilmoisture-slider-label{color:#fff;font-size:.9em;font-weight:700;letter-spacing:.5px;min-width:105px;text-shadow:0 1px 8px #4caf501a}.state-soilmoisture-slider-input{accent-color:#43a047;background:#f5f5f5;border-radius:8px;box-shadow:0 1px 4px 0 #4caf5014;flex:1 1;height:14px;max-height:18px;min-height:14px;outline:none;transition:box-shadow .2s}.state-soilmoisture-slider-input:focus{box-shadow:0 0 0 2px #4caf5021}.state-soilmoisture-slider-value{background:none;border-radius:0;box-shadow:none;color:#fff;font-size:1.13em;font-weight:700;padding:3px 9px 3px 0;text-align:center}.state-soilmoisture-slider-info{align-items:flex-start;background:#4caf501a;border-left:4px solid #4caf50;display:flex;gap:10px}.state-soilmoisture-slider-icon{display:inline-block;height:5em;margin-right:2px;margin-top:1px;min-height:5em;min-width:4em;object-fit:contain;vertical-align:middle;width:4em}.detailed-desc-toggle{background:none;border:none;border-radius:6px;color:#8bc34a;cursor:pointer;display:inline-block;font-size:.98em;font-weight:600;letter-spacing:.2px;margin-bottom:0;min-width:90px;outline:none;padding:0;position:relative;text-align:left;text-decoration:none;transition:color .18s,background .18s}.detailed-desc-toggle:active,.detailed-desc-toggle:focus,.detailed-desc-toggle:hover{background:#8bc34a14;color:#cddc39}@media (hover:none) and (pointer:coarse){.detailed-desc-toggle:active{background:#8bc34a21;color:#cddc39}}.detailed-desc-content{background:#ffffff0f;border-left:3px solid #8bc34a;border-radius:8px;box-shadow:0 1px 4px #00000012;color:#e0e0e0;font-size:.97em;line-height:1.5;margin-top:2px;padding:10px 12px}@media (max-width:500px){.detailed-desc-content{font-size:1em;padding:10px 7px}.detailed-desc-toggle{font-size:1em;min-width:80px}}@media (max-width:400px){.state-info-card{max-width:98vw;position:relative;z-index:2}.state-soilmoisture-slider-row{align-items:stretch;flex-direction:column;gap:6px;padding:8px 0 0}.state-soilmoisture-slider-label{font-size:1em;margin-bottom:4px;min-width:0;text-align:center;width:100%}.state-soilmoisture-slider-input{max-width:100%;min-width:0;width:100%}.state-soilmoisture-slider-value{margin-left:0;margin-top:4px;text-align:center}}.valve-popup-message{background:linear-gradient(90deg,#2196f3,#21cbf3);border-radius:18px;box-shadow:0 4px 24px 0 #2196f32e,0 1.5px 8px 0 #00000021;color:#fff;font-size:1.35em;font-weight:700;left:50%;letter-spacing:.5px;opacity:.97;padding:18px 36px;pointer-events:none;position:fixed;text-align:center;top:18%;transform:translate(-50%);transition:opacity .3s,top .3s;-webkit-user-select:none;user-select:none;z-index:1000}@media (max-width:600px){.valve-popup-message{border-radius:12px;font-size:1.05em;max-width:90vw;min-width:0;padding:12px 16px;top:8%}}.press-to-start-message{align-items:center;display:flex;flex-direction:column;gap:8px;left:50%;pointer-events:none;position:absolute;top:1%;transform:translate(-50%);width:100%;z-index:5}.press-to-start-text{background:linear-gradient(90deg,#2196f3,#21cbf3);border-radius:18px;box-shadow:0 4px 24px 0 #2196f32e,0 1.5px 8px 0 #00000021;color:#fff;font-size:1.25em;font-weight:700;letter-spacing:.5px;opacity:.97;padding:14px;text-align:center;transition:background .3s;-webkit-user-select:none;user-select:none;width:150px}.press-to-start-arrow{margin-top:-6px}.state-threshold-soillevel{color:#2ecc40;text-shadow:0 1px 2px #3c503c1a}.state-multiplicator-value,.state-threshold-soillevel{display:inline-block;font-family:inherit;font-size:1.08em;font-weight:700;letter-spacing:.3px;line-height:1.1;margin-left:6px;vertical-align:middle}.state-multiplicator-value{color:#ff9800;text-shadow:0 1px 2px #503c1e1a}.lang-dropdown-container{position:absolute;right:24px;top:18px;-webkit-user-select:none;user-select:none;z-index:1002}.lang-dropdown-toggle{align-items:center;background:#ffffffd1;border:none;border-radius:8px;box-shadow:none;color:#222;cursor:pointer;display:flex;font-size:1.08em;font-weight:600;gap:8px;min-height:32px;min-width:44px;opacity:.82;outline:none;padding:7px 16px 7px 12px;transition:background .18s}.lang-dropdown-toggle:focus,.lang-dropdown-toggle:hover{background:#f5f5f5;opacity:1}.lang-dropdown-arrow{align-items:center;color:#888;display:flex;height:18px;margin-left:0;pointer-events:none;transition:transform .18s;width:18px}.lang-dropdown-container[aria-expanded=true] .lang-dropdown-arrow{transform:rotate(180deg)}.lang-dropdown-list{animation:langDropdownFadeIn .18s;background:#fffffffa;border:none;border-radius:10px;box-shadow:0 4px 16px #00000012;list-style:none;margin:0;min-width:80px;padding:4px 0;position:absolute;right:0;top:110%;z-index:1003}@keyframes langDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown-item{background:none;border:none;color:#222;cursor:pointer;font-size:1.08em;padding:8px 18px;text-align:right;transition:background .13s,color .13s}.lang-dropdown-item.selected,.lang-dropdown-item:hover{background:#e3f2fd;color:#1976d2}@media (max-width:600px){.lang-dropdown-container{position:absolute;right:8px;top:8px}.lang-dropdown-toggle{font-size:1em;min-height:28px;min-width:38px;padding:5px 8px}.lang-dropdown-list{min-width:60px}}.water-bg-root-particles{background:#fff;bottom:0;overflow:hidden;position:fixed;right:0;transition:background .7s;z-index:0}.water-bg-canvas,.water-bg-root-particles{height:100vh;left:0;pointer-events:none;top:0;width:100vw}.water-bg-canvas{display:block;position:absolute}
/*# sourceMappingURL=main.f1f53631.css.map*/