:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f7f5ee;background:#111216}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#442c23 0,transparent 55%),#111216}a{color:#ffdc85}button,select{font:inherit;min-height:46px;border-radius:10px;border:1px solid #64636a;padding:10px 14px}button{cursor:pointer;background:#ffda7d;color:#171717;font-weight:750}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:4px}header{padding:18px max(20px,calc((100% - 1400px)/2));display:flex;align-items:center;justify-content:space-between;background:#111216;border-bottom:1px solid #45434a}header a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-weight:750}main{max-width:1440px;margin:auto;padding:32px 24px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0 28px}.intro img{object-fit:contain}.eyebrow{color:#ffb59d;font-size:12px;letter-spacing:2px;font-weight:700}h1{font-size:clamp(34px,5vw,64px);line-height:1.04;margin:15px 0}h1 span{display:block;color:#ffda7d;font-size:.66em;margin-top:10px}.intro p:not(.eyebrow),.context{color:#c7c6cc;line-height:1.6}form{background:#1c1d24;border:1px solid #55515a;border-radius:16px;padding:22px}fieldset{border:0;padding:0;margin:0 0 22px}legend{font-weight:700;margin-bottom:12px}.eras{display:flex;flex-wrap:wrap;gap:8px}.eras button{background:#292a32;color:#fff}.eras button[aria-pressed=true]{background:#ffda7d;color:#181818;border-color:#ffda7d}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:16px}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:650}select{background:#292a32;color:#fff;width:100%}.tools{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.secondary{background:#292a32;color:#fff}.context{font-size:13px}.shelf-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px}h2{font-size:24px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.card{min-width:0;background:#202128;border:1px solid #47434a;border-radius:12px;overflow:hidden;box-shadow:4px 4px 0 #08090b}.card.chosen{outline:3px solid #ffda7d;outline-offset:4px}.poster{display:block;aspect-ratio:2/3;background:#302b34;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;display:block}.copy{padding:14px}.copy h3{font-size:17px;margin:0 0 8px;line-height:1.35}.copy h3 a{color:#fff;text-decoration:none}.meta{color:#cbc9cf;font-size:13px}.rating{color:#ffda7d;font-weight:700;margin:10px 0 4px}.copy button{width:100%;margin-top:12px}.more{display:block;margin:28px auto}.more[hidden]{display:none}#status{min-height:24px;color:#ffdc85;line-height:1.5}footer{max-width:1440px;margin:auto;padding:24px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;color:#bbb;font-size:13px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:#111;padding:12px;z-index:10}@media(max-width:1050px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro img{width:100px;height:100px}.shelf-head{align-items:flex-start;flex-direction:column}}@media(max-width:520px){main{padding:20px 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}form{padding:14px}.intro img{display:none}.copy{padding:10px}.copy h3{font-size:16px}.tools button{flex:1}.shelf-head button{width:100%}}
:root #shelf-query{display:block;width:100%;min-height:48px;padding:12px;margin-top:8px;background:#292a32;color:#fff;border:1px solid #85818c;border-radius:10px;font:inherit}#shelf-query:focus-visible{outline:3px solid #ffdc85;outline-offset:3px}select:disabled{opacity:.5}.auto-toggle{flex-direction:row;align-items:center;justify-content:center;margin-top:24px}.auto-toggle input{width:20px;height:20px}#count{font-weight:700;color:#ffdc85}