/* Local generative ambient soundscape controls */
.xs-music-top{gap:5px!important;min-width:58px!important;padding-inline:8px!important}.xs-music-glyph{font-size:14px;line-height:1}.xs-music-label{font-size:7px;letter-spacing:.08em;color:#aab7c6}.xs-music-state{font-size:7px;letter-spacing:.12em;color:#8ea5ba}.xs-music-top.is-playing{border-color:rgba(125,207,255,.35)!important;background:rgba(90,165,255,.09)!important;box-shadow:0 0 24px rgba(82,166,255,.09)}.xs-music-top.is-playing .xs-music-glyph{animation:xsNotePulse 2.2s ease-in-out infinite}.xs-music-top.is-playing .xs-music-state{color:#bfeaff}
.xs-soundscape-card{margin-top:17px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:520px}.xs-sound-main{min-height:54px;padding:7px 13px 7px 8px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(100,130,255,.035));color:#fff;display:flex;align-items:center;gap:11px;backdrop-filter:blur(18px);box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 40px rgba(0,0,0,.18)}.xs-sound-main>span:nth-child(2){display:grid;text-align:start;gap:2px}.xs-sound-main b{font-size:10px;letter-spacing:.08em}.xs-sound-main small{font-size:8px;color:#8292a5;white-space:nowrap}.xs-sound-main>strong{font-size:9px;letter-spacing:.1em;color:#cfeaff;margin-inline-start:6px}.xs-sound-orb{width:38px;height:38px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#eaf8ff 0 6%,#71b9ff 8%,#5b63cc 28%,rgba(30,35,84,.72) 52%,rgba(4,7,16,.2) 72%);box-shadow:0 0 22px rgba(88,162,255,.28),inset 0 0 14px rgba(255,255,255,.12)}.xs-sound-orb i{position:absolute;inset:-4px;border:1px solid rgba(137,193,255,.14);border-radius:50%}.xs-sound-orb i:nth-child(2){inset:-8px;border-color:rgba(166,123,255,.11)}.xs-sound-orb i:nth-child(3){inset:-12px;border-color:rgba(116,208,255,.07)}.xs-sound-main.is-playing .xs-sound-orb{animation:xsOrb 5s ease-in-out infinite}.xs-sound-main.is-playing .xs-sound-orb i{animation:xsOrbit 8s linear infinite}.xs-sound-main.is-playing .xs-sound-orb i:nth-child(2){animation-duration:11s;animation-direction:reverse}.xs-volume{display:flex;align-items:center;gap:8px;color:#75869a;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.xs-volume input{width:92px;accent-color:#9bd7ff}
@keyframes xsNotePulse{50%{transform:translateY(-2px) scale(1.08);text-shadow:0 0 12px #7cc7ff}}@keyframes xsOrb{50%{filter:brightness(1.22);transform:scale(1.04)}}@keyframes xsOrbit{to{transform:rotate(360deg)}}
html[dir="rtl"] .xs-sound-main>span:nth-child(2){text-align:right}
@media(max-width:800px){.xs-music-top{display:none!important}.xs-soundscape-card{max-width:100%}.xs-sound-main{max-width:100%}.xs-sound-main small{white-space:normal}.xs-volume{width:100%}}
@media(prefers-reduced-motion:reduce){.xs-music-top *,.xs-sound-main *{animation:none!important}}
.xs-music-top{width:auto!important;min-width:88px!important}
@media(max-width:1120px){.xs-music-label{display:none}.xs-music-top{min-width:56px!important}}