@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Lato:wght@400;700&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Lato,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#222c31,#111d32);color:#d9e2f1;min-height:100vh;font-family:Quicksand,sans-serif}#root{min-height:100vh}#main-header{margin:2rem auto;text-align:center;font-family:Lato,sans-serif;color:#87a7a4}#main-header img{width:6rem;height:6rem;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 8px rgba(14,26,28,.8))}#main-header h1{margin-top:0;font-size:1.5rem;letter-spacing:.15rem}main{width:90%;max-width:50rem;min-height:65vh;margin:2rem auto}section{margin:2rem 0}#configure-counter{margin:0 auto;padding:0;border:1px solid #05827e;border-radius:6px;text-align:center;display:flex;gap:.5rem;align-items:center;justify-content:center;border:none}#configure-counter h2{margin:.5rem;font-size:1rem;font-weight:700;color:#88dbd6}#configure-counter input{width:4rem;text-align:center;margin:.5rem;padding:.5rem .25rem;border:1px solid #88dbd6;border-radius:4px;background-color:#0e1a1c;color:#88dbd6;font-size:1rem}#configure-counter input::-webkit-outer-spin-button,#configure-counter input::-webkit-inner-spin-button{-webkit-appearance:none}#configure-counter input[type=number]{-moz-appearance:textfield}#configure-counter button{cursor:pointer;background:transparent;color:#96d8d6;border:none}#configure-counter button:hover{color:#16f3eb}.counter{padding:2rem;border:1px solid #05827e;border-radius:6px}.counter p{display:flex;gap:2rem;justify-content:center;align-items:center;margin:0 auto;font-size:1.5rem}.counter .counter-info{display:block;font-size:.8rem;color:#9dc5c4;text-align:center}.counter-output{font-size:3rem;font-weight:700;color:#b5dad7}.counter-output.negative{color:#f3a6a6}.counter ol{display:flex;flex-direction:column;gap:.2rem;justify-content:center;align-items:center;margin:0 auto;padding:0;list-style:none;text-align:center}.counter li{width:2rem;margin-left:.5rem;color:#8eb6b3;padding:.2rem}.counter li:first-child{color:#87f0e9;font-weight:700;font-size:1.2rem}.counter li.selected{background-color:#335453;color:#d9f7f6;border-radius:4px}.button{display:inline-flex;gap:.5rem;align-items:center;padding:.5rem 1rem;background-color:#16f3eb;color:#051a19;border:none;border-radius:4px;text-decoration:none;text-align:center;transition:background-color .3s ease}.button-icon{color:#051a19;height:.9rem}footer{width:100%;margin:0 auto;padding:2rem;text-align:center}footer a{color:#87a7a4}footer a:hover{color:#16f3eb}footer a.footer-icon{text-decoration:none}footer a.footer-icon:hover{text-decoration:underline}