:root{--light-bg: #fff;--light-fg: #000;--dark-bg: #151515;--dark-fg: #efefef;--current-fg: var(--light-fg)}body{background:var(--light-bg);color:var(--light-fg)}header{background:var(--light-bg);color:var(--light-fg);box-shadow:0 4px 4px -4px #0003;width:100%;height:64px;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}header>span{margin:0 auto;max-width:800px;min-width:500px;display:flex;justify-content:space-between}select{font-family:Arial}@media (prefers-color-scheme: dark){:root{--current-fg: var(--dark-fg)}body{background:var(--dark-bg);color:var(--dark-fg)}body a{color:#77f}body a:visited{color:#5a5aff}body select,body input{background:var(--dark-bg);color:var(--dark-fg)}body input{display:inline-block;border:1px solid var(--dark-fg)}header{background:var(--dark-bg);color:var(--dark-fg)}}@media (width <= 450px){.hide-sm{display:none}}h1{margin-top:0;margin-bottom:.125rem}.small{font-size:.8rem}body{display:grid;gap:.5rem;justify-content:center;justify-items:center;font-family:Arial}.home-link{text-decoration:none;color:currentColor}.home-link:hover{text-decoration:underline}main{display:grid;justify-items:center}table{margin-top:2rem}table .heading{display:flex;justify-content:center;align-items:baseline;gap:.5rem}table .heading button{padding:.125rem;background:none;border:none;color:var(--current-fg)}table th,table td{padding:.5rem}.dynamic-filter{display:inline-grid;gap:.5rem}.dynamic-filter>span{display:flex;flex-direction:column;gap:.25rem}.dynamic-filter>span input{max-width:50px}.filters h2{font-size:1.25rem;margin-top:0;margin-bottom:0}.filters{display:flex;flex-direction:column;gap:.5rem}.filters form{display:flex;flex-direction:column;gap:.5rem;align-items:start}.filters label span{font-size:.85rem}form.load-form{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:2rem}form.load-form .buttons{display:flex;gap:1rem}form.load-form .url input{font-size:1.25rem;padding:.5rem 1rem}form.load-form .key input{padding:.5rem 1rem}form.load-form label{display:flex;gap:.5rem;flex-direction:column;align-items:center}form.load-form label input{width:100%}form.load-form button,form.load-form input[type=reset]{padding:.125rem;background:none;border:none;color:var(--current-fg)}