.live-mode-page { max-width: 1000px; margin-inline: auto; }
.live-mode-page > h1 { margin-bottom: 4px; }
.live-mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.live-mode-card { display: flex; flex-direction: column; align-items: flex-start; min-height: 215px; padding: 18px; margin-top: 0; }
.live-mode-card > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: #fff0f7; color: var(--pink); font-size: 25px; }
.live-mode-card h2 { margin-top: 11px; }
.live-mode-card p { flex: 1; margin: 6px 0 15px; }
.live-mode-card button { min-height: 46px; }
.live-mode-card button:disabled { cursor: not-allowed; color: #766f7b; background: #f4f1f4; box-shadow: none; }
.live-mode-page .robot-moderator-status { margin-top: 16px; }

@media (max-width: 600px) {
  .live-mode-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .live-mode-card { min-height: 0; display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 12px; align-items: center; padding: 14px; }
  .live-mode-card > span { grid-row: span 3; }
  .live-mode-card h2 { margin: 0; font-size: 17px; }
  .live-mode-card p { margin: 3px 0 8px; }
  .live-mode-card button { grid-column: 2; justify-self: start; }
  .home-mode .home-mainnav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .home-mode .home-link { min-height: 64px; border-radius: 16px; background: #ffffffd9; color: #4d3445; font-size: 12px; box-shadow: 0 4px 14px #46203924; }
  .home-mode .home-link span { font-size: 24px; }
  .home-mode .development-jar-button { top: 74px; right: auto; bottom: auto; left: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .live-mode-card, .home-mode .home-link { scroll-behavior: auto; transition: none; }
}