/* KANS Academy · live mode (live.js) */
.live-account { display: flex; flex-direction: column; gap: 6px; }
.live-account b { font-size: .98rem; line-height: 1.3; overflow-wrap: anywhere; }
.live-account .small { color: var(--ink-2); overflow-wrap: anywhere; }
.live-account .btn { justify-content: center; }
.live-account .row { gap: 6px; }
.live-home { margin-bottom: 12px; }
.live-sync { margin: auto 0 0; font-size: .78rem; color: var(--ink-3); line-height: 1.4; }
.live-sync.saving { color: var(--ink-2); }
.live-sync.error { color: var(--bad); font-weight: 600; }
.live-guest { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px;
  background: var(--warn-soft); border: 1px solid var(--line); border-left: 4px solid var(--warn);
  border-radius: 0 var(--r) var(--r) 0; padding: 10px 14px; margin-bottom: 18px; font-size: .9rem; }
.live-sub { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 420px; overflow: auto; }
.chip.bad { background: var(--bad-soft); color: var(--bad); }
input[data-live-profile], select[data-live-profile], select[data-live-age], form[data-form="verify"] input {
  width: 100%; border: 1px solid var(--line); border-radius: 8px; padding: 9px 10px; background: var(--surface); color: var(--ink); font: inherit; }
@media (max-width: 900px) { .live-guest .btn { width: 100%; } }
@media print { .live-guest, .live-sync { display: none !important; } }