/* 2026-10-28 final2: the existing header, logo and card styles remain in style.css. */
body.v2 .vacuube-list-page{padding-top:12px}
body.v2 .vacuube-sr-heading{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
body.v2 .vacuube-list-page .v2-filter{display:flex;gap:12px;margin:0 0 14px}
body.v2 .vacuube-list-page .v2-filter label{display:flex;flex:1 1 160px;min-width:0;flex-direction:column;align-items:stretch;gap:7px;font-size:13px}
body.v2 .vacuube-list-page .v2-filter select{width:100%;max-width:100%;min-height:44px;font-size:16px}
.genre-page{--genre-accent:#c25580;--genre-border:#39323c;--genre-muted:#b7afbd}
.genre-page h2{font-size:1.2rem;margin:0 0 12px}
.genre-page .genre-note{color:var(--genre-muted);font-size:.9rem;line-height:1.7;margin:8px 0 16px}
.genre-selector{border:1px solid var(--genre-border);border-radius:12px;padding:10px;margin-bottom:14px;background:#141117}
.genre-selector-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.genre-page .genre-selector-heading h2{font-size:14px;margin:0}
.genre-selector-heading p{font-size:11px;color:var(--genre-muted);margin:0}
.genre-chips{display:flex;flex-wrap:wrap;gap:2px 4px}
.genre-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:34px;min-width:36px;max-width:100%;padding:4px 6px;border:1px solid var(--genre-border);border-radius:7px;color:#f4eff6;text-decoration:none;line-height:1.4;font-size:12px;overflow-wrap:anywhere}
.genre-chip span{font-size:11px;color:var(--genre-muted);white-space:nowrap}
.genre-chip:hover,.genre-chip.is-selected{border-color:var(--genre-accent);background:#35212d}
.genre-chip:focus-visible,.genre-directory summary:focus-visible{outline:2px solid #ff8cb8;outline-offset:3px}
.genre-directory{margin-top:4px}
.genre-directory summary{cursor:pointer;min-height:34px;padding:6px 0;color:#f0b7cb;font-size:12px}
.genre-directory__items{display:flex;flex-wrap:wrap;gap:2px 4px;max-height:55vh;overflow:auto;padding:8px 4px}
.genre-current{margin:8px 0 0;line-height:1.8;font-size:12px;overflow-wrap:anywhere}
.genre-current a{margin-left:12px;color:#f0b7cb;display:inline-block;padding:8px 0;min-height:44px}
#genre-results-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;overflow-wrap:anywhere}
.genre-result-count{font-size:.8em;font-weight:normal;color:var(--genre-muted);white-space:nowrap}
@media(max-width:360px){.genre-selector{padding:8px}}
@media(pointer:coarse){.genre-chip{min-width:44px;min-height:44px}.genre-directory summary{min-height:44px;padding:10px 0}}