.recording .ss-stage{background:#171717;border-radius:14px;overflow:hidden}.recording .recording-column{width:320px;position:absolute;top:48px;left:44px}.recording .recording-bar{box-sizing:border-box;opacity:0;background:#fff;border-radius:12px;align-items:center;gap:12px;width:520px;padding:12px 16px;transition:opacity .46s;display:flex;position:absolute;top:211px;left:100px;box-shadow:0 0 0 1px #ffffff14,0 14px 30px -10px #00000080,0 3px 8px -4px #0000004d}.recording .recording-bar[data-on]{opacity:1;transition:opacity .32s}.recording .recording-dot{box-sizing:border-box;background:0 0;border:2px solid #737373;border-radius:999px;flex:none;width:8px;height:8px;transition:background .22s,border-color .22s}.recording .recording-dot[data-on]{background:#ef4444;border-color:#0000;animation:1.8s ease-in-out infinite recording-rec-pulse}.recording .recording-wave{color:#a3a3a3;flex:1;min-width:0;height:34px;transition:color .22s;display:block}.recording .recording-bar[data-live] .recording-wave{color:var(--ss-accent)}.recording .recording-label{color:var(--ss-text-strong);flex:none;font-size:13px;font-weight:500;line-height:20px}.recording .recording-time{font-variant-numeric:tabular-nums;color:var(--ss-text);flex:none;font-size:13px;line-height:20px}.recording .recording-turn{opacity:0;will-change:transform;grid-template-columns:44px minmax(0,210px);gap:14px;padding:8px 0;transition:opacity .36s,transform .42s cubic-bezier(.25,.8,.25,1);display:grid;transform:translateY(7px)}.recording .recording-turn[data-landed]{opacity:1;transform:none}.recording .recording-column[data-leaving] .recording-turn{transition:opacity .3s;transform:none}.recording .recording-at{font-variant-numeric:tabular-nums;color:#ffffff80;text-align:right;font-size:13px;line-height:20px}.recording .recording-said{min-width:0}.recording .recording-who{color:#ffffffa3;font-size:13px;font-weight:500;line-height:20px;display:block}.recording .recording-text{color:#ffffffd1;margin-top:1px;font-size:14px;line-height:21px;display:block}.recording .recording-card{opacity:0;transform-origin:50% 70%;will-change:transform;background:#fff;border-radius:12px;width:430px;transition:opacity .3s ease-in,transform .38s cubic-bezier(.45,0,.7,1);position:absolute;top:86px;left:332px;transform:translateY(16px)scale(.985);box-shadow:0 0 0 1px #ffffff14,0 20px 44px -12px #0000008c,0 4px 10px -4px #00000052}.recording .recording-card[data-on]{opacity:1;transition:opacity .28s ease-out,transform .54s cubic-bezier(.22,1,.36,1);transform:none}.recording .recording-card-head{border-bottom:1px solid var(--ss-ink-4);align-items:center;gap:8px;padding:14px 20px;display:flex}.recording .recording-blocks{flex-direction:column;gap:18px;padding:18px 20px 20px;display:flex}.recording .recording-block{max-width:346px}.recording .recording-heading{color:var(--ss-text-strong);font-size:14px;font-weight:600;line-height:20px}.recording .recording-body{color:var(--ss-text);margin-top:3px;font-size:14px;line-height:21px}.recording .ss-stage[data-layout=compact] .recording-column{width:290px;top:32px;left:22px}.recording .ss-stage[data-layout=compact] .recording-bar{gap:10px;width:314px;padding:10px 14px;top:218px;left:22px}.recording .ss-stage[data-layout=compact] .recording-label{display:none}.recording .ss-stage[data-layout=compact] .recording-wave{height:30px}.recording .ss-stage[data-layout=compact] .recording-turn{grid-template-columns:40px minmax(0,196px);gap:12px;padding:7px 0}.recording .ss-stage[data-layout=compact] .recording-text{font-size:13px;line-height:20px}.recording .ss-stage[data-layout=compact] .recording-card{width:364px;top:186px;left:24px}.recording .ss-stage[data-layout=compact] .recording-card-head,.recording .ss-stage[data-layout=compact] .recording-blocks{padding-left:16px;padding-right:16px}.recording .ss-stage[data-layout=compact] .recording-block{max-width:286px}@keyframes recording-rec-pulse{0%,to{box-shadow:0 0 #ef44444d}60%{box-shadow:0 0 0 5px #ef444400}}@media (prefers-reduced-motion:reduce){.recording .recording-dot[data-on]{animation:none}}