:root {
  --atmo-bg: #f4f8ff;
  --atmo-bg-soft: #eaf2ff;
  --atmo-surface: rgba(255, 255, 255, 0.94);
  --atmo-surface-strong: rgba(247, 251, 255, 0.98);
  --atmo-line: rgba(90, 132, 198, 0.24);
  --atmo-text: #10213f;
  --atmo-muted: #4f648c;
  --atmo-brand: #2e7bff;
  --atmo-brand-2: #00c6df;
  --atmo-accent: #ff9d3a;
  --atmo-ok: #31c66a;
  --atmo-danger: #ff5d74;
  --atmo-shadow: 0 14px 30px rgba(34, 73, 133, 0.16);
}

.home-section {
  background:
    radial-gradient(circle at 6% -10%, rgba(0, 198, 223, 0.12), transparent 42%),
    radial-gradient(circle at 90% 0%, rgba(46, 123, 255, 0.13), transparent 34%),
    linear-gradient(180deg, #f9fbff 0%, var(--atmo-bg) 52%, #eef4ff 100%);
  color: var(--atmo-text);
}

#home-header-background {
  background: linear-gradient(135deg, rgba(46, 123, 255, 0.24), rgba(0, 198, 223, 0.16));
}

.home-section div.part {
  background: transparent;
  box-shadow: none;
  border-top: 1px solid var(--atmo-line);
}

.home-section div.part.part1 {
  background: transparent;
  border-top: 0;
}

.home-section h2 {
  font-size: clamp(1.9rem, 3vw, 2.5rem);
  letter-spacing: 0.01em;
}

.home-section p,
.home-section li {
  color: var(--atmo-muted);
}

.home-section .button {
  background: linear-gradient(130deg, var(--atmo-brand) 0%, #4e91ff 100%);
  border: 1px solid rgba(80, 121, 186, 0.28);
  border-radius: 14px;
  box-shadow: 0 10px 22px rgba(17, 69, 155, 0.2);
}

.home-section .button:hover {
  box-shadow: 0 14px 30px rgba(17, 69, 155, 0.28);
}

.home-section .feedback-form,
.home-section .contacts,
.home-section .roadmap-placeholder {
  background: var(--atmo-surface);
  border: 1px solid var(--atmo-line);
  box-shadow: var(--atmo-shadow);
  backdrop-filter: blur(4px);
}

.home-section .feedback-form input,
.home-section .feedback-form textarea {
  border: 1px solid rgba(180, 206, 255, 0.25) !important;
}

.home-section .feedback-form input:focus,
.home-section .feedback-form textarea:focus {
  outline: 0;
  border-color: rgba(0, 198, 223, 0.65) !important;
  box-shadow: 0 0 0 3px rgba(0, 198, 223, 0.16);
}

#submit-feedback {
  border: 1px solid rgba(80, 121, 186, 0.26) !important;
}

#contact-form-message {
  min-height: 20px;
}

.home-section .footer-note p {
  color: #5b729a !important;
}

/* Atmo Orbit: unified header style for Studio/Landing/Promo */
body.atmo-style-orbit header {
  background:
    radial-gradient(circle at 0% -90%, rgba(0, 198, 223, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(244, 249, 255, 0.92));
  border-bottom: 1px solid var(--atmo-line);
  box-shadow: 0 8px 22px rgba(28, 56, 102, 0.15);
  backdrop-filter: blur(5px);
  z-index: 45;
  isolation: isolate;
}

body.atmo-style-orbit header .logo {
  position: relative;
  z-index: 8;
  filter: drop-shadow(0 0 8px rgba(46, 123, 255, 0.2));
}

body.atmo-style-orbit header .titlemenu {
  position: relative;
  z-index: 10;
  display: inline-flex;
  align-items: flex-start;
  gap: 3px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  vertical-align: top;
  max-width: calc(100% - 360px);
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

body.atmo-style-orbit header .titlemenu::-webkit-scrollbar {
  display: none;
}

body.atmo-style-orbit header .titlemenu > li {
  min-height: 46px;
  min-width: 68px;
  margin-top: 0;
  padding: 4px 6px;
  border-radius: 10px;
  border: 1px solid rgba(20, 38, 71, 0.12);
  background: rgba(255, 255, 255, 0.96);
  color: #234770;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  white-space: normal;
  box-shadow: none;
  transition: transform 0.14s ease, box-shadow 0.14s ease, background 0.14s ease, border-color 0.14s ease, filter 0.14s ease, color 0.14s ease;
}

body.atmo-style-orbit header .titlemenu > li br {
  display: none;
}

body.atmo-style-orbit header .titlemenu > li i {
  color: #2f7ef7;
  margin-bottom: 0 !important;
  font-size: 0.9rem !important;
}

body.atmo-style-orbit header .titlemenu > li span {
  font-size: 0.68rem;
  line-height: 1.05;
  font-weight: 700;
  text-align: center;
  white-space: normal;
}

body.atmo-style-orbit header .titlemenu > li:hover {
  transform: translateY(-1px) scale(1.01);
  background: rgba(241, 247, 255, 0.98);
  border-color: rgba(31, 86, 223, 0.28);
  box-shadow: 0 6px 14px rgba(15, 31, 68, 0.12);
  color: #234770;
}

body.atmo-style-orbit header .titlemenu > li:active {
  transform: translateY(1px) scale(0.97);
  box-shadow: inset 0 2px 6px rgba(13, 31, 76, 0.16);
  filter: saturate(1.08);
}

body.atmo-style-orbit header .titlemenu > li.selected {
  background: linear-gradient(135deg, #1f56df 0%, #00b4d4 100%);
  border-color: rgba(255, 255, 255, 0.22);
  color: #f2f8ff;
  box-shadow: 0 9px 22px rgba(17, 71, 178, 0.35);
}

body.atmo-style-orbit #language-setting {
  position: relative;
  z-index: 9;
  min-height: 34px;
  min-width: 34px;
  width: 34px;
  margin-left: 4px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid rgba(20, 38, 71, 0.14);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 6px 14px rgba(15, 31, 68, 0.1);
}

body.atmo-style-orbit #main-menu-button {
  position: relative;
  z-index: 11;
  margin-top: 16px;
  color: #4d6fa2;
}

body.atmo-style-orbit #language-setting i,
body.atmo-style-orbit .language-choice i {
  color: #367fe5;
}

body.atmo-style-orbit .language-menu {
  z-index: 12;
  background: rgba(251, 253, 255, 0.98);
  border: 1px solid var(--atmo-line);
}

body.atmo-style-orbit #login-button {
  position: relative;
  z-index: 9;
  color: #1f3f72;
  padding-top: 16px;
  padding-bottom: 16px;
}

body.atmo-style-orbit #login-button:hover {
  color: #122d56;
}

body.atmo-style-orbit #create-account-button {
  position: relative;
  z-index: 9;
  margin-top: 11px;
  margin-bottom: 11px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(130deg, var(--atmo-brand), #4e94ff);
  box-shadow: 0 10px 22px rgba(16, 67, 154, 0.35);
}

body.atmo-style-orbit #create-account-button:hover {
  filter: brightness(1.06);
}

body.atmo-style-orbit #header-progress-summary {
  position: relative;
  z-index: 9;
  background: rgba(233, 242, 255, 0.9);
  border: 1px solid rgba(110, 157, 226, 0.32);
  color: #173763;
  margin: 7px 8px 0 6px;
  padding: 3px 6px;
  border-radius: 8px;
  min-width: 0;
}

body.atmo-style-orbit #header-progress-level {
  color: #173763;
  font-size: 12px;
  line-height: 1.05;
}

body.atmo-style-orbit #header-progress-xp {
  background: linear-gradient(130deg, #f2a03a, #f4ba5d);
  color: #2d210f;
  width: 106px;
  padding: 1px 6px;
  font-size: 9px;
  border-radius: 6px;
}

body.atmo-style-orbit .login-info {
  position: relative;
  z-index: 9;
  font-size: 14px;
}

body.atmo-style-orbit header .username {
  background: rgba(233, 242, 255, 0.86);
  border: 1px solid rgba(110, 157, 226, 0.3);
  color: #173763;
  margin-right: 8px;
  margin-top: 11px;
  height: 34px;
  padding: 0 8px 0 0;
  position: relative;
  z-index: 9;
}

body.atmo-style-orbit #home-header-background {
  z-index: 1;
  pointer-events: none;
}

body.atmo-style-orbit header .username i {
  margin: 0 4px 0 10px;
  font-size: 14px;
}

body.atmo-style-orbit header .username img {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  margin: 3px 8px 3px 3px;
}

body.atmo-style-orbit header .username span,
body.atmo-style-orbit header .username i,
body.atmo-style-orbit #user-nick {
  color: #173763;
}

body.atmo-style-orbit header .username span,
body.atmo-style-orbit #user-nick {
  display: inline-block;
  max-width: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

body.atmo-style-orbit header .username:hover {
  background: rgba(221, 234, 255, 0.96);
}

.atmo-home-hero {
  width: min(1200px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(320px, 1.05fr) minmax(320px, 1fr);
  gap: 28px;
  align-items: start;
}

.atmo-home-hero__content {
  background: linear-gradient(
    160deg,
    rgba(255, 255, 255, 0.96),
    rgba(247, 252, 255, 0.94)
  );
  border: 1px solid var(--atmo-line);
  border-radius: 20px;
  box-shadow: var(--atmo-shadow);
  padding: clamp(20px, 3.1vw, 34px);
}

.atmo-home-hero__eyebrow {
  display: inline-block;
  margin: 10px 0 14px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(49, 198, 106, 0.16);
  border: 1px solid rgba(49, 198, 106, 0.36);
  color: #b3f8cb;
  font-size: 0.85rem;
  font-weight: 700;
}

.atmo-home-hero h1 {
  margin: 0 0 14px;
  font-size: clamp(1.85rem, 3.2vw, 3rem);
  line-height: 1.1;
  color: #10284f;
}

.atmo-home-hero__lead {
  margin: 0 0 14px;
  max-width: 54ch;
}

.atmo-home-hero__points {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  display: grid;
  gap: 8px;
}

.atmo-home-hero__points li {
  position: relative;
  padding-left: 24px;
}

.atmo-home-hero__points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.52em;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: linear-gradient(130deg, var(--atmo-brand), var(--atmo-brand-2));
  box-shadow: 0 0 0 3px rgba(46, 123, 255, 0.2);
}

.atmo-home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.atmo-hero-cta {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  padding: 8px 12px;
  color: #f5f9ff;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 0.86rem;
  line-height: 1.1;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.atmo-hero-cta i {
  font-size: 0.9rem;
}

.atmo-hero-cta:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
}

.atmo-hero-cta.primary {
  background: linear-gradient(130deg, var(--atmo-brand), #4d97ff);
  box-shadow: 0 8px 16px rgba(20, 72, 166, 0.3);
}

.atmo-hero-cta.secondary {
  background: linear-gradient(130deg, #0094d2, #00b9c9);
  box-shadow: 0 8px 16px rgba(6, 80, 95, 0.22);
}

.atmo-hero-cta.ghost {
  background: rgba(244, 249, 255, 0.96);
  color: #1c4278;
  border-color: rgba(106, 156, 230, 0.35);
}

.atmo-home-hero__media {
  display: grid;
  gap: 12px;
}

.atmo-media-player {
  position: relative;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid var(--atmo-line);
  background: linear-gradient(
    160deg,
    rgba(255, 255, 255, 0.96),
    rgba(246, 252, 255, 0.94)
  );
  box-shadow: var(--atmo-shadow);
}

.atmo-media-video {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 12px;
  background: #dfe9fb;
  border: 1px solid rgba(95, 139, 204, 0.24);
}

.atmo-media-sound-toggle {
  appearance: none;
  border: 1px solid rgba(95, 139, 204, 0.26);
  background: rgba(241, 247, 255, 0.96);
  color: #214576;
  border-radius: 9px;
  padding: 8px 11px;
  margin-top: 10px;
  font-weight: 700;
  cursor: pointer;
}

.atmo-media-sound-toggle[aria-pressed="true"] {
  background: linear-gradient(130deg, #2f9d59, #3dbf67);
  border-color: rgba(255, 255, 255, 0.22);
}

.atmo-media-note {
  margin: 8px 0 0;
  font-size: 0.86rem;
  color: #5e749e;
}

.atmo-media-thumbs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.atmo-media-thumb {
  display: grid;
  gap: 6px;
  border: 1px solid var(--atmo-line);
  background: rgba(255, 255, 255, 0.95);
  color: #1b3d70;
  border-radius: 10px;
  padding: 6px;
  cursor: pointer;
  text-align: left;
}

.atmo-media-thumb img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 6px;
}

.atmo-media-thumb span {
  font-size: 0.84rem;
  line-height: 1.2;
}

.atmo-media-thumb.is-active {
  border-color: rgba(0, 198, 223, 0.72);
  box-shadow: 0 0 0 2px rgba(0, 198, 223, 0.18);
}

.home-trust-strip__grid,
.home-quickstart__grid {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.home-trust-strip h2,
.home-quickstart h2 {
  text-align: center;
  margin-bottom: 20px;
}

.home-trust-strip__item,
.home-quickstart__step {
  background: linear-gradient(
    160deg,
    rgba(255, 255, 255, 0.95),
    rgba(247, 252, 255, 0.94)
  );
  border: 1px solid var(--atmo-line);
  border-radius: 14px;
  padding: 20px;
  box-shadow: var(--atmo-shadow);
}

.home-trust-strip__item i {
  font-size: 1.5rem;
  color: #80b8ff;
}

.home-trust-strip__item h3,
.home-quickstart__step h3 {
  margin: 12px 0 8px;
  color: #153661;
}

.home-quickstart__num {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  background: linear-gradient(130deg, var(--atmo-brand), var(--atmo-brand-2));
  color: #fff;
}

.home-quickstart__actions {
  margin-top: 14px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

.home-roadmap-grid {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.home-roadmap-item {
  padding: 18px;
  border-radius: 14px;
  border: 1px solid var(--atmo-line);
  background: linear-gradient(
    160deg,
    rgba(255, 255, 255, 0.96),
    rgba(246, 251, 255, 0.94)
  );
  box-shadow: var(--atmo-shadow);
}

.home-roadmap-item h3 {
  margin: 0 0 10px;
  color: #163863;
}

.home-roadmap-meta {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.home-roadmap-status {
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.home-roadmap-status.plan {
  background: rgba(178, 194, 219, 0.35);
  color: #365382;
}

.home-roadmap-status.in_progress {
  background: rgba(0, 198, 223, 0.2);
  color: #1e5f76;
}

.home-roadmap-status.done {
  background: rgba(49, 198, 106, 0.22);
  color: #1f633b;
}

.home-roadmap-eta {
  color: #5f769f;
  font-size: 0.82rem;
}

.home-roadmap-progress {
  margin-top: 12px;
  height: 7px;
  border-radius: 999px;
  background: rgba(143, 172, 225, 0.34);
  overflow: hidden;
}

.home-roadmap-progress > i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(130deg, var(--atmo-brand), var(--atmo-brand-2));
}

#help-section {
  background:
    radial-gradient(circle at 6% -10%, rgba(0, 198, 223, 0.1), transparent 42%),
    linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
}

.atmo-docs-onboarding {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 12px 14px 0;
  box-sizing: border-box;
}

.atmo-docs-onboarding__inner {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  border: 1px solid var(--atmo-line);
  border-radius: 16px;
  background: linear-gradient(
    150deg,
    rgba(255, 255, 255, 0.97),
    rgba(246, 252, 255, 0.95)
  );
  box-shadow: var(--atmo-shadow);
  padding: 14px 16px;
}

.atmo-docs-onboarding__inner h2 {
  margin: 0 0 8px;
  color: #153a68;
  font-size: clamp(1.05rem, 1.45vw, 1.45rem);
}

.atmo-docs-onboarding__inner p {
  margin: 0;
  color: #4f648c;
  max-width: 75ch;
}

.atmo-docs-onboarding__routes {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.atmo-style-orbit .help-sections {
  top: 0;
  padding: 150px 10px 10px 0;
  background: rgba(246, 251, 255, 0.96);
  border-top: 1px solid rgba(130, 170, 255, 0.24);
}

body.atmo-style-orbit .help-section-category {
  border: 1px solid rgba(130, 170, 255, 0.28);
  background: rgba(255, 255, 255, 0.94);
}

body.atmo-style-orbit .help-section-button {
  background: rgba(223, 236, 255, 0.92);
  color: #1f3f72;
  border: 1px solid transparent;
}

body.atmo-style-orbit .help-section-button:hover {
  border-color: rgba(180, 206, 255, 0.65);
}

body.atmo-style-orbit .help-section-button.selected {
  background: linear-gradient(130deg, rgba(46, 123, 255, 0.5), rgba(0, 198, 223, 0.36));
  color: #0d2f5d;
  border-color: rgba(180, 206, 255, 0.85);
}

body.atmo-style-orbit .help-view {
  background: rgba(255, 255, 255, 0.75);
}

body.atmo-style-orbit .helplist {
  background: rgba(247, 251, 255, 0.95);
  border-right: 1px solid rgba(130, 170, 255, 0.26);
}

#explore-conversion-strip {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 10px 6px;
  box-sizing: border-box;
}

.explore-conversion-strip__inner {
  border-radius: 16px;
  border: 1px solid var(--atmo-line);
  background: linear-gradient(
    150deg,
    rgba(255, 255, 255, 0.97),
    rgba(246, 251, 255, 0.95)
  );
  box-shadow: var(--atmo-shadow);
  padding: 18px;
}

.explore-conversion-strip__inner h2 {
  margin: 0 0 8px;
  color: #163864;
  font-size: clamp(1.15rem, 1.5vw, 1.55rem);
}

.explore-conversion-strip__inner p {
  margin: 0;
  max-width: 70ch;
  color: #52688f;
}

.explore-conversion-strip__actions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#explore-bar {
  top: 12px;
  padding: 8px 10px;
}

#explore-tags-bar {
  top: 56px;
  background: var(--atmo-surface-strong);
  border-bottom: 1px solid var(--atmo-line);
}

#explore-sort-button,
#explore-type-button {
  border: 1px solid rgba(90, 132, 198, 0.26);
  border-radius: 8px;
}

#explore-sort-button.hot {
  background: linear-gradient(130deg, #1f6ef5 0%, #4496ff 100%);
}

#explore-sort-button.new {
  background: linear-gradient(130deg, #24a97a 0%, #39d39a 100%);
}

#explore-sort-button.top {
  background: linear-gradient(130deg, #a44dff 0%, #c273ff 100%);
}

#explore-type-button.all {
  background: linear-gradient(130deg, #1f6ef5 0%, #2da9dc 100%);
}

#explore-search input {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(13, 22, 39, 0.16);
}

#explore-tags div.active {
  background: var(--atmo-brand);
  box-shadow: 0 0 0 2px rgba(46, 123, 255, 0.25);
}

.explore-project-box {
  border: 1px solid rgba(171, 198, 255, 0.32);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 24px rgba(23, 58, 111, 0.16);
}

.explore-project-box:hover {
  transform: translateY(-2px);
  transition: transform 0.16s ease, box-shadow 0.16s ease;
  box-shadow: 0 14px 30px rgba(23, 58, 111, 0.22);
}

.explore-project-box .run-button {
  background: linear-gradient(130deg, var(--atmo-accent) 0%, #f7b147 100%);
  color: #241b0b;
  font-weight: 700;
}

.explore-project-likes {
  background: rgba(244, 249, 255, 0.98);
  border: 1px solid rgba(171, 198, 255, 0.22);
}

.explore-project-likes.voted {
  background: linear-gradient(130deg, #e44f62 0%, #ff6f84 100%);
}

/* Light mode overrides for legacy inline blocks on home.pug */
.home-section .roadmap-section > p,
.home-section .check-skills-section > p,
.home-section .ecosystem-section > p {
  color: #546b93 !important;
}

.home-section .roadmap-placeholder h3,
.home-section .roadmap-placeholder p {
  color: #4a628a !important;
}

.home-section .roadmap-placeholder i {
  color: rgba(82, 129, 199, 0.56) !important;
}

.home-section .service-card,
.home-section .start-card,
.home-section .feedback-form,
.home-section .contacts {
  background: var(--atmo-surface) !important;
  border: 1px solid var(--atmo-line) !important;
  box-shadow: var(--atmo-shadow);
}

.home-section .service-card h3,
.home-section .service-card p,
.home-section .start-card p,
.home-section .contacts h3,
.home-section .contacts p,
.home-section .feedback-form h3,
.home-section .feedback-form p,
.home-section .feedback-form label {
  color: #304b74 !important;
}

.home-section .feedback-form input,
.home-section .feedback-form textarea {
  background: #fff !important;
  color: #18365f !important;
  border-color: rgba(97, 144, 213, 0.35) !important;
}

.home-section .contact-item {
  border-bottom-color: rgba(104, 145, 208, 0.18) !important;
}

.home-section .contacts i.fa-github,
.home-section .contacts a[href*="github.com"] {
  color: #1f3b69 !important;
}

.home-section .footer-social,
.home-section .footer-note {
  border-top-color: rgba(104, 145, 208, 0.2) !important;
}

.home-section .footer-social p {
  color: #5b729a !important;
}

.home-section .footer-social a[href*="github.com"] {
  color: #1f3b69 !important;
}

/* Refinement pass: explore palette tone + docs readability + animated menu icons */
.atmo-home-hero__eyebrow {
  padding: 7px 13px;
  background: linear-gradient(
    135deg,
    rgba(31, 86, 223, 0.22),
    rgba(0, 180, 212, 0.26)
  );
  border-color: rgba(45, 116, 216, 0.38);
  color: #133867;
  box-shadow: 0 6px 14px rgba(25, 74, 145, 0.16);
  font-weight: 800;
}

.home-quickstart h2,
.roadmap-section h2 {
  color: #102f58;
}

body.atmo-style-orbit .help-list h1 {
  color: #cf5a4e;
}

body.atmo-style-orbit .help-list h2 {
  color: #d47f2e;
}

body.atmo-style-orbit .help-list h3 {
  color: #1f3f72;
  border-left-color: rgba(62, 109, 181, 0.2);
}

body.atmo-style-orbit #help-document .doc-render.documentation.md.dark {
  color: rgba(21, 42, 74, 0.92);
}

body.atmo-style-orbit #help-document .doc-render.documentation.md.dark h1,
body.atmo-style-orbit #help-document .doc-render.documentation.md.dark h2,
body.atmo-style-orbit #help-document .doc-render.documentation.md.dark h3,
body.atmo-style-orbit #help-document .doc-render.documentation.md.dark h4,
body.atmo-style-orbit #help-document .doc-render.documentation.md.dark h5,
body.atmo-style-orbit #help-document .doc-render.documentation.md.dark h6 {
  color: #0f2e5a;
}

body.atmo-style-orbit #help-document .doc-render.documentation.md.dark p,
body.atmo-style-orbit #help-document .doc-render.documentation.md.dark li,
body.atmo-style-orbit #help-document .doc-render.documentation.md.dark td,
body.atmo-style-orbit #help-document .doc-render.documentation.md.dark th {
  color: #304b74;
}

body.atmo-style-orbit #help-document .doc-render.documentation.md.dark a {
  color: #1f56df;
}

body.atmo-style-orbit #help-document .doc-render.documentation.md.dark code {
  background: rgba(221, 234, 255, 0.75);
  color: #173865;
  border: 1px solid rgba(99, 143, 210, 0.2);
}

body.atmo-style-orbit #help-document .doc-render.documentation.md.dark pre code {
  background: linear-gradient(160deg, #122a56 0%, #0f1f44 100%);
  color: #e7f2ff;
  border: 1px solid rgba(179, 213, 255, 0.2);
  border-left: 8px solid #ff8a1e;
}

body.atmo-style-orbit #help-document .doc-render.documentation.md.dark blockquote {
  color: #3d5c89;
  background: rgba(217, 231, 255, 0.45);
  border-left-color: rgba(64, 111, 186, 0.35);
}

body.atmo-style-orbit #help-document .doc-render.documentation.md.dark hr {
  border-color: rgba(56, 103, 178, 0.2);
}

body.atmo-style-orbit #help-document .doc-render.documentation.md.dark tr,
body.atmo-style-orbit #help-document .doc-render.documentation.md.dark td,
body.atmo-style-orbit #help-document .doc-render.documentation.md.dark th {
  border-color: rgba(64, 111, 186, 0.18);
}

#explore-section {
  background:
    radial-gradient(circle at 7% -16%, rgba(0, 180, 212, 0.15), transparent 34%),
    radial-gradient(circle at 90% -8%, rgba(31, 86, 223, 0.12), transparent 33%),
    linear-gradient(180deg, #eef4ff 0%, #f8fbff 56%, #ffffff 100%);
}

#explore-contents {
  background: transparent;
}

#explore-bar {
  background: rgba(248, 251, 255, 0.92);
  border-bottom: 1px solid rgba(20, 38, 71, 0.1);
}

#explore-tags-bar {
  background: rgba(240, 247, 255, 0.95);
  border-bottom: 1px solid rgba(20, 38, 71, 0.1);
}

#explore-search input {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(20, 38, 71, 0.18);
}

#explore-tags div {
  background: rgba(31, 86, 223, 0.08);
  color: #25466f;
  border: 1px solid rgba(20, 38, 71, 0.1);
}

#explore-tags div:hover {
  background: rgba(31, 86, 223, 0.14);
}

#explore-tags div.active {
  background: linear-gradient(135deg, #1f56df 0%, #00b4d4 100%);
  color: #f2f8ff;
  box-shadow: 0 0 0 2px rgba(31, 86, 223, 0.2);
  border-color: transparent;
}

.explore-project-box {
  border: 1px solid rgba(20, 38, 71, 0.14);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(15, 31, 68, 0.12);
}

.explore-project-box:hover {
  box-shadow: 0 20px 40px rgba(15, 31, 68, 0.18);
}

.explore-project-box .poster {
  border-bottom: 1px solid rgba(20, 38, 71, 0.1);
}

.explore-project-title {
  color: #173764;
}

.explore-project-box .explore-infobox,
.explore-project-box .explore-infobox span {
  color: #526481;
}

.explore-project-box .project-tag {
  background: linear-gradient(135deg, #1f56df 0%, #00b4d4 100%);
  box-shadow: 0 4px 12px rgba(15, 31, 68, 0.24);
}

.explore-project-box .run-button {
  background: linear-gradient(135deg, #ff8a1e, #ffab52);
  color: #2a1706;
}

.explore-project-likes {
  background: rgba(31, 86, 223, 0.1);
  border-color: rgba(20, 38, 71, 0.14);
  color: #1f56df;
}

.explore-project-likes.voted {
  color: #fff;
}

.explore-project-box .type-label {
  box-shadow: none;
  color: #f3f8ff;
}

.explore-project-box .type-label.library {
  background: linear-gradient(135deg, #22a36b, #38c98c);
}

.explore-project-box .type-label.plugin {
  background: linear-gradient(135deg, #2f7ef7, #4db4ff);
}

.explore-project-box .type-label.tutorial {
  background: linear-gradient(135deg, #9657e0, #bc75f0);
}

.explore-project-box .type-label.example {
  background: linear-gradient(135deg, #d68a26, #efb14d);
}

.explore-project-box .type-label.template {
  background: linear-gradient(135deg, #5d7cff, #7a91ff);
}

body.atmo-style-orbit header .titlemenu > li i {
  width: auto;
  height: auto;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: currentColor !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

body.atmo-style-orbit header .titlemenu > li:hover i,
body.atmo-style-orbit header .titlemenu > li.selected i {
  transform: translateY(-1px);
  box-shadow: none;
}

#menu-home i { color: inherit; }
#menu-explore i { color: inherit; }
#menu-projects i { color: inherit; }
#menu-help i { color: inherit; }
#menu-forum i { color: inherit; }
#menu-atmocode i { color: inherit; }
#menu-palette i { color: inherit; }
#menu-promo i { color: inherit; }
#menu-telegram i { color: inherit; }
#menu-vk i { color: inherit; }
#menu-assets i { color: inherit; }

@keyframes atmo-menu-icon-glow {
  0% { filter: saturate(1); }
  50% { filter: saturate(1.12); }
  100% { filter: saturate(1); }
}

body.atmo-style-orbit header .titlemenu > li:active i {
  transform: translateY(1px) scale(0.97);
}

body.atmo-style-orbit header .titlemenu > li.selected i {
  animation: none;
}

/* Projects/Create section in light Atmo Orbit */
body.atmo-style-orbit .projects-section {
  background:
    radial-gradient(circle at 12% -18%, rgba(0, 180, 212, 0.12), transparent 34%),
    radial-gradient(circle at 92% -10%, rgba(31, 86, 223, 0.1), transparent 32%),
    linear-gradient(180deg, #eef4ff 0%, #f8fbff 52%, #ffffff 100%);
}

body.atmo-style-orbit #projects-section,
body.atmo-style-orbit #myprojects,
body.atmo-style-orbit #projectview,
body.atmo-style-orbit #project-list-section {
  background:
    radial-gradient(circle at 12% -18%, rgba(0, 180, 212, 0.12), transparent 34%),
    radial-gradient(circle at 92% -10%, rgba(31, 86, 223, 0.1), transparent 32%),
    linear-gradient(180deg, #eef4ff 0%, #f8fbff 52%, #ffffff 100%);
}

body.atmo-style-orbit #myprojects {
  color: #10213f;
}

body.atmo-style-orbit #myprojects .title {
  margin-top: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(20, 38, 71, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 24px rgba(15, 31, 68, 0.12);
}

body.atmo-style-orbit #myprojects .title h1 {
  color: #133867;
}

#create-conversion-strip {
  width: min(1180px, 100%);
  margin: 12px auto 0;
  padding: 0 4px;
  box-sizing: border-box;
}

.create-conversion-strip__inner {
  border-radius: 16px;
  border: 1px solid rgba(20, 38, 71, 0.14);
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.97) 0%,
    rgba(242, 249, 255, 0.95) 100%
  );
  box-shadow: 0 16px 34px rgba(15, 31, 68, 0.12);
  padding: 16px 18px;
}

.create-conversion-strip__inner h2 {
  margin: 0 0 8px;
  color: #153a68;
  font-size: clamp(1.1rem, 1.55vw, 1.55rem);
}

.create-conversion-strip__inner p {
  margin: 0;
  color: #53698f;
  max-width: 74ch;
}

.create-conversion-strip__actions {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.atmo-style-orbit #projects-search input {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(20, 38, 71, 0.16);
}

body.atmo-style-orbit #projects-search i {
  color: rgba(22, 47, 87, 0.42);
}

body.atmo-style-orbit #projects-tags div {
  background: rgba(31, 86, 223, 0.08);
  color: #25466f;
  border: 1px solid rgba(20, 38, 71, 0.1);
}

body.atmo-style-orbit #projects-tags span {
  background: rgba(255, 255, 255, 0.95);
  color: #24456d;
}

body.atmo-style-orbit #projects-tags div.active {
  background: linear-gradient(135deg, #1f56df 0%, #00b4d4 100%);
  color: #f2f8ff;
  box-shadow: 0 0 0 2px rgba(31, 86, 223, 0.2);
}

body.atmo-style-orbit #create-project-button {
  border-radius: 11px;
  background: linear-gradient(135deg, #31c66a, #46d47b);
  color: #11351d;
  border: 1px solid rgba(37, 141, 77, 0.2);
  box-shadow: 0 8px 18px rgba(37, 141, 77, 0.22);
}

body.atmo-style-orbit #import-project-button {
  border-radius: 11px;
  background: linear-gradient(135deg, #2f7ef7, #4db4ff);
  color: #f4f9ff;
  border: 1px solid rgba(47, 126, 247, 0.24);
  box-shadow: 0 8px 18px rgba(24, 84, 180, 0.2);
}

body.atmo-style-orbit .project-list h2 {
  color: rgba(24, 54, 98, 0.55);
}

body.atmo-style-orbit .project-box {
  background: #ffffff;
  border: 1px solid rgba(20, 38, 71, 0.14);
  border-radius: 16px;
  box-shadow: 0 16px 34px rgba(15, 31, 68, 0.12);
}

body.atmo-style-orbit a.project-box {
  color: #132f59;
}

body.atmo-style-orbit .project-box:hover {
  background: #ffffff;
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(15, 31, 68, 0.18);
}

body.atmo-style-orbit .project-box .buttons .button {
  border-radius: 8px;
  font-weight: 700;
  color: #f4f9ff;
}

body.atmo-style-orbit .project-title {
  color: #153661;
}

body.atmo-style-orbit .projectheader {
  height: 98px;
  padding: 10px 16px 0;
  background: rgba(248, 251, 255, 0.95);
  border-bottom: 1px solid rgba(20, 38, 71, 0.12);
  box-shadow: 0 6px 16px rgba(15, 31, 68, 0.1);
}

body.atmo-style-orbit .projectheader #save-status {
  color: #2f7ef7;
}

body.atmo-style-orbit .projectheader #project-name {
  color: #173763;
}

body.atmo-style-orbit #projectheader-tools {
  position: absolute;
  left: 12px;
  right: 170px;
  top: 46px;
}

body.atmo-style-orbit #projectheader-tools-top {
  position: absolute;
  left: 360px;
  right: 170px;
  top: 6px;
  min-height: 34px;
}

body.atmo-style-orbit .projectheader-tools__row {
  display: flex;
  gap: 7px;
  align-items: center;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 4px;
}

body.atmo-style-orbit .projectheader-tools__row::-webkit-scrollbar {
  height: 6px;
}

body.atmo-style-orbit .projectheader-tools__row::-webkit-scrollbar-thumb {
  background: rgba(31, 86, 223, 0.24);
  border-radius: 10px;
}

body.atmo-style-orbit .projectheader-tools__label {
  display: inline-flex;
  align-items: center;
  height: 31px;
  padding: 0 10px;
  border-radius: 10px;
  background: rgba(31, 86, 223, 0.1);
  border: 1px solid rgba(31, 86, 223, 0.16);
  color: #1f56df;
  font-size: 0.78rem;
  font-weight: 800;
}

body.atmo-style-orbit .projectheader-tools__spacer {
  margin-left: auto;
  flex: 1 1 auto;
  min-width: 8px;
}

body.atmo-style-orbit .projecttool-btn {
  appearance: none;
  border: 1px solid rgba(20, 38, 71, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.96);
  color: #234770;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 10px;
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.14s ease, box-shadow 0.14s ease, background 0.14s ease, border-color 0.14s ease, filter 0.14s ease;
}

body.atmo-style-orbit .projecttool-btn:hover {
  transform: translateY(-1px) scale(1.01);
  background: rgba(241, 247, 255, 0.98);
  box-shadow: 0 6px 14px rgba(15, 31, 68, 0.12);
  border-color: rgba(31, 86, 223, 0.28);
}

body.atmo-style-orbit .projecttool-btn:active:not(:disabled) {
  transform: translateY(1px) scale(0.97);
  box-shadow: inset 0 2px 6px rgba(13, 31, 76, 0.16);
  filter: saturate(1.08);
}

body.atmo-style-orbit .projecttool-btn.is-disabled,
body.atmo-style-orbit .projecttool-btn:disabled {
  opacity: 0.45;
  cursor: default;
}

body.atmo-style-orbit .projecttool-btn--mini {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  padding: 0;
  justify-content: center;
}

body.atmo-style-orbit .projecttool-btn--icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  padding: 0;
  justify-content: center;
  border-color: rgba(29, 69, 146, 0.18);
}

body.atmo-style-orbit .projecttool-btn--icon span {
  display: none;
}

body.atmo-style-orbit .projecttool-btn--icon i {
  font-size: 0.95rem;
}

body.atmo-style-orbit .projecttool-btn--icon:hover {
  background: linear-gradient(135deg, rgba(31, 86, 223, 0.14), rgba(0, 180, 212, 0.12));
  box-shadow: 0 7px 16px rgba(21, 66, 160, 0.2);
  border-color: rgba(31, 86, 223, 0.34);
}

body.atmo-style-orbit .projecttool-pair {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 31px;
  padding: 0 7px;
  border-radius: 10px;
  border: 1px solid rgba(20, 38, 71, 0.14);
  background: rgba(255, 255, 255, 0.96);
}

body.atmo-style-orbit .projecttool-pair__label {
  color: #3a5a86;
  font-size: 0.74rem;
  font-weight: 700;
}

body.atmo-style-orbit .projecttool-pair__input {
  width: 44px;
  height: 22px;
  padding: 0 5px;
  border-radius: 6px;
  border: 1px solid rgba(20, 38, 71, 0.14);
  background: #fff;
  color: #173763;
  font-size: 0.78rem;
  font-weight: 700;
}

body.atmo-style-orbit .projecttool-pair__sep {
  color: #4f6b94;
  font-size: 0.74rem;
}

body.atmo-style-orbit .projecttool-text,
body.atmo-style-orbit .projecttool-select {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 31px;
  padding: 0 7px;
  border-radius: 10px;
  border: 1px solid rgba(20, 38, 71, 0.14);
  background: rgba(255, 255, 255, 0.96);
}

body.atmo-style-orbit .projecttool-switch {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 31px;
  padding: 0 7px;
  border-radius: 10px;
  border: 1px solid rgba(20, 38, 71, 0.14);
  background: rgba(255, 255, 255, 0.96);
}

body.atmo-style-orbit .projecttool-switch__label {
  color: #3a5a86;
  font-size: 0.74rem;
  font-weight: 700;
}

body.atmo-style-orbit .projecttool-switch__buttons {
  display: inline-flex;
  gap: 4px;
}

body.atmo-style-orbit .projecttool-switch__button {
  height: 23px;
  padding: 0 8px;
  border-radius: 7px;
  font-size: 0.73rem;
  line-height: 1;
}

body.atmo-style-orbit .projecttool-text__label,
body.atmo-style-orbit .projecttool-select__label {
  color: #3a5a86;
  font-size: 0.74rem;
  font-weight: 700;
}

body.atmo-style-orbit .projecttool-text__input,
body.atmo-style-orbit .projecttool-select__input {
  height: 22px;
  min-width: 86px;
  padding: 0 6px;
  border-radius: 6px;
  border: 1px solid rgba(20, 38, 71, 0.14);
  background: #fff;
  color: #173763;
  font-size: 0.76rem;
  font-weight: 700;
}

body.atmo-style-orbit .projecttool-select__input {
  min-width: 100px;
}

body.atmo-style-orbit .projectheader-tools__placeholder {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #5f769f;
  font-size: 0.8rem;
}

body.atmo-style-orbit .projecttool-btn.is-active {
  background: linear-gradient(135deg, #1f56df 0%, #00b4d4 100%);
  color: #f2f8ff;
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: 0 9px 22px rgba(17, 71, 178, 0.35);
}

body.atmo-style-orbit .doc-mini-panel {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  min-height: 36px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  border-radius: 10px;
  border: 1px solid rgba(20, 38, 71, 0.14);
  background: rgba(248, 252, 255, 0.98);
  box-shadow: 0 7px 16px rgba(15, 31, 68, 0.12);
  overflow-x: auto;
  white-space: nowrap;
}

body.atmo-style-orbit .doc-mini-panel::-webkit-scrollbar {
  height: 6px;
}

body.atmo-style-orbit .doc-mini-panel::-webkit-scrollbar-thumb {
  background: rgba(31, 86, 223, 0.24);
  border-radius: 8px;
}

body.atmo-style-orbit .projectheader #project-fullscreen {
  color: rgba(22, 47, 87, 0.62);
}

body.atmo-style-orbit .projectheader #project-fullscreen:hover {
  background: rgba(31, 86, 223, 0.12);
  color: #1f56df;
}

body.atmo-style-orbit .projectheader .backtoprojects {
  border-radius: 10px;
  background: linear-gradient(135deg, #ff8a1e, #ffab52);
  color: #2a1706;
}

body.atmo-style-orbit .projectheader #active-project-users div {
  background: linear-gradient(135deg, #2f7ef7, #4db4ff);
  color: #f4f9ff;
}

body.atmo-style-orbit .sidemenu {
  top: 98px;
  width: 66px;
  background: rgba(246, 251, 255, 0.96);
  border-right: 1px solid rgba(20, 38, 71, 0.1);
}

body.atmo-style-orbit .sidemenu ul {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 4px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

body.atmo-style-orbit .sidemenu li {
  width: 100%;
  min-height: 32px;
  margin: 0;
  padding: 4px 5px;
  border-radius: 10px;
  border: 1px solid rgba(20, 38, 71, 0.12);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: none;
  color: #234770;
  font-size: 0.57rem;
  font-weight: 700;
  line-height: 1.1;
  display: flex;
  align-items: center;
  gap: 4px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease, background 0.14s ease, filter 0.14s ease, color 0.14s ease;
}

body.atmo-style-orbit .sidemenu li i {
  font-size: 0.85rem;
  width: 14px;
  height: 14px;
  text-align: center;
  flex: 0 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: currentColor !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

body.atmo-style-orbit .sidemenu li span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.atmo-style-orbit .sidemenu li#menuitem-tabs {
  justify-content: center;
}

body.atmo-style-orbit .sidemenu li[id^="menuitem-"].selected {
  width: 100% !important;
  border-left: 1px solid rgba(255, 255, 255, 0.22) !important;
}

body.atmo-style-orbit .sidemenu li#menuitem-code.selected {
  border-color: rgba(246, 113, 113, 0.55) !important;
}

body.atmo-style-orbit .sidemenu li#menuitem-sprites.selected {
  border-color: rgba(251, 191, 36, 0.58) !important;
}

body.atmo-style-orbit .sidemenu li#menuitem-maps.selected {
  border-color: rgba(74, 222, 128, 0.55) !important;
}

body.atmo-style-orbit .sidemenu li#menuitem-assets.selected {
  border-color: rgba(96, 165, 250, 0.58) !important;
}

body.atmo-style-orbit .sidemenu li#menuitem-sounds.selected {
  border-color: rgba(139, 92, 246, 0.56) !important;
}

body.atmo-style-orbit .sidemenu li#menuitem-music.selected {
  border-color: rgba(236, 72, 153, 0.56) !important;
}

body.atmo-style-orbit .sidemenu li#menuitem-doc.selected {
  border-color: rgba(59, 130, 246, 0.58) !important;
}

body.atmo-style-orbit .sidemenu li#menuitem-sync.selected {
  border-color: rgba(167, 139, 250, 0.58) !important;
}

body.atmo-style-orbit .sidemenu li#menuitem-options.selected {
  border-color: rgba(147, 197, 253, 0.58) !important;
}

body.atmo-style-orbit .sidemenu li#menuitem-publish.selected {
  border-color: rgba(251, 146, 60, 0.58) !important;
}

body.atmo-style-orbit .sidemenu li:hover {
  transform: translateY(-1px) scale(1.01);
  background-color: rgba(241, 247, 255, 0.98);
  border-color: rgba(31, 86, 223, 0.28);
  box-shadow: 0 6px 14px rgba(15, 31, 68, 0.12);
  color: #234770;
}

body.atmo-style-orbit .sidemenu li:active {
  transform: translateY(1px) scale(0.97);
  box-shadow: inset 0 2px 6px rgba(13, 31, 76, 0.16);
  filter: saturate(1.08);
}

body.atmo-style-orbit .sidemenu .selected,
body.atmo-style-orbit .sidemenu .selected:hover {
  background: linear-gradient(135deg, #1f56df 0%, #00b4d4 100%);
  color: #f2f8ff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 9px 22px rgba(17, 71, 178, 0.35);
}

body.atmo-style-orbit .sidemenu li:hover i,
body.atmo-style-orbit .sidemenu li.selected i {
  transform: translateY(-1px);
  box-shadow: none;
}

body.atmo-style-orbit .sidemenu li:active i {
  transform: translateY(1px) scale(0.97);
}

#menuitem-code i { color: inherit; }
#menuitem-sprites i { color: inherit; }
#menuitem-maps i { color: inherit; }
#menuitem-assets i { color: inherit; }
#menuitem-sounds i { color: inherit; }
#menuitem-music i { color: inherit; }
#menuitem-doc i { color: inherit; }
#menuitem-sync i { color: inherit; }
#menuitem-options i { color: inherit; }
#menuitem-publish i { color: inherit; }
#menuitem-tabs i { color: inherit; }

body.atmo-style-orbit .section-container {
  top: 98px;
  left: 66px;
  border-left: 1px solid rgba(20, 38, 71, 0.1);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.92);
}

body.atmo-style-orbit .projectview.sidebar-collapsed .sidemenu {
  left: -66px;
}

body.atmo-style-orbit .projectview.sidebar-collapsed .sidemenu li.selected {
  left: 66px;
}

body.atmo-style-orbit #create-project-window {
  background: #f8fbff;
  border: 1px solid rgba(20, 38, 71, 0.14);
  box-shadow: 0 18px 38px rgba(15, 31, 68, 0.18);
}

body.atmo-style-orbit #create-project-window button {
  background: linear-gradient(135deg, #2f7ef7, #4db4ff);
}

body.atmo-style-orbit #code-section,
body.atmo-style-orbit #gameplay-section,
body.atmo-style-orbit #sprites-section,
body.atmo-style-orbit #maps-section,
body.atmo-style-orbit #assets-section,
body.atmo-style-orbit #sounds-section,
body.atmo-style-orbit #music-section,
body.atmo-style-orbit #doc-section,
body.atmo-style-orbit #options-section,
body.atmo-style-orbit #publish-section {
  background: linear-gradient(180deg, #f5f9ff 0%, #ffffff 100%);
  color: #173763;
}

body.atmo-style-orbit .code-editor,
body.atmo-style-orbit #code-editor,
body.atmo-style-orbit .assets-left,
body.atmo-style-orbit .assets-right,
body.atmo-style-orbit .maps-left,
body.atmo-style-orbit .maps-right,
body.atmo-style-orbit .sounds-right,
body.atmo-style-orbit .music-right {
  background: rgba(245, 250, 255, 0.96);
}

body.atmo-style-orbit .assets-bar,
body.atmo-style-orbit .assetbar,
body.atmo-style-orbit .runbar,
body.atmo-style-orbit .runtime-splitbar,
body.atmo-style-orbit .mapbar,
body.atmo-style-orbit .spritetools,
body.atmo-style-orbit .spritetooloptions,
body.atmo-style-orbit .spritebar {
  background: rgba(247, 251, 255, 0.97) !important;
  color: #1f3f72 !important;
  border-color: rgba(20, 38, 71, 0.12) !important;
}

body.atmo-style-orbit .code-toolbar.assetinfo,
body.atmo-style-orbit .spriteinfo,
body.atmo-style-orbit .mapinfo,
body.atmo-style-orbit .assets-right > .assetinfo,
body.atmo-style-orbit .sounds-right > .assetinfo,
body.atmo-style-orbit .music-right > .assetinfo {
  display: none !important;
}

body.atmo-style-orbit #code-section .assets-bar,
body.atmo-style-orbit #sprites-section .assets-bar,
body.atmo-style-orbit #maps-section .assets-bar,
body.atmo-style-orbit #assets-section .assets-bar,
body.atmo-style-orbit #sounds-section .assets-bar,
body.atmo-style-orbit #music-section .assets-bar,
body.atmo-style-orbit #create-source-button,
body.atmo-style-orbit #create-sprite-button,
body.atmo-style-orbit #create-map-button,
body.atmo-style-orbit #create-asset-button,
body.atmo-style-orbit #create-sound-button,
body.atmo-style-orbit #create-music-button {
  display: none !important;
}

body.atmo-style-orbit #code-section .assetlist,
body.atmo-style-orbit #assets-section .assetlist,
body.atmo-style-orbit #sounds-section .assetlist,
body.atmo-style-orbit #music-section .assetlist,
body.atmo-style-orbit #maps-section #maplist {
  top: 0 !important;
}

body.atmo-style-orbit #doc-editor {
  top: 52px !important;
}

body.atmo-style-orbit #doc-view,
body.atmo-style-orbit #doc-splitbar {
  top: 52px !important;
}

body.atmo-style-orbit #spritelist {
  bottom: 2px !important;
}

body.atmo-style-orbit #musiclist {
  bottom: 0 !important;
}

body.atmo-style-orbit #editor-view {
  top: 0 !important;
}

body.atmo-style-orbit #editor-locked,
body.atmo-style-orbit #sprite-editor-locked,
body.atmo-style-orbit #map-editor-locked {
  top: 16px !important;
}

body.atmo-style-orbit #spriteeditorcontainer,
body.atmo-style-orbit #mapeditor-container,
body.atmo-style-orbit #asset-viewer,
body.atmo-style-orbit #sample-editor,
body.atmo-style-orbit #music-editor {
  top: 0 !important;
}

body.atmo-style-orbit .horizontal-splitbar,
body.atmo-style-orbit .code-splitbar,
body.atmo-style-orbit .sprites-splitbar,
body.atmo-style-orbit .maps-splitbar,
body.atmo-style-orbit .music-splitbar,
body.atmo-style-orbit .mapeditor-splitbar,
body.atmo-style-orbit #code-editor-splitbar,
body.atmo-style-orbit #assets-splitbar,
body.atmo-style-orbit #sounds-splitbar,
body.atmo-style-orbit #music-splitbar,
body.atmo-style-orbit #doc-splitbar,
body.atmo-style-orbit #runtime-server-splitbar,
body.atmo-style-orbit #debug-splitbar {
  background: linear-gradient(180deg, rgba(211, 227, 255, 0.95), rgba(189, 212, 249, 0.95)) !important;
  border-left: 1px solid rgba(31, 86, 223, 0.18) !important;
  border-right: 1px solid rgba(31, 86, 223, 0.18) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}

body.atmo-style-orbit .runtime-splitbar {
  background: linear-gradient(180deg, rgba(220, 234, 255, 0.95), rgba(199, 220, 252, 0.95)) !important;
  border-top: 1px solid rgba(31, 86, 223, 0.18) !important;
  border-bottom: 1px solid rgba(31, 86, 223, 0.24) !important;
}

body.atmo-style-orbit #runtime-console-view,
body.atmo-style-orbit #terminal-debug-container,
body.atmo-style-orbit #terminal,
body.atmo-style-orbit #debug-main-view,
body.atmo-style-orbit #runtime-server-view {
  background: linear-gradient(180deg, #eef5ff 0%, #ffffff 100%) !important;
  color: #1f3f72 !important;
}

body.atmo-style-orbit #device {
  background: rgb(227, 246, 255) !important;
}

body.atmo-style-orbit #runbar #run-button,
body.atmo-style-orbit #runbar #pause-button,
body.atmo-style-orbit #runbar #reload-button,
body.atmo-style-orbit #runbar #detach-button,
body.atmo-style-orbit #runbar #qrcode-button {
  display: none !important;
}

body.atmo-style-orbit #terminal-toolbar,
body.atmo-style-orbit #debug-main-toolbar,
body.atmo-style-orbit #debug-watch-bar,
body.atmo-style-orbit #debug-timemachine-bar {
  background: rgba(240, 248, 255, 0.98) !important;
  color: #173763 !important;
  border-bottom: 1px solid rgba(20, 38, 71, 0.14) !important;
}

body.atmo-style-orbit #terminal-toolbar .buttons div,
body.atmo-style-orbit #debug-main-toolbar > div,
body.atmo-style-orbit #debug-watch-bar .type {
  background: rgba(31, 86, 223, 0.12) !important;
  color: #1f56df !important;
  border: 1px solid rgba(31, 86, 223, 0.18);
  border-radius: 8px;
}

body.atmo-style-orbit .qrcode-popup {
  background: rgba(248, 252, 255, 0.98);
  border: 1px solid rgba(20, 38, 71, 0.14);
  box-shadow: 0 10px 24px rgba(15, 31, 68, 0.2);
}

body.atmo-style-orbit .qrcode-popup .popup-drag-header {
  background: linear-gradient(135deg, rgba(31, 86, 223, 0.14), rgba(0, 180, 212, 0.12));
  border-bottom: 1px solid rgba(20, 38, 71, 0.14);
}

body.atmo-style-orbit .qrcode-popup .popup-drag-title {
  color: #173763;
}

body.atmo-style-orbit .qrcode-popup .popup-drag-close {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(20, 38, 71, 0.18);
  color: #173763;
}

body.atmo-style-orbit .qrcode-popup .qrcode-popup-link {
  color: #1f56df;
}

body.atmo-style-orbit .qrcode-popup .qrcode-popup-copy {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(20, 38, 71, 0.18);
  color: #173763;
}

body.atmo-style-orbit .qrcode-popup .qrcode-popup-copy:hover {
  background: rgba(241, 247, 255, 0.98);
  border-color: rgba(31, 86, 223, 0.28);
}

body.atmo-style-orbit #terminal-toolbar .buttons div:hover,
body.atmo-style-orbit #debug-main-toolbar > div:hover,
body.atmo-style-orbit #debug-watch-bar .type:hover {
  background: rgba(31, 86, 223, 0.2) !important;
}

body.atmo-style-orbit #terminal-view,
body.atmo-style-orbit #debug-watch-content,
body.atmo-style-orbit #runtime-console-view .terminal {
  background: #fff !important;
  color: #1c355d !important;
}

body.atmo-style-orbit #terminal-lines {
  color: #1c355d !important;
}

body.atmo-style-orbit #terminal-input-line {
  background: rgba(244, 250, 255, 1) !important;
  border-top: 1px solid rgba(31, 86, 223, 0.16) !important;
}

body.atmo-style-orbit #terminal-input,
body.atmo-style-orbit #debug-watch-filter,
body.atmo-style-orbit #console-options input {
  background: #fff !important;
  color: #153661 !important;
  border: 1px solid rgba(20, 38, 71, 0.18) !important;
}

body.atmo-style-orbit #console-options {
  background: rgba(248, 252, 255, 0.98) !important;
  color: #234770 !important;
  border: 1px solid rgba(20, 38, 71, 0.16) !important;
}

body.atmo-style-orbit.atmo-editor-light .ace_editor,
body.atmo-style-orbit.atmo-editor-light #editor-view {
  background: linear-gradient(180deg, #f3f8ff 0%, #ffffff 100%) !important;
}

body.atmo-style-orbit.atmo-editor-light .ace_gutter {
  background: #e8f1ff !important;
  color: #4a628a !important;
}

body.atmo-style-orbit.atmo-editor-light .ace_marker-layer .ace_active-line {
  background: rgba(31, 86, 223, 0.08) !important;
}

body.atmo-style-orbit.atmo-editor-light .ace_marker-layer .ace_selection {
  background: rgba(31, 86, 223, 0.16) !important;
}

body.atmo-style-orbit .assetlist,
body.atmo-style-orbit .maplist,
body.atmo-style-orbit .musiclist,
body.atmo-style-orbit .spritelist,
body.atmo-style-orbit .source-list {
  background: rgba(31, 86, 223, 0.06) !important;
}

body.atmo-style-orbit .source-list-item {
  background: rgba(255, 255, 255, 0.85) !important;
  color: #1f3f72;
}

body.atmo-style-orbit .source-list-item.selected {
  background: rgba(31, 86, 223, 0.18) !important;
}

body.atmo-style-orbit .source-list-item input,
body.atmo-style-orbit .assetlist .folder-title input,
body.atmo-style-orbit .mapinfo input,
body.atmo-style-orbit .spriteinfo input,
body.atmo-style-orbit .projectoption input,
body.atmo-style-orbit .projectoption select,
body.atmo-style-orbit .publish-box input,
body.atmo-style-orbit .publish-box textarea {
  background: #fff !important;
  color: #18365f !important;
  border: 1px solid rgba(20, 38, 71, 0.16) !important;
}

body.atmo-style-orbit .assetlist .folder-title,
body.atmo-style-orbit .projectoption,
body.atmo-style-orbit .projectoption .tip,
body.atmo-style-orbit .publish-box,
body.atmo-style-orbit .publish-box .tip,
body.atmo-style-orbit .publish-text,
body.atmo-style-orbit #projectoptions,
body.atmo-style-orbit #projectoptions h3,
body.atmo-style-orbit #projectoptions label {
  color: #24456d !important;
}

body.atmo-style-orbit .asset-box {
  background: #fff !important;
  border: 1px solid rgba(20, 38, 71, 0.14);
  box-shadow: 0 8px 18px rgba(15, 31, 68, 0.12);
}

body.atmo-style-orbit .asset-box.selected,
body.atmo-style-orbit .map-box.selected,
body.atmo-style-orbit .sprite-box.selected {
  background: rgba(31, 86, 223, 0.16) !important;
  border-color: rgba(31, 86, 223, 0.35) !important;
}

body.atmo-style-orbit #sample-editor,
body.atmo-style-orbit #music-editor {
  background: #eff6ff !important;
}

body.atmo-style-orbit #music-editor p,
body.atmo-style-orbit #sample-editor p {
  color: #2b4b76 !important;
}

body.atmo-style-orbit #publish-section,
body.atmo-style-orbit #options-section,
body.atmo-style-orbit #tabs-section,
body.atmo-style-orbit #doc-section {
  border-top-color: rgba(20, 38, 71, 0.16) !important;
}

body.atmo-style-orbit #doc-section .doc-view {
  background: #fff;
}

body.atmo-style-orbit #doc-section .doc-render {
  color: #1f3f72;
}

body.atmo-style-orbit #doc-section .doc-render h1,
body.atmo-style-orbit #doc-section .doc-render h2,
body.atmo-style-orbit #doc-section .doc-render h3,
body.atmo-style-orbit #doc-section .doc-render h4,
body.atmo-style-orbit #doc-section .doc-render h5,
body.atmo-style-orbit #doc-section .doc-render h6 {
  color: #173763;
}

body.atmo-style-orbit #doc-section .doc-render pre code {
  background: linear-gradient(160deg, #122a56 0%, #0f1f44 100%);
  color: #e7f2ff;
}

body.atmo-style-orbit #code-theme-toggle.selected {
  background: linear-gradient(135deg, #1f56df 0%, #00b4d4 100%);
  color: #f2f8ff;
}

body.atmo-style-orbit #code-theme-toggle.theme-light {
  background: linear-gradient(180deg, #ffffff 0%, #e9f3ff 100%);
  color: #163e68;
}

body.atmo-style-orbit #code-theme-toggle.theme-gray {
  background: linear-gradient(180deg, #f2f4f7 0%, #dfe4eb 100%);
  border-color: rgba(96, 112, 134, 0.34);
  color: #2c3a4d;
}

body.atmo-style-orbit #code-theme-toggle.theme-dark {
  background: linear-gradient(135deg, #6f93f5 0%, #c472ff 100%);
  color: #f7f8ff;
}

/* Atmo Orbit: user menu + account pages */
body.atmo-style-orbit .usermenu {
  top: 60px;
  right: 8px;
  border-radius: 12px;
  border: 1px solid rgba(20, 38, 71, 0.14);
  background: linear-gradient(180deg, rgba(248, 252, 255, 0.98), rgba(239, 247, 255, 0.96));
  box-shadow: 0 14px 28px rgba(15, 31, 68, 0.18);
  z-index: 70;
  backdrop-filter: blur(4px);
}

body.atmo-style-orbit .usermenu div {
  min-height: 42px;
  box-sizing: border-box;
  padding: 10px 14px 10px 12px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-top: 0;
  color: #234770;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  transition: transform 0.14s ease, box-shadow 0.14s ease, background 0.14s ease, filter 0.14s ease, color 0.14s ease;
}

body.atmo-style-orbit .usermenu div + div {
  border-top: 1px solid rgba(20, 38, 71, 0.1);
}

body.atmo-style-orbit .usermenu div i {
  margin-right: 0;
  width: 16px;
  flex: 0 0 16px;
  text-align: center;
  color: inherit;
}

body.atmo-style-orbit .usermenu div:hover {
  transform: translateY(-1px) scale(1.01);
  background: rgba(241, 247, 255, 0.98);
  box-shadow: 0 6px 14px rgba(15, 31, 68, 0.12);
  color: #234770;
  padding-left: 12px;
}

body.atmo-style-orbit .usermenu div:active {
  transform: translateY(1px) scale(0.98);
  box-shadow: inset 0 2px 6px rgba(13, 31, 76, 0.16);
  filter: saturate(1.08);
}

body.atmo-style-orbit .usermenu .discard-account {
  background: rgba(255, 93, 116, 0.08);
  color: #9e2740;
  border-top-color: rgba(255, 93, 116, 0.22);
}

body.atmo-style-orbit #usersettings-section {
  background:
    radial-gradient(circle at 7% -12%, rgba(0, 180, 212, 0.12), transparent 34%),
    radial-gradient(circle at 91% -8%, rgba(31, 86, 223, 0.1), transparent 32%),
    linear-gradient(180deg, #eef4ff 0%, #f8fbff 52%, #ffffff 100%);
  color: #1d3f70;
  padding: 74px 20px 22px;
}

body.atmo-style-orbit #usersettings {
  max-width: 1160px;
  margin: 0 auto;
}

body.atmo-style-orbit #usersettings .section-content {
  top: 84px;
}

body.atmo-style-orbit #usersettings-menu {
  top: 4px;
  left: 0;
  right: 0;
  padding-top: 0;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  white-space: nowrap;
}

body.atmo-style-orbit #usersettings-menu div {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 10px;
  margin: 0;
  border-radius: 10px;
  border: 1px solid rgba(20, 38, 71, 0.12);
  background: rgba(255, 255, 255, 0.96);
  color: #234770;
  font-size: 0.78rem;
  font-weight: 700;
  transition: transform 0.14s ease, box-shadow 0.14s ease, background 0.14s ease, border-color 0.14s ease, filter 0.14s ease, color 0.14s ease;
}

body.atmo-style-orbit #usersettings-menu div i {
  margin-left: 0;
  width: 14px;
  text-align: center;
  color: inherit;
}

body.atmo-style-orbit #usersettings-menu div:hover {
  transform: translateY(-1px) scale(1.01);
  background: rgba(241, 247, 255, 0.98);
  border-color: rgba(31, 86, 223, 0.28);
  box-shadow: 0 6px 14px rgba(15, 31, 68, 0.12);
  color: #234770;
}

body.atmo-style-orbit #usersettings-menu div:active {
  transform: translateY(1px) scale(0.98);
  box-shadow: inset 0 2px 6px rgba(13, 31, 76, 0.16);
  filter: saturate(1.08);
}

body.atmo-style-orbit #usersettings-menu div.selected {
  background: linear-gradient(135deg, #1f56df 0%, #00b4d4 100%);
  color: #f2f8ff;
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: 0 9px 22px rgba(17, 71, 178, 0.35);
}

body.atmo-style-orbit .usersettings-page {
  padding: 20px 22px 24px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(20, 38, 71, 0.12);
  border-radius: 16px;
  box-shadow: 0 14px 30px rgba(15, 31, 68, 0.12);
}

body.atmo-style-orbit .usersettings h1 {
  margin: 0 0 20px;
  color: #173763;
}

body.atmo-style-orbit .usersettings h2,
body.atmo-style-orbit .usersettings h3,
body.atmo-style-orbit .usersettings p,
body.atmo-style-orbit .usersettings label {
  color: #1f3f72;
}

body.atmo-style-orbit .usersettings .tip {
  color: #5b7097;
  font-size: 0.76rem;
}

body.atmo-style-orbit .usersetting {
  margin-bottom: 24px;
  padding: 14px 16px;
  border: 1px solid rgba(20, 38, 71, 0.1);
  border-radius: 12px;
  background: rgba(250, 253, 255, 0.98);
}

body.atmo-style-orbit .usersettings input,
body.atmo-style-orbit .usersettings textarea {
  border: 1px solid rgba(20, 38, 71, 0.14);
  border-radius: 10px;
  background: #fff;
  color: #173763;
  width: min(520px, 95%);
  font-size: 0.92rem;
  padding: 7px 9px;
}

body.atmo-style-orbit .usersettings textarea {
  width: min(760px, 97%);
  min-height: 140px;
  resize: vertical;
  margin: 6px 8px 6px 0;
}

body.atmo-style-orbit .usersettings input::placeholder,
body.atmo-style-orbit .usersettings textarea::placeholder {
  color: #89a0c5;
}

body.atmo-style-orbit .usersettings input:focus,
body.atmo-style-orbit .usersettings textarea:focus {
  outline: none;
  border-color: rgba(31, 86, 223, 0.34);
  box-shadow: 0 0 0 3px rgba(31, 86, 223, 0.12);
}

body.atmo-style-orbit .usersettings .validate-button-container {
  width: auto;
  height: 34px;
}

body.atmo-style-orbit .usersettings .validate-button,
body.atmo-style-orbit .usersetting .button,
body.atmo-style-orbit #translation-app-back-button {
  border: 1px solid rgba(20, 38, 71, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.96);
  color: #234770;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 10px;
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.14s ease, box-shadow 0.14s ease, background 0.14s ease, border-color 0.14s ease, filter 0.14s ease;
  box-shadow: none;
}

body.atmo-style-orbit .usersettings .validate-button:hover,
body.atmo-style-orbit .usersetting .button:hover,
body.atmo-style-orbit #translation-app-back-button:hover {
  transform: translateY(-1px) scale(1.01);
  background: rgba(241, 247, 255, 0.98);
  box-shadow: 0 6px 14px rgba(15, 31, 68, 0.12);
  border-color: rgba(31, 86, 223, 0.28);
}

body.atmo-style-orbit .usersettings .validate-button:active,
body.atmo-style-orbit .usersetting .button:active,
body.atmo-style-orbit #translation-app-back-button:active {
  transform: translateY(1px) scale(0.98);
  box-shadow: inset 0 2px 6px rgba(13, 31, 76, 0.16);
  filter: saturate(1.08);
}

body.atmo-style-orbit .usersettings .error {
  color: #c83f56;
  width: auto;
}

body.atmo-style-orbit #usersettings-profile-image {
  border-radius: 12px;
  border: 1px dashed rgba(20, 38, 71, 0.2);
  background: rgba(248, 252, 255, 0.92);
}

body.atmo-style-orbit #usersettings-profile-image .fa-user-circle {
  background: rgba(31, 86, 223, 0.08);
  color: rgba(31, 86, 223, 0.42);
}

body.atmo-style-orbit #usersettings-profile-image .fa-user-circle.dragover {
  background: rgba(0, 180, 212, 0.12);
  color: rgba(0, 132, 157, 0.66);
}

body.atmo-style-orbit #usersettings-profile-image .fa-times-circle {
  color: #d64f67;
}

body.atmo-style-orbit #usersettings-profile-image img {
  border-radius: 12px;
}

body.atmo-style-orbit #usersettings-profile-image img:hover {
  border-radius: 10px;
}

body.atmo-style-orbit #user-progress-statistics,
body.atmo-style-orbit #user-progress-level {
  text-align: left;
  margin-bottom: 20px;
  padding: 4px 0;
}

body.atmo-style-orbit .user-progress-stat {
  padding: 12px 14px;
  margin: 6px 8px 6px 0;
  border-radius: 12px;
  border: 1px solid rgba(20, 38, 71, 0.12);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 8px 18px rgba(15, 31, 68, 0.1);
  min-width: 140px;
}

body.atmo-style-orbit #user-progress-level .user-progress-stat {
  width: 210px;
  background: linear-gradient(135deg, rgba(31, 86, 223, 0.12), rgba(0, 180, 212, 0.1));
}

body.atmo-style-orbit .user-progress-stat-value {
  color: #173763;
}

body.atmo-style-orbit .user-progress-stat .unit,
body.atmo-style-orbit .user-progress-stat-label {
  color: #58709a;
}

body.atmo-style-orbit #number-of-achievements {
  color: #58709a;
}

body.atmo-style-orbit #user-progress-achievements {
  display: grid;
  gap: 10px;
}

body.atmo-style-orbit .user-progress-achievement {
  border-radius: 12px;
  border: 1px solid rgba(20, 38, 71, 0.12);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 8px 18px rgba(15, 31, 68, 0.1);
  color: #1f3f72;
  overflow: hidden;
  margin: 0;
  padding: 12px 12px 8px;
}

body.atmo-style-orbit .user-progress-achievement .story {
  color: #59739d;
}

body.atmo-style-orbit .user-progress-achievement .bonus {
  background: linear-gradient(135deg, #1f56df 0%, #00b4d4 100%);
  color: #f2f8ff;
  border-radius: 12px;
  font-size: 0.8rem;
}

body.atmo-style-orbit .user-progress-achievement .date {
  color: #6380ab;
  font-size: 0.8rem;
}

body.atmo-style-orbit #user-progress-notifications {
  z-index: 80;
}

body.atmo-style-orbit .user-progress-notification {
  border: 1px solid rgba(20, 38, 71, 0.14);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 14px 28px rgba(15, 31, 68, 0.18);
  color: #1f3f72;
}

body.atmo-style-orbit .user-progress-notification .close {
  background: linear-gradient(135deg, #ff6b85, #ff8ea0);
}

/* Atmo Orbit Dark: Visual Studio Dark+ with fuchsia/violet accents */
body.atmo-style-orbit.atmo-theme-dark {
  --orbitd-bg: #171a22;
  --orbitd-bg-2: #1d2230;
  --orbitd-panel: #202738;
  --orbitd-panel-2: #242c3f;
  --orbitd-line: rgba(169, 144, 255, 0.28);
  --orbitd-text: #d8dcef;
  --orbitd-muted: #9ca7c2;
  --orbitd-accent: #7aa2f7;
  --orbitd-accent-2: #b983ff;
  --orbitd-accent-3: #da72ff;
  color: var(--orbitd-text);
  background:
    radial-gradient(circle at 6% -14%, rgba(122, 162, 247, 0.14), transparent 34%),
    radial-gradient(circle at 96% -18%, rgba(218, 114, 255, 0.15), transparent 34%),
    linear-gradient(180deg, #14171f 0%, #171a22 52%, #141822 100%);
}

body.atmo-style-orbit.atmo-theme-dark .home-section,
body.atmo-style-orbit.atmo-theme-dark #projects-section,
body.atmo-style-orbit.atmo-theme-dark #myprojects,
body.atmo-style-orbit.atmo-theme-dark #projectview,
body.atmo-style-orbit.atmo-theme-dark #project-list-section {
  background:
    radial-gradient(circle at 10% -18%, rgba(122, 162, 247, 0.13), transparent 32%),
    radial-gradient(circle at 94% -14%, rgba(206, 96, 255, 0.13), transparent 32%),
    linear-gradient(180deg, #141821 0%, #171b24 52%, #141822 100%) !important;
  color: var(--orbitd-text) !important;
}

body.atmo-style-orbit.atmo-theme-dark header {
  background:
    radial-gradient(circle at 0% -95%, rgba(122, 162, 247, 0.18), transparent 38%),
    linear-gradient(180deg, rgba(29, 34, 48, 0.95), rgba(24, 29, 42, 0.95));
  border-bottom-color: var(--orbitd-line);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
}

body.atmo-style-orbit.atmo-theme-dark header .titlemenu > li,
body.atmo-style-orbit.atmo-theme-dark #language-setting,
body.atmo-style-orbit.atmo-theme-dark header .username,
body.atmo-style-orbit.atmo-theme-dark #header-progress-summary {
  background: linear-gradient(180deg, var(--orbitd-panel-2), var(--orbitd-panel));
  border-color: rgba(169, 144, 255, 0.24);
  color: var(--orbitd-text);
  box-shadow: none;
}

body.atmo-style-orbit.atmo-theme-dark #language-setting i,
body.atmo-style-orbit.atmo-theme-dark .language-choice i,
body.atmo-style-orbit.atmo-theme-dark #header-progress-level,
body.atmo-style-orbit.atmo-theme-dark #user-nick,
body.atmo-style-orbit.atmo-theme-dark header .username i,
body.atmo-style-orbit.atmo-theme-dark header .username span {
  color: var(--orbitd-text) !important;
}

body.atmo-style-orbit.atmo-theme-dark .language-menu {
  background: linear-gradient(180deg, #22283a, #1d2332);
  border-color: rgba(169, 144, 255, 0.28);
}

body.atmo-style-orbit.atmo-theme-dark #header-progress-xp {
  background: linear-gradient(135deg, #c472ff, #7a8fff);
  color: #1a1230;
}

body.atmo-style-orbit.atmo-theme-dark header .titlemenu > li:hover {
  background: linear-gradient(180deg, #2a3145, #232b3f);
  border-color: rgba(169, 144, 255, 0.38);
  color: var(--orbitd-text);
}

body.atmo-style-orbit.atmo-theme-dark header .titlemenu > li.selected {
  background: linear-gradient(135deg, #6f93f5 0%, #c472ff 100%);
  border-color: rgba(255, 255, 255, 0.2);
  color: #f7f8ff;
}

body.atmo-style-orbit.atmo-theme-dark .atmo-home-hero__content,
body.atmo-style-orbit.atmo-theme-dark .home-trust-strip__item,
body.atmo-style-orbit.atmo-theme-dark .home-quickstart__step,
body.atmo-style-orbit.atmo-theme-dark .roadmap-placeholder,
body.atmo-style-orbit.atmo-theme-dark .feedback-form,
body.atmo-style-orbit.atmo-theme-dark .contacts {
  background: linear-gradient(180deg, #22283a 0%, #1f2536 100%);
  border-color: rgba(169, 144, 255, 0.24);
  color: var(--orbitd-text);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34);
}

body.atmo-style-orbit.atmo-theme-dark .home-section p,
body.atmo-style-orbit.atmo-theme-dark .home-section li,
body.atmo-style-orbit.atmo-theme-dark .home-section .tip,
body.atmo-style-orbit.atmo-theme-dark .home-roadmap-placeholder p {
  color: var(--orbitd-muted) !important;
}

body.atmo-style-orbit.atmo-theme-dark .atmo-home-hero h1,
body.atmo-style-orbit.atmo-theme-dark .home-section h2,
body.atmo-style-orbit.atmo-theme-dark .home-section h3 {
  color: #edf1ff !important;
}

body.atmo-style-orbit.atmo-theme-dark .projectheader {
  background: rgba(30, 35, 48, 0.96);
  border-bottom-color: rgba(169, 144, 255, 0.2);
}

body.atmo-style-orbit.atmo-theme-dark #project-name,
body.atmo-style-orbit.atmo-theme-dark #save-status {
  color: var(--orbitd-text);
}

body.atmo-style-orbit.atmo-theme-dark .projectheader-tools__row,
body.atmo-style-orbit.atmo-theme-dark .doc-mini-panel {
  background: rgba(29, 35, 50, 0.96);
  border-color: rgba(169, 144, 255, 0.24);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.36);
}

body.atmo-style-orbit.atmo-theme-dark .projecttool-btn,
body.atmo-style-orbit.atmo-theme-dark .projecttool-pair,
body.atmo-style-orbit.atmo-theme-dark .projecttool-text,
body.atmo-style-orbit.atmo-theme-dark .projecttool-select,
body.atmo-style-orbit.atmo-theme-dark .projecttool-switch {
  background: linear-gradient(180deg, #262d41, #202739);
  border-color: rgba(169, 144, 255, 0.24);
  color: var(--orbitd-text);
}

body.atmo-style-orbit.atmo-theme-dark .projecttool-btn:hover,
body.atmo-style-orbit.atmo-theme-dark .projecttool-btn--icon:hover {
  background: linear-gradient(180deg, #2d3550, #262d44);
  border-color: rgba(169, 144, 255, 0.36);
}

body.atmo-style-orbit.atmo-theme-dark .projecttool-btn.is-active,
body.atmo-style-orbit.atmo-theme-dark #code-theme-toggle.selected {
  background: linear-gradient(135deg, #6f93f5 0%, #c472ff 100%);
  color: #f7f8ff;
  border-color: rgba(255, 255, 255, 0.22);
  box-shadow: 0 9px 22px rgba(77, 44, 120, 0.45);
}

body.atmo-style-orbit.atmo-theme-dark .projecttool-pair__input,
body.atmo-style-orbit.atmo-theme-dark .projecttool-text__input,
body.atmo-style-orbit.atmo-theme-dark .projecttool-select__input,
body.atmo-style-orbit.atmo-theme-dark #terminal-input,
body.atmo-style-orbit.atmo-theme-dark #debug-watch-filter,
body.atmo-style-orbit.atmo-theme-dark #console-options input,
body.atmo-style-orbit.atmo-theme-dark .source-list-item input,
body.atmo-style-orbit.atmo-theme-dark .assetlist .folder-title input,
body.atmo-style-orbit.atmo-theme-dark .mapinfo input,
body.atmo-style-orbit.atmo-theme-dark .spriteinfo input {
  background: #171c29 !important;
  border-color: rgba(169, 144, 255, 0.24) !important;
  color: #e6e9f6 !important;
}

body.atmo-style-orbit.atmo-theme-dark .sidemenu {
  background: rgba(24, 29, 42, 0.96);
  border-right-color: rgba(169, 144, 255, 0.2);
}

body.atmo-style-orbit.atmo-theme-dark .sidemenu li {
  background: linear-gradient(180deg, #262d41, #202739);
  border-color: rgba(169, 144, 255, 0.22);
  color: var(--orbitd-text);
}

body.atmo-style-orbit.atmo-theme-dark .sidemenu li:hover {
  background: linear-gradient(180deg, #2d3550, #262d44);
  border-color: rgba(169, 144, 255, 0.36);
  color: #f2f4ff;
}

body.atmo-style-orbit.atmo-theme-dark .sidemenu .selected,
body.atmo-style-orbit.atmo-theme-dark .sidemenu .selected:hover {
  background: linear-gradient(135deg, #6f93f5 0%, #c472ff 100%);
  color: #f7f8ff !important;
}

body.atmo-style-orbit.atmo-theme-dark .section-container {
  background: rgba(23, 27, 38, 0.94);
  border-left-color: rgba(169, 144, 255, 0.2);
}

body.atmo-style-orbit.atmo-theme-dark #code-section,
body.atmo-style-orbit.atmo-theme-dark #gameplay-section,
body.atmo-style-orbit.atmo-theme-dark #sprites-section,
body.atmo-style-orbit.atmo-theme-dark #maps-section,
body.atmo-style-orbit.atmo-theme-dark #assets-section,
body.atmo-style-orbit.atmo-theme-dark #sounds-section,
body.atmo-style-orbit.atmo-theme-dark #music-section,
body.atmo-style-orbit.atmo-theme-dark #doc-section,
body.atmo-style-orbit.atmo-theme-dark #options-section,
body.atmo-style-orbit.atmo-theme-dark #publish-section,
body.atmo-style-orbit.atmo-theme-dark #tabs-section {
  background: linear-gradient(180deg, #1a1f2c 0%, #171c27 100%) !important;
  color: var(--orbitd-text);
}

body.atmo-style-orbit.atmo-theme-dark .assets-left,
body.atmo-style-orbit.atmo-theme-dark .assets-right,
body.atmo-style-orbit.atmo-theme-dark .maps-left,
body.atmo-style-orbit.atmo-theme-dark .maps-right,
body.atmo-style-orbit.atmo-theme-dark .sprites-left,
body.atmo-style-orbit.atmo-theme-dark .sprites-right,
body.atmo-style-orbit.atmo-theme-dark .music-right,
body.atmo-style-orbit.atmo-theme-dark .sounds-right,
body.atmo-style-orbit.atmo-theme-dark .code-right,
body.atmo-style-orbit.atmo-theme-dark .assetbar,
body.atmo-style-orbit.atmo-theme-dark .mapbar,
body.atmo-style-orbit.atmo-theme-dark .spritebar,
body.atmo-style-orbit.atmo-theme-dark .spritetools,
body.atmo-style-orbit.atmo-theme-dark .spritetooloptions,
body.atmo-style-orbit.atmo-theme-dark .spritehelpers,
body.atmo-style-orbit.atmo-theme-dark .mapinfo,
body.atmo-style-orbit.atmo-theme-dark .spriteinfo,
body.atmo-style-orbit.atmo-theme-dark .code-toolbar.assetinfo {
  background: #1f2535 !important;
  color: var(--orbitd-text) !important;
  border-color: rgba(169, 144, 255, 0.2) !important;
}

body.atmo-style-orbit.atmo-theme-dark .assetlist,
body.atmo-style-orbit.atmo-theme-dark .maplist,
body.atmo-style-orbit.atmo-theme-dark .musiclist,
body.atmo-style-orbit.atmo-theme-dark .spritelist,
body.atmo-style-orbit.atmo-theme-dark .source-list {
  background: rgba(111, 147, 245, 0.08) !important;
}

body.atmo-style-orbit.atmo-theme-dark .source-list-item,
body.atmo-style-orbit.atmo-theme-dark .asset-box,
body.atmo-style-orbit.atmo-theme-dark .map-box,
body.atmo-style-orbit.atmo-theme-dark .sprite-box,
body.atmo-style-orbit.atmo-theme-dark .map-sprite-box {
  background: #252c3f !important;
  border-color: rgba(169, 144, 255, 0.2) !important;
  color: var(--orbitd-text) !important;
}

body.atmo-style-orbit.atmo-theme-dark .source-list-item.selected,
body.atmo-style-orbit.atmo-theme-dark .asset-box.selected,
body.atmo-style-orbit.atmo-theme-dark .map-box.selected,
body.atmo-style-orbit.atmo-theme-dark .sprite-box.selected,
body.atmo-style-orbit.atmo-theme-dark .map-sprite-box.selected {
  background: linear-gradient(135deg, rgba(111, 147, 245, 0.26), rgba(196, 114, 255, 0.22)) !important;
  border-color: rgba(200, 160, 255, 0.46) !important;
}

body.atmo-style-orbit.atmo-theme-dark .maps-splitbar,
body.atmo-style-orbit.atmo-theme-dark .mapeditor-splitbar,
body.atmo-style-orbit.atmo-theme-dark .sprites-splitbar,
body.atmo-style-orbit.atmo-theme-dark .horizontal-splitbar,
body.atmo-style-orbit.atmo-theme-dark #code-editor-splitbar,
body.atmo-style-orbit.atmo-theme-dark #assets-splitbar,
body.atmo-style-orbit.atmo-theme-dark #sounds-splitbar,
body.atmo-style-orbit.atmo-theme-dark #music-splitbar,
body.atmo-style-orbit.atmo-theme-dark #doc-splitbar,
body.atmo-style-orbit.atmo-theme-dark #runtime-server-splitbar,
body.atmo-style-orbit.atmo-theme-dark #debug-splitbar {
  background: #2a3147 !important;
}

body.atmo-style-orbit.atmo-theme-dark #terminal-toolbar,
body.atmo-style-orbit.atmo-theme-dark #debug-main-toolbar,
body.atmo-style-orbit.atmo-theme-dark #debug-watch-bar,
body.atmo-style-orbit.atmo-theme-dark #debug-timemachine-bar {
  background: linear-gradient(180deg, #2a3145, #232a3d) !important;
  border-bottom-color: rgba(169, 144, 255, 0.2) !important;
  color: var(--orbitd-text) !important;
}

body.atmo-style-orbit.atmo-theme-dark #terminal-view,
body.atmo-style-orbit.atmo-theme-dark #debug-watch-content,
body.atmo-style-orbit.atmo-theme-dark #runtime-console-view .terminal,
body.atmo-style-orbit.atmo-theme-dark #runtime-server-view {
  background: #181d2a !important;
  color: #d9dcef !important;
}

body.atmo-style-orbit.atmo-theme-dark #terminal-lines {
  color: #d9dcef !important;
}

body.atmo-style-orbit.atmo-theme-dark #terminal-input-line {
  background: #202739 !important;
  border-top-color: rgba(169, 144, 255, 0.2) !important;
}

body.atmo-style-orbit.atmo-theme-dark #console-options {
  background: #202739 !important;
  color: var(--orbitd-text) !important;
  border-color: rgba(169, 144, 255, 0.24) !important;
}

body.atmo-style-orbit.atmo-theme-dark #doc-view {
  background: #181d2a !important;
}

body.atmo-style-orbit.atmo-theme-dark #doc-section .doc-render {
  color: #d9ddf0 !important;
}

body.atmo-style-orbit.atmo-theme-dark #doc-section .doc-render h1,
body.atmo-style-orbit.atmo-theme-dark #doc-section .doc-render h2,
body.atmo-style-orbit.atmo-theme-dark #doc-section .doc-render h3,
body.atmo-style-orbit.atmo-theme-dark #doc-section .doc-render h4,
body.atmo-style-orbit.atmo-theme-dark #doc-section .doc-render h5,
body.atmo-style-orbit.atmo-theme-dark #doc-section .doc-render h6 {
  color: #f0f3ff !important;
}

body.atmo-style-orbit.atmo-theme-dark #doc-section .doc-render pre code {
  background: #111422 !important;
  color: #e7e9f8 !important;
}

body.atmo-style-orbit.atmo-theme-dark .usermenu {
  background: linear-gradient(180deg, #242b40, #1e2538);
  border-color: rgba(169, 144, 255, 0.24);
}

body.atmo-style-orbit.atmo-theme-dark .usermenu div {
  color: var(--orbitd-text);
}

body.atmo-style-orbit.atmo-theme-dark .usermenu div:hover {
  background: rgba(111, 147, 245, 0.16);
}

body.atmo-style-orbit.atmo-theme-dark #usersettings-section {
  background:
    radial-gradient(circle at 6% -14%, rgba(122, 162, 247, 0.14), transparent 34%),
    radial-gradient(circle at 96% -18%, rgba(218, 114, 255, 0.15), transparent 34%),
    linear-gradient(180deg, #14171f 0%, #171a22 52%, #141822 100%);
  color: var(--orbitd-text);
}

body.atmo-style-orbit.atmo-theme-dark .usersettings-page,
body.atmo-style-orbit.atmo-theme-dark .usersetting,
body.atmo-style-orbit.atmo-theme-dark #usersettings-menu div {
  background: linear-gradient(180deg, #242b40, #1e2538);
  border-color: rgba(169, 144, 255, 0.24);
  color: var(--orbitd-text);
}

body.atmo-style-orbit.atmo-theme-dark #usersettings-menu div:hover,
body.atmo-style-orbit.atmo-theme-dark .usersettings .validate-button:hover,
body.atmo-style-orbit.atmo-theme-dark .usersetting .button:hover {
  background: linear-gradient(180deg, #2d3550, #262d44);
}

body.atmo-style-orbit.atmo-theme-dark #usersettings-menu div.selected {
  background: linear-gradient(135deg, #6f93f5 0%, #c472ff 100%);
  color: #f7f8ff;
}

body.atmo-style-orbit.atmo-theme-dark .usersettings h1,
body.atmo-style-orbit.atmo-theme-dark .usersettings h2,
body.atmo-style-orbit.atmo-theme-dark .usersettings h3,
body.atmo-style-orbit.atmo-theme-dark .usersettings p,
body.atmo-style-orbit.atmo-theme-dark .usersettings label,
body.atmo-style-orbit.atmo-theme-dark .usersettings .tip {
  color: var(--orbitd-text) !important;
}

body.atmo-style-orbit.atmo-theme-dark .usersettings input,
body.atmo-style-orbit.atmo-theme-dark .usersettings textarea {
  background: #171c29;
  border-color: rgba(169, 144, 255, 0.24);
  color: #e6e9f6;
}

body.atmo-style-orbit.atmo-theme-dark .user-progress-stat,
body.atmo-style-orbit.atmo-theme-dark .user-progress-achievement,
body.atmo-style-orbit.atmo-theme-dark .user-progress-notification {
  background: linear-gradient(180deg, #242b40, #1e2538);
  border-color: rgba(169, 144, 255, 0.24);
  color: var(--orbitd-text);
}

body.atmo-style-orbit.atmo-theme-dark .user-progress-achievement .bonus {
  background: linear-gradient(135deg, #6f93f5 0%, #c472ff 100%);
}

/* Atmo Orbit Gray: calm projector-friendly learning theme */
body.atmo-style-orbit.atmo-theme-gray {
  --orbitg-bg: #e9edf2;
  --orbitg-bg-soft: #dde3eb;
  --orbitg-surface: #f8fafc;
  --orbitg-surface-2: #f1f4f8;
  --orbitg-border: rgba(96, 115, 140, 0.28);
  --orbitg-text: #1f2b3a;
  --orbitg-muted: #50627a;
  --orbitg-accent: #4f7fa8;
  background:
    radial-gradient(circle at 8% -12%, rgba(132, 150, 176, 0.16), transparent 40%),
    radial-gradient(circle at 94% -10%, rgba(175, 189, 210, 0.16), transparent 36%),
    linear-gradient(180deg, #f5f7fa 0%, var(--orbitg-bg) 54%, #e5eaf1 100%);
  color: var(--orbitg-text);
}

body.atmo-style-orbit.atmo-theme-gray .home-section,
body.atmo-style-orbit.atmo-theme-gray #projects-section,
body.atmo-style-orbit.atmo-theme-gray #myprojects,
body.atmo-style-orbit.atmo-theme-gray #projectview,
body.atmo-style-orbit.atmo-theme-gray #project-list-section {
  background: transparent;
}

body.atmo-style-orbit.atmo-theme-gray header {
  background: linear-gradient(180deg, rgba(252, 253, 255, 0.98), rgba(236, 241, 248, 0.97));
  border-bottom-color: rgba(103, 120, 143, 0.24);
}

body.atmo-style-orbit.atmo-theme-gray header .titlemenu > li,
body.atmo-style-orbit.atmo-theme-gray #language-setting,
body.atmo-style-orbit.atmo-theme-gray header .username,
body.atmo-style-orbit.atmo-theme-gray #header-progress-summary {
  background: linear-gradient(180deg, #fdfefe, #e8edf4);
  border-color: var(--orbitg-border);
  color: var(--orbitg-text);
}

body.atmo-style-orbit.atmo-theme-gray #language-setting i,
body.atmo-style-orbit.atmo-theme-gray .language-choice i,
body.atmo-style-orbit.atmo-theme-gray #header-progress-level,
body.atmo-style-orbit.atmo-theme-gray #user-nick,
body.atmo-style-orbit.atmo-theme-gray header .username i,
body.atmo-style-orbit.atmo-theme-gray header .username span {
  color: var(--orbitg-text);
}

body.atmo-style-orbit.atmo-theme-gray header .titlemenu > li:hover {
  background: linear-gradient(180deg, #ffffff, #dfe6ef);
  border-color: rgba(86, 107, 134, 0.38);
}

body.atmo-style-orbit.atmo-theme-gray header .titlemenu > li.selected {
  background: linear-gradient(135deg, #5f7f9c 0%, #7a9ab5 100%);
  color: #f8fbff;
}

body.atmo-style-orbit.atmo-theme-gray .atmo-home-hero__content,
body.atmo-style-orbit.atmo-theme-gray .home-trust-strip__item,
body.atmo-style-orbit.atmo-theme-gray .home-quickstart__step,
body.atmo-style-orbit.atmo-theme-gray .roadmap-placeholder,
body.atmo-style-orbit.atmo-theme-gray .feedback-form,
body.atmo-style-orbit.atmo-theme-gray .contacts {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 250, 0.97)) !important;
  border-color: var(--orbitg-border) !important;
  box-shadow: 0 12px 26px rgba(45, 60, 82, 0.16) !important;
}

body.atmo-style-orbit.atmo-theme-gray .home-section p,
body.atmo-style-orbit.atmo-theme-gray .home-section li,
body.atmo-style-orbit.atmo-theme-gray .home-section .tip,
body.atmo-style-orbit.atmo-theme-gray .home-roadmap-placeholder p {
  color: var(--orbitg-muted) !important;
}

body.atmo-style-orbit.atmo-theme-gray .atmo-home-hero h1,
body.atmo-style-orbit.atmo-theme-gray .home-section h2,
body.atmo-style-orbit.atmo-theme-gray .home-section h3 {
  color: var(--orbitg-text) !important;
}

body.atmo-style-orbit.atmo-theme-gray .projectheader {
  background: linear-gradient(180deg, rgba(250, 252, 255, 0.98), rgba(235, 241, 248, 0.97));
  border-bottom-color: rgba(99, 118, 144, 0.22);
}

body.atmo-style-orbit.atmo-theme-gray #project-name,
body.atmo-style-orbit.atmo-theme-gray #save-status {
  color: var(--orbitg-text);
}

body.atmo-style-orbit.atmo-theme-gray .projectheader-tools__row,
body.atmo-style-orbit.atmo-theme-gray .doc-mini-panel {
  background: linear-gradient(180deg, #fdfefe, #edf2f8);
  border-color: var(--orbitg-border);
  box-shadow: 0 10px 20px rgba(55, 70, 92, 0.16);
}

body.atmo-style-orbit.atmo-theme-gray .projecttool-btn,
body.atmo-style-orbit.atmo-theme-gray .projecttool-pair,
body.atmo-style-orbit.atmo-theme-gray .projecttool-text,
body.atmo-style-orbit.atmo-theme-gray .projecttool-select,
body.atmo-style-orbit.atmo-theme-gray .projecttool-switch {
  background: linear-gradient(180deg, #f8fafd, #e9eef5);
  border-color: var(--orbitg-border);
  color: var(--orbitg-text);
}

body.atmo-style-orbit.atmo-theme-gray .projecttool-btn:hover,
body.atmo-style-orbit.atmo-theme-gray .projecttool-btn--icon:hover {
  background: linear-gradient(180deg, #ffffff, #e2e8f0);
  border-color: rgba(90, 111, 138, 0.42);
}

body.atmo-style-orbit.atmo-theme-gray .projecttool-btn.is-active,
body.atmo-style-orbit.atmo-theme-gray #code-theme-toggle.theme-gray {
  background: linear-gradient(135deg, #6f879d 0%, #93a5b7 100%);
  color: #f8fbff;
  border-color: rgba(255, 255, 255, 0.34);
  box-shadow: 0 8px 18px rgba(67, 84, 108, 0.25);
}

body.atmo-style-orbit.atmo-theme-gray .projecttool-pair__input,
body.atmo-style-orbit.atmo-theme-gray .projecttool-text__input,
body.atmo-style-orbit.atmo-theme-gray .projecttool-select__input,
body.atmo-style-orbit.atmo-theme-gray #terminal-input,
body.atmo-style-orbit.atmo-theme-gray #debug-watch-filter,
body.atmo-style-orbit.atmo-theme-gray #console-options input,
body.atmo-style-orbit.atmo-theme-gray .source-list-item input,
body.atmo-style-orbit.atmo-theme-gray .assetlist .folder-title input,
body.atmo-style-orbit.atmo-theme-gray .mapinfo input,
body.atmo-style-orbit.atmo-theme-gray .spriteinfo input {
  background: #ffffff !important;
  border-color: var(--orbitg-border) !important;
  color: #1e2a39 !important;
}

body.atmo-style-orbit.atmo-theme-gray .sidemenu {
  background: linear-gradient(180deg, #f3f6fa 0%, #e7ecf3 100%);
  border-right-color: rgba(96, 116, 143, 0.2);
}

body.atmo-style-orbit.atmo-theme-gray .sidemenu li {
  background: linear-gradient(180deg, #f8fbfd, #e8edf4);
  border-color: var(--orbitg-border);
  color: var(--orbitg-text);
}

body.atmo-style-orbit.atmo-theme-gray .sidemenu li:hover {
  background: linear-gradient(180deg, #ffffff, #dfe6ef);
  border-color: rgba(90, 111, 138, 0.42);
}

body.atmo-style-orbit.atmo-theme-gray .sidemenu .selected,
body.atmo-style-orbit.atmo-theme-gray .sidemenu .selected:hover {
  background: linear-gradient(135deg, #5f7f9c, #7ea0bc);
  color: #f8fbff;
  border-color: rgba(255, 255, 255, 0.34);
}

body.atmo-style-orbit.atmo-theme-gray .section-container,
body.atmo-style-orbit.atmo-theme-gray #code-section,
body.atmo-style-orbit.atmo-theme-gray #gameplay-section,
body.atmo-style-orbit.atmo-theme-gray #sprites-section,
body.atmo-style-orbit.atmo-theme-gray #maps-section,
body.atmo-style-orbit.atmo-theme-gray #assets-section,
body.atmo-style-orbit.atmo-theme-gray #sounds-section,
body.atmo-style-orbit.atmo-theme-gray #music-section,
body.atmo-style-orbit.atmo-theme-gray #doc-section,
body.atmo-style-orbit.atmo-theme-gray #options-section,
body.atmo-style-orbit.atmo-theme-gray #publish-section,
body.atmo-style-orbit.atmo-theme-gray #tabs-section {
  background: linear-gradient(180deg, rgba(249, 251, 254, 0.96), rgba(233, 239, 247, 0.95));
  border-color: rgba(97, 115, 139, 0.2);
}

body.atmo-style-orbit.atmo-theme-gray .assets-left,
body.atmo-style-orbit.atmo-theme-gray .assets-right,
body.atmo-style-orbit.atmo-theme-gray .maps-left,
body.atmo-style-orbit.atmo-theme-gray .maps-right,
body.atmo-style-orbit.atmo-theme-gray .sprites-left,
body.atmo-style-orbit.atmo-theme-gray .sprites-right,
body.atmo-style-orbit.atmo-theme-gray .music-right,
body.atmo-style-orbit.atmo-theme-gray .sounds-right,
body.atmo-style-orbit.atmo-theme-gray .code-right,
body.atmo-style-orbit.atmo-theme-gray .assetbar,
body.atmo-style-orbit.atmo-theme-gray .mapbar,
body.atmo-style-orbit.atmo-theme-gray .spritebar,
body.atmo-style-orbit.atmo-theme-gray .spritetools,
body.atmo-style-orbit.atmo-theme-gray .spritetooloptions,
body.atmo-style-orbit.atmo-theme-gray .spritehelpers,
body.atmo-style-orbit.atmo-theme-gray .mapinfo,
body.atmo-style-orbit.atmo-theme-gray .spriteinfo,
body.atmo-style-orbit.atmo-theme-gray .code-toolbar.assetinfo,
body.atmo-style-orbit.atmo-theme-gray .assetlist,
body.atmo-style-orbit.atmo-theme-gray .maplist,
body.atmo-style-orbit.atmo-theme-gray .musiclist,
body.atmo-style-orbit.atmo-theme-gray .spritelist,
body.atmo-style-orbit.atmo-theme-gray .source-list {
  background: var(--orbitg-surface-2);
  border-color: var(--orbitg-border);
}

body.atmo-style-orbit.atmo-theme-gray .source-list-item,
body.atmo-style-orbit.atmo-theme-gray .asset-box,
body.atmo-style-orbit.atmo-theme-gray .map-box,
body.atmo-style-orbit.atmo-theme-gray .sprite-box,
body.atmo-style-orbit.atmo-theme-gray .map-sprite-box {
  background: #ffffff;
  border-color: rgba(102, 122, 148, 0.24);
  color: var(--orbitg-text);
}

body.atmo-style-orbit.atmo-theme-gray .source-list-item.selected,
body.atmo-style-orbit.atmo-theme-gray .asset-box.selected,
body.atmo-style-orbit.atmo-theme-gray .map-box.selected,
body.atmo-style-orbit.atmo-theme-gray .sprite-box.selected,
body.atmo-style-orbit.atmo-theme-gray .map-sprite-box.selected {
  background: #e7edf4;
  border-color: rgba(84, 105, 132, 0.38);
}

body.atmo-style-orbit.atmo-theme-gray .maps-splitbar,
body.atmo-style-orbit.atmo-theme-gray .mapeditor-splitbar,
body.atmo-style-orbit.atmo-theme-gray .sprites-splitbar,
body.atmo-style-orbit.atmo-theme-gray .horizontal-splitbar,
body.atmo-style-orbit.atmo-theme-gray #code-editor-splitbar,
body.atmo-style-orbit.atmo-theme-gray #assets-splitbar,
body.atmo-style-orbit.atmo-theme-gray #sounds-splitbar,
body.atmo-style-orbit.atmo-theme-gray #music-splitbar,
body.atmo-style-orbit.atmo-theme-gray #doc-splitbar,
body.atmo-style-orbit.atmo-theme-gray #runtime-server-splitbar,
body.atmo-style-orbit.atmo-theme-gray #debug-splitbar {
  background: linear-gradient(180deg, #d8e0e9, #c8d2de);
}

body.atmo-style-orbit.atmo-theme-gray #terminal-toolbar,
body.atmo-style-orbit.atmo-theme-gray #debug-main-toolbar,
body.atmo-style-orbit.atmo-theme-gray #debug-watch-bar,
body.atmo-style-orbit.atmo-theme-gray #debug-timemachine-bar,
body.atmo-style-orbit.atmo-theme-gray #terminal-view,
body.atmo-style-orbit.atmo-theme-gray #debug-watch-content,
body.atmo-style-orbit.atmo-theme-gray #runtime-console-view .terminal,
body.atmo-style-orbit.atmo-theme-gray #runtime-server-view,
body.atmo-style-orbit.atmo-theme-gray #console-options {
  background: #edf2f7;
  border-color: var(--orbitg-border);
  color: var(--orbitg-text);
}

body.atmo-style-orbit.atmo-theme-gray #doc-view {
  background: #f8fbfe;
}

body.atmo-style-orbit.atmo-theme-gray #doc-section .doc-render {
  color: #243447;
}

body.atmo-style-orbit.atmo-theme-gray #doc-section .doc-render h1,
body.atmo-style-orbit.atmo-theme-gray #doc-section .doc-render h2,
body.atmo-style-orbit.atmo-theme-gray #doc-section .doc-render h3,
body.atmo-style-orbit.atmo-theme-gray #doc-section .doc-render h4,
body.atmo-style-orbit.atmo-theme-gray #doc-section .doc-render h5,
body.atmo-style-orbit.atmo-theme-gray #doc-section .doc-render h6 {
  color: #1f2e42;
}

body.atmo-style-orbit.atmo-theme-gray #doc-section .doc-render pre code {
  background: #e9eff6;
  color: #1f2b3a;
}

body.atmo-style-orbit.atmo-theme-gray .usermenu,
body.atmo-style-orbit.atmo-theme-gray #usersettings-section {
  background: linear-gradient(180deg, rgba(251, 253, 255, 0.98), rgba(237, 242, 248, 0.97));
  border-color: var(--orbitg-border);
  color: var(--orbitg-text);
}

body.atmo-style-orbit.atmo-theme-gray .usermenu div,
body.atmo-style-orbit.atmo-theme-gray .usersettings h1,
body.atmo-style-orbit.atmo-theme-gray .usersettings h2,
body.atmo-style-orbit.atmo-theme-gray .usersettings h3,
body.atmo-style-orbit.atmo-theme-gray .usersettings p,
body.atmo-style-orbit.atmo-theme-gray .usersettings label,
body.atmo-style-orbit.atmo-theme-gray .usersettings .tip {
  color: var(--orbitg-text);
}

body.atmo-style-orbit.atmo-theme-gray .usersettings-page,
body.atmo-style-orbit.atmo-theme-gray .usersetting,
body.atmo-style-orbit.atmo-theme-gray #usersettings-menu div,
body.atmo-style-orbit.atmo-theme-gray .user-progress-stat,
body.atmo-style-orbit.atmo-theme-gray .user-progress-achievement,
body.atmo-style-orbit.atmo-theme-gray .user-progress-notification {
  background: linear-gradient(180deg, #fafcfe, #ecf1f7);
  border-color: var(--orbitg-border);
  color: var(--orbitg-text);
}

body.atmo-style-orbit.atmo-theme-gray #usersettings-menu div.selected,
body.atmo-style-orbit.atmo-theme-gray .user-progress-achievement .bonus {
  background: linear-gradient(135deg, #6f879d 0%, #9cafc1 100%);
  color: #f7faff;
}

@media (max-width: 900px) {
  body.atmo-style-orbit header .titlemenu > li {
    border-radius: 10px;
    min-height: 52px;
    min-width: 70px;
    padding: 4px 6px;
  }

  body.atmo-style-orbit #create-account-button {
    margin-right: 12px;
  }

  .atmo-home-hero {
    grid-template-columns: 1fr;
  }

  .home-trust-strip__grid,
  .home-quickstart__grid,
  .home-roadmap-grid {
    grid-template-columns: 1fr;
  }

  .atmo-docs-onboarding {
    padding: 8px 8px 0;
  }

  .atmo-docs-onboarding__inner {
    padding: 11px 11px;
  }

  .atmo-docs-onboarding__routes .atmo-hero-cta {
    width: 100%;
    justify-content: center;
  }

  .create-conversion-strip__actions .atmo-hero-cta {
    width: 100%;
    justify-content: center;
  }

  body.atmo-style-orbit .help-sections {
    padding-top: 225px;
  }

  .explore-conversion-strip__actions .atmo-hero-cta {
    width: 100%;
    justify-content: center;
  }

  .home-section .feedback-container {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  body.atmo-style-orbit .projectheader {
    height: 132px;
    padding: 8px 8px 0;
  }

  body.atmo-style-orbit .projectheader .backtoprojects {
    top: 8px;
    right: 8px;
    font-size: 0.74rem;
    padding: 4px 8px;
  }

  body.atmo-style-orbit #projectheader-tools {
    left: 8px;
    right: 8px;
    top: 48px;
  }

  body.atmo-style-orbit #projectheader-tools-top {
    left: 110px;
    right: 8px;
    top: 6px;
  }

  body.atmo-style-orbit .projecttool-btn span,
  body.atmo-style-orbit .projecttool-pair__label,
  body.atmo-style-orbit .projecttool-text__label,
  body.atmo-style-orbit .projecttool-select__label,
  body.atmo-style-orbit .projecttool-switch__label {
    display: none;
  }

  body.atmo-style-orbit .projecttool-pair,
  body.atmo-style-orbit .projecttool-text,
  body.atmo-style-orbit .projecttool-select,
  body.atmo-style-orbit .projecttool-switch {
    padding: 0 4px;
  }

  body.atmo-style-orbit .projecttool-pair__input {
    width: 36px;
  }

  body.atmo-style-orbit .projecttool-text__input {
    min-width: 74px;
  }

  body.atmo-style-orbit .projecttool-select__input {
    min-width: 84px;
  }

  body.atmo-style-orbit .sidemenu {
    top: 132px;
    width: 56px;
  }

  body.atmo-style-orbit .section-container {
    top: 132px;
    left: 56px;
  }

  body.atmo-style-orbit .sidemenu li {
    min-height: 30px;
    font-size: 0.52rem;
    padding: 4px 4px;
    gap: 4px;
  }

  body.atmo-style-orbit .sidemenu li i {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
    font-size: 0.7rem;
  }

  body.atmo-style-orbit #usersettings-section {
    padding: 70px 10px 14px;
  }

  body.atmo-style-orbit #usersettings .section-content {
    top: 80px;
  }

  body.atmo-style-orbit #usersettings-menu {
    left: 0;
    right: 0;
    gap: 4px;
  }

  body.atmo-style-orbit #usersettings-menu div {
    height: 32px;
    padding: 0 8px;
    font-size: 0.73rem;
    gap: 6px;
  }

  body.atmo-style-orbit .usersettings-page {
    padding: 12px 12px 16px;
    border-radius: 12px;
  }

  body.atmo-style-orbit .usersetting {
    padding: 10px 10px;
    margin-bottom: 12px;
  }

  body.atmo-style-orbit .usersettings input,
  body.atmo-style-orbit .usersettings textarea {
    width: 100%;
  }

  body.atmo-style-orbit .usersettings textarea {
    min-height: 120px;
  }

  body.atmo-style-orbit .user-progress-stat {
    display: block;
    width: auto;
    margin-right: 0;
  }

  #explore-search {
    width: 170px;
  }

  #explore-search input {
    width: 118px;
  }
}

@media screen and (min-width: 1101px) {
  body.atmo-style-orbit header .titlemenu {
    position: static;
    left: 0 !important;
    top: auto;
  }
}

@media screen and (max-width: 1100px) {
  body.atmo-style-orbit header .titlemenu {
    position: fixed;
    display: block;
    top: 60px;
    left: -100%;
    right: auto;
    width: 100%;
    max-width: none;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 8px;
    border: 0;
    border-top: 1px solid rgba(20, 38, 71, 0.16);
    border-radius: 0;
    box-sizing: border-box;
    white-space: normal;
    background: linear-gradient(180deg, rgba(247, 251, 255, 0.98), rgba(237, 246, 255, 0.96));
    box-shadow: 0 14px 28px rgba(15, 31, 68, 0.18);
    z-index: 60;
  }

  body.atmo-style-orbit header .titlemenu > li {
    margin: 3px;
    min-height: 52px;
    min-width: 68px;
    padding: 4px 6px;
  }
}