html {
  color-scheme: dark;
  background: #202127;
}

body {
  --background: #303137;
  --foreground: #f1f2f5;
  --primary: #5865f2;
  --primary-foreground: #fff;
  --border: #3c3d46;
  --muted-foreground: #adb0bc;
  font-family: Geist, "Segoe UI", sans-serif;
}

.orbit-app {
  --orbit-rail: #202127;
  --orbit-sidebar: #27282f;
  --orbit-chat: #303137;
  --orbit-panel: #35363e;
  --orbit-text: #eef0f4;
  --orbit-muted: #b4b7c3;
  --orbit-line: #41424c;
  --orbit-accent: #5865f2;
  background: var(--orbit-rail);
  color: var(--orbit-text);
}

.orbit-app::before,
.orbit-app .workspace::before,
.orbit-app .brand::after,
.orbit-app .community::after,
.orbit-app .communities-rail::before,
.orbit-app .community-pulse,
.orbit-app .voice-promo,
.orbit-app .side-note,
.orbit-app .brand strong span {
  display: none;
}

.orbit-app .social-sidebar [data-slot="sidebar-inner"],
.orbit-app .social-sidebar [data-slot="sidebar-container"],
.orbit-app .social-sidebar [data-sidebar="sidebar"] {
  background: var(--orbit-sidebar);
  color: var(--orbit-text);
  border-color: var(--orbit-line);
}

.orbit-app .communities-rail {
  gap: 8px;
  padding-top: 14px;
  background: var(--orbit-rail);
  border-color: #18191d;
  box-shadow: none;
}

.orbit-app .communities-rail > button,
.orbit-app .communities-rail .community-orb {
  background: var(--orbit-chat);
  color: #e2e4ec;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}

.orbit-app .communities-rail > button:not(.rail-action) {
  background: transparent;
}

.orbit-app .communities-rail .selected .community-orb,
.orbit-app .communities-rail button:hover .community-orb,
.orbit-app .communities-rail .rail-action:hover {
  background: var(--orbit-accent);
  color: white;
  border-radius: 14px;
  box-shadow: none;
}

.orbit-app .communities-rail > button:hover {
  filter: none;
  transform: none;
}

.orbit-app .communities-rail .selected::before {
  background: #f2f3f7;
  box-shadow: none;
}

.orbit-app .communities-rail .rail-action {
  color: #64d99a;
  margin-top: 0;
}

.orbit-app .brand {
  height: 54px;
  min-height: 54px;
  padding: 0 16px !important;
  background: var(--orbit-sidebar);
  border-color: #202127;
}

.orbit-app .brand strong { font-size: 23px; letter-spacing: -.7px; }
.orbit-app .brand > svg { width: 26px; height: 26px; color: #a3aaff; }
.orbit-app .social-sidebar [data-slot="sidebar-content"] { padding-top: 0; }
.orbit-app .social-sidebar .community {
  padding: 8px 7px 12px;
  margin: 7px 10px 12px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--orbit-line);
  border-radius: 0;
  box-shadow: none;
}

.orbit-app .community strong,
.orbit-app .topbar > strong { color: var(--orbit-text); font-size: 16px; }
.orbit-app .community span,
.orbit-app .channel-label,
.orbit-app .profile small { color: var(--orbit-muted); }
.orbit-app .channel-label { font-size: 12px; letter-spacing: .035em; }
.orbit-app .channel {
  color: var(--orbit-muted);
  min-height: 34px;
  height: 34px !important;
  font-size: 14px !important;
  border-radius: 5px !important;
  margin-block: 1px;
  box-shadow: none;
}

.orbit-app .channel:hover,
.orbit-app .channel.active,
.orbit-app .channel[data-active="true"],
.orbit-app .channel[aria-current="true"] {
  background: #3c3e48;
  color: white;
  border-color: transparent;
  box-shadow: none;
}

.orbit-app .profile {
  background: #22232a;
  border-color: #202127;
  box-shadow: none;
  padding: 9px 10px !important;
  gap: 7px !important;
}

.orbit-app .workspace {
  background: var(--orbit-chat);
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.orbit-app .topbar {
  background: var(--orbit-chat);
  border-bottom: 1px solid #222328;
  box-shadow: 0 1px 2px #16171a55;
  min-height: 54px;
  height: auto;
  padding: 8px 16px;
  backdrop-filter: none;
}

.orbit-app .topbar > .muted,
.orbit-app .topic,
.orbit-app .member-count { color: var(--orbit-muted); }
.orbit-app .topbar .secondary { padding: 6px 9px; }
.orbit-app .secondary,
.orbit-app .profile > button,
.orbit-app .community-edit,
.orbit-app .channel-edit {
  background: transparent;
  color: var(--orbit-muted);
  border-color: transparent;
  box-shadow: none;
}

.orbit-app .secondary:hover,
.orbit-app .profile > button:hover { background: var(--orbit-line); color: white; }
.orbit-app .message-list { padding: 20px 17px; }
.orbit-app .channel-start {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--orbit-line);
  border-radius: 0;
  padding: 14px 0 18px;
  margin: 0 0 12px;
  box-shadow: none;
}

.orbit-app .channel-start h1 { color: var(--orbit-text); font-size: 28px; }
.orbit-app .channel-start p,
.orbit-app .empty-chat p,
.orbit-app .message time { color: var(--orbit-muted); }
.orbit-app .channel-symbol {
  background: #444651;
  color: white;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}

.orbit-app .empty-chat {
  max-width: none;
  text-align: left;
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 18px 0;
  padding: 0 !important;
}

.orbit-app .empty-chat-orbit { display: none; }
.orbit-app .empty-chat h2 { color: var(--orbit-text); font-size: 18px; }
.orbit-app .empty-chat p { margin: 0; }
.orbit-app .empty-chat-actions { justify-content: flex-start; }
.orbit-app .message {
  color: var(--orbit-text);
  border: 0;
  border-radius: 0;
  padding-block: 5px;
  margin-block: 0;
}

.orbit-app .message:hover { background: #2b2c32; }
.orbit-app .message header strong { color: #fff; }
.orbit-app .message .avatar,
.orbit-app .profile .avatar,
.orbit-app .member .avatar {
  color: white;
  background: #4e58c8;
  border-radius: 50%;
  border: 0;
  box-shadow: none;
}

.orbit-app .message-input { padding: 10px 16px 18px; }
.orbit-app .composer,
.orbit-app .composer:focus-within {
  color: var(--orbit-muted);
  background: #393a43;
  border: 1px solid #484952;
  border-radius: 8px;
  box-shadow: none;
  min-height: 46px;
  padding: 7px 10px;
}

.orbit-app .composer:focus-within { border-color: #a3aaff; }
.orbit-app .composer > svg,
.orbit-app .composer input::placeholder { color: var(--orbit-muted); }

.orbit-app .members {
  width: 228px;
  padding-bottom: 16px;
  background: var(--orbit-sidebar);
  border-color: #222328;
}

.orbit-app .member {
  margin: 2px 8px;
  border-radius: 5px;
  color: var(--orbit-text);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.orbit-app .member:hover { background: #363841; }
.orbit-app .member small { color: var(--orbit-muted); }
.orbit-app .member .presence-avatar.is-online::after { background: #42cb80; }

.orbit-app .primary,
.orbit-app .send-button,
.orbit-dialog .primary {
  color: white;
  background: #4855df;
  border-color: transparent;
  border-radius: 6px;
  box-shadow: none;
}

.orbit-app .primary:hover,
.orbit-app .send-button:hover,
.orbit-dialog .primary:hover { background: #3f4bc8; }
.orbit-app .voice-view { background: #26272e; }
.orbit-dialog {
  color: #eef0f4;
  background: #303137;
  border-color: #4a4c57;
  border-radius: 10px !important;
}
.orbit-dialog [data-slot="dialog-title"] { color: #f4f5f8; }
.orbit-dialog [data-slot="dialog-description"] { color: #bfc2ce; }
.orbit-dialog input,
.orbit-dialog select { color: #eef0f4; background: #222329; border-color: #484952; }
button:focus-visible,
input:focus-visible { outline-color: #a3aaff; }

@media (max-width: 600px) {
  .orbit-app .topbar { min-height: 50px; padding: 6px 9px; gap: 5px; }
  .orbit-app .topbar .secondary { padding: 6px; font-size: 12px; }
  .orbit-app .message-list { padding: 14px 12px; }
  .orbit-app .message-input { padding: 8px 12px 14px; }
}