html.proxy-scroll-lock,
html.proxy-scroll-lock body,
body.proxy-active {
  overflow: hidden !important;
  height: 100% !important;
}

body.proxy-active #home {
  display: none !important;
}

body.proxy-active #activitiesPage {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
}

body.page-home,
body.page-home[data-active-panel="home"],
body.page-home:not([data-active-panel="home"]) {
  --shell-text: var(--text, #f7f7f2);
  --shell-muted: var(--text-soft, #c3c7cf);
  --shell-border: var(--theme-control-border, color-mix(in srgb, var(--line, #384050) 64%, white 12%));
  --shell-surface: var(--theme-panel-bg, color-mix(in srgb, var(--surface, #111317) 88%, black 12%));
  --shell-surface-strong: var(--theme-card-bg, color-mix(in srgb, var(--surface, #111317) 92%, black 8%));
  --shell-surface-soft: var(--theme-soft-bg, color-mix(in srgb, var(--surface, #111317) 72%, black 28%));
  --shell-accent: var(--brand, #7d8cff);
  --shell-accent-soft: color-mix(in srgb, var(--brand, #7d8cff) 60%, white 40%);
  --shell-shadow: none;
  --shell-pill-shadow: none;
  background: var(--bg, #08090c) !important;
  background-image: none !important;
  color: var(--shell-text) !important;
  overflow-x: hidden !important;
}

body.page-home::before,
body.page-home::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body.page-home::before {
  display: none;
  background: none;
}

body.page-home::after {
  z-index: 0;
  opacity: 0.74;
  background-image:
    radial-gradient(circle at 18px 20px, rgba(241, 244, 249, 0.78) 0 1.4px, transparent 2.9px),
    radial-gradient(circle at 90px 128px, rgba(224, 232, 240, 0.52) 0 1.5px, transparent 3px),
    radial-gradient(circle at 174px 64px, color-mix(in srgb, var(--shell-accent) 30%, white 70%) 0 1.2px, transparent 2.4px),
    radial-gradient(circle at 212px 198px, rgba(239, 245, 250, 0.56) 0 1.7px, transparent 3px);
  background-size: 240px 240px, 320px 320px, 420px 420px, 520px 520px;
}

body.page-home .app-shell,
body.page-home .home-shell,
body.page-home .side-nav,
body.page-home .workspace-topbar {
  position: relative;
  z-index: 1;
}

body.page-home .app-shell {
  min-height: 100vh !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.page-home .home-shell {
  width: min(1180px, calc(100% - 28px)) !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 102px 0 122px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 24px !important;
}

body.page-home[data-active-panel="home"] .home-center {
  width: 100% !important;
  min-height: auto !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.page-home[data-active-panel="home"] .home-hero-copy {
  width: min(560px, 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  text-align: center !important;
}

body.page-home[data-active-panel="home"] .home-kicker,
body.page-home[data-active-panel="home"] .home-sub,
body.page-home[data-active-panel="home"] .home-signal-row,
body.page-home[data-active-panel="home"] .home-stage,
body.page-home[data-active-panel="home"] #homeGamesBtn,
body.page-home[data-active-panel="home"] #homeAppsBtn,
body.page-home[data-active-panel="home"] .home-proxy-hint {
  display: none !important;
}

body.page-home[data-active-panel="home"] .home-brand {
  order: 1 !important;
  margin: 0 0 14px !important;
  color: var(--shell-text) !important;
  font-family: "Baloo 2", "Manrope", sans-serif !important;
  font-size: clamp(3rem, 5vw, 4.4rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  line-height: 0.96 !important;
}

body.page-home[data-active-panel="home"] #homeFastLaunch {
  order: 2 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
}

body.page-home[data-active-panel="home"] .home-fast-launch-btn {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  appearance: none !important;
}

body.page-home[data-active-panel="home"] .home-fast-launch-btn:hover {
  transform: translateY(-3px) !important;
  box-shadow: none !important;
}

body.page-home[data-active-panel="home"] .home-fast-launch-btn img {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  display: block !important;
}

body.page-home[data-active-panel="home"] .home-fast-launch-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--shell-accent) 70%, white 30%) !important;
  outline-offset: 6px !important;
}

body.page-home .floating-discord-btn {
  position: fixed !important;
  right: max(18px, calc(env(safe-area-inset-right, 0px) + 18px)) !important;
  bottom: max(18px, calc(env(safe-area-inset-bottom, 0px) + 18px)) !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 18px !important;
  border: 1px solid color-mix(in srgb, var(--shell-border) 78%, transparent) !important;
  background: color-mix(in srgb, var(--shell-surface-strong) 88%, black 12%) !important;
  box-shadow: 0 18px 36px rgba(6, 8, 17, 0.28) !important;
  display: grid !important;
  place-items: center !important;
  z-index: 340 !important;
  text-decoration: none !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease !important;
}

body.page-home .floating-discord-btn:hover {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, #5865f2 45%, var(--shell-border) 55%) !important;
  background: color-mix(in srgb, var(--shell-surface-strong) 80%, #5865f2 20%) !important;
}

body.page-home .floating-discord-btn:focus-visible {
  outline: 2px solid color-mix(in srgb, #8d95ff 74%, white 26%) !important;
  outline-offset: 4px !important;
}

body.page-home .floating-discord-btn img {
  width: 26px !important;
  height: 26px !important;
  display: block !important;
}

body.page-home[data-active-panel="home"] .home-proxy-form {
  order: 3 !important;
  width: min(100%, 360px) !important;
  margin: 0 !important;
  padding: 6px !important;
  border-radius: 999px !important;
  border: 1px solid var(--shell-border) !important;
  background: color-mix(in srgb, var(--shell-surface) 90%, black 10%) !important;
  box-shadow: none !important;
}

body.page-home[data-active-panel="home"] .home-proxy-form input {
  text-align: center !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--shell-text) !important;
  font-family: "Baloo 2", "Manrope", sans-serif !important;
  font-size: 1.06rem !important;
}

body.page-home[data-active-panel="home"] .home-proxy-form input::placeholder {
  color: color-mix(in srgb, var(--shell-muted) 72%, transparent) !important;
}

body.page-home[data-active-panel="home"] .home-proxy-form button {
  width: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--shell-accent) 74%, white 26%) 0%, var(--shell-accent) 100%) !important;
  color: transparent !important;
  box-shadow: none !important;
}

body.page-home[data-active-panel="home"] .home-proxy-form button::before {
  content: ">";
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
}

body.page-home[data-active-panel="home"] .home-cta-row {
  order: 4 !important;
  width: min(100%, 360px) !important;
  justify-content: center !important;
}

body.page-home[data-active-panel="home"] .home-discord-logo {
  width: 100% !important;
  min-height: 70px !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border-radius: 18px !important;
  border: 1px solid var(--shell-border) !important;
  background: color-mix(in srgb, var(--shell-surface-strong) 86%, black 14%) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.page-home[data-active-panel="home"] .home-discord-logo img,
body.page-home[data-active-panel="home"] .home-discord-logo .home-hero-btn-copy small {
  display: none !important;
}

body.page-home[data-active-panel="home"] .home-discord-logo .home-hero-btn-copy strong {
  color: var(--shell-text) !important;
  font-family: "Baloo 2", "Manrope", sans-serif !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  text-decoration: none !important;
  text-transform: lowercase !important;
}

body.page-home[data-active-panel="home"] .home-privacy-link {
  order: 5 !important;
  color: var(--shell-accent-soft) !important;
  text-decoration: none !important;
}

body.page-home[data-active-panel="home"] .home-privacy-link:hover {
  color: var(--shell-text) !important;
}

body.page-home:not([data-active-panel="home"]) .home-center {
  display: none !important;
}

body.page-home #gamesSection,
body.page-home #appsSection,
body.page-home #settingsSection,
body.page-home #accountsSection,
body.page-home #usersSection,
body.page-home #friendsSection,
body.page-home #dmsSection,
body.page-home #chatSection,
body.page-home #creditsSection {
  width: min(1020px, 100%) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.page-home .games-shell,
body.page-home .apps-shell,
body.page-home .settings-shell .settings-panel,
body.page-home .profile-card,
body.page-home .update-card {
  border-radius: 28px !important;
  border: 1px solid var(--shell-border) !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--shell-surface-strong) 92%, black 8%) 0%, color-mix(in srgb, var(--shell-surface) 88%, black 12%) 100%) !important;
  box-shadow: var(--shell-shadow) !important;
  backdrop-filter: blur(18px) !important;
  color: var(--shell-text) !important;
}

body.page-home .games-shell,
body.page-home .apps-shell {
  padding: 28px !important;
}

body.page-home .settings-shell .settings-panel,
body.page-home .profile-card,
body.page-home .update-card {
  padding: 28px !important;
}

body.page-home .section-title,
body.page-home .settings-panel h1,
body.page-home .settings-panel h2,
body.page-home .settings-panel strong,
body.page-home .profile-card h2,
body.page-home .update-card h2,
body.page-home .app-card-name,
body.page-home .game-info h3 {
  color: var(--shell-text) !important;
}

body.page-home .settings-panel p,
body.page-home .apps-sub,
body.page-home .game-info p,
body.page-home .cloak-status,
body.page-home .profile-about,
body.page-home .update-card-subtitle,
body.page-home .update-card-time,
body.page-home .update-card-text,
body.page-home .chat-message-meta span {
  color: var(--shell-muted) !important;
}

body.page-home .update-card-version,
body.page-home .update-card-section,
body.page-home .update-card-section ul {
  color: var(--shell-text) !important;
}

body.page-home .update-card-section h3 {
  color: var(--shell-muted) !important;
}

body.page-home .cloak-preset-box,
body.page-home .custom-cloak-box,
body.page-home .recent-bar,
body.page-home .hero-tags span,
body.page-home .chat-box,
body.page-home .chat-message,
body.page-home .account-social-item,
body.page-home .account-social-empty,
body.page-home .users-card,
body.page-home .users-empty,
body.page-home .users-preview-shell,
body.page-home .dm-sidebar,
body.page-home .dm-thread,
body.page-home .profile-section {
  background: color-mix(in srgb, var(--shell-surface-soft) 88%, black 12%) !important;
  border-color: var(--shell-border) !important;
}

body.page-home .home-proxy-form input,
body.page-home .games-shell-head input,
body.page-home .proxy-toolbar-input,
body.page-home .top-actions input,
body.page-home .cloak-select,
body.page-home .custom-cloak-box input,
body.page-home .chat-form input,
body.page-home .chat-admin-panel input,
body.page-home .chat-admin-panel textarea,
body.page-home .theme-color-input,
body.page-home .users-search-input,
body.page-home .account-manage-card input,
body.page-home .account-manage-card textarea {
  background: color-mix(in srgb, var(--shell-surface-strong) 90%, black 10%) !important;
  border-color: var(--shell-border) !important;
  color: var(--shell-text) !important;
}

body.page-home .home-proxy-form input::placeholder,
body.page-home .games-shell-head input::placeholder,
body.page-home .proxy-toolbar-input::placeholder,
body.page-home .top-actions input::placeholder,
body.page-home .custom-cloak-box input::placeholder,
body.page-home .chat-form input::placeholder,
body.page-home .chat-admin-panel input::placeholder,
body.page-home .chat-admin-panel textarea::placeholder,
body.page-home .users-search-input::placeholder,
body.page-home .account-manage-card input::placeholder,
body.page-home .account-manage-card textarea::placeholder {
  color: color-mix(in srgb, var(--shell-muted) 70%, transparent) !important;
}

body.page-home .home-proxy-form input:focus,
body.page-home .games-shell-head input:focus,
body.page-home .proxy-toolbar-input:focus,
body.page-home .top-actions input:focus,
body.page-home .cloak-select:focus,
body.page-home .custom-cloak-box input:focus,
body.page-home .chat-form input:focus,
body.page-home .chat-admin-panel input:focus,
body.page-home .chat-admin-panel textarea:focus,
body.page-home .users-search-input:focus,
body.page-home .account-manage-card input:focus,
body.page-home .account-manage-card textarea:focus {
  border-color: color-mix(in srgb, var(--shell-accent) 44%, var(--shell-border) 56%) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--shell-accent) 22%, transparent) !important;
}

body.page-home .cloak-btn,
body.page-home .settings-link,
body.page-home .recent-clear,
body.page-home .recent-pill,
body.page-home .chat-message-action,
body.page-home .proxy-search-btn,
body.page-home .proxy-search-go,
body.page-home .back-btn,
body.page-home .fullscreen-btn {
  background: color-mix(in srgb, var(--shell-surface-strong) 90%, black 10%) !important;
  border-color: var(--shell-border) !important;
  color: var(--shell-text) !important;
}

body.page-home .cloak-btn-primary,
body.page-home .proxy-search-go {
  background: linear-gradient(135deg, color-mix(in srgb, var(--shell-accent) 74%, white 26%) 0%, var(--shell-accent) 100%) !important;
  border-color: color-mix(in srgb, var(--shell-accent) 48%, var(--shell-border) 52%) !important;
  color: #ffffff !important;
}

body.page-home .cloak-btn:hover,
body.page-home .settings-link:hover,
body.page-home .recent-clear:hover,
body.page-home .recent-pill:hover,
body.page-home .chat-message-action:hover,
body.page-home .proxy-search-btn:hover,
body.page-home .proxy-search-go:hover,
body.page-home .back-btn:hover,
body.page-home .fullscreen-btn:hover {
  border-color: color-mix(in srgb, var(--shell-accent) 44%, var(--shell-border) 56%) !important;
}

body.page-home .side-nav,
body.page-home[data-active-panel="home"] .side-nav,
body.page-home:not([data-active-panel="home"]) .side-nav {
  position: fixed !important;
  inset: auto auto 18px 50% !important;
  top: auto !important;
  right: auto !important;
  bottom: 18px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 170 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 24px) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-radius: 24px !important;
  border: 1px solid var(--shell-border) !important;
  background: var(--shell-surface) !important;
  box-shadow: var(--shell-shadow) !important;
  backdrop-filter: blur(18px) !important;
  overflow: visible !important;
}

body.page-home .side-nav-head,
body.page-home .side-nav-scroll {
  display: flex !important;
  width: auto !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.page-home .side-nav-scroll {
  flex: 0 0 auto !important;
  min-height: auto !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  padding-right: 0 !important;
}

body.page-home .side-nav-head,
body.page-home .side-group,
body.page-home .side-nav-scroll {
  overflow: visible !important;
}

body.page-home .side-nav-footer,
body.page-home .dock-toggle-label,
body.page-home .side-group-caret,
body.page-home .side-workspace-copy,
body.page-home .side-workspace-caret,
body.page-home .side-btn.side-btn-discord .side-btn-copy {
  display: none !important;
}

body.page-home .side-nav-head,
body.page-home .side-group {
  position: relative !important;
}

body.page-home .side-group.is-open,
body.page-home .side-nav-head:has(.workspace-account-menu:not([hidden])) {
  z-index: 200 !important;
}

body.page-home .side-workspace-btn,
body.page-home .side-group-toggle,
body.page-home .side-btn.side-btn-discord {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  color: var(--shell-text) !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: none !important;
}

body.page-home .side-workspace-btn:hover,
body.page-home .side-group-toggle:hover,
body.page-home .side-btn.side-btn-discord:hover,
body.page-home .side-group.is-open .side-group-toggle {
  background: color-mix(in srgb, var(--shell-accent) 14%, transparent) !important;
}

body.page-home .side-workspace-badge {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--shell-accent) !important;
  font-family: "Baloo 2", "Manrope", sans-serif !important;
  font-size: 1.7rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.page-home .dock-toggle-icon {
  width: 26px !important;
  height: 26px !important;
  display: grid !important;
  place-items: center !important;
}

body.page-home .dock-toggle-icon svg,
body.page-home .workspace-action-icon svg,
body.page-home .side-btn svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}

body.page-home .side-btn.side-btn-discord .side-btn-icon {
  width: 24px !important;
  height: 24px !important;
  background: transparent !important;
}

body.page-home .side-btn.side-btn-discord img {
  width: 24px !important;
  height: 24px !important;
}

body.page-home .side-group-panel[hidden],
body.page-home .workspace-account-menu[hidden],
body.page-home .side-overview-menu[hidden],
body.page-home .side-group-panel .side-btn[hidden],
body.page-home .home-cta-row > [hidden] {
  display: none !important;
}

body.page-home .workspace-account-menu:not([hidden]),
body.page-home .side-overview-menu:not([hidden]) {
  display: grid !important;
}

body.page-home .side-group-panel,
body.page-home .workspace-account-menu,
body.page-home .side-overview-menu {
  position: absolute !important;
  top: auto !important;
  left: 50% !important;
  bottom: calc(100% + 14px) !important;
  width: min(320px, calc(100vw - 24px)) !important;
  padding: 10px !important;
  display: grid !important;
  gap: 8px !important;
  border-radius: 22px !important;
  border: 1px solid var(--shell-border) !important;
  background: var(--shell-surface-strong) !important;
  box-shadow: var(--shell-shadow) !important;
  backdrop-filter: blur(18px) !important;
  z-index: 260 !important;
}

body.page-home .workspace-account-menu,
body.page-home .side-overview-menu {
  transform: translateX(-50%) !important;
}

body.page-home .side-group:not(.is-open) .side-group-panel {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateX(-50%) translateY(8px) !important;
}

body.page-home .side-group.is-open .side-group-panel {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}

body.page-home .apps-grid {
  grid-template-columns: repeat(auto-fill, minmax(136px, 1fr)) !important;
  gap: 14px !important;
}

body.page-home .app-card {
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  padding: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 24px !important;
  overflow: hidden !important;
}

body.page-home .app-card-cover {
  width: 72% !important;
  height: 72% !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 18px !important;
}

body.page-home .app-card-body,
body.page-home .app-card-name,
body.page-home .app-card-meta {
  display: none !important;
}

body.page-home::before,
body.page-home::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

body.page-home .profile-modal,
body.page-home .update-modal {
  position: fixed !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: 20px 26px 20px 20px !important;
  z-index: 420 !important;
}

body.page-home .profile-modal[hidden],
body.page-home .update-modal[hidden] {
  display: none !important;
}

body.page-home .profile-modal.is-open,
body.page-home .update-modal.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.page-home .side-group-panel .side-btn,
body.page-home .workspace-account-menu .side-overview-action {
  width: 100% !important;
  min-height: 56px !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  border-radius: 18px !important;
  border: 1px solid transparent !important;
  background: var(--shell-surface-soft) !important;
  color: var(--shell-text) !important;
  text-align: left !important;
}

body.page-home .side-group-panel .side-btn:hover,
body.page-home .side-group-panel .side-btn.active,
body.page-home .workspace-account-menu .side-overview-action:hover {
  border-color: color-mix(in srgb, var(--shell-accent) 40%, var(--shell-border) 60%) !important;
  background: color-mix(in srgb, var(--shell-accent) 14%, var(--shell-surface-soft) 86%) !important;
}

body.page-home .side-group-panel .side-btn-icon {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 auto !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--shell-accent) 12%, transparent) !important;
}

body.page-home .side-group-panel .side-btn-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

body.page-home .side-group-panel .side-btn-copy strong {
  color: var(--shell-text) !important;
}

body.page-home .side-group-panel .side-btn-copy small {
  color: var(--shell-muted) !important;
}

body.page-home .side-group-panel .side-btn-badge {
  margin-left: auto !important;
}

body.page-home .workspace-topbar,
body.page-home[data-active-panel="home"] .workspace-topbar,
body.page-home:not([data-active-panel="home"]) .workspace-topbar {
  position: fixed !important;
  inset: 18px auto auto 50% !important;
  top: 18px !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 105 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 24px) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  border: 1px solid var(--shell-border) !important;
  background: var(--shell-surface) !important;
  box-shadow: var(--shell-pill-shadow) !important;
  backdrop-filter: blur(18px) !important;
}

body.page-home .workspace-context,
body.page-home[data-active-panel="home"] .workspace-context,
body.page-home:not([data-active-panel="home"]) .workspace-context,
body.page-home .workspace-action-chip,
body.page-home[data-active-panel="home"] .workspace-action-chip,
body.page-home:not([data-active-panel="home"]) .workspace-action-chip {
  display: none !important;
}

body.page-home .workspace-top-actions,
body.page-home[data-active-panel="home"] .workspace-top-actions,
body.page-home:not([data-active-panel="home"]) .workspace-top-actions {
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

body.page-home .workspace-live-pill {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--shell-text) !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 860px) {
  body.page-home .home-shell {
    width: calc(100% - 24px) !important;
    padding-top: 94px !important;
    padding-bottom: 118px !important;
  }
}

@media (max-width: 680px) {
  body.page-home .side-nav {
    gap: 6px !important;
    padding: 9px 10px !important;
  }

  body.page-home .side-nav-scroll {
    gap: 4px !important;
  }

  body.page-home .side-workspace-btn,
  body.page-home .side-group-toggle,
  body.page-home .side-btn.side-btn-discord {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  body.page-home .side-group-panel,
  body.page-home .workspace-account-menu {
    width: min(304px, calc(100vw - 24px)) !important;
  }

  body.page-home[data-active-panel="home"] .home-brand {
    font-size: clamp(2.7rem, 13vw, 3.4rem) !important;
  }

  body.page-home[data-active-panel="home"] .home-fast-launch-btn {
    width: auto !important;
    height: auto !important;
  }

  body.page-home[data-active-panel="home"] .home-fast-launch-btn img {
    width: 48px !important;
    height: 48px !important;
  }

  body.page-home[data-active-panel="home"] .home-proxy-form,
  body.page-home[data-active-panel="home"] .home-cta-row {
    width: min(100%, 304px) !important;
  }

  body.page-home .floating-discord-btn {
    right: max(14px, calc(env(safe-area-inset-right, 0px) + 14px)) !important;
    bottom: max(14px, calc(env(safe-area-inset-bottom, 0px) + 14px)) !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
  }

  body.page-home .floating-discord-btn img {
    width: 24px !important;
    height: 24px !important;
  }
}

/* Theme-aware orbital refresh for the homepage and every workspace panel */
body.page-home {
  --shell-shadow: var(--theme-shell-shadow, 0 26px 68px rgba(3, 8, 20, 0.28)) !important;
  --shell-pill-shadow: 0 18px 40px rgba(3, 8, 20, 0.18) !important;
  --shell-glow: color-mix(in srgb, var(--shell-accent) 24%, transparent) !important;
  --shell-glow-soft: color-mix(in srgb, var(--shell-accent-soft) 16%, transparent) !important;
  background:
    radial-gradient(circle at 14% 12%, color-mix(in srgb, var(--shell-accent) 16%, transparent) 0%, transparent 24%),
    radial-gradient(circle at 84% 8%, color-mix(in srgb, var(--shell-accent-soft) 14%, transparent) 0%, transparent 20%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--bg, #08090c) 82%, black 18%) 0%,
      color-mix(in srgb, var(--bg, #08090c) 90%, black 10%) 54%,
      color-mix(in srgb, var(--surface, #111317) 76%, var(--bg, #08090c) 24%) 100%
    ) !important;
}

body.page-home::before {
  display: block !important;
  content: "" !important;
  z-index: 0 !important;
  opacity: 0.95 !important;
  background:
    radial-gradient(circle at 16% 14%, color-mix(in srgb, var(--shell-accent-soft) 14%, transparent) 0%, transparent 24%),
    radial-gradient(circle at 84% 10%, color-mix(in srgb, var(--shell-accent) 16%, transparent) 0%, transparent 20%),
    radial-gradient(circle at 50% 118%, color-mix(in srgb, var(--shell-accent) 16%, transparent) 0%, transparent 30%) !important;
}

body.page-home::after {
  display: block !important;
  content: "" !important;
  z-index: 0 !important;
  opacity: 0.72 !important;
  background-image:
    radial-gradient(circle at 18px 20px, color-mix(in srgb, var(--shell-accent-soft) 22%, white 78%) 0 1.5px, transparent 3px),
    radial-gradient(circle at 96px 126px, color-mix(in srgb, var(--shell-accent) 18%, white 82%) 0 1.35px, transparent 2.7px),
    radial-gradient(circle at 174px 64px, rgba(255, 255, 255, 0.82) 0 1.15px, transparent 2.4px),
    radial-gradient(circle at 212px 198px, color-mix(in srgb, var(--shell-accent) 12%, white 88%) 0 1.55px, transparent 3px) !important;
  background-size: 240px 240px, 320px 320px, 420px 420px, 520px 520px !important;
}

body.page-home[data-active-panel="home"] {
  --shell-accent: color-mix(in srgb, var(--brand, #7d8cff) 76%, white 24%) !important;
  --shell-accent-soft: color-mix(in srgb, var(--brand, #7d8cff) 48%, white 52%) !important;
  background:
    radial-gradient(circle at 50% 118%, color-mix(in srgb, var(--shell-accent) 18%, transparent) 0%, transparent 34%),
    radial-gradient(circle at 16% 10%, color-mix(in srgb, var(--shell-accent-soft) 10%, transparent) 0%, transparent 18%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--bg, #08090c) 80%, black 20%) 0%,
      color-mix(in srgb, var(--bg, #08090c) 88%, black 12%) 54%,
      color-mix(in srgb, var(--surface, #111317) 78%, var(--bg, #08090c) 22%) 100%
    ) !important;
}

body.page-home[data-active-panel="home"]::before {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 50% 115%, color-mix(in srgb, var(--shell-accent) 16%, transparent) 0%, transparent 28%),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.03) 0%, transparent 42%),
    linear-gradient(180deg, rgba(5, 7, 9, 0.04) 0%, rgba(5, 7, 9, 0.28) 100%) !important;
}

body.page-home[data-active-panel="home"]::after {
  opacity: 0.82 !important;
}

body.page-home[data-active-panel="home"] .home-shell {
  width: min(1280px, calc(100% - 36px)) !important;
  padding-top: 108px !important;
}

body.page-home[data-active-panel="home"] .home-hero-copy {
  width: min(680px, 100%) !important;
  gap: 14px !important;
}

body.page-home[data-active-panel="home"] .home-brand {
  margin: 0 0 6px !important;
  color: var(--shell-text) !important;
  font-size: clamp(3.5rem, 7vw, 5.4rem) !important;
  letter-spacing: -0.055em !important;
  text-shadow:
    0 0 18px rgba(255, 255, 255, 0.06),
    0 12px 36px color-mix(in srgb, var(--shell-accent) 22%, transparent) !important;
}

body.page-home[data-active-panel="home"] .home-sub {
  display: block !important;
  order: 2 !important;
  margin: -6px 0 6px !important;
  color: color-mix(in srgb, var(--shell-text) 74%, var(--shell-muted) 26%) !important;
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(1rem, 1.8vw, 1.2rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  opacity: 0.88 !important;
}

body.page-home[data-active-panel="home"] #homeFastLaunch {
  order: 3 !important;
  gap: 14px !important;
  margin: 4px 0 10px !important;
}

body.page-home[data-active-panel="home"] .home-fast-launch-btn {
  transform-origin: center bottom !important;
}

body.page-home[data-active-panel="home"] .home-fast-launch-btn img {
  width: 60px !important;
  height: 60px !important;
  border-radius: 17px !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--shell-accent) 20%, transparent),
    0 10px 22px rgba(0, 0, 0, 0.26) !important;
}

body.page-home[data-active-panel="home"] .home-fast-launch-btn:hover img {
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--shell-accent) 34%, transparent),
    0 14px 26px rgba(0, 0, 0, 0.32),
    0 0 18px color-mix(in srgb, var(--shell-accent) 18%, transparent) !important;
}

body.page-home[data-active-panel="home"] .home-proxy-form {
  order: 4 !important;
  position: relative !important;
  width: min(100%, 640px) !important;
  padding: 8px 10px 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--shell-accent) 54%, var(--shell-border) 46%) !important;
  background: color-mix(in srgb, var(--shell-surface-strong) 86%, black 14%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 36px rgba(0, 0, 0, 0.22) !important;
  overflow: hidden !important;
}

body.page-home[data-active-panel="home"] .home-proxy-form::before {
  content: none !important;
  display: none !important;
}

body.page-home[data-active-panel="home"] .home-proxy-form input {
  text-align: center !important;
  padding: 0 18px !important;
  color: color-mix(in srgb, var(--shell-text) 96%, white 4%) !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 1.04rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

body.page-home[data-active-panel="home"] .home-proxy-form input::placeholder {
  color: color-mix(in srgb, var(--shell-muted) 68%, transparent) !important;
}

body.page-home[data-active-panel="home"] .home-proxy-form button {
  width: 52px !important;
  min-width: 52px !important;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--shell-accent-soft) 82%, white 18%) 0%,
      color-mix(in srgb, var(--shell-accent) 86%, black 14%) 100%
    ) !important;
  border: 1px solid color-mix(in srgb, var(--shell-accent) 42%, var(--shell-border) 58%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

body.page-home[data-active-panel="home"] .home-proxy-form button::before {
  content: "›" !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

body.page-home[data-active-panel="home"] .home-proxy-hint {
  display: block !important;
  order: 5 !important;
  margin: 2px 0 0 !important;
  color: color-mix(in srgb, var(--shell-text) 72%, var(--shell-muted) 28%) !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 0.96rem !important;
  font-weight: 700 !important;
}

body.page-home[data-active-panel="home"] .workspace-topbar {
  padding: 11px 20px !important;
  border-color: color-mix(in srgb, var(--shell-accent) 32%, var(--shell-border) 68%) !important;
  background: color-mix(in srgb, var(--shell-surface) 80%, black 20%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 10px 24px rgba(0, 0, 0, 0.16) !important;
}

body.page-home[data-active-panel="home"] .workspace-live-pill {
  color: color-mix(in srgb, var(--shell-text) 94%, white 6%) !important;
  font-size: 0.96rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

body.page-home:not([data-active-panel="home"]) {
  --shell-accent: color-mix(in srgb, var(--brand, #7d8cff) 74%, white 26%) !important;
  --shell-accent-soft: color-mix(in srgb, var(--brand, #7d8cff) 44%, white 56%) !important;
}

body.page-home:not([data-active-panel="home"]) .home-shell {
  width: min(1240px, calc(100% - 34px)) !important;
  padding-top: 126px !important;
  padding-bottom: 138px !important;
  justify-content: flex-start !important;
  gap: 22px !important;
}

body.page-home:not([data-active-panel="home"]) #gamesSection,
body.page-home:not([data-active-panel="home"]) #appsSection,
body.page-home:not([data-active-panel="home"]) #settingsSection,
body.page-home:not([data-active-panel="home"]) #accountsSection,
body.page-home:not([data-active-panel="home"]) #usersSection,
body.page-home:not([data-active-panel="home"]) #friendsSection,
body.page-home:not([data-active-panel="home"]) #dmsSection,
body.page-home:not([data-active-panel="home"]) #chatSection,
body.page-home:not([data-active-panel="home"]) #creditsSection {
  width: min(1180px, 100%) !important;
}

body.page-home:not([data-active-panel="home"]) .workspace-topbar {
  width: min(1180px, calc(100% - 28px)) !important;
  padding: 14px 20px !important;
  border-radius: 30px !important;
  border-color: color-mix(in srgb, var(--shell-accent) 28%, var(--shell-border) 72%) !important;
  background: color-mix(in srgb, var(--shell-surface) 82%, black 18%) !important;
  box-shadow: var(--shell-pill-shadow) !important;
}

body.page-home:not([data-active-panel="home"]) .workspace-context {
  display: grid !important;
  gap: 4px !important;
}

body.page-home:not([data-active-panel="home"]) .workspace-context-eyebrow {
  margin: 0 !important;
  color: color-mix(in srgb, var(--shell-accent-soft) 72%, var(--shell-muted) 28%) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

body.page-home:not([data-active-panel="home"]) #workspacePanelTitle {
  margin: 0 !important;
  color: var(--shell-text) !important;
  font-size: clamp(1.35rem, 2.6vw, 1.9rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
}

body.page-home:not([data-active-panel="home"]) #workspacePanelMeta {
  margin: 0 !important;
  max-width: 56ch !important;
  color: color-mix(in srgb, var(--shell-text) 70%, var(--shell-muted) 30%) !important;
  font-size: 0.94rem !important;
  line-height: 1.45 !important;
}

body.page-home:not([data-active-panel="home"]) .workspace-top-actions {
  gap: 10px !important;
}

body.page-home:not([data-active-panel="home"]) .workspace-action-chip {
  display: grid !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 16px !important;
  border: 1px solid color-mix(in srgb, var(--shell-accent) 22%, var(--shell-border) 78%) !important;
  background: color-mix(in srgb, var(--shell-surface-strong) 88%, black 12%) !important;
  color: var(--shell-text) !important;
}

body.page-home:not([data-active-panel="home"]) .workspace-action-chip:hover {
  border-color: color-mix(in srgb, var(--shell-accent) 42%, var(--shell-border) 58%) !important;
  background: color-mix(in srgb, var(--shell-accent) 14%, var(--shell-surface-strong) 86%) !important;
}

body.page-home:not([data-active-panel="home"]) .workspace-live-pill {
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--shell-accent) 24%, var(--shell-border) 76%) !important;
  background: color-mix(in srgb, var(--shell-surface-strong) 88%, black 12%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.page-home:not([data-active-panel="home"]) .games-shell,
body.page-home:not([data-active-panel="home"]) .apps-shell,
body.page-home:not([data-active-panel="home"]) .settings-shell .settings-panel {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 34px !important;
  border-color: color-mix(in srgb, var(--shell-accent) 24%, var(--shell-border) 76%) !important;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--shell-surface-strong) 90%, black 10%) 0%,
      color-mix(in srgb, var(--shell-surface) 86%, black 14%) 100%
    ) !important;
  box-shadow:
    var(--shell-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body.page-home:not([data-active-panel="home"]) .games-shell::before,
body.page-home:not([data-active-panel="home"]) .apps-shell::before,
body.page-home:not([data-active-panel="home"]) .settings-shell .settings-panel::before,
body.page-home .profile-card::before,
body.page-home .update-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: 150px !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--shell-accent-soft) 18%, transparent) 0%, transparent 42%),
    linear-gradient(180deg, color-mix(in srgb, var(--shell-accent) 10%, transparent) 0%, transparent 100%) !important;
  opacity: 0.95 !important;
}

body.page-home:not([data-active-panel="home"]) .games-shell > *,
body.page-home:not([data-active-panel="home"]) .apps-shell > *,
body.page-home:not([data-active-panel="home"]) .settings-shell .settings-panel > *,
body.page-home .profile-card > :not(.profile-close-btn),
body.page-home .update-card > * {
  position: relative !important;
  z-index: 1 !important;
}

body.page-home:not([data-active-panel="home"]) .section-title,
body.page-home:not([data-active-panel="home"]) .settings-panel > h1:first-child {
  margin: 0 !important;
  color: var(--shell-text) !important;
  font-size: clamp(2rem, 3vw, 2.65rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.05em !important;
}

body.page-home:not([data-active-panel="home"]) .apps-sub,
body.page-home:not([data-active-panel="home"]) .settings-panel > h1:first-child + p {
  margin: 10px 0 24px !important;
  max-width: 72ch !important;
  color: color-mix(in srgb, var(--shell-text) 68%, var(--shell-muted) 32%) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

body.page-home:not([data-active-panel="home"]) .settings-panel > h1:not(:first-child) {
  position: relative !important;
  margin-top: 30px !important;
  padding-top: 24px !important;
}

body.page-home:not([data-active-panel="home"]) .settings-panel > h1:not(:first-child)::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 92px !important;
  height: 1px !important;
  background: color-mix(in srgb, var(--shell-accent) 32%, var(--shell-border) 68%) !important;
}

body.page-home:not([data-active-panel="home"]) .users-toolbar,
body.page-home:not([data-active-panel="home"]) .account-social-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-bottom: 18px !important;
}

body.page-home:not([data-active-panel="home"]) .users-toolbar .users-search-input {
  flex: 1 1 320px !important;
  min-width: min(320px, 100%) !important;
}

body.page-home:not([data-active-panel="home"]) .users-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 16px !important;
}

body.page-home:not([data-active-panel="home"]) .account-social-grid,
body.page-home:not([data-active-panel="home"]) .dm-shell,
body.page-home:not([data-active-panel="home"]) .profile-sections,
body.page-home:not([data-active-panel="home"]) .theme-color-grid {
  gap: 16px !important;
}

body.page-home:not([data-active-panel="home"]) .custom-actions,
body.page-home:not([data-active-panel="home"]) .profile-actions {
  gap: 10px !important;
}

body.page-home:not([data-active-panel="home"]) .cloak-preset-box,
body.page-home:not([data-active-panel="home"]) .custom-cloak-box,
body.page-home:not([data-active-panel="home"]) .account-auth-card,
body.page-home:not([data-active-panel="home"]) .account-manage-card,
body.page-home:not([data-active-panel="home"]) .chat-admin-panel,
body.page-home:not([data-active-panel="home"]) .chat-admin-result,
body.page-home:not([data-active-panel="home"]) .chat-admin-result-meta,
body.page-home:not([data-active-panel="home"]) .account-social-box,
body.page-home:not([data-active-panel="home"]) .account-social-column,
body.page-home:not([data-active-panel="home"]) .users-toolbar,
body.page-home:not([data-active-panel="home"]) .chat-box,
body.page-home:not([data-active-panel="home"]) .dm-sidebar,
body.page-home:not([data-active-panel="home"]) .dm-thread,
body.page-home:not([data-active-panel="home"]) .dm-thread-head,
body.page-home:not([data-active-panel="home"]) .chat-status-row,
body.page-home:not([data-active-panel="home"]) #accountIdentity,
body.page-home:not([data-active-panel="home"]) .account-banner-preview,
body.page-home:not([data-active-panel="home"]) .profile-section,
body.page-home:not([data-active-panel="home"]) .update-card-body {
  border-radius: 24px !important;
  border: 1px solid color-mix(in srgb, var(--shell-accent) 18%, var(--shell-border) 82%) !important;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--shell-surface-soft) 88%, black 12%) 0%,
      color-mix(in srgb, var(--shell-surface) 84%, black 16%) 100%
    ) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.page-home:not([data-active-panel="home"]) .users-card,
body.page-home:not([data-active-panel="home"]) .account-social-item,
body.page-home:not([data-active-panel="home"]) .dm-conversation-item,
body.page-home:not([data-active-panel="home"]) .dm-message-bubble,
body.page-home:not([data-active-panel="home"]) .chat-message,
body.page-home:not([data-active-panel="home"]) .app-card,
body.page-home:not([data-active-panel="home"]) .recent-pill {
  border-radius: 24px !important;
  border: 1px solid color-mix(in srgb, var(--shell-accent) 14%, var(--shell-border) 86%) !important;
  background: color-mix(in srgb, var(--shell-surface-soft) 86%, black 14%) !important;
  box-shadow: none !important;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease !important;
}

body.page-home:not([data-active-panel="home"]) .users-card:hover,
body.page-home:not([data-active-panel="home"]) .account-social-item:hover,
body.page-home:not([data-active-panel="home"]) .dm-conversation-item:hover,
body.page-home:not([data-active-panel="home"]) .chat-message:hover,
body.page-home:not([data-active-panel="home"]) .app-card:hover,
body.page-home:not([data-active-panel="home"]) .recent-pill:hover {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, var(--shell-accent) 42%, var(--shell-border) 58%) !important;
  background: color-mix(in srgb, var(--shell-accent) 10%, var(--shell-surface-soft) 90%) !important;
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.16) !important;
}

body.page-home:not([data-active-panel="home"]) .account-social-column {
  padding: 18px !important;
  min-height: 260px !important;
}

body.page-home:not([data-active-panel="home"]) .account-social-column h2,
body.page-home:not([data-active-panel="home"]) .profile-section h3,
body.page-home:not([data-active-panel="home"]) .update-card-section h3 {
  color: color-mix(in srgb, var(--shell-muted) 76%, var(--shell-accent-soft) 24%) !important;
  letter-spacing: 0.12em !important;
}

body.page-home:not([data-active-panel="home"]) .account-social-list,
body.page-home:not([data-active-panel="home"]) .dm-conversation-list,
body.page-home:not([data-active-panel="home"]) .dm-thread-messages,
body.page-home:not([data-active-panel="home"]) .chat-messages {
  display: grid !important;
  gap: 12px !important;
}

body.page-home:not([data-active-panel="home"]) .dm-thread-messages,
body.page-home:not([data-active-panel="home"]) .chat-messages {
  max-height: min(54vh, 560px) !important;
  padding-right: 4px !important;
}

body.page-home:not([data-active-panel="home"]) .chat-box {
  padding: 18px !important;
}

body.page-home:not([data-active-panel="home"]) .chat-form {
  padding: 10px !important;
  border-radius: 22px !important;
  border-color: color-mix(in srgb, var(--shell-accent) 18%, var(--shell-border) 82%) !important;
  background: color-mix(in srgb, var(--shell-surface-strong) 90%, black 10%) !important;
}

body.page-home:not([data-active-panel="home"]) .chat-form input {
  background: transparent !important;
}

body.page-home:not([data-active-panel="home"]) .users-card-id,
body.page-home:not([data-active-panel="home"]) .users-chip,
body.page-home:not([data-active-panel="home"]) .users-presence,
body.page-home:not([data-active-panel="home"]) .dm-unread-count {
  border-color: color-mix(in srgb, var(--shell-accent) 18%, var(--shell-border) 82%) !important;
}

body.page-home:not([data-active-panel="home"]) .users-chip {
  background: color-mix(in srgb, var(--shell-accent) 10%, var(--shell-surface-soft) 90%) !important;
  color: var(--shell-text) !important;
}

body.page-home:not([data-active-panel="home"]) .users-presence.is-online {
  background: rgba(155, 232, 184, 0.12) !important;
  border-color: rgba(155, 232, 184, 0.24) !important;
  color: #bff5d0 !important;
}

body.page-home:not([data-active-panel="home"]) .account-avatar-row img,
body.page-home:not([data-active-panel="home"]) .users-card-avatar,
body.page-home:not([data-active-panel="home"]) .users-preview-avatar,
body.page-home:not([data-active-panel="home"]) .account-social-avatar,
body.page-home:not([data-active-panel="home"]) .chat-message-avatar,
body.page-home:not([data-active-panel="home"]) .dm-conversation-avatar,
body.page-home:not([data-active-panel="home"]) .dm-message-avatar,
body.page-home:not([data-active-panel="home"]) .profile-avatar {
  border-color: color-mix(in srgb, var(--shell-accent) 22%, var(--shell-border) 78%) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24) !important;
}

body.page-home .profile-card,
body.page-home .update-card {
  border-color: color-mix(in srgb, var(--shell-accent) 22%, var(--shell-border) 78%) !important;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--shell-surface-strong) 92%, black 8%) 0%,
      color-mix(in srgb, var(--shell-surface) 88%, black 12%) 100%
    ) !important;
  box-shadow: var(--shell-shadow) !important;
}

body.page-home .profile-close-btn {
  z-index: 2 !important;
}

body.page-home .profile-modal-backdrop,
body.page-home .update-modal-backdrop {
  background: rgba(0, 0, 0, 0.62) !important;
  backdrop-filter: blur(12px) !important;
}

body.page-home .game-page {
  border-radius: 30px !important;
  border-color: color-mix(in srgb, var(--shell-accent) 18%, var(--shell-border) 82%) !important;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--shell-surface-strong) 92%, black 8%) 0%,
      color-mix(in srgb, var(--shell-surface) 88%, black 12%) 100%
    ) !important;
  box-shadow: var(--shell-shadow) !important;
}

body.page-home .game-topbar {
  border-color: color-mix(in srgb, var(--shell-accent) 18%, var(--shell-border) 82%) !important;
  background: color-mix(in srgb, var(--shell-surface) 86%, black 14%) !important;
}

body.page-home .proxy-search-container {
  max-width: 1140px !important;
}

body.page-home .proxy-search-btn,
body.page-home .proxy-search-input,
body.page-home .proxy-search-go {
  border-radius: 16px !important;
}

body.page-home .proxy-search-btn,
body.page-home .proxy-search-input {
  border-color: color-mix(in srgb, var(--shell-accent) 18%, var(--shell-border) 82%) !important;
  background: color-mix(in srgb, var(--shell-surface-strong) 92%, black 8%) !important;
}

body.page-home .proxy-search-go {
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--shell-accent-soft) 74%, white 26%) 0%,
      color-mix(in srgb, var(--shell-accent) 86%, black 14%) 100%
    ) !important;
  border: 1px solid color-mix(in srgb, var(--shell-accent) 28%, var(--shell-border) 72%) !important;
}

body.page-home .proxy-loading-overlay {
  background: color-mix(in srgb, var(--bg, #08090c) 74%, transparent) !important;
  backdrop-filter: blur(12px) !important;
}

body.page-home .proxy-loading-card {
  border-color: color-mix(in srgb, var(--shell-accent) 18%, var(--shell-border) 82%) !important;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--shell-surface-strong) 96%, black 4%) 0%,
      color-mix(in srgb, var(--shell-surface) 90%, black 10%) 100%
    ) !important;
  box-shadow: var(--shell-shadow) !important;
}

@media (min-width: 961px) {
  body.page-home[data-active-panel="home"] .side-nav {
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 18px !important;
    transform: translateY(-50%) !important;
    width: 70px !important;
    max-width: none !important;
    padding: 14px 10px !important;
    flex-direction: column !important;
    border-radius: 28px !important;
    border-color: color-mix(in srgb, var(--shell-accent) 34%, var(--shell-border) 66%) !important;
    background: color-mix(in srgb, var(--shell-surface) 82%, black 18%) !important;
    box-shadow:
      0 14px 34px rgba(0, 0, 0, 0.22),
      inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;
  }

  body.page-home[data-active-panel="home"] .side-nav-head,
  body.page-home[data-active-panel="home"] .side-nav-scroll {
    flex-direction: column !important;
  }

  body.page-home[data-active-panel="home"] .side-nav-head,
  body.page-home[data-active-panel="home"] .side-nav-scroll {
    gap: 10px !important;
  }

  body.page-home[data-active-panel="home"] .side-group-panel,
  body.page-home[data-active-panel="home"] .workspace-account-menu,
  body.page-home[data-active-panel="home"] .side-overview-menu {
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: calc(100% + 16px) !important;
    transform: translateY(-50%) !important;
    width: min(320px, calc(100vw - 124px)) !important;
    border-color: color-mix(in srgb, var(--shell-accent) 24%, var(--shell-border) 76%) !important;
    background: color-mix(in srgb, var(--shell-surface-strong) 94%, black 6%) !important;
  }

  body.page-home[data-active-panel="home"] .side-group:not(.is-open) .side-group-panel {
    transform: translateY(-50%) translateX(-8px) !important;
  }

  body.page-home[data-active-panel="home"] .side-group.is-open .side-group-panel {
    transform: translateY(-50%) translateX(0) !important;
  }
}

@media (max-width: 980px) {
  body.page-home:not([data-active-panel="home"]) .home-shell {
    width: calc(100% - 22px) !important;
    padding-top: 108px !important;
    padding-bottom: 126px !important;
  }

  body.page-home:not([data-active-panel="home"]) .workspace-topbar {
    width: calc(100% - 22px) !important;
    padding: 14px 16px !important;
  }

  body.page-home:not([data-active-panel="home"]) .workspace-top-actions {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }

  body.page-home:not([data-active-panel="home"]) .games-shell,
  body.page-home:not([data-active-panel="home"]) .apps-shell,
  body.page-home:not([data-active-panel="home"]) .settings-shell .settings-panel {
    padding: 24px !important;
    border-radius: 28px !important;
  }
}

@media (max-width: 960px) {
  body.page-home[data-active-panel="home"] .home-shell {
    width: calc(100% - 24px) !important;
    padding-top: 96px !important;
  }

  body.page-home[data-active-panel="home"] .home-brand {
    font-size: clamp(3.1rem, 12vw, 4rem) !important;
  }

  body.page-home[data-active-panel="home"] .home-fast-launch-btn img {
    width: 56px !important;
    height: 56px !important;
  }

  body.page-home[data-active-panel="home"] .home-proxy-form {
    width: min(100%, 360px) !important;
    padding-left: 10px !important;
  }

  body.page-home[data-active-panel="home"] .home-proxy-hint {
    width: min(100%, 340px) !important;
  }

  body.page-home:not([data-active-panel="home"]) .account-social-grid,
  body.page-home:not([data-active-panel="home"]) .dm-shell {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  body.page-home:not([data-active-panel="home"]) .workspace-context {
    gap: 2px !important;
  }

  body.page-home:not([data-active-panel="home"]) #workspacePanelTitle {
    font-size: 1.14rem !important;
  }

  body.page-home:not([data-active-panel="home"]) #workspacePanelMeta {
    font-size: 0.84rem !important;
  }

  body.page-home:not([data-active-panel="home"]) .workspace-action-chip {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
  }

  body.page-home:not([data-active-panel="home"]) .workspace-live-pill {
    padding: 8px 12px !important;
    font-size: 0.88rem !important;
  }

  body.page-home:not([data-active-panel="home"]) .games-shell,
  body.page-home:not([data-active-panel="home"]) .apps-shell,
  body.page-home:not([data-active-panel="home"]) .settings-shell .settings-panel {
    padding: 20px !important;
    border-radius: 24px !important;
  }

  body.page-home:not([data-active-panel="home"]) .users-list {
    grid-template-columns: 1fr !important;
  }
}

/* Flat cleanup pass: no text glow, no fake background dots, no gradients */
body.page-home,
body.page-home[data-active-panel="home"],
body.page-home:not([data-active-panel="home"]) {
  background: color-mix(in srgb, var(--bg, #08090c) 92%, var(--surface, #111317) 8%) !important;
}

body.page-home::before,
body.page-home::after,
body.page-home[data-active-panel="home"]::before,
body.page-home[data-active-panel="home"]::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
}

body.page-home[data-active-panel="home"] .home-brand {
  text-shadow: none !important;
}

body.page-home .workspace-live-pill,
body.page-home[data-active-panel="home"] .workspace-live-pill,
body.page-home:not([data-active-panel="home"]) .workspace-live-pill {
  text-shadow: none !important;
}

body.page-home .workspace-topbar,
body.page-home[data-active-panel="home"] .workspace-topbar,
body.page-home:not([data-active-panel="home"]) .workspace-topbar,
body.page-home .side-nav,
body.page-home[data-active-panel="home"] .side-nav,
body.page-home:not([data-active-panel="home"]) .side-nav,
body.page-home .games-shell,
body.page-home .apps-shell,
body.page-home .settings-shell .settings-panel,
body.page-home .profile-card,
body.page-home .update-card,
body.page-home .chat-box,
body.page-home .dm-sidebar,
body.page-home .dm-thread,
body.page-home .account-social-column,
body.page-home .cloak-preset-box,
body.page-home .custom-cloak-box,
body.page-home .account-auth-card,
body.page-home .account-manage-card,
body.page-home .chat-admin-panel,
body.page-home .chat-admin-result,
body.page-home .chat-admin-result-meta,
body.page-home .users-toolbar,
body.page-home .account-social-box,
body.page-home .account-banner-preview,
body.page-home .profile-section,
body.page-home .update-card-body,
body.page-home .game-page,
body.page-home .game-topbar,
body.page-home .proxy-loading-card,
body.page-home .proxy-loading-overlay {
  background-image: none !important;
}

body.page-home .games-shell::before,
body.page-home .apps-shell::before,
body.page-home .settings-shell .settings-panel::before,
body.page-home .profile-card::before,
body.page-home .update-card::before {
  display: none !important;
  content: none !important;
}

body.page-home .workspace-topbar,
body.page-home[data-active-panel="home"] .workspace-topbar,
body.page-home:not([data-active-panel="home"]) .workspace-topbar {
  background: color-mix(in srgb, var(--shell-surface) 94%, black 6%) !important;
}

body.page-home .side-nav,
body.page-home[data-active-panel="home"] .side-nav,
body.page-home:not([data-active-panel="home"]) .side-nav {
  background: color-mix(in srgb, var(--shell-surface) 94%, black 6%) !important;
}

body.page-home .games-shell,
body.page-home .apps-shell,
body.page-home .settings-shell .settings-panel,
body.page-home .profile-card,
body.page-home .update-card,
body.page-home .game-page,
body.page-home .proxy-loading-card {
  background: color-mix(in srgb, var(--shell-surface) 95%, black 5%) !important;
}

body.page-home .chat-box,
body.page-home .dm-sidebar,
body.page-home .dm-thread,
body.page-home .account-social-column,
body.page-home .cloak-preset-box,
body.page-home .custom-cloak-box,
body.page-home .account-auth-card,
body.page-home .account-manage-card,
body.page-home .chat-admin-panel,
body.page-home .chat-admin-result,
body.page-home .chat-admin-result-meta,
body.page-home .users-toolbar,
body.page-home .account-social-box,
body.page-home .account-banner-preview,
body.page-home .profile-section,
body.page-home .update-card-body,
body.page-home .dm-thread-head,
body.page-home .chat-status-row,
body.page-home #accountIdentity,
body.page-home .game-topbar,
body.page-home .proxy-loading-overlay {
  background: color-mix(in srgb, var(--shell-surface-soft) 92%, black 8%) !important;
}

body.page-home .users-card,
body.page-home .account-social-item,
body.page-home .dm-conversation-item,
body.page-home .dm-message-bubble,
body.page-home .chat-message,
body.page-home .app-card,
body.page-home .recent-pill {
  background: color-mix(in srgb, var(--shell-surface-soft) 88%, black 12%) !important;
}

body.page-home .cloak-btn-primary,
body.page-home .proxy-search-go,
body.page-home .home-proxy-form button,
body.page-home[data-active-panel="home"] .home-proxy-form button {
  background: color-mix(in srgb, var(--shell-accent) 82%, white 18%) !important;
}

body.page-home .proxy-search-btn,
body.page-home .proxy-search-input,
body.page-home .proxy-search-go,
body.page-home .cloak-btn,
body.page-home .settings-link,
body.page-home .recent-clear,
body.page-home .recent-pill,
body.page-home .chat-message-action,
body.page-home .back-btn,
body.page-home .fullscreen-btn {
  background-image: none !important;
}

/* Focused panel revamps: apps, settings, users, and chat */
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) {
  --revamp-outline: #6daed4 !important;
  --revamp-outline-soft: rgba(109, 174, 212, 0.32) !important;
  --revamp-surface: #1f2329 !important;
  --revamp-surface-soft: #272c34 !important;
  --revamp-muted: #aeb8c7 !important;
  background: #1b1f24 !important;
  background-image: none !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"])::before,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"])::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

body.page-home[data-active-panel="apps"] #appsSection,
body.page-home[data-active-panel="settings"] #settingsSection,
body.page-home[data-active-panel="users"] #usersSection,
body.page-home[data-active-panel="chat"] #chatSection {
  width: min(1360px, 100%) !important;
}

body.page-home[data-active-panel="apps"] .apps-revamp-panel,
body.page-home[data-active-panel="settings"] .settings-hub-panel,
body.page-home[data-active-panel="users"] .users-revamp-panel,
body.page-home[data-active-panel="chat"] .chat-revamp-panel {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-nav {
  border-color: var(--revamp-outline-soft) !important;
  background: rgba(27, 31, 36, 0.96) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-workspace-btn,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-group-toggle,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-btn.side-btn-discord {
  background: #232830 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-workspace-btn:hover,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-group-toggle:hover,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-btn.side-btn-discord:hover,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-group.is-open .side-group-toggle {
  border-color: var(--revamp-outline-soft) !important;
  background: color-mix(in srgb, var(--revamp-outline) 14%, #232830 86%) !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .floating-discord-btn {
  border-color: var(--revamp-outline-soft) !important;
  background: #232830 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-revamp-hero {
  margin: 0 0 28px !important;
  display: grid !important;
  gap: 12px !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-revamp-hero-center {
  text-align: center !important;
  justify-items: center !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-revamp-kicker {
  margin: 0 !important;
  color: var(--revamp-outline) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-revamp-hero h1 {
  margin: 0 !important;
  color: #f5f8ff !important;
  font-size: clamp(3.3rem, 7.4vw, 5rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.08em !important;
  line-height: 0.92 !important;
  text-shadow: none !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-revamp-hero p:last-child {
  margin: 0 !important;
  max-width: 62ch !important;
  color: var(--revamp-muted) !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card {
  border-radius: 26px !important;
  border: 1px solid var(--revamp-outline-soft) !important;
  background: var(--revamp-surface) !important;
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  color: #f5f8ff !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card-head {
  display: grid !important;
  gap: 8px !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card-head h2 {
  margin: 0 !important;
  color: #f5f8ff !important;
  font-size: clamp(1.3rem, 2vw, 1.75rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card-head p {
  margin: 0 !important;
  color: var(--revamp-muted) !important;
  line-height: 1.55 !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card-label {
  display: block !important;
  margin: 0 0 8px !important;
  color: color-mix(in srgb, var(--revamp-outline) 44%, #c7d7e6 56%) !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .cloak-select,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card input,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card textarea,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .theme-color-input {
  min-height: 52px !important;
  border-radius: 16px !important;
  border: 1px solid color-mix(in srgb, var(--revamp-outline) 18%, transparent) !important;
  background: var(--revamp-surface-soft) !important;
  color: #f5f8ff !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .cloak-select:focus,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card input:focus,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card textarea:focus,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .theme-color-input:focus {
  border-color: var(--revamp-outline) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--revamp-outline) 18%, transparent) !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .cloak-btn {
  min-height: 48px !important;
  border-radius: 16px !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .cloak-status {
  margin: 0 !important;
  color: var(--revamp-muted) !important;
}

body.page-home[data-active-panel="apps"] .apps-revamp-card {
  display: grid !important;
  gap: 22px !important;
  padding: 24px !important;
}

body.page-home[data-active-panel="apps"] .apps-revamp-card .page-card-head {
  justify-items: center !important;
  text-align: center !important;
}

body.page-home[data-active-panel="apps"] .apps-revamp-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(148px, 148px)) !important;
  justify-content: center !important;
  gap: 20px !important;
}

body.page-home[data-active-panel="apps"] .app-card {
  width: 148px !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  padding: 20px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 26px !important;
  border: 1px solid var(--revamp-outline-soft) !important;
  background: var(--revamp-surface-soft) !important;
  box-shadow: none !important;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
}

body.page-home[data-active-panel="apps"] .app-card:hover {
  transform: translateY(-4px) !important;
  border-color: var(--revamp-outline) !important;
  background: color-mix(in srgb, var(--revamp-outline) 10%, var(--revamp-surface-soft) 90%) !important;
}

body.page-home[data-active-panel="apps"] .app-card-cover {
  width: 78px !important;
  height: 78px !important;
  border-radius: 22px !important;
}

body.page-home[data-active-panel="settings"] .settings-hub-grid {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.page-home[data-active-panel="settings"] .settings-panel.settings-hub-panel .settings-hub-grid {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.page-home[data-active-panel="settings"] .settings-hub-card {
  grid-column: span 2 !important;
  display: grid !important;
  gap: 14px !important;
  align-content: start !important;
  min-height: 100% !important;
  padding: 22px !important;
}

body.page-home[data-active-panel="settings"] .settings-hub-card-wide {
  grid-column: span 5 !important;
}

body.page-home[data-active-panel="settings"] .settings-panel.settings-hub-panel .settings-hub-card {
  grid-column: span 2 !important;
  display: grid !important;
  gap: 14px !important;
  align-content: start !important;
  min-height: 100% !important;
  padding: 22px !important;
}

body.page-home[data-active-panel="settings"] .settings-panel.settings-hub-panel .settings-hub-card-wide {
  grid-column: span 5 !important;
}

body.page-home[data-active-panel="settings"] .settings-hub-card-proxy {
  gap: 12px !important;
}

body.page-home[data-active-panel="settings"] .settings-action-stack,
body.page-home[data-active-panel="settings"] .settings-choice-stack {
  display: grid !important;
  gap: 10px !important;
}

body.page-home[data-active-panel="settings"] .settings-choice-stack-wide {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}

body.page-home[data-active-panel="settings"] .settings-inline-box {
  margin: 0 !important;
  padding: 16px !important;
  border-radius: 20px !important;
  border: 1px solid color-mix(in srgb, var(--revamp-outline) 18%, transparent) !important;
  background: var(--revamp-surface-soft) !important;
  box-shadow: none !important;
}

body.page-home[data-active-panel="settings"] .settings-inline-box label {
  color: color-mix(in srgb, var(--revamp-outline) 40%, #c7d7e6 60%) !important;
}

body.page-home[data-active-panel="settings"] .settings-inline-box p {
  color: var(--revamp-muted) !important;
}

body.page-home[data-active-panel="users"] .users-revamp-toolbar {
  padding: 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
  gap: 16px !important;
  align-items: center !important;
  margin-bottom: 18px !important;
}

body.page-home[data-active-panel="users"] .users-toolbar-copy {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.page-home[data-active-panel="users"] .users-toolbar-copy strong {
  color: #f5f8ff !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

body.page-home[data-active-panel="users"] .users-toolbar-copy p {
  margin: 0 !important;
}

body.page-home[data-active-panel="users"] .users-revamp-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 18px !important;
}

body.page-home[data-active-panel="users"] .users-card {
  display: grid !important;
  gap: 16px !important;
  align-content: start !important;
  min-height: 100% !important;
  padding: 18px !important;
  border-radius: 24px !important;
  border: 1px solid var(--revamp-outline-soft) !important;
  background: var(--revamp-surface) !important;
  box-shadow:
    0 20px 34px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

body.page-home[data-active-panel="users"] .users-card:hover {
  transform: translateY(-4px) !important;
  border-color: var(--revamp-outline) !important;
  box-shadow:
    0 24px 40px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body.page-home[data-active-panel="users"] .users-card-avatar {
  width: 74px !important;
  height: 74px !important;
  border-radius: 22px !important;
}

body.page-home[data-active-panel="users"] .users-card-body {
  display: grid !important;
  gap: 12px !important;
}

body.page-home[data-active-panel="users"] .users-card-head strong {
  font-size: 1.18rem !important;
  letter-spacing: -0.04em !important;
}

body.page-home[data-active-panel="users"] .users-card-id,
body.page-home[data-active-panel="users"] .users-chip,
body.page-home[data-active-panel="users"] .users-presence {
  border-radius: 999px !important;
}

body.page-home[data-active-panel="users"] .users-card-actions {
  margin-top: 2px !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(122px, 1fr)) !important;
  gap: 10px !important;
}

body.page-home[data-active-panel="users"] .users-card-actions .cloak-btn {
  width: 100% !important;
}

body.page-home[data-active-panel="chat"] .chat-revamp-layout {
  display: grid !important;
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.page-home[data-active-panel="chat"] .chat-side-card,
body.page-home[data-active-panel="chat"] .chat-revamp-box {
  padding: 20px !important;
}

body.page-home[data-active-panel="chat"] .chat-side-card {
  display: grid !important;
  gap: 18px !important;
  align-content: start !important;
}

body.page-home[data-active-panel="chat"] .chat-status-row-card {
  display: grid !important;
  gap: 10px !important;
  align-items: start !important;
}

body.page-home[data-active-panel="chat"] .chat-status-row-card .cloak-btn {
  width: 100% !important;
}

body.page-home[data-active-panel="chat"] .chat-box-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-bottom: 12px !important;
}

body.page-home[data-active-panel="chat"] .chat-box-head strong {
  color: #f5f8ff !important;
  font-size: 1.06rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

body.page-home[data-active-panel="chat"] .chat-box-head span {
  color: var(--revamp-muted) !important;
  font-size: 0.9rem !important;
}

body.page-home[data-active-panel="chat"] .chat-revamp-box {
  display: grid !important;
  gap: 14px !important;
}

body.page-home[data-active-panel="chat"] .chat-messages {
  min-height: 460px !important;
  max-height: min(60vh, 620px) !important;
  padding: 10px !important;
  border-radius: 22px !important;
  border: 1px solid var(--revamp-outline-soft) !important;
  background: var(--revamp-surface-soft) !important;
}

body.page-home[data-active-panel="chat"] .chat-message {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 12px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  border: 1px solid color-mix(in srgb, var(--revamp-outline) 12%, transparent) !important;
  background: color-mix(in srgb, var(--revamp-surface-soft) 88%, black 12%) !important;
}

body.page-home[data-active-panel="chat"] .chat-message-avatar {
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
}

body.page-home[data-active-panel="chat"] .chat-message-body {
  display: grid !important;
  gap: 6px !important;
}

body.page-home[data-active-panel="chat"] .chat-message-text {
  margin: 0 !important;
  color: #ecf4ff !important;
  line-height: 1.6 !important;
}

body.page-home[data-active-panel="chat"] .chat-form-revamp {
  padding: 10px !important;
  border-radius: 20px !important;
  border: 1px solid var(--revamp-outline-soft) !important;
  background: var(--revamp-surface-soft) !important;
}

body.page-home[data-active-panel="chat"] .chat-form-revamp input {
  background: transparent !important;
}

@media (max-width: 1260px) {
  body.page-home[data-active-panel="settings"] .settings-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-home[data-active-panel="settings"] .settings-hub-card,
  body.page-home[data-active-panel="settings"] .settings-hub-card-wide {
    grid-column: span 1 !important;
  }

  body.page-home[data-active-panel="settings"] .settings-panel.settings-hub-panel .settings-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-home[data-active-panel="settings"] .settings-panel.settings-hub-panel .settings-hub-card,
  body.page-home[data-active-panel="settings"] .settings-panel.settings-hub-panel .settings-hub-card-wide {
    grid-column: span 1 !important;
  }
}

@media (max-width: 980px) {
  body.page-home[data-active-panel="users"] .users-revamp-toolbar,
  body.page-home[data-active-panel="chat"] .chat-revamp-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-revamp-hero h1 {
    font-size: clamp(2.7rem, 13vw, 3.8rem) !important;
  }

  body.page-home[data-active-panel="apps"] .apps-revamp-grid,
  body.page-home[data-active-panel="settings"] .settings-choice-stack-wide,
  body.page-home[data-active-panel="users"] .users-card-actions {
    grid-template-columns: 1fr !important;
  }

  body.page-home[data-active-panel="chat"] .chat-messages {
    min-height: 360px !important;
  }
}

@media (min-width: 961px) {
  body.page-home .home-shell {
    width: auto !important;
    margin: 0 20px 0 116px !important;
    max-width: none !important;
  }

  body.page-home[data-active-panel="home"] .home-shell {
    padding-top: 118px !important;
    padding-bottom: 48px !important;
  }

  body.page-home:not([data-active-panel="home"]) .home-shell {
    padding-top: 126px !important;
    padding-bottom: 52px !important;
  }

  body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .home-shell {
    padding-top: 34px !important;
  }

  body.page-home .workspace-topbar,
  body.page-home[data-active-panel="home"] .workspace-topbar,
  body.page-home:not([data-active-panel="home"]) .workspace-topbar {
    left: 116px !important;
    right: 20px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }

  body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .workspace-topbar {
    display: none !important;
  }

  body.page-home .side-nav,
  body.page-home[data-active-panel="home"] .side-nav,
  body.page-home:not([data-active-panel="home"]) .side-nav {
    top: 18px !important;
    right: auto !important;
    bottom: 18px !important;
    left: 18px !important;
    transform: none !important;
    width: 76px !important;
    max-width: none !important;
    padding: 16px 10px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    border-radius: 30px !important;
  }

  body.page-home .side-nav-head,
  body.page-home .side-nav-scroll {
    width: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  body.page-home .side-nav-scroll {
    flex: 1 1 auto !important;
  }

  body.page-home .side-group {
    width: 100% !important;
    display: grid !important;
    justify-items: center !important;
  }

  body.page-home .side-workspace-btn,
  body.page-home .side-group-toggle,
  body.page-home .side-btn.side-btn-discord {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 18px !important;
  }

  body.page-home .side-group-panel,
  body.page-home .workspace-account-menu,
  body.page-home .side-overview-menu {
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: calc(100% + 16px) !important;
    width: min(340px, calc(100vw - 172px)) !important;
    transform: none !important;
  }

  body.page-home .workspace-account-menu,
  body.page-home .side-overview-menu {
    top: auto !important;
    bottom: 0 !important;
  }

  body.page-home .side-group:not(.is-open) .side-group-panel {
    transform: translateX(-10px) !important;
  }

  body.page-home .side-group.is-open .side-group-panel {
    transform: translateX(0) !important;
  }
}

/* Keep the desktop rail compact and push the redesign into page interiors only. */
@media (min-width: 961px) {
  body.page-home .home-shell {
    margin: 0 22px 0 100px !important;
  }

  body.page-home .workspace-topbar,
  body.page-home[data-active-panel="home"] .workspace-topbar,
  body.page-home:not([data-active-panel="home"]) .workspace-topbar {
    left: 100px !important;
  }

  body.page-home .side-nav,
  body.page-home[data-active-panel="home"] .side-nav,
  body.page-home:not([data-active-panel="home"]) .side-nav {
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 16px !important;
    width: 70px !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px 8px !important;
    gap: 10px !important;
    transform: translateY(-50%) !important;
    border-radius: 26px !important;
  }

  body.page-home .side-nav-head,
  body.page-home .side-nav-scroll {
    width: 100% !important;
    gap: 10px !important;
  }

  body.page-home .side-nav-scroll {
    flex: 0 0 auto !important;
  }

  body.page-home .side-workspace-btn,
  body.page-home .side-group-toggle,
  body.page-home .side-btn.side-btn-discord {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    border-radius: 16px !important;
  }

  body.page-home .side-group-panel,
  body.page-home .workspace-account-menu,
  body.page-home .side-overview-menu {
    width: min(330px, calc(100vw - 146px)) !important;
  }
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) {
  --page-accent: #6f9cc4 !important;
  --page-accent-soft: rgba(111, 156, 196, 0.34) !important;
  --page-panel: #1d232a !important;
  --page-panel-soft: #252c35 !important;
  --page-text: #f3f7fd !important;
  --page-muted: #a9b6c7 !important;
  background: #1b2026 !important;
  background-image: none !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .workspace-topbar {
  display: none !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-nav {
  border-color: var(--page-accent-soft) !important;
  background: rgba(27, 32, 38, 0.94) !important;
  box-shadow: none !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-workspace-btn,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-group-toggle,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-btn.side-btn-discord,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .floating-discord-btn {
  background: #222931 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-workspace-btn:hover,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-group-toggle:hover,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-btn.side-btn-discord:hover,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .side-group.is-open .side-group-toggle {
  background: color-mix(in srgb, var(--page-accent) 15%, #222931 85%) !important;
  border-color: var(--page-accent-soft) !important;
}

body.page-home[data-active-panel="apps"] #appsSection,
body.page-home[data-active-panel="settings"] #settingsSection,
body.page-home[data-active-panel="users"] #usersSection,
body.page-home[data-active-panel="chat"] #chatSection {
  width: min(1220px, 100%) !important;
}

body.page-home[data-active-panel="apps"] .apps-revamp-panel,
body.page-home[data-active-panel="settings"] .settings-hub-panel,
body.page-home[data-active-panel="users"] .users-revamp-panel,
body.page-home[data-active-panel="chat"] .chat-revamp-panel {
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-revamp-hero {
  display: grid !important;
  gap: 10px !important;
  justify-items: center !important;
  margin: 0 auto 24px !important;
  text-align: center !important;
  max-width: 760px !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-revamp-kicker {
  margin: 0 !important;
  color: var(--page-accent) !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-revamp-hero h1 {
  margin: 0 !important;
  color: var(--page-text) !important;
  font-size: clamp(3.8rem, 7vw, 5.3rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.08em !important;
  line-height: 0.94 !important;
  text-shadow: none !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-revamp-hero p:last-child {
  margin: 0 !important;
  color: var(--page-muted) !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  max-width: 54ch !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card {
  border-radius: 24px !important;
  border: 1px solid var(--page-accent-soft) !important;
  background: var(--page-panel) !important;
  box-shadow: none !important;
  color: var(--page-text) !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card-head {
  display: grid !important;
  gap: 8px !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card-head h2 {
  margin: 0 !important;
  color: var(--page-text) !important;
  font-size: clamp(1.28rem, 2vw, 1.75rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card-head p,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .cloak-status {
  margin: 0 !important;
  color: var(--page-muted) !important;
  line-height: 1.55 !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card-label {
  display: block !important;
  margin: 0 0 8px !important;
  color: color-mix(in srgb, var(--page-accent) 52%, #d5e3ef 48%) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .cloak-select,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card input,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card textarea,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .theme-color-input,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .users-search-input {
  min-height: 50px !important;
  border-radius: 16px !important;
  border: 1px solid var(--page-accent-soft) !important;
  background: var(--page-panel-soft) !important;
  color: var(--page-text) !important;
  box-shadow: none !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .cloak-select:focus,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card input:focus,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card textarea:focus,
body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .users-search-input:focus {
  border-color: var(--page-accent) !important;
  box-shadow: 0 0 0 3px rgba(111, 156, 196, 0.18) !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .cloak-btn {
  min-height: 48px !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .cloak-btn-primary {
  background: color-mix(in srgb, var(--page-accent) 74%, white 26%) !important;
  border-color: transparent !important;
  color: #12202a !important;
  font-weight: 900 !important;
}

body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-card .cloak-btn-muted {
  background: var(--page-panel-soft) !important;
  border-color: var(--page-accent-soft) !important;
}

body.page-home[data-active-panel="settings"] .settings-dashboard-head {
  max-width: 820px !important;
}

body.page-home[data-active-panel="settings"] .settings-hub-grid {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.page-home[data-active-panel="settings"] .settings-hub-card {
  grid-column: span 2 !important;
  display: grid !important;
  gap: 14px !important;
  align-content: start !important;
  min-height: 252px !important;
  padding: 22px !important;
}

body.page-home[data-active-panel="settings"] .settings-hub-card-wide {
  grid-column: span 5 !important;
  min-height: 0 !important;
}

body.page-home[data-active-panel="settings"] .settings-hub-card .page-card-head p {
  max-width: 20ch !important;
}

body.page-home[data-active-panel="settings"] .settings-hub-card-proxy .page-card-head p,
body.page-home[data-active-panel="settings"] .settings-hub-card-wide .page-card-head p,
body.page-home[data-active-panel="settings"] .settings-hub-card-theme .page-card-head p {
  max-width: none !important;
}

body.page-home[data-active-panel="settings"] .settings-action-stack,
body.page-home[data-active-panel="settings"] .settings-choice-stack {
  display: grid !important;
  gap: 10px !important;
}

body.page-home[data-active-panel="settings"] .settings-choice-stack-wide {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.page-home[data-active-panel="settings"] .settings-inline-box {
  margin: 0 !important;
  padding: 16px !important;
  border-radius: 18px !important;
  border: 1px solid var(--page-accent-soft) !important;
  background: var(--page-panel-soft) !important;
  box-shadow: none !important;
}

body.page-home[data-active-panel="settings"] .settings-inline-box label,
body.page-home[data-active-panel="settings"] .custom-theme-head p {
  color: var(--page-muted) !important;
}

body.page-home[data-active-panel="apps"] .apps-revamp-card {
  display: grid !important;
  gap: 22px !important;
  padding: 26px !important;
}

body.page-home[data-active-panel="apps"] .apps-revamp-card .page-card-head {
  justify-items: center !important;
  text-align: center !important;
}

body.page-home[data-active-panel="apps"] .apps-revamp-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 140px)) !important;
  justify-content: center !important;
  gap: 16px !important;
}

body.page-home[data-active-panel="apps"] .app-card {
  width: 140px !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 0 !important;
  padding: 18px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 22px !important;
  border: 1px solid var(--page-accent-soft) !important;
  background: var(--page-panel-soft) !important;
  box-shadow: none !important;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
}

body.page-home[data-active-panel="apps"] .app-card:hover {
  transform: translateY(-4px) !important;
  border-color: var(--page-accent) !important;
  background: color-mix(in srgb, var(--page-accent) 10%, var(--page-panel-soft) 90%) !important;
}

body.page-home[data-active-panel="apps"] .app-card-cover {
  width: 74px !important;
  height: 74px !important;
  border-radius: 20px !important;
}

body.page-home[data-active-panel="users"] .users-revamp-toolbar {
  padding: 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 380px) !important;
  gap: 16px !important;
  align-items: center !important;
  margin: 0 0 18px !important;
  border-radius: 22px !important;
  border: 1px solid var(--page-accent-soft) !important;
  background: var(--page-panel) !important;
  box-shadow: none !important;
}

body.page-home[data-active-panel="users"] .users-revamp-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
  gap: 18px !important;
}

body.page-home[data-active-panel="users"] .users-card {
  padding: 18px !important;
  border-radius: 22px !important;
  border: 1px solid var(--page-accent-soft) !important;
  background: var(--page-panel) !important;
  box-shadow: none !important;
}

body.page-home[data-active-panel="users"] .users-card:hover {
  transform: translateY(-4px) !important;
  border-color: var(--page-accent) !important;
  box-shadow: none !important;
}

body.page-home[data-active-panel="chat"] .chat-revamp-layout {
  display: grid !important;
  grid-template-columns: minmax(250px, 290px) minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.page-home[data-active-panel="chat"] .chat-side-card,
body.page-home[data-active-panel="chat"] .chat-revamp-box {
  padding: 20px !important;
}

body.page-home[data-active-panel="chat"] .chat-side-card {
  display: grid !important;
  gap: 16px !important;
  align-content: start !important;
}

body.page-home[data-active-panel="chat"] .chat-status-row-card {
  display: grid !important;
  gap: 10px !important;
}

body.page-home[data-active-panel="chat"] .chat-box-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body.page-home[data-active-panel="chat"] .chat-box-head strong {
  color: var(--page-text) !important;
  font-size: 1.08rem !important;
  font-weight: 800 !important;
}

body.page-home[data-active-panel="chat"] .chat-box-head span {
  color: var(--page-muted) !important;
  font-size: 0.92rem !important;
}

body.page-home[data-active-panel="chat"] .chat-messages {
  min-height: 460px !important;
  max-height: min(60vh, 620px) !important;
  padding: 10px !important;
  border-radius: 20px !important;
  border: 1px solid var(--page-accent-soft) !important;
  background: var(--page-panel-soft) !important;
}

body.page-home[data-active-panel="chat"] .chat-message {
  border-radius: 18px !important;
  border: 1px solid rgba(111, 156, 196, 0.18) !important;
  background: color-mix(in srgb, var(--page-panel-soft) 92%, black 8%) !important;
}

body.page-home[data-active-panel="chat"] .chat-form-revamp {
  padding: 10px !important;
  border-radius: 18px !important;
  border: 1px solid var(--page-accent-soft) !important;
  background: var(--page-panel-soft) !important;
}

body.page-home[data-active-panel="chat"] .chat-form-revamp input {
  background: transparent !important;
}

@media (max-width: 1260px) {
  body.page-home[data-active-panel="settings"] .settings-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.page-home[data-active-panel="settings"] .settings-hub-card,
  body.page-home[data-active-panel="settings"] .settings-hub-card-wide {
    grid-column: span 1 !important;
    min-height: 0 !important;
  }
}

@media (max-width: 980px) {
  body.page-home[data-active-panel="users"] .users-revamp-toolbar,
  body.page-home[data-active-panel="chat"] .chat-revamp-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  body.page-home:is([data-active-panel="apps"], [data-active-panel="settings"], [data-active-panel="users"], [data-active-panel="chat"]) .page-revamp-hero h1 {
    font-size: clamp(2.8rem, 12vw, 4rem) !important;
  }

  body.page-home[data-active-panel="settings"] .settings-choice-stack-wide,
  body.page-home[data-active-panel="users"] .users-card-actions {
    grid-template-columns: 1fr !important;
  }

  body.page-home[data-active-panel="apps"] .apps-revamp-grid {
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
  }
}