/* Searchable multi-select genre picker used in /review.html and /edit. */
.genre-picker { position: relative; width: 100%; max-width: 100%; margin-top: 6px; }
.genre-picker-tags { padding:0; margin:0 0 8px; list-style:none; display:flex; flex-wrap:wrap; gap:6px; }
.genre-picker-tags:empty { display:none; }
.genre-picker-chip { display:flex; align-items:center; gap:5px; padding:5px 7px 5px 10px; border-radius:999px; background:var(--accent, #004D4F); color:var(--paper, #FDB73E); font-weight:700; font-size:.94rem; }
.genre-picker-chip button { border: 0; border-radius:50%; width:24px; height:24px; padding:0; display:flex; align-items:center; justify-content:center; font-size:1.05rem; line-height:1; background:transparent; color:inherit; cursor:pointer; }
.genre-picker-chip button:hover:not(:disabled), .genre-picker-chip button:focus-visible { background:rgba(255,255,255,.18); }
.genre-picker-chip button:disabled { opacity:.3; cursor:default; }
.genre-picker-input-wrap { position:relative; }
.genre-picker .genre-picker-input { display:block; width:100%; margin:0; min-height:44px; }
.genre-picker-menu { position:absolute; top:calc(100% + 4px); left:0; right:0; max-height:280px; overflow-y:auto; z-index:30; background:#ffcf6a; color:#003c3e; border:1px solid #004D4F; box-shadow:0 8px 16px rgba(0,0,0,.13); }
.genre-picker-menu[hidden] { display:none; }
.genre-picker-option { display:block; padding:10px 12px; margin:0; width:100%; text-align:left; border:0; border-bottom:1px solid rgba(0,77,79,.2); border-radius:0; font-weight:600; background:transparent; color:#003c3e; cursor:pointer; line-height:1.25; }
.genre-picker-option:last-child { border-bottom:0; }
.genre-picker-option:hover, .genre-picker-option.active { background:#004D4F; color:#FDB73E; }
.genre-picker-empty { padding:12px; }
.genre-picker-hint { margin:7px 0 0; color:var(--muted, #5f4a18); font-size:.88rem; line-height:1.4; font-weight:500; }