.vibes-widget{position:fixed;right:18px;bottom:18px;z-index:40;max-width:calc(100vw - 24px);font:12px Tahoma,Arial,sans-serif;color:#e6e6ff;filter:drop-shadow(4px 4px 0 #0009)}
.vibes-toggle{display:block;margin-left:auto;padding:8px 12px;border:3px outset #a2a0cf;background:linear-gradient(#333379,#181842);color:#ffff84;font:bold 12px 'Courier New',monospace;letter-spacing:.4px;cursor:pointer}
.vibes-toggle:hover{color:white;background:#39398a}.vibes-toggle[aria-pressed="true"]{border-style:inset;color:#95ffba}.vibes-toggle:focus-visible{outline:2px dotted #ffff84;outline-offset:3px}
.vibes-panel{width:296px;max-width:calc(100vw - 24px);padding:0 0 10px;margin-bottom:5px;background:#080825;border:3px ridge #9a98c3}.vibes-panel[hidden]{display:none}
.vibes-title{padding:6px 8px;background:linear-gradient(90deg,#10108c,#3f286d);color:white;font-weight:bold;letter-spacing:.4px}.vibes-title span{float:right;color:#ffff84}
.vibes-track{padding:10px 10px 0;line-height:1.5}.vibes-track a{color:#76e3ff}.vibes-track small{display:block;font-size:11px;color:#b9b7d6;margin-top:5px}.vibes-panel audio{display:block;width:calc(100% - 20px);height:40px;margin:10px auto 0;color-scheme:dark}
@media(max-width:560px){.vibes-widget{right:12px;bottom:12px}}