:root{--paper:#fff;--accent:#404040;--ink:#222;--muted:#666;--line:#e5e5e5;--wash:#f5f5f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans CJK JP","Noto Sans JP",system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}main{max-width:1200px;margin:auto;padding:0 32px 48px}.intro{padding:44px 0 32px}h1{font-size:32px;line-height:1.5;margin:0 0 14px;font-weight:700}.note{font-size:12px;color:var(--muted)}.gallery-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}#result-count{margin:0;white-space:nowrap;font-size:13px;color:var(--muted);padding:6px 0}#result-count strong{font-size:22px;color:var(--ink);margin-right:5px}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;max-width:100%}.filters label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.title-search{width:180px;min-width:0}input[type="search"]{width:100%;min-width:0;font:inherit;font-size:13px;color:var(--ink);border:1px solid #ccc;border-radius:3px;background:var(--paper);padding:8px 10px;min-height:38px}select{font:inherit;font-size:13px;color:var(--ink);border:1px solid #ccc;border-radius:3px;background:var(--paper);padding:8px 30px 8px 10px;min-height:38px}button{font:inherit;font-size:12px;background:none;border:0;color:var(--muted);cursor:pointer;min-height:38px;padding:8px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}.card{min-width:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;background:var(--paper)}.cover{display:block;border-bottom:1px solid var(--line);overflow:hidden}.cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;transition:opacity .15s}.card:hover{text-decoration:none;border-color:#aaa}.card:hover h2{text-decoration:underline}.card:hover img{opacity:.9}.card-body{padding:10px 12px 12px}.card h2{min-width:0;font-size:14px;font-weight:500;color:#555;margin:0 0 6px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11px;background:var(--wash);color:#555;border-radius:2px;padding:2px 7px}footer{border-top:1px solid var(--line);max-width:1136px;margin:auto;padding:22px 0 30px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:16px}.skip{position:absolute;left:16px;top:-80px;background:var(--paper);padding:10px;z-index:5}.skip:focus{top:10px}#empty{padding:40px 0;color:var(--muted)}@media(max-width:1000px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-tools{align-items:start;flex-direction:column;gap:12px}footer{margin:0 32px}}@media(max-width:600px){main{padding:0 20px 48px}.intro{padding:36px 0 26px}h1{font-size:26px}.note{font-size:11px}.gallery{grid-template-columns:1fr;gap:22px}.filters{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}.title-search{grid-column:1/-1;width:auto}select{width:100%;min-width:0}.gallery-tools{margin-bottom:22px}.card-body{padding:10px 12px 12px}footer{margin:0 20px;flex-direction:column;gap:8px}}