.recordings tbody tr{cursor:pointer}.recordings tbody tr:hover,.recordings tbody tr:focus-visible{background:var(--fill)}.recordings tbody tr.on{box-shadow:inset 3px 0 0 var(--accent);background:var(--fill)}.recordings td.where{text-align:left}.recordings td.warn{color:var(--error);font-weight:600}.recordings td.none{text-align:left;color:var(--muted)}.recordings th small{color:var(--muted)}.recordings th small.warn{color:var(--error);font-weight:600}.recordings .table{max-height:520px}.player .screen{align-items:flex-start;gap:16px;display:flex}.player .stage{background:#12232d;border-radius:6px;flex:none;position:relative;overflow:hidden}.player iframe{transform-origin:0 0;pointer-events:none;border:0;position:absolute;inset:0 auto auto 0}.player .events{flex:1;min-width:300px;max-height:70vh;margin:0;padding:0;font-size:14px;list-style:none;overflow:auto}.player .events li{cursor:pointer;border-radius:6px;gap:10px;padding:4px 8px;display:flex}.player .events li:hover{background:var(--fill)}.player .events li.now{background:color-mix(in srgb, var(--accent) 14%, transparent)}.player .events time{min-width:3.5em;color:var(--muted);font-variant-numeric:tabular-nums lining-nums;flex:none}.player .events .quiet span{color:var(--muted)}.player .events .mode span{font-weight:600}.player .events .warn span{color:var(--error)}.player .controls{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;display:flex}.player .controls input[type=range]{min-width:160px;accent-color:var(--accent);flex:1}.player .controls .time{font-variant-numeric:tabular-nums lining-nums;color:var(--muted)}.player .controls label{align-items:center;gap:6px;font-size:14px;display:inline-flex}.player .controls select{width:auto}.player .controls a{border-radius:var(--radius);border:1px solid var(--control-line);background:var(--panel);min-height:44px;color:var(--ink);align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.player .controls a:hover{background:var(--fill)}@media (max-width:760px){.player .screen{flex-direction:column}.player .events{width:100%;max-height:40vh}}