/* Shared full-width frame. Home and chat retain their dedicated content layouts. */
.lz-unified-shell {
  --lz-shared-header-height: calc(var(--lz-header-height) + env(safe-area-inset-top, 0px));
}

body.lz-unified-shell:not(.lz-home-body):not(.lz-chat-cloud-body) {
  background: #eef3ef url('/static/images/lingzhi-redesign/chat/chat-clouds-v1.webp') center top / cover fixed no-repeat;
}

.lz-unified-shell:not(.lz-home-body):not(.lz-chat-cloud-body) .lz-page-shell.cosmic-page {
  padding: var(--lz-shared-header-height) 0 0;
  min-height: 100vh;
  min-height: 100dvh;
}

.lz-unified-shell:not(.lz-home-body):not(.lz-chat-cloud-body) .lz-device-shell.cosmic-device {
  width: 100%;
  max-width: none;
  min-height: calc(100vh - var(--lz-shared-header-height));
  min-height: calc(100dvh - var(--lz-shared-header-height));
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.lz-unified-shell:not(.lz-home-body):not(.lz-chat-cloud-body) .lz-brandbar.cosmic-brandbar {
  box-sizing: border-box;
  position: fixed;
  inset: 0 0 auto;
  z-index: 120;
  height: var(--lz-shared-header-height);
  min-height: var(--lz-shared-header-height);
  padding: max(7px, env(safe-area-inset-top, 0px)) clamp(18px, 3vw, 42px) 7px;
  background: rgba(255, 253, 248, .86);
}

.lz-unified-shell:not(.lz-home-body):not(.lz-chat-cloud-body) .lz-brand-mark {
  width: 48px;
  height: 48px;
}

/* A quiet surface keeps the legal links legible against the cloud image. */
.lz-unified-shell:not(.lz-home-body):not(.lz-chat-cloud-body) .lz-device-shell > footer {
  background: rgba(248, 251, 249, .82);
}

@media (max-width: 900px) {
  .lz-unified-shell:not(.lz-home-body):not(.lz-chat-cloud-body) .lz-brandbar.cosmic-brandbar {
    padding-inline: 16px;
  }
  .lz-unified-shell:not(.lz-home-body):not(.lz-chat-cloud-body) .lz-brand-mark {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 640px) {
  body.lz-unified-shell:not(.lz-home-body):not(.lz-chat-cloud-body) {
    background-attachment: scroll;
  }
}

@media print {
  body.lz-unified-shell:not(.lz-home-body):not(.lz-chat-cloud-body) {
    background: #fff !important;
  }
  .lz-unified-shell:not(.lz-home-body):not(.lz-chat-cloud-body) .lz-page-shell.cosmic-page {
    padding: 0;
  }
  .lz-unified-shell .lz-brandbar.cosmic-brandbar {
    display: none;
  }
}