:root{color:#e7e4df;font-synthesis:none;background:#141517;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0}header{background:#1b1c1f;border-bottom:1px solid #353638;align-items:center;height:58px;padding:0 22px;display:flex}header input[type=search]{min-width:0;font:inherit;color:inherit;background:#10121a;border:1px solid #3c3e42;border-radius:5px;flex:0 420px;margin:0 12px 0 clamp(12px,3vw,28px);padding:6px 10px}header input[type=search]:focus{border-color:#dfb877;outline:none}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.notice{background:#1b1c1f;border:1px solid #dfb877;border-radius:7px;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 22px 0;padding:10px 12px;display:flex}.notice.failure{border-color:#ffb1a1;display:block}.wordmark{color:inherit;align-items:center;gap:9px;font-size:17px;text-decoration:none;display:flex}main h1,main h2.section{margin:22px 22px 0;font-weight:550}main h1{font-size:22px}.page-heading{flex-wrap:wrap;align-items:baseline;gap:10px;margin:22px 22px 0;display:flex}.page-heading h1,.page-heading h2.section{margin:0 8px 0 0}main h2.section{text-transform:uppercase;letter-spacing:.06em;color:#a9a6a0;font-size:13px}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;padding:16px 22px 22px;display:grid}.card.collection{overflow:visible;box-shadow:5px 5px 0 -1px #1b1c1f,5px 5px #353638}.card.collection .thumbnail{border-radius:7px 7px 0 0;overflow:hidden}.card.missing{color:#ffb1a1;border-style:dashed}.card{background:#1b1c1f;border:1px solid #353638;border-radius:7px;padding-bottom:12px;overflow:hidden}.card:hover{border-color:#dfb877}.card a{color:inherit;text-decoration:none;display:block}.actions{justify-content:flex-end;gap:8px;margin:8px 12px 0;display:flex}button,.card .button{font:inherit;cursor:pointer;color:inherit;background:#26282c;border:1px solid #3c3e42;border-radius:5px;padding:5px 10px}button:hover,.card .button:hover{background:#393a3d}.card .button{display:inline-block}.thumbnail{aspect-ratio:16/9;background:#10121a;border-bottom:1px solid #353638;justify-content:center;align-items:center;display:flex;position:relative}.card h2{margin:10px 12px 2px;font-size:15px;font-weight:550}.card p{color:#a9a6a0;margin:0 12px}.card .byline{color:#85837e;margin-top:6px;font-size:12px}.thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.busy{color:#dfb877;background:#10121acc;border-radius:4px;padding:4px 10px;position:relative}.failure{color:#ffb1a1}.card .failure{margin:10px 12px 0}.failure pre{white-space:pre-wrap;background:#211;border-radius:4px;max-height:240px;margin:6px 0 0;padding:8px;font-size:11px;overflow:auto}.streaming{color:#9fc4e8;background:0 0;border-style:dashed;margin-right:auto}.explanation{position-area:bottom span-right;position-try-fallbacks:flip-block, flip-inline;color:#e7e4df;background:#1b1c1f;border:1px solid #9fc4e8;border-radius:7px;max-width:min(340px,100vw - 32px);margin:6px 0;padding:2px 14px 12px;line-height:1.45;inset:auto}.explanation p{margin:10px 0}.explanation code{-webkit-user-select:all;user-select:all;background:#10121a;border-radius:4px;padding:8px;display:block}.menu{position-area:bottom span-left;position-try-fallbacks:flip-block, flip-inline;color:#e7e4df;background:#1b1c1f;border:1px solid #3c3e42;border-radius:7px;min-width:200px;max-width:min(320px,100vw - 32px);max-height:60vh;margin:6px 0;padding:6px;inset:auto;overflow:auto}.menu label{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.menu label:hover{background:#26282c}.menu input{accent-color:#dfb877;margin:0}.menu button{text-align:left;width:100%;margin-top:4px}.slot{display:grid}.slot.dragging{opacity:.4}.slot.drop-target .card{border-color:#dfb877;box-shadow:0 0 0 2px #dfb877}.toggle{color:#a9a6a0;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;display:flex}.toggle input{accent-color:#dfb877;margin:0}.card.archived .thumbnail img{opacity:.45}.badge{color:#dfb877;background:#10121acc;border-radius:4px;padding:2px 8px;font-size:12px;position:absolute;top:8px;left:8px}@media (width<=640px){header{flex-wrap:wrap;row-gap:10px;height:auto;padding:10px 16px}header input[type=search]{flex-basis:100%;order:1;margin:0}}