body {
  --control-ink: #f2f7ff;
  --control-base: #152239;
  --control-edge: #9ac4ef45;
  --control-depth: #0207119c;
  --control-sheen: #ffffff20;
}
body[data-theme="orbit"] {
  color-scheme: light;
  --control-ink: #1c3550;
  --control-base: #ecf4fc;
  --control-edge: #7f9fbe75;
  --control-depth: #344e6e28;
  --control-sheen: #ffffffd9;
  --paper: #f8fbff;
  --ink: #182c43;
  --muted: #4f647b;
  --line: #d1deeb;
  background: radial-gradient(ellipse at top, #f8fcff, #dbe6f3 76%) fixed;
  color: var(--ink);
}
.display-controls {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.glass-language,
.glass-theme,
.app :is(.support-top-btn, .profile-pill-btn, .mini-action-btn, .text-button, .sample-card),
dialog .close-button {
  color: var(--control-ink);
  border: 1px solid var(--control-edge);
  background: linear-gradient(155deg, var(--control-sheen), transparent 55%), var(--control-base);
  box-shadow: inset 0 1px 0 var(--control-sheen), inset 0 -2px 0 var(--control-depth), 0 3px 8px var(--control-depth);
}
.glass-language,
.glass-theme {
  min-height: 42px;
  border-radius: 12px;
}
.glass-language {
  display: inline-flex;
  position: relative;
  align-items: center;
  padding: 0 9px;
  gap: 5px;
  font-size: 14px;
}
.glass-language select {
  appearance: none;
  min-height: 40px;
  padding: 0;
  color: inherit;
  background: transparent;
  border: 0;
  font: 700 11px/1 "Segoe UI", sans-serif;
  cursor: pointer;
}
.glass-language option { color: var(--control-ink); background: var(--control-base); }
.glass-theme {
  display: grid;
  place-items: center;
  width: 42px;
  padding: 0;
  cursor: pointer;
}
.glass-theme svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
}
.glass-theme .theme-sun { color: #ffe39a; }
.glass-theme .theme-moon { display: none; }
.glass-theme[aria-pressed="true"] .theme-sun { display: none; }
.glass-theme[aria-pressed="true"] .theme-moon { display: block; color: #315889; }
.glass-language:focus-within,
.glass-theme:focus-visible { outline: 2px solid #438acc; outline-offset: 2px; }
.app :is(.support-top-btn, .profile-pill-btn) { min-height: 42px; }
.app :is(.button.lime, .quick-submit, .google-btn),
#google-auth-dialog .google-btn {
  box-shadow: inset 0 1px 0 #ffffffad, inset 0 -3px 0 #243b5940, 0 5px 12px var(--control-depth);
}
:is(.glass-theme, .google-btn, .button.lime, .profile-pill-btn, .support-top-btn, .mini-action-btn):active {
  transform: translateY(2px);
}
.app .bottom-nav button.active {
  box-shadow: inset 0 1px 0 #ffffff36, inset 0 -2px 0 #09132c39, 0 4px 12px #02071132;
}
.google-dialog-brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
.google-dialog-brand h2 { margin: 4px 0 0; }
.google-g-badge {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  flex: 0 0 auto;
  border: 1px solid #fff;
  border-radius: 13px;
  background: linear-gradient(145deg, #fff 24%, #e3efff 78%, #cfdef4);
  box-shadow: inset 0 1px 1px #fff, inset 0 -2px 0 #7698c047, 0 4px 10px #0005;
}
.google-g-badge img {
  display: block;
  width: 23px;
  height: 23px;
  filter: drop-shadow(0 2px 1px #1d3c6138);
}
.google-btn .google-g-badge { width: 33px; height: 33px; border-radius: 10px; }
.google-btn .google-g-badge img { width: 19px; height: 19px; }
#google-auth-dialog .dialog-header { gap: 8px; }
#google-auth-dialog .dialog-header .close-button { flex-shrink: 0; }
body[data-theme="orbit"] .app { background: var(--paper); border-color: var(--line); }
body[data-theme="orbit"] .app > .topbar {
  background: #f5f9ff;
  border-color: var(--line);
}
body[data-theme="orbit"] .megaa-wordmark strong span { color: #8a4b09; }
body[data-theme="orbit"] .bottom-nav {
  background: #edf5fff5;
  border-color: #bacde1;
}
body[data-theme="orbit"] .bottom-nav button { color: #435d78; }
body[data-theme="orbit"] .bottom-nav .active { color: #163e6d; background: #cfe4fc; }
body[data-theme="orbit"] #google-auth-dialog,
body[data-theme="orbit"] #support-dialog {
  color: #172e49;
  background: linear-gradient(145deg, #fff, #e9f2fc);
  border-color: #8faecb;
}
body[data-theme="orbit"] #support-dialog :is(#support-title, .dialog-header .eyebrow, .close-button),
body[data-theme="orbit"] #support-form :is(.eyebrow, label),
body[data-theme="orbit"] #google-auth-dialog :is(h2, .eyebrow, label),
body[data-theme="orbit"] #google-auth-dialog [data-i18n="authStep1Desc"] { color: #203e60 !important; }
body[data-theme="orbit"] #support-dialog :is(.support-contact-item, .close-button) {
  color: #203e60;
  background: linear-gradient(155deg, #fff, #e3edf9);
}
body[data-theme="orbit"] #support-dialog .support-contact-item { --channel: #246396; border-color: #a8bfd8; }
body[data-theme="orbit"] #support-dialog .support-contact-item[data-channel="phone"] { --channel: #23634d; }
body[data-theme="orbit"] #support-dialog .support-contact-item[data-channel="email"] { --channel: #715096; }
body[data-theme="orbit"] .support-channel-icon {
  background: linear-gradient(155deg, #fff, #dceaf8);
  border-color: #a8bfd8;
}
body[data-theme="orbit"] #support-dialog #support-form { background: #f6faff; border-color: #b6cbe2; }
body[data-theme="orbit"] :is(#support-form, #google-auth-dialog) :is(input, select, textarea) {
  color: #213a57;
  background: #fff;
  border-color: #9eb7d0;
}
@media (min-width: 1000px) {
  body[data-theme="orbit"] .app { display: block; max-width: 620px; overflow: visible; }
  body[data-theme="orbit"] .app > main { padding-bottom: 124px; }
  body[data-theme="orbit"] .bottom-nav { display: grid; }
}

body[data-theme="orbit"] .mega-ticker {
  color: #304b65;
  background: linear-gradient(145deg, #fff, #e2eefb);
  border-color: #b0c6dc;
}
body[data-theme="orbit"] .mega-ticker b { color: #234a6b; }
body[data-theme="orbit"] .home-profile-banner {
  background: linear-gradient(145deg, #fff, #e4f0fd);
  border-color: #a8c2dc;
  box-shadow: inset 0 1px 0 #fff, 0 5px 14px #344e6e26;
}
body[data-theme="orbit"] .home-profile-info :is(strong, .intro-label) { color: #203e60; }
body[data-theme="orbit"] .home-profile-info small { color: #425e79; }