:root{color:#202124;background:#f7f5f0;font-family:system-ui,sans-serif}body{margin:0}main{max-width:1100px;margin:auto;padding:1rem}a{color:#154c82}.login{max-width:24rem;margin-top:15vh}.login form{gap:1rem;display:grid}.login label{gap:.4rem;display:grid}.login input{font:inherit;padding:.5rem}.filters,.toolbar,.tabs{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.filters{margin:1rem 0}.filters input{min-width:16rem}.scores{padding:0;list-style:none}.scores li{border-block-end:1px solid #ddd;padding:1rem}.scores small{background:#e5e0d5;border-radius:1rem;margin-right:.3rem;padding:.15rem .45rem}.scores span{color:#555;margin-left:.5rem}.toolbar{z-index:2;background:#f7f5f0;padding:.7rem 0;position:sticky;top:0}.reader{margin-top:1rem}.pdf-page{text-align:center;min-height:60vh;overflow:auto}.pdf-page canvas{background:#fff;max-width:none;box-shadow:0 1px 5px #999}.musicxml{background:#fff;padding:1rem;overflow:auto}.musicxml svg{min-width:700px}.error{color:#a00}.notice{background:#fff3cd;padding:.7rem}.tabs button.active{font-weight:700}@media (width<=500px){main{padding:.75rem}.toolbar{gap:.4rem}.filters input{width:100%;min-width:0}}