:root{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3{margin:0}*{margin:0;padding:0;box-sizing:border-box;flex-wrap:wrap}div#root{--content-margins: calc(20% - 5em) ;--content-width: minmax(280px, 1fr);display:grid;min-height:100dvh;grid-template-columns:var(--content-margins) var(--content-width) var(--content-margins);grid-template-rows:auto 1fr auto;grid-template-areas:"head head head" ".... main ...." "foot foot foot"}div#root header{grid-area:head}div#root main{grid-area:main}div#root footer{grid-area:foot}header,main,footer{display:flex}header,footer{padding:1em}header{border-bottom:1px solid #feffef44}header div{display:flex;flex-wrap:nowrap}header div img{align-self:center}header h1{display:flex;align-items:end}header h1 sub{flex-wrap:nowrap;width:fit-content;font-size:.5em}main{margin-top:1em;flex-direction:column;padding-inline:2px;gap:.75em}main .file-section{align-items:center}main .file-section .file-list{align-self:center;align-items:start;width:fit-content;min-width:250px}main .file-section .file-list .file-list-item{flex-wrap:wrap}main .file-section .file-list .file-list-item button.selected{display:none}main .file-section .file-list .file-list-item .selected{-webkit-user-select:none;user-select:none;cursor:default}main .file-section .file-list .file-list-item .selected:hover{opacity:1}main .file-section .file-list .file-list-item .title{position:relative;width:12ch;text-wrap:wrap;text-align:end}main .file-section .file-list .file-list-item .title:not(button).selected:before{content:"✔";position:absolute;left:-.75em;bottom:-.125em}main section{display:flex;flex-direction:column;align-items:center;gap:.5em;align-items:start;border:2px solid #feffef44;border-radius:.5em;padding:1em}main section:first-of-type{border:none;flex-direction:row;justify-content:space-between}main section:last-of-type{margin-bottom:1em}main section div{flex-wrap:wrap;align-self:center}main section button.newSpreadsheet{margin-top:1.5em;align-self:center}main section ul{display:flex;flex-direction:column;gap:.25em;width:100%}main section ul li{display:flex;flex-wrap:nowrap;padding-top:.15em;align-items:center;gap:.5em;border-radius:2px}main section ul button{display:flex;align-items:center}main section ul button:hover{opacity:.8;cursor:pointer}main section:nth-of-type(3) li:hover{opacity:.8}main section:nth-of-type(3) li:active{opacity:.5}main input{padding:.5em;border-radius:.5em;color:#fff}main h2{text-align:center}main h3{margin-bottom:.5em}main button{padding:.5em;border-radius:.5em;border:1px solid #feffef;font-weight:700;width:fit-content}main button:hover{cursor:pointer}footer{justify-content:center;font-weight:700;border-top:1px solid #feffef44}@media (max-width: 1200px){main ul{padding-inline:0}}