*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:system-ui,sans-serif;background:#000;color:#fff}#app{display:grid;place-items:center;min-height:100vh}.counter-button{font-family:inherit;font-size:1.1rem;padding:.75em 1.5em;border-radius:999px;border:1px solid #fff;background:transparent;color:#fff;cursor:pointer;transition:background .15s ease,color .15s ease}.counter-button:hover{background:#fff;color:#000}.leaderboard{position:fixed;top:1.5rem;right:1.5rem;width:220px;display:flex;flex-direction:column;gap:.6rem;padding:1rem;border:1px solid #fff;border-radius:12px;background:#ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.leaderboard-title{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em}.leaderboard-list{margin:0;padding:0 0 0 1.25rem;max-height:240px;overflow-y:auto;font-size:.9rem}.leaderboard-list li{display:flex;justify-content:space-between;gap:.5rem}.leaderboard-input,.leaderboard-save{font-family:inherit;font-size:.9rem;padding:.5em .9em;border-radius:999px;border:1px solid #fff;background:transparent;color:#fff}.leaderboard-input::placeholder{color:#fff9}.leaderboard-save{cursor:pointer;transition:background .15s ease,color .15s ease}.leaderboard-save:hover{background:#fff;color:#000}.leaderboard-save:disabled{opacity:.5;cursor:default}.leaderboard-status{margin:0;min-height:1em;font-size:.8rem;opacity:.8}