.mood-shelf .genres-row{align-items:center;gap:.8rem;margin-top:1.4rem;display:flex}.mood-shelf .genres{scroll-behavior:smooth;scrollbar-width:none;min-width:0;-webkit-mask-image:linear-gradient(90deg, var(--bg-deep) 92%, transparent);mask-image:linear-gradient(90deg, var(--bg-deep) 92%, transparent);-webkit-mask-image:linear-gradient(90deg, var(--bg-deep) 92%, transparent);flex-wrap:nowrap;flex:1;gap:.6rem;display:flex;overflow-x:auto}.mood-shelf .genres::-webkit-scrollbar{display:none}.mood-shelf .genres.at-end{-webkit-mask-image:none;mask-image:none}.mood-shelf .genres button{white-space:nowrap;flex:none}.mood-shelf .genres-row .stack__nav{flex:none;gap:.5rem;display:flex}@media (max-width:560px){.mood-shelf .genres-row .stack__nav{display:none}.mood-shelf .genres{-webkit-mask-image:none;mask-image:none}}.mood-shelf .genres button{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);cursor:pointer;font:600 var(--fs-base)/1 var(--ui);color:var(--ink);align-items:center;gap:.5rem;padding:.7rem 1.1rem;transition:border-color .2s,background .2s;display:inline-flex}.mood-shelf .genres button:hover{border-color:var(--candle);background:var(--surface-2)}.mood-shelf .genres button[aria-pressed=true]{background:var(--candle);border-color:var(--candle);color:var(--candle-ink)}.mood-shelf .genres button span{font-size:var(--fs-lg)}.mood-shelf .mood{margin-top:1.6rem}.mood-shelf .mood .track{grid-auto-columns:calc(25% - .9rem)}.mood-shelf .mood .card .hook{-webkit-line-clamp:3;color:var(--ink-soft);font-style:italic;font-family:var(--read)}.mood-shelf .mood__foot{font:600 var(--fs-md)/1 var(--ui);margin-top:1rem}.mood-shelf .mood__foot a{color:var(--candle);text-decoration:none}@media (max-width:1180px){.mood-shelf .mood .track{grid-auto-columns:calc(33.3333% - .8rem)}}@media (max-width:820px){.mood-shelf .mood .track{grid-auto-columns:calc(50% - .6rem)}}@media (max-width:560px){.mood-shelf .mood .track{grid-auto-columns:78%}}@media (max-width:760px){.mood-shelf .mood .arrow{width:2.6rem;height:2.6rem;margin-top:-1.3rem;display:grid}.mood-shelf .mood .arrow.prev{left:-.6rem}.mood-shelf .mood .arrow.next{right:-.6rem}}
