.search-body {
  background: var(--background-strong);
}

.app-back {
  border: 1px solid transparent;
  background: transparent;
  background-clip: padding-box;
  outline: none;
  cursor: pointer;
  transition: background-color var(--transition-base);
}
.app-back:hover, .app-back:active {
  background: var(--background-strong);
}
.app-back:focus-visible:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.app-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--rounded-full);
  color: var(--label-normal);
}

.ai-search {
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - 56px);
}
@media (min-width: 768px) {
  .ai-search {
    min-height: calc(100dvh - 96px);
  }
}
.ai-search__top {
  width: 100%;
  flex: 1 1 auto;
  padding-block-start: var(--p-2);
}
@media (min-width: 768px) {
  .ai-search__top {
    padding-block-start: var(--p-26);
  }
}
.ai-search__title {
  margin: 0;
  font-size: var(--font-size-component-3xlarge);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
  color: var(--label-normal);
}
@media (min-width: 768px) {
  .ai-search__title {
    font-size: var(--font-size-title-xlarge);
  }
}
@media (min-width: 768px) {
  .ai-search__br {
    display: none;
  }
}
.ai-search__suggests {
  margin-top: var(--p-5);
}
@media (min-width: 768px) {
  .ai-search__suggests {
    max-width: 640px;
    margin-top: var(--p-8);
  }
}
.ai-search__suggest-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .ai-search__suggest-list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.ai-search__suggest {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-2);
  padding: var(--p-2) var(--p-4) var(--p-2) var(--p-2);
  border-radius: var(--rounded-lg);
  background: var(--background-normal);
  color: #1a1a1a;
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-medium);
  transition: background-color var(--transition-base);
}
.ai-search__suggest:hover, .ai-search__suggest:active {
  background: var(--background-strong);
}
.ai-search__suggest:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.ai-search__suggest-icon {
  color: var(--brand-blue-normal);
}
.ai-search__dock {
  position: sticky;
  bottom: 0;
  background: var(--background-strong);
}
.ai-search__dock::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: var(--p-6);
  background: linear-gradient(to top, var(--background-strong), transparent);
  pointer-events: none;
}
@media (min-width: 768px) {
  .ai-search__dock {
    position: static;
  }
}
.ai-search__dock-inner {
  padding-block: var(--p-3);
  padding-bottom: max(var(--p-3), env(safe-area-inset-bottom));
}
@media (min-width: 768px) {
  .ai-search__dock-inner {
    padding-block: var(--p-6) 73px;
  }
}