*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:MontserratBold;src:url(/assets/Montserrat-Bold-C82vcNHf.woff)format("woff2"),url(/assets/Montserrat-Bold-C82vcNHf.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}body{box-sizing:border-box;background-image:url(/assets/bg1-BPB2EFr2.png);background-position:top;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;margin:0;padding:0;font-family:MontserratBold;overflow:hidden}.counter-container{box-sizing:border-box;width:100vw;min-height:100vh;padding:2vw 4vw}.counter-header{align-items:center;gap:1vw;margin-bottom:1.5vw;display:flex}.counter-title{color:#fff;font-size:2vw}.device-filter{gap:.5vw;margin-bottom:1.2vw;display:flex}.device-filter-btn{color:#ffffff73;cursor:pointer;background:#ffffff0f;border:.1vw solid #ffffff1a;border-radius:2vw;padding:.45vw 1.4vw;font-size:.85vw;transition:all .25s}.device-filter-btn:hover{color:#ffffffb3;border-color:#ffffff40}.device-filter-btn--active{color:#1a1a2e;background:#fff;border-color:#fff}.device-filter-btn--active:hover{color:#1a1a2e}.counter-tabs{background:#ffffff0f;border-radius:.4vw;gap:.3vw;width:fit-content;margin-bottom:2vw;padding:.25vw;display:flex}.counter-tab{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:.3vw;align-items:center;gap:.5vw;padding:.55vw 1.8vw;font-size:.9vw;transition:all .25s;display:flex}.counter-tab:hover{color:#ffffffb3}.counter-tab--active{color:#fff;background:#ffffff1f}.counter-tab-count{color:#fff;background:#e74c3c;border-radius:50%;justify-content:center;align-items:center;min-width:1.4vw;height:1.4vw;padding:0 .3vw;font-size:.7vw;display:flex}.counter-tab--active .counter-tab-count{background:#7ecf6a}.counter-empty{flex-direction:column;justify-content:center;align-items:center;height:50vh;display:flex}.counter-empty-icon{margin-bottom:1vw;font-size:4vw}.counter-empty-text{color:#fff6;font-size:1.4vw}.counter-list{flex-direction:column;gap:1vw;display:flex}.counter-card{background:#ffffff0f;border:.1vw solid #ffffff14;border-radius:.5vw;justify-content:space-between;align-items:center;padding:1.2vw 1.6vw;animation:.4s both cardSlideIn;display:flex;position:relative}.counter-card--latest{background:#7ecf6a14;border-color:#7ecf6a40}.counter-card--completed{opacity:.7}.counter-card-tag{color:#1a1a2e;letter-spacing:.08vw;background:#7ecf6a;border-radius:.2vw;padding:.15vw .6vw;font-size:.6vw;position:absolute;top:-.5vw;left:1.2vw}.counter-card-info{flex-direction:column;gap:.3vw;display:flex}.counter-card-name{color:#fff;font-size:1.2vw}.counter-card-drink{color:#ffffff80;font-size:.9vw}.counter-card-device{color:#ffffff59;background:#ffffff14;border-radius:1vw;width:fit-content;margin-top:.2vw;padding:.15vw .6vw;font-size:.7vw}.counter-card-btn{color:#fff;cursor:pointer;background:#7ecf6a;border:none;border-radius:.35vw;justify-content:center;align-items:center;min-width:7vw;padding:.6vw 1.8vw;font-size:.85vw;transition:all .25s;display:flex}.counter-card-btn:hover{background:#6abf58;transform:scale(1.03)}.counter-card-btn:disabled{cursor:not-allowed;opacity:.7}.counter-card-done{color:#7ecf6a;border:.1vw solid #7ecf6a4d;border-radius:.35vw;padding:.5vw 1.8vw;font-size:.85vw}.counter-btn-spinner{border:.18vw solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.1vw;height:1.1vw;animation:.6s linear infinite btnSpin}.counter-list-spinner{border:.2vw solid #ffffff26;border-top-color:#fff;border-radius:50%;width:2.5vw;height:2.5vw;animation:.7s linear infinite btnSpin}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(-1vw)}to{opacity:1;transform:translateY(0)}}@keyframes btnSpin{to{transform:rotate(360deg)}}