*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background-color:#0a1628;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}.app{position:relative;width:100%;min-height:100vh;min-height:100dvh;background-color:#0a1628;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:flex-start;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0a162826;pointer-events:none}.twinkling-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.star{position:absolute;display:block;border-radius:50%;background-color:#fff;box-shadow:0 0 4px #ffffffe6;opacity:var(--min-opacity, .2);animation-name:twinkle;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out}@keyframes twinkle{0%{opacity:var(--min-opacity, .2)}to{opacity:var(--max-opacity, .8)}}.counter{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:56px 24px 24px;width:100%}.counter__title{margin:0 0 28px;color:#fff;font-size:34px;font-weight:300;letter-spacing:2px;text-shadow:0 1px 8px rgba(0,0,0,.75)}.counter__grid{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px}.counter__row{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:12px;padding:4px 0;transition:opacity .28s ease,transform .28s ease,padding .28s ease}.counter__row.is-focused{padding:8px 0;transform:scale(1.08)}.counter__row.is-dimmed{opacity:.12;transform:scale(.94)}.counter__value{color:#fff;font-size:42px;font-weight:200;min-width:96px;text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgba(0,0,0,.8);transition:font-size .28s ease}.is-focused .counter__value{font-size:48px;font-weight:300;min-width:120px;text-shadow:0 1px 10px rgba(0,0,0,.8)}.counter__label{color:#ffffffd9;font-size:18px;font-weight:400;letter-spacing:.5px;min-width:88px;text-align:left;text-shadow:0 1px 4px rgba(0,0,0,.6)}.is-focused .counter__label{color:#fff;font-size:20px;font-weight:500}.counter__hint{margin-top:20px;color:#ffffff8c;font-size:13px;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.6)}
