*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:linear-gradient(to bottom,#0a0a1a,#1a0a2e,#0d1b2a);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}#app{position:relative;width:100vw;height:100vh}#particleCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#snowCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#webcam{display:none}#cameraPreview{position:fixed;bottom:20px;right:20px;width:1px;height:1px;opacity:0;pointer-events:none;z-index:-1;overflow:hidden}#cameraPreview.active{display:block}#handCanvas{width:100%;height:100%;transform:scaleX(-1)}.camera-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:4px 8px;font-size:12px;text-align:center}.title{position:fixed;top:20px;left:50%;transform:translate(-50%);font-size:2.5rem;color:#fff;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,100,100,.5);z-index:50;animation:glow 2s ease-in-out infinite alternate}.speaker-btn{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.3);cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.speaker-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.1)}.speaker-btn .icon{font-size:1.5rem}@keyframes glow{0%{text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,100,100,.5)}to{text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,100,100,.8),0 0 80px rgba(0,255,100,.3)}}.subtitle,.buttons,.btn{display:none}.instructions{position:fixed;bottom:20px;left:20px;background:#00000080;padding:12px 18px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8rem}.instructions p{margin:4px 0;opacity:.85}@media (max-width: 768px){#controls h1{font-size:1.8rem}#cameraPreview{width:150px;height:112px;bottom:10px;right:10px}.buttons{flex-direction:column;align-items:center}}#musicToast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:30px;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1rem;font-weight:500;pointer-events:none;z-index:1000;opacity:0;transition:opacity .5s ease,transform .5s ease;box-shadow:0 4px 15px #0000004d}#musicToast.visible{opacity:1;transform:translate(-50%) translateY(0)}#musicToast.hidden{opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}