.tae-app-brand-bar,
.tae-app-bottom-nav {
  z-index: 4;
}

.tae-app-brand-bar {
  position: relative;
}

.tae-app-page[hidden] {
  display: none !important;
}

.tae-app-page {
  position: absolute;
  z-index: 2;
  inset: 0;
  background:
    radial-gradient(circle at 52% 8%, rgba(73, 89, 137, 0.16), transparent 34%),
    linear-gradient(180deg, #080b16, #050812);
  pointer-events: auto;
}

.tae-app-page-content {
  height: 100%;
  overflow: auto;
  padding: 86px 22px calc(96px + env(safe-area-inset-bottom));
  scrollbar-width: none;
}

.tae-app-page-eyebrow {
  margin: 0;
  color: #d9bc7a !important;
  font-size: 8px !important;
  font-weight: 650;
  letter-spacing: 0.26em;
}

.tae-app-library-page h2 {
  margin: 12px 0 7px;
  font: 400 30px Georgia, 'Noto Serif KR', serif;
}

.tae-app-library-page .tae-app-library-player {
  top: -22px;
}

@media (min-width: 560px) {
  .tae-app-page-content {
    padding-inline: 32px;
  }
}