html,body,#root{width:100%;height:100%;margin:0}@keyframes recording-ring-pulse{0%{opacity:.72;transform:translate(-50%,-50%) scale(.58)}70%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}.recording-pulse{--recording-color: #38bdf8;--recording-glow: rgba(56, 189, 248, .35);--recording-soft: rgba(56, 189, 248, .16);position:relative;width:30px;height:30px;flex-shrink:0;cursor:default}.recording-pulse--on{--recording-color: #22c55e;--recording-glow: rgba(34, 197, 94, .38);--recording-soft: rgba(34, 197, 94, .16)}.recording-pulse__ring{position:absolute;left:50%;top:50%;width:24px;height:24px;border:1px solid var(--recording-color);border-radius:999px;box-shadow:0 0 18px var(--recording-glow);transform:translate(-50%,-50%);animation:recording-ring-pulse 1.8s ease-out infinite;pointer-events:none}.recording-pulse__ring:nth-child(2){animation-delay:.55s}.recording-pulse__ring:nth-child(3){animation-delay:1.1s}.recording-pulse__core{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:999px;background:var(--recording-color);box-shadow:0 0 0 4px var(--recording-soft),0 0 18px var(--recording-glow);transform:translate(-50%,-50%)}