:root {
  --mk-ink: #101828;
  --mk-ink-2: #344054;
  --mk-muted: #667085;
  --mk-line: #d0d5dd;
  --mk-line-soft: #e4e7ec;
  --mk-surface: #f5f7fa;
  --mk-surface-2: #eef2f6;
  --mk-accent: #123b5d;
  --mk-accent-strong: #0b2a43;
  --mk-success: #1f7a4d;
  --mk-warning: #b45309;
  --mk-danger: #b42318;
  --mk-focus: #175cd3;
  --mk-radius: 2px;
}



body:not(.chat-body) {
  background: #fff;
  color: var(--mk-ink);
  font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}



body:not(.chat-body) *,
body:not(.chat-body) *::before,
body:not(.chat-body) *::after {
  border-radius: var(--mk-radius) !important;
  box-shadow: none !important;
}

body:not(.chat-body) .hp-avatar,
body:not(.chat-body) .join-channel-avatar,
body:not(.chat-body) .avatar,
body:not(.chat-body) .user-avatar {
  border-radius: 50% !important;
}

body:not(.chat-body) .tor-dot,
body:not(.chat-body) .hp-dot,
body:not(.chat-body) .hp-online,
body:not(.chat-body) .online-dot,
body:not(.chat-body) .legend-dot,
body:not(.chat-body) .rec-dot,
body:not(.chat-body) .status-dot {
  border-radius: 0 !important;
}

body:not(.chat-body) input[type="radio"] {
  border-radius: 50% !important;
}

body:not(.chat-body) ::selection {
  background: var(--mk-accent);
  color: #fff;
}

body:not(.chat-body) :focus-visible {
  outline: 2px solid var(--mk-focus);
  outline-offset: 2px;
}

body:not(.chat-body) button,
body:not(.chat-body) input,
body:not(.chat-body) textarea,
body:not(.chat-body) select {
  font-family: inherit;
}

body:not(.chat-body) a,
body:not(.chat-body) button {
  touch-action: manipulation;
}

body:not(.chat-body) h1,
body:not(.chat-body) h2,
body:not(.chat-body) h3,
body:not(.chat-body) h4 {
  color: var(--mk-ink);
  font-weight: 600;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

body:not(.chat-body) h1 { font-size: 42px; line-height: 1.1; }
body:not(.chat-body) h2 { font-size: 26px; line-height: 1.25; }
body:not(.chat-body) h3 { font-size: 18px; line-height: 1.35; }

body:not(.chat-body) p {
  color: var(--mk-ink-2);
  text-wrap: pretty;
}

body:not(.chat-body) strong { color: var(--mk-ink); font-weight: 600; }
body:not(.chat-body) a { color: var(--mk-accent); }
body:not(.chat-body) p a,
body:not(.chat-body) li a,
body:not(.chat-body) .row a,
body:not(.chat-body) .faq-item a,
body:not(.chat-body) .article-body a {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

body:not(.chat-body) hr {
  border: 0;
  border-top: 1px solid var(--mk-line);
}



body:not(.chat-body) .nav {
  max-width: 1080px;
  height: 68px;
  margin: 0 auto;
  padding: 0 24px;
  background: #fff;
  border-bottom: 1px solid var(--mk-line);
}

body:not(.chat-body) .nav .logo {
  padding-left: 10px;
  border-left: 3px solid var(--mk-accent);
  color: var(--mk-ink);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1;
  text-decoration: none;
}

body:not(.chat-body) .nav .links { gap: 22px; }

body:not(.chat-body) .nav .links a {
  color: var(--mk-ink-2);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

body:not(.chat-body) .nav .links a:hover {
  color: var(--mk-ink);
  text-decoration: underline;
  text-underline-offset: 4px;
}

body:not(.chat-body) .nav .login {
  padding: 8px 0;
  border: 0;
  color: var(--mk-ink-2);
  font-weight: 500;
}

body:not(.chat-body) .nav .cta,
body:not(.chat-body) .mobile-cta .btn,
body:not(.chat-body) .mobile-cta .m-login {
  padding: 9px 14px;
  border: 1px solid var(--mk-accent);
  background: var(--mk-accent);
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

body:not(.chat-body) .nav .cta:hover,
body:not(.chat-body) .mobile-cta .btn:hover {
  background: var(--mk-accent-strong);
  border-color: var(--mk-accent-strong);
}

body:not(.chat-body) .mobile-cta .m-login {
  background: #fff;
  color: var(--mk-ink) !important;
  border-color: var(--mk-line);
}



body:not(.chat-body) .tor-topbar { background: var(--mk-accent-strong); }

body:not(.chat-body) .tor-topbar-inner {
  max-width: 1080px;
  padding: 7px 24px;
}

body:not(.chat-body) .tor-topbar-label {
  color: #dbe7f3;
  font-size: 12px;
  font-weight: 500;
}

body:not(.chat-body) .tor-topbar-link,
body:not(.chat-body) .tor-topbar-copy {
  color: #c7d7e5;
  font-size: 12px;
  font-weight: 500;
}

body:not(.chat-body) .tor-topbar-copy {
  padding: 4px 9px;
  border: 1px solid #52718a;
  background: transparent;
}

body:not(.chat-body) .tor-topbar-copy:hover {
  background: #163b57;
  border-color: #7c96ab;
}



body:not(.chat-body) .btn,
body:not(.chat-body) .faq-cta .btn,
body:not(.chat-body) .share-btn,
body:not(.chat-body) .tor-copy,
body:not(.chat-body) .tor-open,
body:not(.chat-body) .tor-get,
body:not(.chat-body) .tor-btn,
body:not(.chat-body) .tor-cta-secondary,
body:not(.chat-body) .join-primary,
body:not(.chat-body) .join-secondary,
body:not(.chat-body) .verify-actions button,
body:not(.chat-body) .verify-actions a {
  padding: 10px 16px;
  border: 1px solid transparent;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-decoration: none;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

body:not(.chat-body) .btn-dark,
body:not(.chat-body) .tor-btn,
body:not(.chat-body) .share-btn,
body:not(.chat-body) .join-primary,
body:not(.chat-body) .verify-actions button {
  background: var(--mk-accent);
  border-color: var(--mk-accent);
  color: #fff;
}

body:not(.chat-body) .btn-dark:hover,
body:not(.chat-body) .tor-btn:hover,
body:not(.chat-body) .share-btn:hover,
body:not(.chat-body) .join-primary:hover,
body:not(.chat-body) .verify-actions button:hover {
  background: var(--mk-accent-strong);
  border-color: var(--mk-accent-strong);
}

body:not(.chat-body) .btn-ghost,
body:not(.chat-body) .tor-cta-secondary,
body:not(.chat-body) .join-secondary,
body:not(.chat-body) .verify-actions a {
  background: #fff;
  border-color: var(--mk-line);
  color: var(--mk-ink);
}

body:not(.chat-body) .btn-ghost:hover,
body:not(.chat-body) .tor-cta-secondary:hover,
body:not(.chat-body) .join-secondary:hover,
body:not(.chat-body) .verify-actions a:hover {
  background: var(--mk-surface);
  border-color: var(--mk-accent);
}

body:not(.chat-body) .btn:active,
body:not(.chat-body) .nav .cta:active,
body:not(.chat-body) .join-primary:active,
body:not(.chat-body) .join-secondary:active {
  transform: none;
}

body:not(.chat-body) input[type="text"],
body:not(.chat-body) input[type="password"],
body:not(.chat-body) input[type="email"],
body:not(.chat-body) input[type="number"],
body:not(.chat-body) input[type="search"],
body:not(.chat-body) textarea,
body:not(.chat-body) select {
  border: 1px solid var(--mk-line);
  background: #fff;
  color: var(--mk-ink);
  font-size: 14px;
}

body:not(.chat-body) input::placeholder,
body:not(.chat-body) textarea::placeholder { color: var(--mk-muted); }

body:not(.chat-body) input:focus,
body:not(.chat-body) textarea:focus,
body:not(.chat-body) select:focus {
  border-color: var(--mk-accent);
  outline: 2px solid var(--mk-focus);
  outline-offset: 1px;
}



body:not(.chat-body) .article-header .kicker,
body:not(.chat-body) .page-header .kicker,
body:not(.chat-body) .post-card .pc-kicker,
body:not(.chat-body) .tor-hero .label,
body:not(.chat-body) .tor-share .label,
body:not(.chat-body) .share-intro .label,
body:not(.chat-body) .verify-label,
body:not(.chat-body) .summary-label,
body:not(.chat-body) .footer-social .label,
body:not(.chat-body) .faq-toc .t,
body:not(.chat-body) .toc .t {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--mk-muted) !important;
}

body:not(.chat-body) .hp-convlabel,
body:not(.chat-body) .step .num,
body:not(.chat-body) .incident-kicker {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
}

body:not(.chat-body) .group-title,
body:not(.chat-body) .service-group-title {
  margin: 32px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--mk-line);
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--mk-ink) !important;
}

body:not(.chat-body) .group-title + .rows,
body:not(.chat-body) .service-group-title + .service-row {
  border-top: 0;
}


body:not(.chat-body) .toc,
body:not(.chat-body) .callout,
body:not(.chat-body) .mono,
body:not(.chat-body) .post-card,
body:not(.chat-body) .verify-box,
body:not(.chat-body) .verify-card,
body:not(.chat-body) .compare-wrap,
body:not(.chat-body) .note,
body:not(.chat-body) .status-banner,
body:not(.chat-body) .summary-card,
body:not(.chat-body) .tor-card,
body:not(.chat-body) .tor-share,
body:not(.chat-body) .tor-hero,
body:not(.chat-body) .tor-onion-note,
body:not(.chat-body) .share-card,
body:not(.chat-body) .share-intro,
body:not(.chat-body) .share-text,
body:not(.chat-body) .rules,
body:not(.chat-body) .join-card,
body:not(.chat-body) .faq-toc,
body:not(.chat-body) .faq-cta,
body:not(.chat-body) .notice,
body:not(.chat-body) .card {
  border: 1px solid var(--mk-line) !important;
  background: #fff;
}

body:not(.chat-body) .toc,
body:not(.chat-body) .callout,
body:not(.chat-body) .mono,
body:not(.chat-body) .note,
body:not(.chat-body) .faq-toc,
body:not(.chat-body) .summary-card {
  background: var(--mk-surface);
}

body:not(.chat-body) .verify-card {
  padding: 0;
  border: 0 !important;
  background: transparent;
}

body:not(.chat-body) .post-card,
body:not(.chat-body) .verify-box,
body:not(.chat-body) .join-card,
body:not(.chat-body) .card {
  padding: 28px;
}

body:not(.chat-body) .post-card:hover,
body:not(.chat-body) .principle:hover,
body:not(.chat-body) .step:hover {
  transform: none;
  border-color: var(--mk-accent) !important;
  background: var(--mk-surface);
}

body:not(.chat-body) .callout {
  border-left: 1px solid var(--mk-line) !important;
}

body:not(.chat-body) .mono,
body:not(.chat-body) .share-text,
body:not(.chat-body) .fp {
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
}



body:not(.chat-body) .hp-hero { padding: 64px 0 56px; }
body:not(.chat-body) .hp-title {
  font-size: 42px;
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 600;
  max-width: 620px;
}
body:not(.chat-body) .nobr { white-space: nowrap; }
body:not(.chat-body) .hp-lead {
  max-width: 560px;
  color: var(--mk-ink-2);
  font-size: 17px;
  line-height: 1.65;
}
body:not(.chat-body) .hp-actions { gap: 8px; }
body:not(.chat-body) .hp-actions .btn { padding: 10px 15px; font-size: 13px; }
body:not(.chat-body) .hp-note,
body:not(.chat-body) .hp-caption,
body:not(.chat-body) .hero-note { color: var(--mk-muted); font-size: 12px; }

body:not(.chat-body) .hp-window {
  border: 1px solid #98a2b3;
  box-shadow: none;
  background: #fff;
}
body:not(.chat-body) .hp-chrome {
  background: var(--mk-surface);
  border-bottom-color: var(--mk-line);
}
body:not(.chat-body) .hp-address {
  border-color: var(--mk-line);
  background: #fff;
}
body:not(.chat-body) .hp-toggle {
  border-color: var(--mk-line);
  background: var(--mk-surface);
}
body:not(.chat-body) .hp-toggle button { border-radius: 0 !important; }
body:not(.chat-body) .hp-toggle button.active {
  background: var(--mk-accent);
  color: #fff;
}
body:not(.chat-body) .hp-msg { border-radius: 4px !important; }
body:not(.chat-body) .hp-msg.received,
body:not(.chat-body) .hp-msg.sent { border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; }



body:not(.chat-body) .tor-band { background: var(--mk-accent-strong); }
body:not(.chat-body) .tor-band h2 { color: #fff; }
body:not(.chat-body) .tor-band p { color: #c7d7e5; }
body:not(.chat-body) .tor-band .tor-warning { color: #9fb3c7; }
body:not(.chat-body) .tor-address-row code {
  background: #102f47;
  border-color: #385870;
  color: #fff;
}
body:not(.chat-body) .tor-copy {
  background: #fff;
  border-color: #fff;
  color: var(--mk-ink);
}
body:not(.chat-body) .tor-copy:hover { background: #e8eef4; }
body:not(.chat-body) .tor-open {
  background: #fff;
  border-color: #fff;
  color: var(--mk-ink);
}
body:not(.chat-body) .tor-get {
  background: transparent;
  border-color: #5c7890;
  color: #dbe7f3;
}
body:not(.chat-body) .tor-news-link {
  color: #fff;
  border-bottom-color: #5c7890;
  text-decoration: none;
}



body:not(.chat-body) .section { padding: 64px 0; }
body:not(.chat-body) .section h2 { font-size: 28px; }
body:not(.chat-body) .section .lead { font-size: 16px; color: var(--mk-ink-2); }
body:not(.chat-body) .strip {
  background: var(--mk-surface);
  border-color: var(--mk-line);
}
body:not(.chat-body) .strip .k {
  color: var(--mk-ink);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
body:not(.chat-body) .strip .d { color: var(--mk-muted); }

body:not(.chat-body) .rows { border-top: 1px solid var(--mk-line); }
body:not(.chat-body) .row { border-bottom: 1px solid var(--mk-line); padding: 20px 0; }
body:not(.chat-body) .row .t { color: var(--mk-ink); font-weight: 600; }
body:not(.chat-body) .row .d { color: var(--mk-ink-2); }

body:not(.chat-body) .principles,
body:not(.chat-body) .steps { gap: 24px; }
body:not(.chat-body) .principle,
body:not(.chat-body) .step {
  padding: 20px 0 0;
  border: 0 !important;
  border-top: 1px solid var(--mk-line) !important;
  background: transparent;
}
body:not(.chat-body) .principle .icon { color: var(--mk-accent); }

body:not(.chat-body) .verify-box { padding: 28px; }
body:not(.chat-body) .verify-actions { gap: 8px; }



body:not(.chat-body) .compare-wrap {
  background: #fff;
  border-color: var(--mk-line);
}
body:not(.chat-body) table.compare th {
  background: var(--mk-surface);
  color: var(--mk-ink-2);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
body:not(.chat-body) table.compare th,
body:not(.chat-body) table.compare td {
  border-bottom: 1px solid var(--mk-line-soft);
}
body:not(.chat-body) .trust-table {
  width: 100%;
  border-collapse: collapse;
}

body:not(.chat-body) .trust-table th,
body:not(.chat-body) .trust-table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid var(--mk-line-soft);
}

body:not(.chat-body) .trust-table tbody tr:last-child td { border-bottom: 0; }

body:not(.chat-body) table.compare .yes { color: var(--mk-success); }
body:not(.chat-body) table.compare .no { color: var(--mk-muted); }



body:not(.chat-body) .article-header { padding: 56px 0 24px; }
body:not(.chat-body) .article-header h1 { font-size: 40px; }
body:not(.chat-body) .article-header .meta,
body:not(.chat-body) .release .r-meta { color: var(--mk-muted); font-size: 12px; }
body:not(.chat-body) .article-header .meta { font-variant-numeric: tabular-nums; }

body:not(.chat-body) .post-grid {
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--mk-line);
  margin-top: 24px;
}
body:not(.chat-body) .post-card {
  display: block;
  padding: 22px 0;
  border: 0 !important;
  border-bottom: 1px solid var(--mk-line) !important;
  background: transparent;
}
body:not(.chat-body) .post-card:hover { background: transparent; }
body:not(.chat-body) .post-card h2 { font-size: 20px; margin: 4px 0 6px; }
body:not(.chat-body) .post-card p { color: var(--mk-ink-2); font-size: 14px; }

body:not(.chat-body) .release {
  padding-left: 20px;
  border-left: 1px solid var(--mk-line);
}
body:not(.chat-body) .release::before {
  left: -4px;
  width: 7px;
  height: 7px;
  border: 0;
  background: var(--mk-accent);
}
body:not(.chat-body) .release h2 { font-size: 20px; }
body:not(.chat-body) .release li { color: var(--mk-ink-2); font-size: 15px; }

body:not(.chat-body) .toc { padding: 20px 22px; }
body:not(.chat-body) .toc a { color: var(--mk-ink-2); }
body:not(.chat-body) .toc a:hover { color: var(--mk-accent); }



body:not(.chat-body) .faq-header { padding: 56px 0 28px; }
body:not(.chat-body) .faq-header h1 { font-size: 40px; }
body:not(.chat-body) .faq-header .sub { color: var(--mk-ink-2); font-size: 16px; }
body:not(.chat-body) .faq-toc {
  background: var(--mk-surface);
  padding: 18px 20px;
}
body:not(.chat-body) .faq-toc a { color: var(--mk-ink-2); border-bottom-color: var(--mk-line-soft); }
body:not(.chat-body) .faq-toc a:hover { color: var(--mk-accent); }
body:not(.chat-body) .faq-item h2 { font-size: 20px; }
body:not(.chat-body) .faq-item p { color: var(--mk-ink-2); font-size: 15px; }
body:not(.chat-body) .faq-cta {
  background: var(--mk-accent-strong);
  border-color: var(--mk-accent-strong);
  padding: 26px 28px;
}
body:not(.chat-body) .faq-cta h2 { color: #fff; font-size: 22px; }
body:not(.chat-body) .faq-cta p { color: #c7d7e5; }



body:not(.chat-body) .status-hero { padding: 56px 0 26px; }
body:not(.chat-body) .status-hero h1 { font-size: 40px; }
body:not(.chat-body) .status-lede { color: var(--mk-ink-2); font-size: 16px; }
body:not(.chat-body) .status-banner {
  background: var(--mk-surface);
  border-color: var(--mk-line);
  padding: 18px 20px;
}
body:not(.chat-body) .status-banner-icon {
  width: 36px;
  height: 36px;
  border: 1px solid #b7dcc6;
  background: #f3faf6;
  color: var(--mk-success);
}
body:not(.chat-body) .status-banner-copy strong { color: var(--mk-ink); font-weight: 600; }
body:not(.chat-body) .status-banner-copy span { color: var(--mk-ink-2); }
body:not(.chat-body) .status-banner-meta { border-left-color: var(--mk-line); }
body:not(.chat-body) .status-banner-meta span,
body:not(.chat-body) .status-banner-meta em {
  color: var(--mk-muted);
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
}
body:not(.chat-body) .status-banner-meta strong { font-variant-numeric: tabular-nums; }

body:not(.chat-body) .status-summary {
  gap: 0;
  border: 1px solid var(--mk-line);
  background: #fff;
}
body:not(.chat-body) .summary-card {
  border: 0 !important;
  border-right: 1px solid var(--mk-line) !important;
  background: #fff;
}
body:not(.chat-body) .summary-card:last-child { border-right: 0 !important; }
body:not(.chat-body) .summary-card strong {
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
body:not(.chat-body) .summary-note { color: var(--mk-muted); }

body:not(.chat-body) .status-section-head { border-bottom-color: var(--mk-line); }
body:not(.chat-body) .status-section-head h2 { font-size: 22px; }
body:not(.chat-body) .status-section-head span { color: var(--mk-muted); }
body:not(.chat-body) .service-row { border-bottom-color: var(--mk-line-soft); }
body:not(.chat-body) .service-name { color: var(--mk-ink); font-weight: 600; }
body:not(.chat-body) .service-desc,
body:not(.chat-body) .service-meta { color: var(--mk-muted); }
body:not(.chat-body) .status-pill {
  padding: 1px 7px;
  border: 1px solid transparent;
  background: transparent;
  font-size: 11px;
  font-weight: 600;
}
body:not(.chat-body) .status-pill--up {
  background: #f3faf6;
  border-color: #b7dcc6;
  color: var(--mk-success);
}
body:not(.chat-body) .status-pill--degraded,
body:not(.chat-body) .status-pill--stale {
  background: #fff8eb;
  border-color: #f0d6a8;
  color: var(--mk-warning);
}
body:not(.chat-body) .status-pill--down {
  background: #fff5f4;
  border-color: #f2c6c2;
  color: var(--mk-danger);
}
body:not(.chat-body) .status-pill--unknown {
  background: var(--mk-surface);
  border-color: var(--mk-line);
  color: var(--mk-muted);
}
body:not(.chat-body) .bar { border-radius: 0 !important; }
body:not(.chat-body) .bar--up { background: #2f7d4f; }
body:not(.chat-body) .bar--degraded { background: var(--mk-warning); }
body:not(.chat-body) .bar--down { background: var(--mk-danger); }
body:not(.chat-body) .bar-axis,
body:not(.chat-body) .service-uptime span { color: var(--mk-muted); }
body:not(.chat-body) .service-uptime strong { font-weight: 600; font-variant-numeric: tabular-nums; }
body:not(.chat-body) .status-legend { border-top-color: var(--mk-line-soft); color: var(--mk-muted); }



body.auth-body { background: var(--mk-surface); }

body.auth-body .wrapper { margin: 56px auto 72px; }

body.auth-body .card {
  padding: 36px;
  border: 1px solid var(--mk-line) !important;
  border-top: 3px solid var(--mk-accent) !important;
  background: #fff;
}

body.auth-body .card h1 { font-size: 22px; }
body.auth-body .card .sub { color: var(--mk-muted); }
body.auth-body .field label { color: var(--mk-ink); font-weight: 600; }
body.auth-body .field input { padding: 11px 13px; min-height: 44px; }
body.auth-body .field input:focus {
  border-color: var(--mk-accent);
  outline: 2px solid var(--mk-focus);
  outline-offset: 1px;
}
body.auth-body .btn {
  min-height: 42px;
  background: var(--mk-accent);
  color: #fff;
  font-weight: 600;
}
body.auth-body .btn:hover { background: var(--mk-accent-strong); }
body.auth-body .btn:disabled { background: #98a2b3; }
body.auth-body .link { color: var(--mk-muted); }
body.auth-body .link a { color: var(--mk-accent); font-weight: 600; }
body.auth-body .status { color: var(--mk-danger); }
body.auth-body .status.ok { color: var(--mk-success); }
body.auth-body .footer-text,
body.auth-body .recovery-link { color: var(--mk-muted); }
body.auth-body #totp-section,
body.auth-body #mfa-section { border-top-color: var(--mk-line); }



body.join-body { background: var(--mk-surface); }
body.join-body .join-page { background: transparent; }
body.join-body .join-card {
  padding: 28px;
  border: 1px solid var(--mk-line) !important;
  background: #fff;
}
body.join-body .join-brand {
  justify-content: flex-start;
  padding-left: 10px;
  border-left: 3px solid var(--mk-accent);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
body.join-body .join-page .join-muted a { color: var(--mk-accent); }
body.join-body .join-muted,
body.join-body .join-loading { color: var(--mk-muted); }
body.join-body .join-card p { color: var(--mk-ink-2); }
body.join-body .join-notice { background: var(--mk-surface); border: 1px solid var(--mk-line); }
body.join-body .join-primary { background: var(--mk-accent); color: #fff; }
body.join-body .join-secondary { background: var(--mk-surface); color: var(--mk-ink); border: 1px solid var(--mk-line); }

html[data-theme="dark"] body.join-body { background: #0f1115; }
html[data-theme="dark"] body.join-body .join-card {
  background: #171a20;
  border-color: #2a303a !important;
}
html[data-theme="dark"] body.join-body .join-card h1,
html[data-theme="dark"] body.join-body .join-card h2,
html[data-theme="dark"] body.join-body .join-brand { color: #e6e9ef; }
html[data-theme="dark"] body.join-body .join-card p,
html[data-theme="dark"] body.join-body .join-notice,
html[data-theme="dark"] body.join-body .join-muted { color: #b8c0cc; }
html[data-theme="dark"] body.join-body .join-notice { background: #1f242c; }
html[data-theme="dark"] body.join-body .join-secondary { background: #232a33; color: #e6e9ef; }



body:not(.chat-body) .trust-strip {
  border-top: 1px solid var(--mk-line);
  border-bottom: 1px solid var(--mk-line);
  background: var(--mk-surface);
}

body:not(.chat-body) .trust-strip .inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

body:not(.chat-body) .trust-strip-copy strong {
  display: block;
  color: var(--mk-ink);
  font-size: 13px;
  font-weight: 600;
}

body:not(.chat-body) .trust-strip-copy span {
  display: block;
  margin-top: 2px;
  color: var(--mk-muted);
  font-size: 12px;
}

body:not(.chat-body) .trust-strip-links {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

body:not(.chat-body) .trust-strip-links a {
  color: var(--mk-ink-2);
  font-size: 12px;
  text-decoration: none;
}

body:not(.chat-body) .trust-strip-links a:hover {
  color: var(--mk-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body:not(.chat-body) .legal-facts {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 8px 20px;
  margin: 18px 0 28px;
}

body:not(.chat-body) .legal-facts dt {
  color: var(--mk-muted);
  font-size: 12px;
  font-weight: 600;
}

body:not(.chat-body) .legal-facts dd {
  margin: 0;
  color: var(--mk-ink-2);
  font-size: 14px;
}

body:not(.chat-body) .footer {
  margin-top: 0;
  border-top: 1px solid var(--mk-line);
  background: #fff;
}
body:not(.chat-body) .footer .inner {
  max-width: 1080px;
  padding: 26px 24px 34px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}
body:not(.chat-body) .footer .small {
  order: 2;
  width: 100%;
  padding-top: 16px;
  border-top: 1px solid var(--mk-line-soft);
  color: var(--mk-muted);
  font-size: 12px;
}
body:not(.chat-body) .footer .links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 24px;
  width: 100%;
}
body:not(.chat-body) .footer .links a {
  color: var(--mk-ink-2);
  font-size: 12.5px;
  text-decoration: none;
}
body:not(.chat-body) .footer .links a:hover {
  color: var(--mk-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}
body:not(.chat-body) .footer-social {
  border-bottom: 1px solid var(--mk-line);
  background: var(--mk-surface);
}
body:not(.chat-body) .footer-social .inner {
  max-width: 1080px;
  padding: 20px 24px;
}
body:not(.chat-body) .social-links { gap: 18px; }
body:not(.chat-body) .social-links a {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--mk-ink-2);
  font-size: 12.5px;
  font-weight: 500;
  text-decoration: none;
}
body:not(.chat-body) .social-links a:hover { color: var(--mk-accent); }
body:not(.chat-body) .footer-social .note {
  color: var(--mk-muted);
  font-size: 12px;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

body:not(.chat-body) .trust-strip + .footer { border-top: 0; }



body.chat-body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Liberation Sans", sans-serif;
}

body.chat-body .sidebar-search,
body.chat-body .message-form textarea,
body.chat-body .send-btn,
body.chat-body .file-btn,
body.chat-body .header-icon-btn,
body.chat-body .sidebar-footer button,
body.chat-body .sidebar-footer a,
body.chat-body .conv-menu-btn,
body.chat-body .msg-menu,
body.chat-body .conv-menu-dropdown,
body.chat-body .modal-card,
body.chat-body .user-panel-card,
body.chat-body .invite-onboarding-card,
body.chat-body .invite-onboarding-x,
body.chat-body .panel-btn,
body.chat-body .twofa-banner-btn,
body.chat-body .theme-seg,
body.chat-body .theme-seg button,
body.chat-body .pm-plan,
body.chat-body .feedback-select,
body.chat-body .feedback-input,
body.chat-body .feedback-textarea,
body.chat-body .search-panel,
body.chat-body .msg-sheet-card,
body.chat-body .emoji-picker,
body.chat-body .emoji-dropdown,
body.chat-body .mention-dropdown,
body.chat-body .quick-reactions {
  border-radius: var(--mk-radius);
}

body.chat-body .user-panel-bg,
body.chat-body .invite-onboarding-bg {
  background: rgba(16, 24, 40, .52);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.chat-body .user-panel-card,
body.chat-body .invite-onboarding-card {
  border-color: var(--mk-line);
  box-shadow: 0 18px 44px rgba(16, 24, 40, .2);
}

body.chat-body .invite-onboarding-card h2 {
  letter-spacing: -0.02em;
  font-weight: 600;
}

body.chat-body .invite-onboarding-kicker {
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--mk-muted);
}

body.chat-body .invite-onboarding-icon {
  border-radius: 2px;
  background: var(--mk-accent);
}

body.chat-body .invite-btn,
body.chat-body .invite-link-row input,
body.chat-body .invite-link-row button,
body.chat-body .invite-method {
  border-radius: 2px;
}

body.chat-body .invite-btn.primary {
  background: var(--mk-accent);
  border-color: var(--mk-accent);
}

body.chat-body .invite-btn.primary:hover { background: var(--mk-accent-strong); }

body.chat-body input[type="text"],
body.chat-body input[type="password"],
body.chat-body input[type="search"],
body.chat-body textarea,
body.chat-body .twofa-banner-btn,
body.chat-body #requests-header,
body.chat-body #group-invites-header,
body.chat-body .announcement,
body.chat-body .history-context-banner,
body.chat-body .history-context-banner button,
body.chat-body .premium-box,
body.chat-body .premium-pill,
body.chat-body .channel-settings-section input[readonly],
body.chat-body .channel-actions button,
body.chat-body .channel-secondary,
body.chat-body .channel-file-label,
body.chat-body .group-call-notice-btn,
body.chat-body .group-call-tile,
body.chat-body .group-call-invite,
body.chat-body .group-call-invite-join,
body.chat-body .group-call-invite-dismiss,
body.chat-body .msg-sheet-reaction,
body.chat-body .msg-sheet-item,
body.chat-body .msg-sheet-cancel,
body.chat-body .search-result-item,
body.chat-body .conv-menu-item,
body.chat-body .msg-menu-item,
body.chat-body .emoji-dropdown-row,
body.chat-body .request-btn,
body.chat-body .request-count,
body.chat-body .admin-toggle-btn,
body.chat-body .theme-seg,
body.chat-body .theme-seg button,
body.chat-body .pm-plan,
body.chat-body .pm-history-row,
body.chat-body .pm-wait,
body.chat-body .feedback-select,
body.chat-body .feedback-input,
body.chat-body .feedback-textarea,
body.chat-body .search-scope,
body.chat-body .call-local-wrap,
body.chat-body .img-modal-download,
body.chat-body .copy-toast,
body.chat-body .drop-overlay,
body.chat-body .message img.msg-image,
body.chat-body .msg-document,
body.chat-body .doc-download,
body.chat-body .file-row-ic,
body.chat-body .session-tag,
body.chat-body .session-revoke {
  border-radius: var(--mk-radius);
}

body.chat-body .message { border-radius: 6px; }
body.chat-body .message.sent { border-bottom-right-radius: 2px; }
body.chat-body .message.received { border-bottom-left-radius: 2px; }

body.chat-body .conv-badge,
body.chat-body #requests-badge,
body.chat-body #group-invites-badge,
body.chat-body .conv-call-pill,
body.chat-body .sys-text,
body.chat-body .day-separator span,
body.chat-body .status-pill,
body.chat-body .conv-empty-icon,
body.chat-body .conv-empty-btn,
body.chat-body .mark-all-read {
  border-radius: var(--mk-radius);
}



body.chat-body #conversation-list li.conv-empty {
  display: block;
  padding: 30px 20px 22px;
  cursor: default;
}

body.chat-body .conv-empty-btn.primary {
  background: var(--mk-accent);
  border-color: var(--mk-accent);
}

body.chat-body .conversations h3,
body.chat-body .conv-archived-sep,
body.chat-body .ss-section,
body.chat-body .announcement-head,
body.chat-body .channel-label,
body.chat-body .identity-head,
body.chat-body .feedback-label {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
}

body.chat-body .chat-avatar,
body.chat-body .conv-avatar,
body.chat-body .sr-avatar,
body.chat-body .avatar,
body.chat-body .call-avatar,
body.chat-body .online-dot,
body.chat-body .rec-dot,
body.chat-body .msg-del,
body.chat-body .modal-close,
body.chat-body .search-close,
body.chat-body .reply-bar-close {
  border-radius: 50%;
}

body.chat-body .message.sent { background: var(--mk-accent); }
body.chat-body .message.sent .msg-status.read { color: #b9d4ea; }
body.chat-body .send-btn { background: var(--mk-accent); }
body.chat-body .send-btn:hover { background: var(--mk-accent-strong); }
body.chat-body .conv-call-pill { color: var(--mk-success); background: #e7f4ec; }
body.chat-body .online-dot { background: var(--mk-success); }
body.chat-body .sidebar-search { background: var(--mk-surface); }
body.chat-body .message-form textarea { background: var(--mk-surface); }

html[data-theme="dark"] body.chat-body .sidebar-search,
html[data-theme="dark"] body.chat-body .message-form textarea {
  background: #24262b;
}



body:not(.chat-body) .nav,
body:not(.chat-body) .mobile-cta {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: #fff !important;
}

body:not(.chat-body) .mobile-cta { border-top: 1px solid var(--mk-line); }
body:not(.chat-body) .mobile-cta.show { animation: none; }

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}



body.join-body .join-card h1 { font-size: 24px; }
body.join-body .join-card h2 { font-size: 18px; }

@media (max-width: 720px) {
  body:not(.chat-body) .nav {
    height: 60px;
    padding: 0 18px;
  }
  body:not(.chat-body) .nav .logo { font-size: 17px; }
  body:not(.chat-body) .nav .links { gap: 12px; }
  body:not(.chat-body) .nav .links a { font-size: 12.5px; }
  body:not(.chat-body) .nav .links a[href="/login"],
  body:not(.chat-body) .nav .links a.cta {
    display: inline-flex !important;
    align-items: center;
    min-height: 40px;
  }
  body:not(.chat-body) .nav .links a:not([href="/login"]):not(.cta) { display: none !important; }
  body:not(.chat-body) h1 { font-size: 32px; }
  body:not(.chat-body) h2 { font-size: 23px; }
  body:not(.chat-body) .hp-hero { padding: 36px 0 42px; }
  body:not(.chat-body) .hp-title { font-size: 33px; letter-spacing: -0.025em; }
  body:not(.chat-body) .hp-lead { font-size: 15.5px; }
  body:not(.chat-body) .section { padding: 48px 0; }
  body:not(.chat-body) .section h2 { font-size: 24px; }
  body:not(.chat-body) .trust-strip .inner { padding: 18px; }
  body:not(.chat-body) .trust-strip-links { gap: 12px 16px; }
  body:not(.chat-body) .legal-facts { grid-template-columns: 1fr; gap: 2px 0; }
  body:not(.chat-body) .footer .links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body:not(.chat-body) .status-summary { grid-template-columns: 1fr; }
  body:not(.chat-body) .summary-card {
    border-right: 0 !important;
    border-bottom: 1px solid var(--mk-line) !important;
  }
  body:not(.chat-body) .summary-card:last-child { border-bottom: 0 !important; }
  body:not(.chat-body) .post-card,
  body:not(.chat-body) .verify-box,
  body:not(.chat-body) .join-card,
  body:not(.chat-body) .card { padding: 22px; }
}