.infinity-symbol{font-size:50rem;font-weight:1;color:#00d4ff;margin-bottom:24rem;text-shadow:0 0 5px #00d4ff,0 0 10px #00d4ff,0 0 15px #00d4ff,0 0 20px #00d4ff;animation:infinityPulse 2s ease-in-out infinite}.microphone-button{border:1.8px solid #bbb;border-radius:50%;cursor:pointer;transition:all .3s ease;width:60px;height:60px;bottom:10%}.current-question-p,.microphone-button{background:transparent;padding:1rem;color:#bbb;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translateX(-50%);z-index:10}.current-question-p{bottom:23%;max-width:80%}.microphone-button:hover{border-color:#ddd;color:#ddd}.microphone-button.pressed{border-color:#fff;color:#fff}.microphone-button.recording{border-color:#ff4444;color:#ff4444;animation:recordingPulse 1.5s ease-in-out infinite}.microphone-button.disabled{cursor:not-allowed;opacity:.5}.microphone-button.disabled,.microphone-button.disabled:hover{border-color:#666;color:#666}.loader-message{animation:fadeInOut 3s ease-in-out infinite}.infinity-container{position:relative;margin-bottom:15rem}.particles{position:absolute;top:40%;left:50%}.particle{position:absolute;width:8px;height:8px;background-color:#00d4ff;border-radius:50%;box-shadow:0 0 8px #00d4ff;transform:translate(-50%,-50%);animation-name:soundBounce;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--dur);animation-delay:var(--delay);animation-play-state:paused}.sound-active .particle{animation-play-state:running}@keyframes infinityPulse{0%{transform:scale(1);text-shadow:0 0 5px #00d4ff,0 0 10px #00d4ff,0 0 15px #00d4ff,0 0 20px #00d4ff}50%{transform:scale(1.1);text-shadow:0 0 8px #00d4ff,0 0 15px #00d4ff,0 0 20px #00d4ff,0 0 25px #00d4ff}to{transform:scale(1);text-shadow:0 0 5px #00d4ff,0 0 10px #00d4ff,0 0 15px #00d4ff,0 0 20px #00d4ff}}@keyframes recordingPulse{0%{transform:translateX(-50%) scale(1);border-color:#ff4444;box-shadow:0 0 0 0 rgba(255,68,68,.4)}50%{transform:translateX(-50%) scale(1.1);border-color:#ff6666;box-shadow:0 0 0 10px rgba(255,68,68,0)}to{transform:translateX(-50%) scale(1);border-color:#ff4444;box-shadow:0 0 0 0 rgba(255,68,68,0)}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@keyframes soundBounce{0%{transform:translate(-50%,-50%) translateY(calc(-1 * var(--amp)))}50%{transform:translate(-50%,-50%) translateY(var(--amp))}to{transform:translate(-50%,-50%) translateY(calc(-1 * var(--amp)))}}@media (max-width:768px){.infinity-symbol{font-size:15rem;margin-bottom:2rem}.microphone-button{width:60px;height:60px;padding:.75rem;bottom:25%}.current-question-p{bottom:45%;max-width:90%;font-size:.9rem}.loader-message{font-size:1rem}}@media (max-width:480px){.infinity-symbol{font-size:12rem;margin-bottom:1.5rem}.microphone-button{width:50px;height:50px;padding:.5rem;bottom:30%}.current-question-p{bottom:50%;max-width:95%;font-size:.8rem;padding:.75rem}.loader-message{font-size:.9rem}}