.sr-stage,.sr-card{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--edge);position:relative}.sr-stage{isolation:isolate;gap:14px;padding:clamp(16px,4vw,32px);display:grid;overflow:hidden}.sr-stage:before{content:"";z-index:-1;background:var(--glow);opacity:.28;pointer-events:none;height:80%;position:absolute;inset:-45% 15% auto}.sr-card{gap:14px;padding:clamp(16px,3vw,24px);display:grid}.sr-card h2{margin:0}.sr-why,.sr-phone{border-radius:var(--radius);background:var(--primary-soft);border:1px solid var(--line);grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:12px 14px;display:grid}.sr-phone{background:var(--accent-soft);border-color:#ff8a2a66}.sr-phone[hidden]{display:none}.sr-why p,.sr-phone p{color:var(--ink-2);margin:0;font-size:.95rem}.sr-phone p+p{margin-top:6px}.sr-why-ico{background:var(--surface-2);width:34px;height:34px;color:var(--accent-text);border-radius:50%;place-items:center;display:grid}.sr-block{border-radius:var(--radius);background:var(--danger-soft);border:1px solid var(--danger);margin:0;padding:12px 14px}.sr-screen{aspect-ratio:16/9;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);position:relative;overflow:hidden}.sr-live{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity var(--med) var(--ease);background:#000;position:absolute;inset:0}.sr-stage:not([data-mode=idle]):not([data-mode=asking]):not([data-mode=finishing]) .sr-live{opacity:1}.sr-stage:not([data-mode=idle]):not([data-mode=asking]):not([data-mode=finishing]) .sr-empty,.sr-stage.sr-granted .sr-why{display:none}.sr-empty{color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:10px;padding:16px;font-size:.95rem;display:grid;position:absolute;inset:0}.sr-count{color:#fff;font-family:var(--font-display);letter-spacing:-.05em;background:#02030a8c;place-items:center;font-size:clamp(4rem,3rem + 8vw,8rem);font-weight:700;display:grid;position:absolute;inset:0}.sr-count[hidden]{display:none}.sr-badge{border-radius:var(--radius-pill);color:#fff;font-family:var(--font-mono);letter-spacing:.08em;background:#02030ab3;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;display:none;position:absolute;top:12px;left:12px}.sr-dot{background:#ff5a4a;border-radius:50%;width:9px;height:9px;animation:1.2s steps(2,start) infinite sr-blink}.sr-stage[data-mode=recording] .sr-badge,.sr-stage[data-mode=paused] .sr-badge{display:inline-flex}.sr-stage[data-mode=paused] .sr-dot{opacity:.4;animation:none}@keyframes sr-blink{to{visibility:hidden}}.sr-status{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 16px;display:flex}.sr-time{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,1.8rem + 2vw,3.2rem);font-weight:650;line-height:1}.sr-state,.sr-size,.sr-mic-meter{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.76rem}.sr-stage[data-mode=recording] .sr-state{color:var(--danger)}.sr-mic-meter{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.sr-mic-meter[hidden]{display:none}.sr-mic-bar{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--line);height:8px;position:relative;overflow:hidden}.sr-mic-bar span{transform-origin:0;background:linear-gradient(90deg,#2f7bff,#7cc4ff 70%,#6ee7b7);position:absolute;inset:0;transform:scaleX(0)}.sr-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sr-go{min-width:240px;min-height:52px}.sr-go-dot{width:14px;height:14px;transition:border-radius var(--fast) var(--ease);background:#ff5a4a;border-radius:50%}.sr-go[aria-pressed=true] .sr-go-dot{border-radius:3px}.sr-controls .btn-ghost{min-height:52px}.sr-pause-ico{border-inline:4px solid;width:12px;height:14px}[aria-pressed=true]>.sr-pause-ico{border:7px solid #0000;border-inline:0;border-left:11px solid;width:0;height:0}.sr-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;display:grid}.sr-field{align-content:start;gap:6px;min-width:0;font-size:.92rem;font-weight:600;display:grid}.sr-field select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);width:100%;height:46px;color:var(--ink);font:inherit;padding:0 12px;font-weight:500}.sr-small{color:var(--muted);font-size:.82rem;font-weight:400}.sr-sound{border:0;gap:2px;min-inline-size:0;margin:0;padding:0;display:grid}.sr-sound legend{margin-bottom:6px;font-size:.92rem;font-weight:600}.sr-sound .tt-check{min-height:44px}.sr-mic{max-width:420px}.sr-mic[hidden]{display:none}.sr-locked{opacity:.6}.sr-off{display:none}.sr-res-head{gap:4px;display:grid}.sr-none{border-radius:var(--radius);border:1px dashed var(--line-strong);color:var(--muted);text-align:center;margin:0;padding:18px}.sr-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.sr-clip{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:16px;min-width:0;padding:14px;display:grid}.sr-clip-video{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000;width:100%}.sr-clip-body{gap:8px;min-width:0;display:grid}.sr-clip-name input{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);width:100%;height:44px;color:var(--ink);font:inherit;padding:0 10px;font-weight:650}.sr-clip-meta{font-family:var(--font-mono);color:var(--muted);margin:0;font-size:.8rem}.sr-clip-note{color:var(--ink-2);margin:0;font-size:.88rem}.sr-clip-actions{flex-wrap:wrap;gap:8px;display:flex}.sr-clip-actions .btn{min-height:46px}.sr-del:hover,.sr-del.sr-armed{color:var(--danger);border-color:var(--danger)}.sr-del.sr-armed{background:var(--danger-soft)}@media (width<=760px){.sr-clip{grid-template-columns:1fr}}@media (width<=600px){.sr-controls{grid-template-columns:1fr;display:grid}.sr-go{min-width:0}.sr-controls .btn{width:100%}.sr-clip-actions{grid-template-columns:1fr 1fr;display:grid}.sr-clip-actions .btn{white-space:normal;width:100%;padding:0 10px}}.sr-nocap .sr-why,.sr-nocap .sr-screen,.sr-nocap .sr-status,.sr-nocap .sr-controls{display:none}@media (width<=420px){.sr-clip-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sr-dot{animation:none}}