:root{--history-height: 8em;--history-item-height: 1.5em;--background-color: #fafafa;--text-color: #333;--button-up-text-color: #4fc08d;--button-up-background-color: #fff;--button-up-border-color: #4fc08d;--button-down-text-color: #dd3c3c;--button-down-background-color: #fff;--button-down-border-color: #dd3c3c;--button-reset-text-color: #333;--button-reset-background-color: #fff;--button-reset-border-color: #333;--button-up-text-hover-color: #fff;--button-up-background-hover-color: #4fc08d;--button-up-border-hover-color: #4fc08d;--button-down-text-hover-color: #fff;--button-down-background-hover-color: #dd3c3c;--button-down-border-hover-color: #dd3c3c;--button-reset-text-hover-color: #fff;--button-reset-background-hover-color: #333;--button-reset-border-hover-color: #333}@media (prefers-color-scheme: dark){:root{--background-color: #333;--text-color: #ccc;--button-up-text-color: #4fc08d;--button-up-background-color: #333;--button-up-border-color: #4fc08d;--button-down-text-color: #dd3c3c;--button-down-background-color: #333;--button-down-border-color: #dd3c3c;--button-reset-text-color: #ccc;--button-reset-background-color: #333;--button-reset-border-color: #ccc;--button-up-text-hover-color: #fff;--button-up-background-hover-color: #4fc08d;--button-up-border-hover-color: #4fc08d;--button-down-text-hover-color: #fff;--button-down-background-hover-color: #dd3c3c;--button-down-border-hover-color: #dd3c3c;--button-reset-text-hover-color: #333;--button-reset-background-hover-color: #ccc;--button-reset-border-hover-color: #ccc}}html{box-sizing:border-box;font-size:62.5%}html *{box-sizing:inherit}html,body{height:100%}body{margin:0;background-color:var(--background-color);color:var(--text-color)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50;display:grid;place-items:center;height:100%}.container{display:flex;flex-direction:column;place-items:center;width:340px;margin:0 auto}.score-display{position:relative;margin-bottom:1em}@media only screen and (min-height: 420px){.score-display{margin-bottom:2em}}.counter{background-color:var(--background-color);color:var(--text-color);font-size:4rem;text-align:center;border:0;-webkit-appearance:none;width:100%;padding:0}@media only screen and (min-height: 420px){.counter{font-size:7.5rem}}.button-row{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}@media only screen and (min-height: 420px){.button-row{gap:2rem;margin-bottom:2rem}}button{background:none;color:var(--button-up-text-color);background-color:var(--button-up-background-color);border:solid 2px var(--button-up-border-color);border-radius:2em;font:inherit;font-size:1.5rem;padding:.45em 1em;min-width:5em;transition:all .15s;cursor:pointer}@media only screen and (min-height: 420px){button{padding:.75em 1em;font-size:2rem}}button:hover{color:var(--button-up-text-hover-color);background-color:var(--button-up-background-hover-color);border-color:var(--button-up-border-hover-color)}button.decrease{color:var(--button-down-text-color);background-color:var(--button-down-background-color);border-color:var(--button-down-border-color)}button.decrease:hover{color:var(--button-down-text-hover-color);background-color:var(--button-down-background-hover-color);border-color:var(--button-down-border-color)}button.history-toggle,button.reset{min-width:0;color:var(--button-reset-text-color);background-color:var(--button-reset-background-color);border-color:var(--button-reset-border-color)}button.history-toggle:hover,button.reset:hover{color:var(--button-reset-text-hover-color);background-color:var(--button-reset-background-hover-color);border-color:var(--button-reset-border-color)}.score-history{position:relative;width:100%;height:var(--history-height);text-align:center;transition:all .15s ease-out;opacity:.5}.score-history .history-list{height:100%;overflow:auto;list-style:none;color:var(--text-color);margin:0;padding:0;padding-top:calc(var(--history-item-height) * 4);scroll-snap-type:y mandatory;display:flex;flex-flow:column nowrap;scroll-behavior:smooth}.score-history .history-list>li{width:100%;height:auto;min-height:var(--history-item-height);margin:0;padding:0;scroll-snap-align:end;flex:none;flex-flow:column nowrap;font-size:14px}.score-history:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(to bottom,var(--background-color),transparent 50%);z-index:1;pointer-events:none}.calc{list-style:none;margin:0;padding:0;display:flex;flex-flow:row wrap;gap:.3em;justify-content:center;font-size:14px}.calc li{margin:0;padding:0}