.note,.trail{position:absolute;border-radius:50%;pointer-events:none;user-select:none}audio{display:none}#noteArea{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background-color:transparent;z-index:9999}.note{width:16px;height:16px;background:radial-gradient(circle at center,#fffefc,#a2d4f4 70%,transparent 90%);box-shadow:0 0 6px 2px rgba(162,212,244,.8),0 0 12px 4px rgba(162,212,244,.5),0 0 20px 6px rgba(162,212,244,.3);filter:drop-shadow(0 0 6px rgba(162, 212, 244, .7));opacity:.9;animation:3s ease-in-out infinite twinkle}@keyframes twinkle{0%,100%{opacity:.9;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.trail{width:10px;height:10px;background:radial-gradient(circle,#fff 25%,transparent 90%);filter:blur(10px);opacity:.1;animation-name:trailFade;animation-fill-mode:forwards;transform:translate(-50%,-50%)}@keyframes trailFade{from{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}