.mode-switch {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  padding: 4px;
  background: #101e1a;
  border: 1px solid var(--line);
  border-radius: 14px;
}
.mode-switch button {
  border: 0;
  border-radius: 10px;
  padding: 10px 6px;
  background: transparent;
  color: var(--muted);
  font-weight: 700;
}
.mode-switch button.selected { background: #263b35; color: var(--ink); }
.meeting-panel { flex: 1; text-align: center; align-content: center; }
.meeting-card {
  margin: 0 auto 22px;
  padding: 28px 20px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #12211d;
}
.meeting-card .eyebrow { margin: 8px 0; color: var(--muted); font-size: 11px; letter-spacing: .16em; }
.meeting-card strong { display: block; font-variant-numeric: tabular-nums; font-size: 44px; letter-spacing: .03em; }
.meeting-card p:last-child { margin: 4px 0 0; color: var(--muted); }
.recording-dot { display: inline-block; width: 11px; height: 11px; border-radius: 50%; background: #52645e; }
.meeting-panel.recording .recording-dot { background: #ff5e66; box-shadow: 0 0 0 7px #ff5e6620; animation: pulse 1.4s infinite; }
.meeting-button { width: 100%; min-height: 58px; border: 0; border-radius: 16px; background: var(--green); color: #102016; font-weight: 850; letter-spacing: .08em; }
.meeting-panel.recording .meeting-button { background: #ff686f; color: #21090b; }
.meeting-panel.processing .meeting-button { opacity: .55; }
.meeting-panel code { color: var(--green); }
.end-meeting { margin-top: 14px; min-height: 46px; padding: 0 18px; border-radius: 13px; border: 1px solid color-mix(in srgb, var(--destructive) 55%, var(--line)); background: transparent; color: var(--ink); font-weight: 750; letter-spacing: .07em; }