.recorder-step{text-align:center;padding:10px 0 2px}.record-orb{width:104px;height:104px;margin:18px auto 16px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#363064 0 38%,#201d3d 39% 62%,#181b2c 63%);border:1px solid #9b8cff55;box-shadow:0 0 0 12px #9b8cff0d,0 0 35px #9b8cff35}.record-orb span{font-size:28px;color:#ff806f}.record-orb.recording{animation:record-pulse 1.2s ease-in-out infinite}.record-timer{font:600 28px Lexend;color:#fff;letter-spacing:-1px}.record-status{font-size:11px;line-height:1.5;color:#a4a7bb;margin:9px auto 21px;max-width:250px}.record-button{border:0;background:#ff806f;color:#fff;border-radius:10px;width:100%;padding:14px;font:700 12px Lexend;cursor:pointer;box-shadow:0 0 24px #ff806f4d}.record-button span{margin-right:5px}.record-button.recording{background:#9b8cff}.discard-recording{display:block;border:0;background:none;color:#8f93aa;margin:16px auto 0;font:500 10px Lexend;cursor:pointer}@keyframes record-pulse{50%{transform:scale(1.08);box-shadow:0 0 0 18px #ff806f0b,0 0 45px #ff806f66}}