/* Original GlassKit 1.40.0 CSS, isolated below application styles in the
   cascade. Source, hashes and MIT notice are kept in the vendor directory. */
@import url('./vendor/glasskit-1.40.0/glasskit.min.css') layer(glasskit);

/* Integration only: route host visibility, the four-item width, readable
   labels and the library's documented theme tokens. The bar, capsule,
   highlights, drag physics and transitions are all upstream GlassKit. */
.keygate-glass-navigation-host { display: none; }
.keygate-glass-navigation-tokens,
.keygate-glass-navigation-theme {
  --gl-color-primary: #6b5ce7;
  --gl-color-primary-dark: #4087e9;
  --gl-color-primary-text: #5b5ed3;
  --gl-tab-bar-active-color: #5b5ed3;
  --gl-tab-bar-label-size: 13px;
  --gl-tab-bar-active-weight: 650;
  --gl-tab-bar-color: #747b93;
  --gl-tab-bar-hover-color: #575f7e;
  --gl-tab-bar-active-bg: linear-gradient(135deg, #e8edffed, #eae1ffed);
  --gl-tab-bar-active-shadow: 0 3px 10px #5f6bb81a;
  --gl-tab-bar-spotlight-opacity: 0;
  --gl-tab-bar-active-glow: none;
  --gl-tab-bar-z-index: 40;
  --gl-tab-bar-floating-bottom: 12px;
  font-family: inherit;
}
.keygate-glass-navigation-host .glass-tab-bar-dock {
  width: min(420px, calc(100vw - 32px));
}
.keygate-glass-navigation-host .glass-tab-bar {
  width: 100%;
}
.keygate-glass-navigation-host .glass-tab-bar__item {
  flex: 1 1 0;
  min-width: 0;
  min-height: 54px;
  justify-content: center;
  text-decoration: none;
  line-height: 1.45;
  font-family: inherit;
}
.keygate-glass-navigation-host .glass-tab-bar__icon svg {
  width: 24px;
  height: 24px;
  stroke-width: 1.75;
}

@media (max-width: 800px) {
  .keygate-glass-navigation-host { display: block; }
}
body:has(.premium-editor) .keygate-glass-navigation-host,
body:has(.ppt-native) .keygate-glass-navigation-host { display: none; }

/* CSS blur is available in current Safari/Chrome. If an older engine has
   neither prefixed nor standard backdrop-filter, preserve a clear surface
   and the original active capsule instead of leaving transparent text. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .keygate-glass-navigation-host .glass-tab-bar { background: #f7f7fc; }
}
@media (prefers-reduced-transparency: reduce) {
  .keygate-glass-navigation-host .glass-tab-bar { background: #f7f7fc; }
}