:root{color:#172033;background:#f3f5f9;font-family:system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{color:#fff;background:#192b47;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem max(1.5rem,50vw - 32rem);display:flex}h1{margin:0;font-size:1.65rem}h1 span{color:#b6d2ff;font-weight:400}header p{margin:.25rem 0 0}main{max-width:64rem;margin:auto;padding:2rem 1.5rem}h2{margin-top:0}.panel{background:#fff;border:1px solid #d5dce7;border-radius:.75rem;padding:2rem}.login{max-width:30rem;margin:1rem auto}label{margin-top:1rem;font-weight:600;display:block}input{width:100%;font:inherit;border:1px solid #6c7788;border-radius:.3rem;margin:.35rem 0 1rem;padding:.75rem}button{font:inherit;color:#fff;cursor:pointer;background:#245ba8;border:1px solid #245ba8;border-radius:.35rem;padding:.65rem 1rem}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #d16c00}.secondary{color:#192b47;background:#fff}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}[role=alert]{color:#a11b1b}.muted{color:#536176;font-size:.9rem}.shows{gap:.75rem;padding:0;list-style:none;display:grid}.show{text-align:left;color:#192b47;background:#f8faff;border-color:#b6c4d9;flex-wrap:wrap;justify-content:space-between;gap:1rem;width:100%;display:flex}.show[aria-pressed=true]{background:#e5eeff;border-color:#245ba8}.selection{border-top:1px solid #d5dce7;margin-top:1.5rem}@media (width<=480px){.panel{padding:1.25rem}header{padding:1rem}}