#liveResultsOverlay{
  display:none; position:fixed; inset:0; background:rgba(20,24,32,0.45); z-index:var(--z-modal);
  align-items:center; justify-content:center;
}
#liveResultsOverlay.open{ display:flex; }
#liveResultsModal{
  width:980px; max-width:92vw; height:660px; max-height:88vh;
  background:var(--md-color-grey-white); border-radius:16px; box-shadow:var(--shadow-modal);
  display:flex; overflow:hidden; position:relative;
  animation:modal-rise-in .32s cubic-bezier(.2,.8,.2,1);
}
.lr-sidebar{ width:260px; flex-shrink:0; border-right:1px solid var(--ui-border); overflow-y:auto; padding:12px 10px; }
.lr-column{ flex:1; min-width:0; display:flex; flex-direction:column; min-height:0; }
.lr-header{ border-bottom:1px solid var(--ui-border); }
.lr-nav{ position:relative; }
.lr-nav-text{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.lr-nav-title{ font-size:var(--text-base); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lr-nav-meta{ font-size:var(--text-sm); color:var(--ui-muted); font-weight:normal; }
.lr-more-btn{
  flex-shrink:0; width:26px; height:26px; border-radius:6px; border:none; background:none;
  color:var(--ui-muted); display:flex; align-items:center; justify-content:center; font-size:var(--text-md);
  cursor:pointer; opacity:0; pointer-events:none; transition:opacity .1s;
}
.lr-nav:hover .lr-more-btn, .lr-more-btn.open{ opacity:1; pointer-events:auto; }
.lr-more-btn:hover, .lr-more-btn.open{ background:var(--ui-surface-2); color:var(--ui-text); }
.lr-menu{ position:fixed; right:auto; min-width:170px; z-index:2; }
.lr-main{ flex:1; min-width:0; overflow-y:auto; padding:20px 24px; display:flex; flex-direction:column; gap:16px; }
.lr-main-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.lr-main-meta{ font-size:var(--text-sm); color:var(--ui-muted); }
.lr-tabs{ display:inline-flex; gap:2px; padding:3px; border-radius:10px; background:var(--ui-surface-2); }
.lr-tab{ border:none; background:none; padding:6px 12px; border-radius:8px; font-family:var(--font-sans); font-size:var(--text-sm); color:var(--ui-text-2); cursor:pointer; }
.lr-tab.active{ background:var(--md-color-grey-white); color:var(--ui-text); font-weight:var(--font-weight-semibold); box-shadow:0 1px 2px rgba(0,0,0,.08); }
.lr-item{ display:flex; flex-direction:column; gap:10px; padding:16px; border:1px solid var(--ui-border); border-radius:12px; }
.lr-item-head{ display:flex; justify-content:space-between; gap:12px; font-size:var(--text-sm); color:var(--ui-muted); }
.lr-item-question{ margin:0; font-size:var(--text-lg); font-weight:var(--font-weight-semibold); color:var(--ui-text); }
.lr-item.is-old .lr-item-question{ color:var(--ui-text-2); }
.lr-item-question:has(> .lr-thumb){ display:flex; align-items:center; gap:10px; }
.lr-item-question > .lr-thumb{ width:40px; height:40px; }
.lr-stat{ margin:0; font-size:var(--text-base); font-weight:var(--font-weight-semibold); color:var(--ui-accent); }
.lr-row{ display:flex; flex-direction:column; gap:4px; }
.lr-row-head{ display:flex; justify-content:space-between; gap:12px; font-size:var(--text-base); color:var(--ui-text); }
.lr-row-label{ min-width:0; display:inline-flex; align-items:baseline; gap:8px; }
.lr-row-label b{ color:var(--ui-accent); }
.lr-thumb{ width:28px; height:28px; border-radius:6px; object-fit:cover; flex-shrink:0; align-self:center; }
.lr-row.is-correct .lr-row-label i{ color:var(--md-status-success-foreground-1-rest); }
.lr-row-value{ flex-shrink:0; color:var(--ui-text-2); font-variant-numeric:tabular-nums; }
.lr-bar{ height:8px; border-radius:4px; background:var(--ui-surface-2); overflow:hidden; }
.lr-bar span{ display:block; height:100%; border-radius:4px; background:var(--ui-accent); }
.lr-row.is-correct .lr-bar span{ background:var(--md-status-success-foreground-1-rest); }
.lr-words{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; }
.lr-word{ color:var(--ui-text); line-height:1.3; }
.lr-word em{ font-style:normal; font-size:var(--text-sm); color:var(--ui-muted); }
.lr-muted{ margin:0; color:var(--ui-muted); font-size:var(--text-base); }
.lr-empty{ margin:auto; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; max-width:360px; }
.lr-empty i{ font-size:36px; color:var(--ui-muted); }
.lr-empty p{ margin:0; color:var(--ui-text); }
.lr-empty p.lr-muted{ color:var(--ui-muted); }
.lr-table-wrap{ overflow:auto; border:1px solid var(--ui-border); border-radius:12px; }
.lr-table{ border-collapse:collapse; width:100%; font-size:var(--text-sm); }
.lr-table th, .lr-table td{ padding:8px 10px; border-bottom:1px solid var(--ui-border); text-align:left; vertical-align:top; color:var(--ui-text); }
.lr-table th{ position:sticky; top:0; background:var(--ui-surface-2); font-weight:var(--font-weight-semibold); max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lr-table tr:last-child td{ border-bottom:none; }
.lr-table td.is-right{ color:var(--md-status-success-foreground-1-rest); }
.lr-table td.is-wrong{ color:var(--ui-danger); }
.lr-person{ font-weight:var(--font-weight-semibold); white-space:nowrap; }
.lr-points{ font-variant-numeric:tabular-nums; white-space:nowrap; }
.lr-footer{ border-top:1px solid var(--ui-border); align-items:center; }
.lr-export-split .split-main i{ margin-right:6px; }
@media (max-width: 720px){
  #liveResultsModal{ flex-direction:column; }
  .lr-sidebar{ width:auto; max-height:34%; border-right:none; border-bottom:1px solid var(--ui-border); }
  .lr-footer{ flex-wrap:wrap; }
}