.word-home-header .music-button{margin-left:auto;flex:0 0 72px;width:72px;height:72px;min-height:72px;border-radius:24px;border:2px solid #fff9;background:linear-gradient(145deg,#fffefa,#eee1fa);box-shadow:inset 0 2px #fff,0 5px #ccb6df;display:grid;place-items:center;cursor:pointer}.music-button .woph-ui-glyph{width:42px;height:42px}.word-home-header{gap:12px}.music-panel{width:calc(100% - 32px);max-width:380px;border:2px solid #fff;border-radius:32px;padding:24px;color:#34294e;background:linear-gradient(145deg,#fffaf1,#f3eaff);font-family:Fredoka,sans-serif;box-shadow:0 8px 0 #ccb6df}.music-panel::backdrop{background:#34294e66}.music-panel h1{font-size:28px;text-align:center;margin:12px 0}.music-panel p{font:14px/1.6 Andika,sans-serif;text-align:center}.music-art{display:block;width:80px;height:80px;object-fit:contain;margin:auto}.music-close{width:72px;height:72px;border:0;border-radius:24px;background:#fff6;display:grid;place-items:center;margin-left:auto}.music-panel label{display:flex;justify-content:space-between;margin-top:24px;font-size:18px}.music-panel input{width:100%;height:72px;accent-color:#7951bc;cursor:pointer}.music-toggle{width:100%;min-height:72px;border:2px solid #cdb6ed;border-radius:24px;background:linear-gradient(#9b76d9,#7650ba);box-shadow:0 5px #513187;color:white;font:500 19px Fredoka,sans-serif}.music-panel button:active{transform:translateY(3px)}.music-panel :focus-visible{outline:3px solid #7951bc;outline-offset:3px}
