.spotify-dashboard .song-reveal-btn,.spotify-dashboard .song-fade-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:7px;border-radius:7px;border:1px solid #70dfb1;background:#157c50;color:white;cursor:pointer}
.spotify-dashboard .song-fade-btn{border-color:#ffd085;background:#ad6009}
.spotify-dashboard .song-reveal-btn svg,.spotify-dashboard .song-fade-btn svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.spotify-dashboard .song-reveal-btn:disabled,.spotify-dashboard .song-fade-btn:disabled{opacity:.3;cursor:default}
.spotify-dashboard .song-reveal-btn:focus-visible,.spotify-dashboard .song-fade-btn:focus-visible{outline:3px solid white;outline-offset:2px}
.spotify-dashboard .board-exchange-btn{background:linear-gradient(130deg,#246677,#39448c)!important;border:1px solid #88cbd1!important;color:white!important}
.board-exchange-screen{box-sizing:border-box;position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2.1vh,24px);padding:clamp(14px,4vh,48px) clamp(18px,5vw,90px);color:#fff;background:radial-gradient(ellipse at 12% 12%,#217b855c,transparent 48%),radial-gradient(ellipse at 92% 85%,#d6943940,transparent 45%),linear-gradient(135deg,#0b1b31,#172b48 55%,#171c35);text-align:center;overflow:hidden;font-family:system-ui,sans-serif}
.board-exchange-screen:before,.board-exchange-screen:after{content:'';position:absolute;width:40vmin;height:40vmin;border:1px solid #8edbdd33;border-radius:50%;pointer-events:none;z-index:-1;left:-20vmin;top:10%;box-shadow:0 0 0 5vmin #8edbdd0c,0 0 0 10vmin #8edbdd08;animation:board-glow 8s ease-in-out infinite alternate}
.board-exchange-screen:after{left:auto;top:auto;right:-20vmin;bottom:0;animation-delay:-4s}
.board-exchange-badge{letter-spacing:.23em;font-size:clamp(11px,2vh,22px);color:#b3eeee;font-weight:750}
.board-exchange-screen h1{font-size:clamp(28px,min(6.3vw,8.5vh),104px)!important;line-height:1.1;margin:0;color:#fff!important;max-width:100%}
.board-exchange-intro{font-size:clamp(13px,2.6vh,32px);margin:0;color:#d1dfef}
.board-exchange-steps{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,36px);width:min(1280px,100%);margin:clamp(0px,1.8vh,20px) 0}
.board-exchange-step{display:flex;gap:clamp(12px,1.6vw,26px);align-items:flex-start;text-align:left;padding:clamp(14px,3vh,36px);border:1px solid #9ac2dc44;border-radius:20px;background:#ffffff09;box-shadow:0 12px 35px #0002}
.board-exchange-number{flex:0 0 auto;width:clamp(32px,5.5vh,65px);height:clamp(32px,5.5vh,65px);display:grid;place-items:center;border-radius:50%;background:#b7e4dd;color:#163a48;font-size:clamp(18px,3vh,35px);font-weight:800}
.board-exchange-step:nth-child(2) .board-exchange-number{background:#f8d8a0;color:#50381d}
.board-exchange-step h2{font-size:clamp(17px,min(2.6vw,3.7vh),38px);line-height:1.2;color:white!important;margin:0 0 .55em}
.board-exchange-step p{font-size:clamp(13px,min(1.8vw,2.7vh),27px);line-height:1.5;color:#d9e6f5;margin:0}
.board-exchange-footer{font-size:clamp(12px,2.2vh,25px);line-height:1.4;color:#ffe2aa;margin:0;max-width:1000px}
@keyframes board-glow{to{opacity:.35;transform:translateY(4vh)}}
@media(max-aspect-ratio:1/1){.board-exchange-steps{grid-template-columns:1fr;max-width:680px}.board-exchange-step h2{font-size:clamp(17px,4vw,30px)}.board-exchange-step p{font-size:clamp(13px,3.2vw,23px)}.board-exchange-screen h1{font-size:clamp(28px,8vw,72px)}}
@media(prefers-reduced-motion:reduce){.board-exchange-screen:before,.board-exchange-screen:after{animation:none}}