:root{--gray-50: hsl(240, 9%, 6%);--gray-100: hsl(240, 9.8%, 8%);--gray-150: hsl(240, 9%, 10%);--gray-200: hsl(240, 7%, 20%);--gray-300: hsl(240, 9%, 25%);--gray-500: hsl(240, 10%, 46%);--gray-600: hsl(240, 10%, 52%);--gray-700: hsl(240, 10%, 68%);--white-50: hsl(240, 100%, 96%);--white-100: hsl(240, 20%, 92%);--white-150: hsl(240, 20%, 89%);--white-200: hsl(240, 10%, 85%);--white-300: hsl(240, 19%, 75%);--white-500: hsl(240, 20%, 68%);--white-600: hsl(240, 15%, 60%);--white-700: hsl(240, 20%, 50%)}[data-theme=dark]{--bg-100: var(--gray-100);--bg-150: var(--gray-150);--bg-200: var(--gray-150);--bg-300: var(--gray-300);--bg-500: var(--gray-500);--bg-600: var(--gray-600);--bg-700: var(--gray-700);--fg-50: var(--white-50);--bg-opposite: var(--white-100);--github-color: hsl(0, 0%, 100%);--link-color: hsl(194.74, 53.27%, 79.02%);--link-visited-color: hsl(300, 47.29%, 74.71%)}[data-theme=light]{--bg-100: var(--white-100);--bg-150: var(--white-150);--bg-200: var(--white-200);--bg-300: var(--white-300);--bg-500: var(--white-500);--bg-600: var(--white-600);--bg-700: var(--white-700);--fg-50: var(--gray-50);--bg-opposite: var(--gray-100);--github-color: hsl(212.7, 13.3%, 16.3%);--link-color: hsl(248.51, 79.76%, 67.06%);--link-visited-color: hsl(322.25, 80.91%, 43.14%)}::selection{color:var(--bg-100);background:var(--bg-opposite)}*:focus-visible{outline-width:2px;outline-offset:5px;outline-color:var(--bg-opposite);outline-style:solid}*{padding:0;margin:0;border:none}button{background-color:transparent;cursor:pointer}svg,button{display:block}body{background-color:var(--bg-100);overflow-y:scroll}a{text-decoration-line:inherit}a:hover{text-decoration-line:underline}.hidden{display:none}.main-fg-color{color:var(--fg-50)}.dim-fg-color{color:var(--bg-600)}.very-dim-fg-color{color:var(--bg-300)}.font-roboto-mono{font-family:Roboto Mono,monospace;font-optical-sizing:auto}.font-size-regular{font-size:1em}.font-roboto{font-family:Roboto,sans-serif}.text-regular{font-weight:400}.text-title{font-weight:800}.text-caption{font-weight:600}.text-bold{font-weight:700;font-style:bold}.inline,.inline *{display:inline}.blocky{display:grid;grid-template-columns:1fr auto}.blocky>*{justify-self:end}.wrapper{min-height:100vh;min-height:100svh;max-width:1920px;margin:auto;display:grid;grid-template-rows:auto 1fr auto}.primary-header{display:flex;padding:clamp(1em,3vw,2em);padding-bottom:1.5em;justify-content:end;gap:clamp(1.2em,2vw,1.5em)}#navbar{list-style-type:none;justify-content:end;display:flex;align-items:center;gap:clamp(1.2em,2vw,1.5em)}#navbar-toggle-button[aria-expanded=true]>.open{display:none}#navbar-toggle-button[aria-expanded=false]>.close,#navbar-toggle-button[aria-expanded=false]+nav{display:none}#navbar-toggle-button>svg{fill:var(--bg-600)}#info-button{color:var(--fg-50);font-size:1em}.nav-spacer{user-select:none;color:var(--bg-300)}#github-link{padding:3px;display:block}#github-link>svg{fill:var(--github-color)}#theme-toggle>svg{fill:var(--fg-50)}#theme-toggle>.light{padding:1px}[data-theme=light] #theme-toggle>.light{display:none}[data-theme=dark] #theme-toggle>.dark{display:none}.content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}.display-container{align-self:center;margin:clamp(1.25em,3vh,3em) 0 clamp(.8em,1.5vh,3em);display:grid;row-gap:1.5em}.display-container>*{width:fit-content;align-self:center;justify-self:center}.datetime-container{display:grid;justify-items:center}.datetime-container>*{width:fit-content;height:fit-content}.caption-container{align-self:center;justify-self:center;margin:0 clamp(1.5em,8vw,15em);font-size:clamp(.8em,min(5vh,2.2vw),1.35em)}#countdown,#datetime{white-space:nowrap}#countdown{line-height:.8em;overflow:hidden}#countdown [id$=-container]>*{display:inline}.spacer{color:var(--bg-150)}.button-refresh-container{display:grid;justify-items:center;gap:.8em;margin-top:1vh;margin-bottom:.8vh}#user-statistic{display:flex;gap:.7em;min-width:min-content}#refresh>svg{fill:var(--fg-50);transition:fill .15s ease-in}#refresh:disabled{cursor:unset}#refresh:disabled>svg{fill:var(--bg-300);transition:fill .15s ease-out}@media (hover: hover) and (pointer: fine){#countdown,#datetime,#theme-toggle,#refresh,#user-statistic,#info-button,#info-modal-close-button{transition:filter .15s ease-in}#countdown:hover [id^=countdown-],#countdown:hover [id$=-label]{filter:brightness(85%);transition:filter 75ms ease-out}#datetime:hover,#theme-toggle:hover,#user-statistic:hover,#info-button:hover,#info-modal-close-button:hover{filter:brightness(80%);transition:filter 75ms ease-out}#refresh:enabled:hover>svg{filter:brightness(75%);transition:filter 50ms linear,fill .15s ease-out}}.bottom-container{padding:.5em 2em 2em;display:flex}.bottom-container>svg{fill:var(--bg-600)}#user-count{padding-top:1px}#info-modal:open{display:flex;background-color:transparent;max-width:unset;min-width:16em;max-height:100%;width:100%;overflow:scroll;justify-content:center}.modal-wrapper{overflow:scroll;max-width:60em;border-radius:17px;margin:max(2.5em,5vw) max(2em,5vw);border:2px solid var(--bg-200);background-color:var(--bg-100);background-color:hsl(from var(--bg-100) h s l / .95);backdrop-filter:blur(8px);color:var(--fg-50);padding:clamp(2em,5vw,3em)}#info-modal hr{height:1px;border:0;background-color:var(--bg-300);width:100%}#info-modal h2{margin-bottom:.5em;margin-left:min(.5vw,.5em)}#info-modal p{margin-bottom:1em;margin-left:min(1.5vw,1.5em)}#info-modal a{color:var(--link-color)}#info-modal a:visited{color:var(--link-visited-color)}.info-modal-contents{display:grid;row-gap:1em}#info-modal-close-button{position:absolute;top:1.5em;right:1.5em}#info-modal-close-button>svg{fill:var(--bg-500)}p#disclaimer{color:var(--bg-500);margin-top:1em;margin-left:min(.5vw,.5em)}::backdrop{background-color:#000;opacity:35%}