#root{margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@media (max-width: 850px){#header div{border:1px solid white;width:100%;border-radius:10px;height:48px;font-size:1.2em;background:var(--accent-hover)}#header div div{border:none}#header div #accountButton{height:48px;border-radius:9px;width:calc(100% - 2px);border:none;color:#fff;padding:0;margin:0}#header div select{width:100%;height:48px;border-radius:9px;border:none;color:#fff;font-size:1em;background:var(--accent-hover)}#entries,#calendar{border:1px solid white;border-radius:10px}#leaderboard,#entries,#calendar{margin-top:8px;overflow:auto;height:calc(100% - 130px);width:100%;margin-bottom:110px}.calendar{margin:auto;width:calc(100% - 10px);max-width:400px}#tabmenu{font-size:1em;position:fixed;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-items:center;height:65px}#tabmenu div{width:100%;height:100%;font-size:2em;border-top:1px solid white;background:var(--accent-hover);padding:10px 0 0}#tabmenu div:active{background:var(--accent-selected)}#tabmenu #newButton{padding:0;height:calc(100% + 40px);width:calc(100% - 40px);font-size:3.5em;border-radius:10px 10px 0 0;background:var(--accent-hover);border:1px solid white}#tabmenu #newButton:active{background:var(--accent-selected)}}.inputPopup select{font-size:1em}#refresh-button{position:fixed;width:30px;height:30px;bottom:85px;right:15px;background:var(--accent-hover);color:#fff;border-radius:45px;border:1px solid white;padding:15px;font-size:4em}#refresh-button span{position:absolute;top:-24px;left:11px}#refresh-button:active{background:var(--accent-selected)}#time-since{background:#46464680;border-radius:5px;padding:5px;font-size:1em;position:fixed;right:85px;bottom:100px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;-webkit-user-select:none;user-select:none;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border-radius:8px;border:1px solid white;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;background:var(--accent-color)}button:hover{background:var(--accent-hover)}html{--accent-color: inherit;--accent-selected: rgb(120,120,120);--accent-hover: rgb(70,70,70)}#header{display:flex;flex-direction:row;justify-content:stretch;align-items:center;gap:8px;width:100%;height:50px}#add{margin:0;padding:0}#addButton{width:140px}#navbar{border:1px solid white;padding:0;margin:0;display:flex;flex-direction:row;justify-content:stretch;width:100%;border-radius:10px;background:var(--accent-color)}.navbar-section{border-radius:5px;border:1px solid white;display:block;display:flex;flex-direction:row;padding:0;width:100%;margin:5px}.navbar-section:last-child{margin-left:0}.navbar-section li{list-style-type:none;padding:5px;margin-block-start:0;border-right:1px solid white;cursor:pointer;width:100%;text-align:center}.navbar-section li:hover{background:var(--accent-hover);font-weight:700}.navbar-section li:first-child{border-radius:5px 0 0 5px}.navbar-section li:last-child{border-radius:0 5px 5px 0;border-right:none}.navbar-section li.selected{background:var(--accent-selected);font-weight:700}#container{height:calc(100vh - 16px)}#main{margin:8px 0 0;height:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;gap:8px;overflow:auto;width:100%}#main *{margin-block-start:0;margin-block-end:0}#leaderboard,#details{border-radius:10px}#leaderboard{border:1px solid white;text-align:center}@media (min-width: 851px){#leaderboard{height:calc(100% - 60px)}table.calendar{width:400px}}#details{height:calc(100% - 60px);border:1px solid white;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}#details .navbar-section{margin:5px 0 0;justify-content:center;width:200px;background:var(--accent-color)}#calendar h2{border:1px solid white;border-radius:5px;width:fit-content;margin:5px auto;padding-left:5px;padding-right:5px;cursor:pointer}table.table{margin:5px;border:1px solid white;border-collapse:collapse;-webkit-user-select:text;user-select:text}table.table td,table.table th{border:1px solid white;padding:5px}table.table th{background:var(--accent-color)}table.table th.sortable{cursor:pointer}table.table th.sortable:hover{background:#5a5a5a}table.table tr:nth-child(odd){background:#464646}table.table.calendar{border:3px double white}table.table.calendar tr{background:inherit}table.table.calendar td{width:calc(100% / 7);cursor:pointer;border:3px outset black}table.table.calendar td.cal-odd{background:#464646}table.table.calendar td:hover,table.table th.selected,table.table th.selected:hover{background:var(--accent-selected)}table.table td.cal-border-bottom{border-bottom:3px double white}table.table td.cal-border-right{border-right:3px double white}#accountButton{text-wrap:nowrap;min-width:100px}#addButton{text-wrap:nowrap}.grayScreen{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080}.inputPopup{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#141414;border-radius:10px;border:1px solid white;padding:10px;text-align:center}.inputPopup h1{margin-block-start:0;margin-block-end:0}.inputPopup button{margin-top:10px}.inputPopup input,.inputPopup label{font-size:24px;margin:5px}.inputPopup label{font-size:24px;margin:10px}.inputPopup select{font-size:24px}.inputPopup h2{margin-block-start:0;margin-block-end:0;cursor:pointer;position:absolute;top:0;right:0;border-left:1px solid white;border-bottom:1px solid white;border-radius:0 8px;height:35px;aspect-ratio:1/1}.inputPopup button{font-size:18px}.inputPopup input[type=checkbox]{width:18px;height:18px}.inputPopup p{margin-block-start:0;margin-block-end:0;padding:5px;background:#960000;border-radius:5px}#loginPopup span{text-decoration:underline;cursor:pointer;font-size:16px}#loginPopup p{margin-block-start:0;margin-block-end:0;padding:5px;background:#960000;border-radius:5px}