/* neverlogoff/live.css — /go-live and /live/<name> (logical properties only: RTL-ready)
.lv-wrap { max-inline-size: 72rem; margin-inline: auto; padding-inline: 1rem; padding-block: .5rem 3rem; }
[hidden] { display: none !important; } /* the attribute wins over the display rules below */
.lv-floor { border-inline-start: 4px solid var(--ink, #0a0a0a); padding-inline-start: .8rem; margin-block: .6rem 1rem; font-weight: 600; }
.lv-grid { display: grid; gap: 1rem; grid-template-columns: 1fr; }
@media (min-width: 60rem) { .lv-grid { grid-template-columns: 22rem 1fr; } .lv-stage { grid-row: span 2; } }
.lv-card { border: 1px solid var(--line, #e4e4e7); border-radius: 12px; padding-block: 1rem; padding-inline: 1.1rem; background: var(--field, #fff); min-inline-size: 0; }
.lv-card h2 { margin-block: 0 .6rem; font-size: 1.1rem; }
.lv-row { display: flex; flex-direction: column; gap: .3rem; margin-block: .55rem; border: 0; padding: 0; }
.lv-row legend { font-weight: 600; margin-block-end: .3rem; }
fieldset.lv-row label { display: inline-flex; gap: .35rem; align-items: center; margin-inline-end: .9rem; }
.lv-row > label { font-size: .95rem; font-weight: 600; }
.lv-row input:not([type=radio]), .lv-row select { padding-block: .5rem; padding-inline: .7rem; border-radius: 8px; border: 1px solid var(--line, #e4e4e7); font: inherit; background: var(--field, #fff); color: inherit; min-inline-size: 0; }
.lv-actions { display: flex; gap: .6rem; margin-block-start: .8rem; flex-wrap: wrap; }
.lv-btn { padding-block: .6rem; padding-inline: 1.1rem; border-radius: 8px; border: 0; font: inherit; font-weight: 600; cursor: pointer; background: var(--ink, #0a0a0a); color: var(--paper, #fafafa); }
.lv-btn[disabled] { opacity: .5; cursor: default; }
.lv-go { background: #b42318; }
.lv-stop { background: #3f3f46; }
.lv-small { padding-block: .3rem; padding-inline: .7rem; font-size: .85rem; background: transparent; color: inherit; border: 1px solid var(--line, #e4e4e7); }
.lv-video { inline-size: 100%; aspect-ratio: 16 / 9; background: #111; border-radius: 10px; display: block; object-fit: contain; }
.lv-keep { margin-block: .7rem 0; padding-block: .6rem; padding-inline: .8rem; border-radius: 8px; background: #fff7e6; border: 1px solid #f5c26b; font-weight: 600; }
.lv-e2e { display: inline-block; margin-block: .5rem 0; font-size: .85rem; padding-block: .15rem; padding-inline: .5rem; border-radius: 999px; background: #eef2ff; color: #3730a3; }
.lv-err { padding-block: .6rem; padding-inline: .8rem; border-radius: 8px; background: #fef3f2; border: 1px solid #fda29b; color: #912018; }
.lv-dl { display: grid; grid-template-columns: auto 1fr; gap: .35rem 1rem; margin: 0; font-size: .95rem; }
.lv-dl dt { color: var(--dim, #52525b); }
.lv-dl dd { margin: 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body[data-state="live"] #h-state, body[data-state="behind"] #h-state, body[data-state="retrying"] #h-state { color: #b42318; font-weight: 700; }
body[data-state="live"] #h-state::before { content: "● "; }
.lv-note, .lv-msg { font-size: .95rem; margin-block: .6rem 0; min-block-size: 1.3em; overflow-wrap: anywhere; }
.lw-player { max-inline-size: 64rem; margin-inline: auto; }
.lw-bar { display: flex; gap: .7rem; align-items: center; flex-wrap: wrap; margin-block: .6rem; }
.lw-badge { font-weight: 700; color: #b42318; font-variant-numeric: tabular-nums; }
.lw-badge:empty { display: none; }
.lw-title { font-weight: 600; flex: 1 1 10rem; min-inline-size: 0; }
.lw-offline { max-inline-size: 36rem; margin-inline: auto; margin-block: 2rem; text-align: center; }
.lw-offline h1 { font-size: 1.4rem; }
body.lw-embed .lv-wrap { padding: 0; }
body.lw-embed .lw-offline { margin-block: .5rem; }