:root{--ink:#101a2e;--ink-2:#1d2a42;--paper:#f6f4ef;--card:#fff;--rule:#dcd7cb;--rule-2:#c6c0b1;--fg:#1b2437;--fg-2:#5e6675;--fg-3:#8b9099;--brass:#a9761f;--brass-bg:#f3e9d4;--crimson:#96302e;--sans:"Zen Kaku Gothic New",-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;--mincho:"Shippori Mincho B1","Hiragino Mincho ProN",serif;--num:"Oswald",var(--sans)}*{box-sizing:border-box}body{background:var(--paper);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.7}.wrap{max-width:960px;margin:0 auto;padding:0 20px}header{background:var(--ink);color:#edeae2;padding:34px 0 26px}.back{font-family:var(--sans);color:#9aa6bc;margin-bottom:10px;font-size:12px;text-decoration:none;display:inline-block}.back:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.back:hover{color:#fff}h1{font-family:var(--mincho);letter-spacing:.02em;margin:0 0 8px;font-size:30px;font-weight:700;line-height:1.25}.lead{color:#c7cedd;max-width:640px;margin:0;font-size:13px}.controls{padding:24px 0 18px}.search{margin-bottom:14px;position:relative}.search input{width:100%;font-family:var(--sans);border:1px solid var(--rule-2);background:var(--card);color:var(--fg);border-radius:2px;padding:13px 15px 13px 42px;font-size:16px}.search input:focus{outline:2px solid var(--brass);outline-offset:1px;border-color:#0000}.search svg{width:18px;height:18px;stroke:var(--fg-3);fill:none;stroke-width:2px;position:absolute;top:14px;left:14px}.frow{align-items:flex-start;gap:10px;margin-bottom:9px;display:flex}.flab{letter-spacing:.1em;color:var(--fg-3);font-size:11px;font-family:var(--num);flex:0 0 60px;padding-top:7px;font-weight:400}.chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.chips.disabled{opacity:.4;pointer-events:none}.chip{font-family:var(--sans);border:1px solid var(--rule-2);color:var(--fg-2);cursor:pointer;background:0 0;border-radius:999px;padding:5px 13px;font-size:13px;line-height:1.5}.chip:hover{border-color:var(--fg-3);color:var(--fg)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.yr-note{color:var(--brass);flex:none;padding-top:8px;font-size:11px}.selects{border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:14px 0 0;display:flex}select{font-family:var(--sans);border:1px solid var(--rule-2);background:var(--card);color:var(--fg-2);border-radius:2px;padding:7px 10px;font-size:13px}.reset{font-family:var(--sans);color:var(--fg-3);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-left:auto;font-size:13px;text-decoration:underline}.reset:hover{color:var(--crimson)}.meta{border-top:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding:16px 0 10px;display:flex}.count{color:var(--fg-2);font-size:13px}.count b{font-family:var(--num);color:var(--fg);margin-right:3px;font-size:19px;font-weight:500}.updated{color:var(--fg-3);font-size:11px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:6px 0 40px;display:grid}.vcard{background:var(--card);border:1px solid var(--rule);border-radius:2px;flex-direction:column;display:flex;overflow:hidden}.vcard a.thumb{aspect-ratio:16/9;background:#000;display:block;position:relative}.vcard a.thumb img{object-fit:cover;width:100%;height:100%;display:block}.vbody{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.vtitle{color:var(--fg);font-size:14px;font-weight:500;line-height:1.5}.vtitle a{color:inherit;text-decoration:none}.vtitle a:hover{color:var(--brass)}.vgroup{color:var(--fg-2);font-size:12px}.vgroup a{color:inherit;text-decoration:none}.vgroup a:hover{color:var(--brass)}.vmeta{color:var(--fg-3);flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px;font-size:11px;display:flex}.empty{text-align:center;color:var(--fg-2);padding:56px 20px}.empty p{font-family:var(--mincho);color:var(--fg);margin:0 0 6px;font-size:17px}footer{border-top:1px solid var(--rule);color:var(--fg-3);padding:20px 0 40px;font-size:12px}.site-links{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.site-links a{color:var(--fg-3)}.site-links a:hover{color:var(--brass)}@media (width<=700px){.chip{box-sizing:border-box;min-height:44px;padding:11px 16px}select{box-sizing:border-box;min-height:44px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}}