@font-face{font-family:Inter;src:local("Inter Regular"),url(/fonts/inter-regular-subset.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:local("Inter Bold"),url(/fonts/inter-bold-subset.woff2) format("woff2");font-weight:700;font-display:swap}*{font-family:Inter,sans-serif;touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;text-align:center;transition:.3s;line-height:1.5}input,button{background:0;cursor:pointer;border:0}h1,h2,h3{margin:0}h2,h3{font-weight:400}.screen{position:fixed;position:absolute;width:100%;min-height:100dvh;top:0;left:0;display:flex;flex-direction:column;justify-content:center;transition:opacity .5s}.content{pointer-events:none}#info.screen,#settings.screen,#reset.screen{opacity:0;pointer-events:none;min-height:0px;height:0px;overflow:hidden}[screen=info] #info,[screen=settings] #settings,[screen=reset] #reset{opacity:1;min-height:100dvh;height:auto;overflow:visible}[screen=info] #info a,[screen=settings] #settings section,[screen=reset] #reset button{pointer-events:auto}.inactive{opacity:0;pointer-events:none}.visually-hidden{position:absolute!important;top:-9999px!important;left:-9999px!important;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}@keyframes swipe{0%{background-position:200% 0}35%{background-position:50% 0}65%{background-position:50% 0}to{background-position:-200%}}@keyframes flash{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}@keyframes introfade{0%{opacity:0;transform:translateY(-7px)}25%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes slowpulse{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}}.intro{pointer-events:none}.intro h1{background:linear-gradient(90deg,#fff0,#fff,#fff,#fff0);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:300% auto;background-position:200% 0%;animation:swipe 5s ease-in-out;margin-bottom:.5em}@media only screen and (min-width: 700px){.intro h1{font-size:2.5em}}@media only screen and (min-width: 1000px){.intro h1{font-size:3em}}.intro h2{font-size:1.125em;font-weight:400;animation:introfade 3s ease-in-out 1.5s;opacity:0;max-width:420px;margin:0 auto}@media only screen and (min-width: 800px){.intro h2{font-size:1.5em}}#count{pointer-events:none;opacity:0;transition:opacity .6s;line-height:1;font-size:clamp(16rem,12.3158rem + 11.7895vw,30rem)}[screen=counter] #count{opacity:1}#count.two-digits{font-size:clamp(11rem,6rem + 16vw,30rem)}#count.three-digits{font-size:clamp(7.5rem,1.5789rem + 18.9474vw,30rem)}#count.four-digits{font-size:clamp(6.25rem,0rem + 20vw,30rem)}@media only screen and (max-height: 400px){#count,#count.two-digits,#count.three-digits,#count.four-digits{font-size:8em}}#spaces-container{position:fixed;bottom:11em;left:calc(50% - 60px);width:120px;font-size:.75em;transition:opacity .3s;opacity:0}@media only screen and (orientation: landscape){#spaces-container{bottom:7vh}}@media only screen and (max-height: 580px){#spaces-container{bottom:7vh}}@media only screen and (orientation: landscape) and (min-height: 600px){#spaces-container{font-size:1em;left:calc(50% - 100px);width:200px}}@media only screen and (orientation: landscape) and (min-height: 800px){#spaces-container{font-size:1.3em;left:calc(50% - 100px);width:200px}}[limit-setting=on][screen=counter] #spaces-container{opacity:1}#spaces-available{font-size:2.125em}#spaces-notice{text-transform:uppercase;letter-spacing:2px;font-size:.75em}#spaces-notice.flash{animation:flash 2s infinite}.add-subtract-buttons{opacity:0;transition:opacity .7s}[screen=counter] .add-subtract-buttons{opacity:1}.add-subtract-buttons button{width:50px;height:50px;padding:6px;box-sizing:content-box;margin:0 .4em .4em;font-size:2.5em;line-height:1;border-radius:50%;text-align:center;transition:border .3s,opacity .3s;position:fixed;z-index:800}.add-subtract-buttons svg{width:36px;height:36px;margin-top:4px}#add-button{right:1em;bottom:.5em}#subtract-button{left:1em;bottom:.5em;pointer-events:none}#subtract-button.active{pointer-events:auto}@media only screen and (orientation: landscape){#add-button,#subtract-button{bottom:calc(50vh - 54px)}#add-button{right:.5em}#subtract-button{left:.5em}}nav{position:fixed;top:1em;z-index:100;left:50%;width:200px;margin-left:-100px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translateY(-15px)}[screen=counter] nav{opacity:1;pointer-events:auto;transform:translateY(0)}nav button{width:42px;height:42px;display:inline;padding:7px;box-sizing:border-box;transition:transform .3s;border-radius:50%;border:1px solid rgba(255,255,255,0)}nav button:hover{transform:scale(1.3)}nav button svg{width:100%;height:100%}#close-screen-background{width:100vw;height:100vh;position:fixed;pointer-events:none}[screen=info] #close-screen-background,[screen=settings] #close-screen-background,[screen=reset] #close-screen-background{pointer-events:auto}.close-button{position:fixed;width:50px;height:50px;right:20px;top:20px;border:1px solid rgba(255,255,255,.3);border-radius:3em;opacity:0;pointer-events:none;transition:.3s;transform:scale(.5)}[screen=info] #info .close-button,[screen=settings] #settings .close-button,[screen=reset] #reset .close-button{transform:scale(1);opacity:1;pointer-events:auto}.close-button svg{width:100%;height:100%;fill:#fff}[screen=info] #info .close-button:hover,[screen=settings] #settings .close-button:hover,[screen=reset] #reset .close-button:hover{transform:scale(1.25)}#info,#reset{font-size:clamp(1rem,.8684rem + .4211vw,1.5rem)}#info .content{margin:1em 0;padding:0 5vw}#info h1{margin-bottom:.5em}.sub-heading-details{max-width:22em;margin:0 auto 1em}#info h2{font-size:1em;max-width:22em;max-width:400px;margin:0 auto;display:inline}#info header a{display:inline;font-size:88%}#info p{font-size:.875em;max-width:22em;margin-left:auto;margin-right:auto}#info footer p{margin-bottom:0}#info p a,#info header a{transition:opacity .3s;text-underline-offset:5px;text-decoration-style:dotted;text-decoration-color:#ffffff80}#info p a:hover,#info header a:hover{opacity:.5}.coffee{padding:1em 1.125em;border-radius:.6em;margin:.5em 0 .75em;display:inline-block;text-decoration:none;transition:transform .3s;background:#00000040;font-weight:700}.coffee:hover{transform:scale(1.125)}.coffee svg{display:inline-block;width:1.25em;height:1.25em;margin-bottom:-5px;margin-left:2px;animation:slowpulse 2s ease-in-out infinite}.coffee:hover svg{transform:scale(1.25);animation:pulse .33s ease-in-out infinite}[iframe] #info header a,[iframe] .coffee{display:none}[iframe] #info p a{pointer-events:none;text-decoration:none}#settings .content{padding:4em 3em}#settings section{margin:1em auto;border-radius:11px;padding:.5em 1em;box-sizing:border-box;border:2px solid rgba(255,255,255,.5);line-height:3.25;font-size:clamp(1rem,.8684rem + .4211vw,1.5rem);width:14em}#settings section section:last-child{margin-bottom:0}#settings h3,#settings h4{font-size:1em}#settings h3{display:inline-block}#set-limit{margin-bottom:1em}input[type=number]{margin-left:.25em;width:3em;font-size:1.25em;padding-left:6px;border-radius:4px}.custom-row{display:flex;align-items:center;justify-content:center}.custom-row h3{width:auto;margin:0}.theme-menu{margin:.813em 0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:.75em;width:100%;padding:0 .25em;box-sizing:border-box}.theme-menu button{border:none;position:relative;width:100%;background-color:#3498db;border-radius:.5em;border:1.5px solid rgba(255,255,255,1);padding:0;transition:transform .3s}.theme-menu button:before{content:"";display:block;padding-top:100%}.theme-menu button:hover{transform:scale(1.125)}.theme-menu input{display:inline-block}#reset h2{margin-bottom:1em}#reset .content button{padding:.75em 1em;margin-top:.5em;font-size:1.125em;border:1px solid rgba(255,255,255,0);border-radius:.5em;width:7em;transition:transform .3s,border .3s}#reset div button:hover{transform:scale(1.125);border-color:#fff}.toggle-button{background:0;border:0;cursor:pointer;height:26px;width:56px;position:relative;border:2px solid rgba(255,255,255,1);border-radius:25px;margin-left:16px;transition:transform .3s;box-sizing:content-box;padding:0}.toggle-button:hover{transform:scale(1.125)}.toggle-button span{position:absolute;top:4px;width:14px;height:14px;border-radius:50%;transition:.3s;left:34px;background:#fff}[limit-setting=off] .toggle-button span{left:4px}[limit-setting=off] .toggle-off-text,[limit-setting=on] .toggle-on-text{border-bottom:1px solid #fff;font-weight:400}#set-limit-container{opacity:0;pointer-events:none;transition:opacity .3s}[screen=settings][limit-setting=on] #set-limit-container{opacity:1;pointer-events:auto}body,button,a{color:#fff}input{background:#fff;color:#000}svg{fill:#fff}[theme=white] .coffee svg{fill:#fff}.intro h1{background:linear-gradient(90deg,#fff0,#fff,#fff,#fff0);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:300% auto;background-position:200% 0%;animation:swipe 5s ease-in-out}.toggle-button span:nth-child(1){border:2px solid #fff}.toggle-button span:nth-child(2){background-color:#fff}.add-subtract-buttons button{border:1px solid rgba(255,255,255,.4)}.add-subtract-buttons button:hover{border:1px solid rgba(255,255,255,.8)}[theme=black] body,#theme-button-black{background:#000}[theme=deep-pink] body,#theme-button-deep-pink{background:#ff1493}[theme=medium-orchid] body,#theme-button-medium-orchid{background:#ba55d3}[theme=blue-violet] body,#theme-button-blue-violet{background:#8a2be2}[theme=slate-gray] body,#theme-button-slate-gray{background:#708090}[theme=dark-turquoise] body,#theme-button-dark-turquoise{background:#00ced1}[theme=light-sea-green] body,#theme-button-light-sea-green{background:#20b2aa}[theme=royal-blue] body,#theme-button-royal-blue{background:#4169e1}[theme=dodger-blue] body,#theme-button-dodger-blue{background:#1e90ff}[theme=deep-sky-blue] body,#theme-button-deep-sky-blue{background:#00bfff}[theme=steel-blue] body,#theme-button-steel-blue{background:#4682b4}[theme=white] body{background:#f6f6f6}[theme=white] body,[theme=white] p a,[theme=white] #info header a,[theme=white] button{color:#111}[theme=white] #info header a,[theme=white] #info p a{text-decoration-color:#00000080}[theme=white] svg,[theme=white] .add-subtract-buttons svg{fill:#111}[theme=white] .toggle-button{border-color:#111}[theme=white] .toggle-button span{background:#111;border-color:#111}[theme=white] #settings p,[theme=white] #settings section{border:2px solid rgba(0,0,0,.1)}[theme=white] .intro h1{background:linear-gradient(90deg,#06060600,#060606,#060606,#06060600);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:300% auto;background-position:200% 0%;animation:swipe 5s ease-in-out}#theme-button-white{background:#fff;color:#111}[theme=white] .add-subtract-buttons button{border:1px solid rgba(0,0,0,.09);transition:.3s}[theme=white] .add-subtract-buttons button:hover{border:1px solid rgba(0,0,0,.3)}[theme=white] .close-screen-button svg{fill:#111}[theme=white] .add-subtract-buttons button,[theme=white] .close-button{border:1px solid rgba(3,3,3,.2);transition:.3s}[theme=white] .add-subtract-buttons button:hover{border:1px solid rgba(3,3,3,.8)}[theme=white] .coffee{background:#111}[theme=black] .coffee,[theme=white] .coffee{background-color:#fb6263}[theme=white] input[type=number]{border:1px solid rgba(0,0,0,.2)}.theme-menu button{box-shadow:0 0 5px 2px #fff0}[theme=black] #theme-button-black,[theme=deep-pink] #theme-button-deep-pink,[theme=medium-orchid] #theme-button-medium-orchid,[theme=blue-violet] #theme-button-blue-violet,[theme=slate-gray] #theme-button-slate-gray,[theme=dark-turquoise] #theme-button-dark-turquoise,[theme=light-sea-green] #theme-button-light-sea-green,[theme=royal-blue] #theme-button-royal-blue,[theme=dodger-blue] #theme-button-dodger-blue,[theme=deep-sky-blue] #theme-button-deep-sky-blue,[theme=steel-blue] #theme-button-steel-blue{box-shadow:0 0 5px 2px #fff}[theme=white] #theme-button-white{box-shadow:0 0 5px 2px #000}