*{box-sizing:border-box}html{background:linear-gradient(180deg,#5b8ebd,#89b2d2 33.33%,#d7e4ed 72%,#f7e8e3);background-size:cover;background-attachment:fixed}html,body{height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#root{max-width:1280px;margin:0 auto;padding:2rem}.app{display:flex;flex-direction:column;align-items:center;gap:40px}.app p{font-size:28px;color:#fff;text-align:center;font-weight:800}button{background:linear-gradient(180deg,#7aa8ed,#256cd7 54.5%,#003585);padding:10px 20px;border-radius:1000px;outline:none;border:none;color:#fff;font-size:22px;-webkit-user-select:none;user-select:none;cursor:pointer}button:active{background:linear-gradient(358deg,#7aa8ed 1.74%,#256cd7 54.43%,#003585 98.42%)}.gauge{position:relative}.gauge img{display:block}.gauge .fill{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1000px;background:linear-gradient(90deg,#ed6868 .03%,#ffe924 51.33%,#75de79);clip-path:rect(0 var(--gauge) 100% 0%);transition:clip-path .2s linear}.hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#fff;font-weight:800;text-align:center;background:#ffc909;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;font-size:20px;height:250px;width:250px;display:flex;align-items:center;justify-content:center;border-radius:10000px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}