.hmix-discovery{margin:1.5rem 0;padding:1.3rem;border:1px solid #aa8e5e66;border-radius:12px;background:#152b22;color:#f1e8ce;font:inherit;line-height:1.7}.hmix-discovery h2{font-size:1.25rem;margin:0 0 .7rem}.hmix-discovery p{color:inherit}.hmix-discovery a{color:#f2d393;text-decoration:underline;text-underline-offset:4px}.hmix-discovery__links{display:flex;flex-wrap:wrap;gap:.8rem}.hmix-discovery__links a{padding:.7rem 1rem;border:1px solid #bca87970;border-radius:8px;min-height:44px;box-sizing:border-box}.genre-track__detail,.genre-track__download{padding:10px;color:inherit;white-space:nowrap}.genre-track__link:before{content:'▶';margin-right:.65rem;font-size:.75rem}.genre-track{flex-wrap:wrap}.genre-track__link{min-width:0}.hnb-cue-controls{font-size:12px;line-height:1.6}.hnb-cue-controls label{display:inline-flex;gap:5px;align-items:center;margin:4px 8px 4px 0}.hnb-cue-controls input{width:5.5em;max-width:100%;padding:7px;border:1px solid #897653;border-radius:5px;background:#fff9e9;color:#2c392c}.hnb-cue-controls button{padding:9px 12px;margin:5px 5px 5px 0;border:1px solid #897653;border-radius:5px;background:#efe3bd;color:#253a2c;cursor:pointer}.hnb-wave{min-height:64px;gap:1px!important;cursor:crosshair}.hnb-wave span{min-width:1px!important;flex:1}.hnb-cue-controls :focus-visible,.hmix-discovery :focus-visible,.genre-track :focus-visible{outline:3px solid #daa84b;outline-offset:3px}@media(max-width:600px){.genre-track__link{flex:1 1 calc(100% - 52px)}.genre-track__detail,.genre-track__download{font-size:13px}.hmix-discovery{padding:1rem}.hmix-discovery__links a{flex:1 1 120px}}
.genre-track{grid-template-columns:minmax(0,1fr) auto auto 48px;align-items:stretch}
.genre-track__link{grid-template-columns:14px minmax(0,1fr) minmax(0,.6fr) 3.5rem;padding-left:10px;background:none}
.genre-track__link:before{margin:0;color:#38662d}
.genre-track__detail,.genre-track__download{align-self:stretch;display:flex;align-items:center;justify-content:center;color:#315d2c;border-bottom:1px solid #d9d9d3;font-size:13px}
@media(max-width:600px){.genre-track__link{grid-column:1/4;grid-template-columns:14px minmax(0,1fr) 3rem}.genre-track__title-en{display:none}.genre-track__fav{grid-column:4;grid-row:1}.genre-track__detail{grid-column:1/3;grid-row:2}.genre-track__download{grid-column:3/5;grid-row:2}}

/* Next-candidate navigation stays reachable on narrow cards and sheets. */
.ml-neighbor-link,.hnb-neighbor-link{display:block;min-height:44px;padding:11px 16px;margin-top:12px;border:1px solid rgba(126,203,149,.25);border-radius:12px;background:linear-gradient(150deg,rgba(126,203,149,.12),rgba(12,34,24,.2));color:var(--color-green-light,#c2dfc8);font:400 .78rem/1.65 var(--font-sans-jp,sans-serif);letter-spacing:.04em;text-align:center;text-decoration:none;cursor:pointer;position:relative;z-index:2;width:100%;box-sizing:border-box;box-shadow:inset 0 1px 0 rgba(221,255,231,.08);transition:background .2s,border-color .2s}
.ml-neighbor-reason{font:400 .72rem/1.8 var(--font-sans-jp,sans-serif);color:var(--color-text-muted,#b5c8b9);margin:14px 0 0;letter-spacing:.025em}
.ml-neighbor-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.ml-neighbor-controls button{min-height:44px;padding:10px 16px;border:1px solid rgba(126,203,149,.24);border-radius:999px;background:rgba(15,39,28,.3);color:var(--color-text-muted,#b5c8b9);font:400 .78rem/1.65 var(--font-sans-jp,sans-serif);letter-spacing:.035em;cursor:pointer;transition:background .2s,border-color .2s}
.ml-neighbor-controls button[aria-pressed=true]{background:linear-gradient(145deg,rgba(84,153,106,.38),rgba(25,77,46,.5));color:#e1f3e4;border-color:rgba(153,218,174,.55);box-shadow:inset 0 1px 0 rgba(221,255,231,.16);font-weight:500}
.ml-neighbor-controls button:not([aria-pressed]){border-color:transparent;background:transparent;color:var(--color-text-muted,#b5c8b9);text-decoration:underline;text-decoration-color:rgba(181,200,185,.35);text-underline-offset:5px}
#ml-neighbors{padding:24px 28px;border:1px solid rgba(126,203,149,.22);border-radius:18px;background:linear-gradient(150deg,rgba(37,63,49,.55),rgba(12,25,20,.65));backdrop-filter:blur(24px) saturate(1.05);-webkit-backdrop-filter:blur(24px) saturate(1.05);box-shadow:inset 0 1px 0 rgba(215,247,224,.13),0 12px 30px -10px rgba(0,10,5,.4);color:var(--color-text,#dce9df);font:400 .82rem/1.9 var(--font-sans-jp,sans-serif);letter-spacing:.025em}
#ml-neighbors h2{margin:0 0 12px;font:500 1.12rem/1.8 var(--font-serif-jp,serif);letter-spacing:.065em;color:var(--color-text,#dce9df)}
#ml-neighbors p{margin:0;color:var(--color-text-muted,#b5c8b9);font-weight:400}
#ml-neighbors p[role=status]{margin-top:18px;padding-top:14px;border-top:1px solid rgba(126,203,149,.13);font-size:.72rem;letter-spacing:.06em}
#hmix-notebook .hnb-neighbor-link{color:#625131;border-color:rgba(91,72,37,.27);background:rgba(255,255,255,.24);font-family:var(--font-sans-jp,sans-serif);box-shadow:inset 0 1px 0 rgba(255,255,255,.32)}
@media(hover:hover){.ml-neighbor-link:hover,.ml-neighbor-controls button:hover{border-color:rgba(153,218,174,.65);background-color:rgba(84,153,106,.22)}#hmix-notebook .hnb-neighbor-link:hover{background:rgba(192,159,82,.14);border-color:rgba(145,104,31,.5)}}
@media(max-width:600px){#ml-neighbors{padding:20px 18px}#ml-neighbors h2{font-size:1rem}.ml-neighbor-controls{gap:6px}.ml-neighbor-controls button{padding:10px 12px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.ml-neighbor-link,.hnb-neighbor-link,.ml-neighbor-controls button{transition:none}}
#ml-neighbors[hidden]{display:none}#ml-neighbors{scroll-margin-top:90px;grid-column:1/-1}.hnb-cue-controls button{min-height:44px}.ml-neighbor-link:focus-visible,.hnb-neighbor-link:focus-visible{outline:3px solid #daa84b;outline-offset:3px}
.hnb-export-ready{display:block;min-height:44px;padding:12px;border:1px solid #b8954b;border-radius:8px;color:#f1d69b;text-align:center;font:inherit;box-sizing:border-box}
@media(max-width:760px){.hnb-preview:not(.is-open){visibility:hidden}.hnb-preview.is-open{visibility:visible}}
.hnb-zip-cancel{min-height:44px;padding:10px;border:1px solid #b8954b;border-radius:8px;background:#40352a;color:#ffe5ad;font:inherit;cursor:pointer}.hnb-zip-cancel[hidden]{display:none}
