body,html{margin:0;padding:0;overflow:hidden;background-color:#050505}canvas{display:block}.celebration-button{position:absolute;top:20px;right:20px;border-radius:30px;padding:10px 24px;font-size:16px;font-weight:700;cursor:pointer;font-family:sans-serif;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .4s ease;z-index:100;outline:none;background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:none}.celebration-button.active{background-color:#fa0;color:#000;border:2px solid #fff;box-shadow:0 0 20px #fa09}.celebration-button:hover{transform:scale(1.05)}.record-button{position:absolute;bottom:10px;right:20px;z-index:10;display:flex;align-items:center;gap:8px;padding:12px 24px;color:#fff;border-radius:30px;font-size:15px;font-weight:700;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease;background:#ffffff26;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0003}.record-button.recording{background:#ff3b30e6;border:1px solid #ff3b30;box-shadow:0 0 15px #ff3b3099}.record-button:hover{transform:translateY(-2px)}.record-stop-icon{width:10px;height:10px;background:#fff;border-radius:2px;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}