:root{--recording-red:#ff3b30}.voice-control-btn.record-btn.recording{color:var(--recording-red)}.voice-control-btn.record-btn.recording svg{animation:1.6s ease-in-out infinite gv-rec-pulse}@keyframes gv-rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.voice-recording-icon,.status-icon.recording{color:var(--recording-red);align-items:center;display:inline-flex}.voice-recording-icon svg,.status-icon.recording svg{animation:1.6s ease-in-out infinite gv-rec-pulse}.recordings-desc{color:var(--text-muted,#9aa0a6);margin:0 0 14px;font-size:13px;line-height:1.5}.recordings-setting-row{border-bottom:1px solid var(--border-color,#ffffff0f);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.recordings-setting-row:last-child{border-bottom:none}.recordings-setting-row>label:not(.toggle-switch){flex:1;font-size:14px}.recordings-setting-row select{background:var(--input-bg,#1e1f22);min-width:260px;color:var(--text-primary,#fff);border:1px solid var(--border-color,#ffffff1a);border-radius:8px;padding:8px 10px}.recordings-setting-row .toggle-switch{flex-shrink:0}.recordings-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.recordings-storage-usage{color:var(--text-muted,#9aa0a6);font-size:13px}.recordings-toolbar-actions{gap:8px;display:flex}.recordings-loading,.recordings-empty{text-align:center;color:var(--text-muted,#9aa0a6);padding:40px 20px}.recordings-empty svg{color:var(--recording-red);opacity:.85;margin-bottom:12px}.recordings-empty p{margin:4px 0}.recordings-empty-hint{opacity:.85;font-size:12px}.recording-server-group{margin-bottom:12px}.recording-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:8px 6px;display:flex}.recording-group-header:hover{background:var(--hover-bg,#ffffff0a)}.recording-group-header.server{font-size:14px;font-weight:600}.recording-group-header.channel{color:var(--text-secondary,#c7ccd1);padding-left:18px;font-size:13px}.recording-group-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.recording-group-count{color:var(--text-muted,#9aa0a6);background:var(--input-bg,#1e1f22);border-radius:10px;padding:1px 8px;font-size:11px}.recording-chevron{flex-shrink:0;transition:transform .15s}.recording-server-group.collapsed>.recording-server-body,.recording-channel-group.collapsed>.recording-channel-body{display:none}.recording-server-group.collapsed>.recording-group-header .recording-chevron,.recording-channel-group.collapsed>.recording-group-header .recording-chevron{transform:rotate(-90deg)}.recording-channel-group{margin-left:12px}.recording-item{border:1px solid var(--border-color,#ffffff0f);background:var(--card-bg,#ffffff05);border-radius:10px;margin:6px 0 6px 24px;overflow:hidden}.recording-item-header{cursor:pointer;align-items:center;gap:10px;padding:10px 12px;display:flex}.recording-item-header:hover{background:var(--hover-bg,#ffffff0a)}.recording-item .recording-chevron{transition:transform .15s}.recording-item.expanded .recording-chevron{transform:rotate(90deg)}.recording-item-main{flex:1;min-width:0}.recording-item-title{font-size:14px;font-weight:500}.recording-item-sub{color:var(--text-muted,#9aa0a6);margin-top:2px;font-size:12px}.recording-item-actions{gap:6px;display:flex}.recording-delete-btn{color:var(--text-muted,#9aa0a6);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;display:inline-flex}.recording-delete-btn:hover{color:var(--recording-red);background:#ff3b301f}.recording-delete-btn.confirm{color:#fff;background:var(--recording-red)}.recording-item-body{padding:0 12px 12px 34px;display:none}.recording-item.expanded .recording-item-body{display:block}.recording-participants{color:var(--text-secondary,#c7ccd1);margin:4px 0 10px;font-size:12px}.recording-player{margin-bottom:12px}.recording-player-label{color:var(--text-muted,#9aa0a6);margin-bottom:4px;font-size:12px}.recording-audio{width:100%;height:36px}.recording-player-error{color:var(--recording-red);font-size:12px}.recording-group-revealed{border-radius:6px;animation:2.4s ease-out gv-rec-reveal}@keyframes gv-rec-reveal{0%,55%{background:#ff950029}to{background:0 0}}.recording-faces{flex-shrink:0;align-items:center;margin-right:6px;display:inline-flex}.recording-face{object-fit:cover;border:2px solid var(--bg-secondary,#1e1f22);background:var(--input-bg,#2b2d31);width:22px;height:22px;color:var(--text-secondary,#c7ccd1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:-7px;font-size:9px;font-weight:600;display:inline-flex}.recording-faces .recording-face:first-child{margin-left:0}.recording-face-more{font-size:9px}.recording-roster{flex-wrap:wrap;gap:12px;margin:4px 0 12px;display:flex}.recording-roster-item{color:var(--text-secondary,#c7ccd1);align-items:center;gap:6px;font-size:12px;display:inline-flex}.recording-gap-badge{color:var(--recording-red);vertical-align:1px;background:#ff3b301f;border-radius:10px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:600}.recording-timeline{margin:2px 0 14px}.tl-track{background:var(--input-bg,#1e1f22);border:1px solid var(--border-color,#ffffff0f);cursor:pointer;touch-action:none;border-radius:6px;height:26px;position:relative;overflow:hidden}.tl-band{background:repeating-linear-gradient(45deg,#ff3b304d 0 6px,#ff3b301f 6px 12px);position:absolute;top:0;bottom:0}.tl-mark{background:var(--accent-main,#ff7f00);border-radius:2px;width:3px;height:16px;position:absolute;top:5px;transform:translate(-1px)}.tl-mark.ev-join{background:var(--status-online,#3ba55d)}.tl-mark.ev-leave{background:var(--text-muted,#9aa0a6)}.tl-mark.ev-state{background:var(--accent-main,#ff7f00)}.tl-mark.ev-lost{background:var(--recording-red)}.tl-playhead{background:var(--text-primary,#fff);pointer-events:none;width:2px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 4px #0009}.tl-axis{color:var(--text-muted,#9aa0a6);justify-content:space-between;margin-top:3px;font-size:11px;display:flex}.tl-legend{color:var(--text-muted,#9aa0a6);flex-wrap:wrap;gap:12px;margin-top:6px;font-size:11px;display:flex}.tl-legend-item{align-items:center;gap:5px;display:inline-flex}.tl-legend-item .tl-mark{height:10px;position:static;transform:none}.recording-player-note{color:var(--text-muted,#9aa0a6);margin-top:4px;font-size:11px}