.ss-moods { position: relative; flex: 0 0 auto; }
.ss-moods button { font: inherit; cursor: pointer; color: inherit; border: 1px solid #7777; border-radius: .5rem; padding: .45rem .6rem; background: transparent; }
.ss-moods__panel { position: fixed; z-index: 1100; right: 1rem; bottom: calc(var(--player-h, 100px) + var(--ss-bottom-inset, 0px) + 1rem); width: min(25rem, calc(100vw - 2rem)); padding: 1rem; border: 1px solid #8886; border-radius: .8rem; background: var(--bg, #181b23); color: var(--text, #f3f4f8); box-shadow: 0 .5rem 2rem #0006; text-align: left; max-height: calc(100dvh - var(--player-h, 100px) - 2rem); overflow-y: auto; }
.ss-moods__panel[hidden] { display: none; }
.ss-moods__panel p { font-size: .85rem; margin: .6rem 0; overflow-wrap: anywhere; }
.ss-moods__choices { display: flex; gap: .4rem; margin: .8rem 0; }
.ss-moods__choices button { flex: 1; font-size: .85rem; }
.ss-moods__choices span { display: block; font-size: 1.5rem; margin-bottom: .25rem; }
.ss-moods button[aria-pressed="true"] { border-color: #77bafa; background: #77bafa33; }
.ss-moods button:disabled { opacity: .45; cursor: default; }
.ss-moods button:focus-visible { outline: 2px solid #77bafa; outline-offset: 2px; }
.ss-player.is-show .ss-moods, .ss-player.is-guest .ss-moods { display: none; }