.replay-standalone{min-height:0;--font:'Segoe UI',system-ui,sans-serif;--bg:#101114;--surface:#18191d;--surface-alt:#1e2025;--line:#2a2c33;--line-strong:#41444e;--display:var(--font)}
.replay-topbar,.replay-footer{max-width:1240px;margin:auto;padding:24px 32px;display:flex;align-items:center;gap:22px;color:var(--mid);font-size:12px}.replay-topbar{border-bottom:1px solid var(--line)}.replay-topbar a:first-child{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;letter-spacing:2px}.replay-topbar a:last-child{margin-left:auto}.replay-standalone-main{max-width:1240px;margin:auto;padding:30px 32px}.replay-standalone[data-embedded=true] .replay-standalone-main{padding:0 0 24px}.replay-session{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;color:var(--mid);font-size:12px}.replay-session>span{display:flex;align-items:center;gap:8px}.replay-session form{margin:0}.replay-session button{min-height:32px;padding:6px 12px;font-size:11px}.replay-connect{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.replay-connect .replay-note{margin:0}.replay-connect button{font-size:11px}.replay-welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;padding:38px}.replay-welcome h2{font:500 clamp(23px,3vw,30px)/1.3 var(--display);letter-spacing:-.8px;max-width:460px;margin:12px 0 18px}.replay-welcome .lede{max-width:490px}.replay-welcome .btn{margin-right:8px}.replay-refresh{margin-top:10px}.replay-steps{list-style:none;padding:0;margin:0;display:grid;gap:28px}.replay-steps li{display:flex;gap:16px;align-items:flex-start}.replay-steps li>span{font:12px var(--mono);border:1px solid var(--line-strong);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;color:#ed7eb5}.replay-steps strong{font-size:13px}.replay-steps p{font-size:12px;color:var(--mid);line-height:1.8;margin:5px 0 0}.replay-preview{font-size:11px;color:#f1bbd5;margin:0 0 18px}.replay-auth-complete{max-width:560px;margin:40px auto}
@media(max-width:700px){.replay-welcome{grid-template-columns:1fr;padding:24px;gap:30px}.replay-topbar,.replay-footer{padding:20px;gap:12px}.replay-topbar>span{display:none}.replay-standalone-main{padding:20px}.replay-session{align-items:flex-start}.replay-session>span{font-size:11px;line-height:1.8}.replay-standalone[data-embedded=true] .replay-hero{padding:26px}.replay-standalone[data-embedded=true] .replay-welcome .btn{width:100%}.replay-footer{flex-wrap:wrap}}