:root{--space:clamp(1.5rem, 1.7642rem + -.3409vw, 1.6875rem);--half-space:calc(var(--space) / 2);--quarter-space:calc(var(--space) / 4);--border-radius:.5rem;--color--background:darkslateblue;--color--background--tint:oklch(from var(--color--background) calc(l * .85) c h);--color--foreground:aliceblue;--color--secondary:gold;--color--highlight:chartreuse;--color--error:crimson}*{box-sizing:border-box}body{min-block-size:100dvh;padding:var(--half-space);color:var(--color--foreground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--color--background);flex-flow:column;margin:0;font-family:system-ui;display:flex}a{color:var(--color--highlight)}a:active,a:visited{color:var(--color--secondary)}ul{padding-inline:1em}p,li{max-inline-size:70ch}button{cursor:pointer;padding:var(--quarter-space) var(--half-space);border-radius:var(--border-radius);color:var(--color--secondary);background-color:var(--color--background);border:1px solid;font-size:1rem}button:hover{background-color:var(--color--background--tint)}button:disabled{border-style:dashed}button:disabled:hover{background-color:var(--color--background)}.flow{--spacing:var(--space)}.flow.condensed{--spacing:var(--half-space)}.flow>:first-child{margin-block-start:0}.flow>*+*{margin-block-start:var(--spacing)}.center{margin:auto}.error{border:none}.error p{margin-block:var(--quarter-space);padding-inline:var(--quarter-space)}.error-header{border-block:1px solid var(--color--error);margin-block-end:var(--quarter-space);display:block}.error-header strong{padding-block:calc(var(--quarter-space) / 2);padding-inline:var(--quarter-space);background-color:var(--color--background);display:inline-block}.stripe{--stripe-size:.25rem;background-image:linear-gradient(-45deg, var(--color--error) 25%, transparent 25%, transparent 50%, var(--color--error) 50%, var(--color--error) 75%, transparent 75%, transparent 100%);background-size:var(--stripe-size) var(--stripe-size)}section{padding:var(--half-space);border:1px solid var(--color--secondary);border-radius:.5rem}section>*{margin-block:0}section+section,section.flow>*+*{margin-block-start:var(--space)}table{border-collapse:collapse;inline-size:100%;margin-block:var(--half-space)}table caption{padding-inline:var(--quarter-space);text-align:start;margin-block-end:var(--half-space);font-size:1.2rem;font-weight:700}table thead{border-block-end:1px solid var(--color--secondary)}table tbody tr:first-child td{padding-block-start:var(--quarter-space)}table tbody tr:nth-child(2n){background-color:oklch(from var(--color--background--tint) l c h / 40%)}table td,table th{inline-size:50%;padding-inline:var(--quarter-space);text-align:start;vertical-align:top}table td.date{font-variant-numeric:tabular-nums}@media (width<48rem){table td:last-of-type,table th:last-of-type{text-align:end;inline-size:20%}}div.reader{padding:var(--half-space) var(--quarter-space);border:1px solid var(--color--secondary);border-radius:.5rem}div.reader h2{margin-block:0;font-size:1.5rem}div.reader .id{font-variant-numeric:tabular-nums;font-size:1.2rem}div.reader .details{padding-inline:var(--quarter-space)}div.reader .tables{gap:var(--half-space);flex-flow:wrap;align-items:flex-start;display:flex}div.reader .tables table{flex-basis:calc(50% - var(--half-space));flex-grow:1;min-inline-size:20rem;margin-block:0}div.reader>:first-child{margin-block:0}section.readers{border:none;padding:0}section.header{--header-border-radius:.75rem;border-radius:0 0 var(--header-border-radius) var(--header-border-radius);background-color:var(--color--background);border:none;padding:0;position:sticky;inset-block-start:0}section.header .header-inner{gap:var(--half-space);padding:var(--half-space);border:1px solid var(--color--secondary);border-radius:var(--header-border-radius);flex-flow:wrap;align-items:center;margin-block-start:var(--quarter-space);display:flex}@media (width<48rem){section.header .header-inner{border:none;flex-flow:wrap-reverse;padding:0}}section.header .search{gap:var(--half-space);flex-flow:wrap;justify-content:flex-start;align-items:center;display:flex}section.header .search label{gap:var(--quarter-space);flex-grow:1;align-items:center;display:flex}section.header .search label span:after{content:":";display:inline}section.header .search label input{flex-grow:1;font-size:1rem}@media (width<48rem){section.header .search{padding:var(--half-space);border:1px solid var(--color--secondary);border-radius:var(--border-radius)}}section.header .result-count{margin:0}section.header .result-number{font-variant-numeric:tabular-nums}.user{gap:var(--half-space);justify-content:flex-end;align-items:center;margin-inline-start:auto;display:flex}form label{gap:var(--quarter-space);flex-flow:column;inline-size:fit-content;display:flex}form input{display:block}.sign-in{justify-content:center;align-items:center;margin:auto;display:flex;position:relative}.sign-in form{gap:var(--half-space);flex-flow:column;justify-content:flex-end;margin-inline-start:auto;display:flex}.sign-in form input{border:1px solid var(--color--secondary);border-radius:var(--border-radius);background-color:var(--color--background--tint);padding:.25em .5em;font-family:inherit;font-size:1.2rem;line-height:1.4}.sign-in form input:focus{box-shadow:0 0 10px 0 oklch(from var(--color--secondary) l c h / 50%);outline:none}.sign-in form input:user-valid{border-color:var(--color--highlight)}.sign-in .buttons{gap:var(--quarter-space);margin-block-start:var(--half-space);display:flex}.sign-in .form-error{border-radius:var(--border-radius);color:#fff;white-space:nowrap;background-color:var(--color--error);margin-block:1rem 0;padding:.5em .75em;position:absolute;inset-block-start:100%}