/* ============================================================
   MythLingua Unified Immersive Reader (PC & Mobile Unified)
   ============================================================ */

body:has(.ur-immersive-shell) {
  padding: 0 !important;
  background-color: #F7F4EB;
  background-image: radial-gradient(#DDD6C7 1px, transparent 1px);
  background-size: 20px 20px;
}

.ur-immersive-shell {
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* 顶部极简单行栏 */
.ur-topbar {
  position: sticky;
  top: 0;
  z-index: 800;
  background: rgba(247, 244, 235, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid #E6E0D2;
}

.ur-topbar-inner {
  max-width: 1120px;
  height: 56px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ur-topbar-center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

.ur-level-pill {
  padding: 2px 9px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #B22D15;
  background: #FBF0EE;
  border: 1px solid #EBC6BF;
  white-space: nowrap;
}

.ur-topbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  shrink: 0;
}

.ur-icon-btn {
  width: 36px;
  height: 36px;
  border-radius: 9999px;
  border: 1px solid #E2DBD0;
  background: #F2EEE4;
  color: #2C2C2C;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
  text-decoration: none;
  flex-shrink: 0;
}

.ur-icon-btn:hover {
  background: #EAE4D7;
  border-color: #CFC6B6;
}

.ur-icon-btn[aria-expanded="true"],
.ur-icon-btn.is-playing {
  background: #2C2C2C;
  color: #FAF8F2;
  border-color: #2C2C2C;
}

/* 顶部阅读进度条 */
.ur-scroll-progress {
  width: 100%;
  height: 2px;
  background: transparent;
}

.ur-scroll-progress-bar {
  height: 100%;
  width: 0%;
  background: #B22D15;
  transition: width 0.12s ease-out;
}

/* 主阅读容器 */
.ur-main-container {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  padding: 36px 24px 88px;
  flex: 1;
}

.ur-story-hero {
  text-align: center;
  padding-bottom: 28px;
  margin-bottom: 28px;
  border-bottom: 1px solid #E4DEC9;
}

.ur-heading-pinyin,
.ur-heading-english {
  display: block;
  color: #6B5941;
  margin: 0;
  line-height: 1.45;
  font-size: 0.875rem;
}

.ur-story-hero .ur-heading-pinyin {
  margin-bottom: 6px;
}

.ur-story-hero .ur-heading-english {
  font-size: 1rem;
  margin-top: 8px;
}

.ur-immersive-shell[data-pinyin-mode="off"] .ur-story-hero .ur-heading-pinyin,
.unified-reader[data-pinyin-mode="off"] .ur-heading-pinyin {
  display: none;
}

.ur-story-title {
  font-family: 'Noto Serif SC', Georgia, serif;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 900;
  color: #23201C;
  letter-spacing: 0.04em;
  line-height: 1.25;
  margin: 0;
}

/* 嵌入式阅读器入口（全屏阅读页自动隐藏） */
.ur-immersive-shell .ur-embedded-bar {
  display: none;
}

.ur-embedded-bar {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 16px;
}

.ur-embedded-bar button {
  padding: 6px 12px;
  border-radius: 9999px;
  border: 1px solid #E2DBD0;
  background: #F2EEE4;
  font-size: 12px;
  font-weight: 600;
  color: #2C2C2C;
  cursor: pointer;
}

/* ============================================================
   阅读器内核与防重叠纵向词块排版
   ============================================================ */
.unified-reader {
  --ur-accent: #B22D15;
  --ur-ruby-size: 0.68rem;
  --ur-hanzi-size: 1.55rem;
  position: relative;
  color: #23201C;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  isolation: isolate;
}

.unified-reader[data-font-size="large"] {
  --ur-ruby-size: 0.78rem;
  --ur-hanzi-size: 1.85rem;
}

.unified-reader [hidden] {
  display: none !important;
}

/* 章节标题 */
.unified-reader .ur-section-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 34px 0 18px;
}

.unified-reader .ur-section-title {
  font-family: 'Noto Serif SC', Georgia, serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #B22D15;
  margin: 0;
}

.unified-reader .ur-section-heading {
  min-width: 0;
}

.unified-reader .ur-section-heading .ur-heading-pinyin,
.unified-reader .ur-section-heading .ur-heading-english {
  font-size: 0.75rem;
  margin: 2px 0;
}

.unified-reader .ur-section-line {
  height: 1px;
  flex: 1;
  background: #E4DEC9;
}

/* 中文段落流 */
.unified-reader .ur-chinese {
  font-family: 'Noto Serif SC', Georgia, serif;
  margin: 0 0 26px;
  line-height: 1.45;
  word-break: keep-all;
}

.unified-reader .ur-sentence {
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

.unified-reader .ur-sentence.is-speaking {
  background: rgba(178, 45, 21, 0.08);
  box-shadow: 0 0 0 4px rgba(178, 45, 21, 0.08);
}

/* 词 + 后置标点不换行组，杜绝标点孤立出现在行首 */
.unified-reader .ur-word-group {
  display: inline-flex;
  align-items: flex-end;
  white-space: nowrap;
  vertical-align: bottom;
  margin-bottom: 12px;
}

/* 纵向词块：上方拼音自然撑开宽度，物理上 100% 杜绝拼音重叠 */
.unified-reader .ur-token,
.unified-reader .ur-punctuation {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  vertical-align: bottom;
  margin: 0 3px;
  padding: 2px 3px 3px;
  border: 0;
  background: transparent;
  font-family: inherit;
  color: inherit;
  appearance: none;
  border-radius: 6px 6px 2px 2px;
}

.unified-reader .ur-token {
  cursor: pointer;
  transition: background-color 0.14s ease, color 0.14s ease;
}

.unified-reader .ur-punctuation {
  margin: 0 1px 0 0;
  padding: 2px 1px 3px;
  user-select: none;
}

.unified-reader .ur-rt {
  display: block;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: var(--ur-ruby-size);
  font-weight: 500;
  line-height: 1.25;
  min-height: calc(var(--ur-ruby-size) * 1.25);
  color: #7A7267;
  letter-spacing: -0.01em;
  margin-bottom: 3px;
  visibility: hidden;
  pointer-events: none;
}

/* 四档拼音可见性（隐藏时用 visibility:hidden 保持全篇行高整齐） */
.unified-reader[data-pinyin-mode="full"] .ur-token .ur-rt,
.unified-reader[data-pinyin-mode="hints"] .ur-token[data-hint="true"] .ur-rt,
.unified-reader[data-pinyin-mode="medium"] .ur-token[data-medium="true"] .ur-rt {
  visibility: visible;
}

.unified-reader[data-pinyin-mode="off"] .ur-rt {
  display: none;
}

.unified-reader[data-pinyin-mode="off"] .ur-word-group {
  margin-bottom: 8px;
}

.unified-reader .ur-rb {
  display: block;
  font-size: var(--ur-hanzi-size);
  line-height: 1.2;
  letter-spacing: 0.02em;
}

/* HSK 等级下划线 */
.unified-reader[data-show-underlines="true"] .ur-token {
  border-bottom: 2px solid transparent;
}
.unified-reader[data-show-underlines="true"] .ur-token[data-hsk="1"] { border-bottom-color: #10B981; }
.unified-reader[data-show-underlines="true"] .ur-token[data-hsk="2"] { border-bottom-color: #06B6D4; }
.unified-reader[data-show-underlines="true"] .ur-token[data-hsk="3"] { border-bottom-color: #F59E0B; }
.unified-reader[data-show-underlines="true"] .ur-token[data-hsk="4"] { border-bottom-color: #EA580C; }
.unified-reader[data-show-underlines="true"] .ur-token[data-hsk="5"] { border-bottom-color: #B22D15; }
.unified-reader[data-show-underlines="true"] .ur-token[data-hsk="6"] { border-bottom-color: #7C3AED; }
.unified-reader[data-show-underlines="true"] .ur-token[data-hsk="7"],
.unified-reader[data-show-underlines="true"] .ur-token[data-hsk="8"],
.unified-reader[data-show-underlines="true"] .ur-token[data-hsk="9"] { border-bottom-color: #312E81; }

/* 神话实体专名：灰色虚线下划线（如“盘古”） */
.unified-reader[data-show-underlines="true"] .ur-token:not([data-entity-url=""]) {
  border-bottom: 2px dashed #8A8175;
}

/* 词块悬停与点击激活态（对应图1 暖黄选中框） */
.unified-reader .ur-token:hover {
  background: rgba(245, 158, 11, 0.14);
}

.unified-reader .ur-token[aria-expanded="true"] {
  background: #FDE68A;
  color: #1E1B18;
  box-shadow: 0 0 0 2px #F59E0B;
}

.unified-reader .ur-token.is-saved-word::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  background: #F59E0B;
}

.unified-reader .ur-token {
  position: relative;
}

/* 英文段落对照（默认隐藏，在设置面板开启后展示） */
.unified-reader .ur-english {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14.5px;
  line-height: 1.65;
  color: #62594F;
  border-left: 2px solid #D8CFC0;
  padding-left: 14px;
  margin: -10px 0 26px;
}

/* ============================================================
   Reading Preferences 设置面板（PC 右上角浮窗 / 手机底部抽屉）
   ============================================================ */
.ur-prefs-backdrop,
.ur-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 950;
  background: rgba(24, 20, 16, 0.32);
  backdrop-filter: blur(2px);
}

@media (min-width: 768px) {
  .ur-drawer-backdrop {
    background: transparent;
    backdrop-filter: none;
  }
}

.ur-prefs-panel {
  position: fixed;
  top: 66px;
  right: max(16px, calc((100vw - 1120px) / 2 + 16px));
  z-index: 1000;
  width: 390px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 84px);
  overflow-y: auto;
  background: #FFFFFF;
  border: 1px solid #E5DFD2;
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(28, 22, 16, 0.18);
  padding: 20px 22px 22px;
}

.ur-sheet-handle {
  display: none;
  width: 36px;
  height: 4px;
  border-radius: 9999px;
  background: #DDD6C8;
  margin: 0 auto 12px;
}

.ur-sheet-handle-dark {
  background: #334155;
}

.ur-prefs-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid #F0ECE1;
}

.ur-prefs-title-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ur-prefs-gear {
  color: #8A8175;
  font-size: 16px;
}

.ur-prefs-title {
  font-family: 'Noto Serif SC', Georgia, serif;
  font-size: 16px;
  font-weight: 700;
  color: #23201C;
  margin: 0;
}

.ur-prefs-close {
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  font-size: 22px;
  color: #787064;
  cursor: pointer;
  border-radius: 8px;
}

.ur-prefs-close:hover {
  background: #F4F0E6;
}

.ur-prefs-body {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-top: 16px;
}

.ur-pref-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ur-pref-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ur-pref-label {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #787064;
}

.ur-pref-active-tag {
  font-size: 11px;
  font-weight: 700;
  color: #B22D15;
}

.ur-pref-hint {
  font-size: 11.5px;
  color: #8A8175;
  margin-top: 2px;
}

/* 等级胶囊网格 */
.ur-level-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}

.ur-level-chip {
  padding: 7px 6px;
  border-radius: 10px;
  border: 1px solid #E5DFD2;
  background: #FAF8F2;
  color: #4A443C;
  font-size: 11.5px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: all 0.14s ease;
  white-space: nowrap;
}

.ur-level-chip:hover {
  border-color: #C8BFA8;
  background: #F3EFE4;
}

.ur-level-chip.is-active {
  border-color: #B22D15;
  background: #FBF0EE;
  color: #B22D15;
}

/* 分段控制器 */
.ur-segmented {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: #F3EFE4;
  border: 1px solid #E6E0D2;
}

.ur-segmented-2 {
  grid-template-columns: repeat(2, 1fr);
}

.ur-seg-btn {
  padding: 7px 6px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  color: #6B6358;
  cursor: pointer;
  transition: all 0.14s ease;
}

.ur-seg-btn.is-active {
  background: #FFFFFF;
  color: #B22D15;
  border-color: #E5DFD2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  font-weight: 700;
}

/* 开关组件 */
.ur-pref-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ur-switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
  flex-shrink: 0;
}

.ur-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.ur-switch-slider {
  position: absolute;
  inset: 0;
  cursor: pointer;
  background: #DCD5C7;
  border-radius: 9999px;
  transition: 0.2s;
}

.ur-switch-slider::before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background: #FFFFFF;
  border-radius: 50%;
  transition: 0.2s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.ur-switch input:checked + .ur-switch-slider {
  background: #B22D15;
}

.ur-switch input:checked + .ur-switch-slider::before {
  transform: translateX(18px);
}

/* HSK 下划线图例 */
.ur-hsk-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  padding-top: 4px;
}

.ur-hsk-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: #6B6358;
}

.ur-hsk-legend i {
  display: inline-block;
  width: 12px;
  height: 2.5px;
  border-radius: 2px;
}

.ur-preference-status {
  font-size: 12px;
  color: #B22D15;
  margin: 0;
  min-height: 16px;
}

/* ============================================================
   深色沉浸式查词卡片（复刻目标设计图1：PC 气泡 / 手机底部抽屉）
   ============================================================ */
.unified-reader .ur-drawer {
  position: fixed;
  z-index: 1050;
  width: 390px;
  max-width: calc(100vw - 24px);
  background: #131B2E;
  color: #F8FAFC;
  border: 1px solid #26334D;
  border-radius: 18px;
  padding: 20px 22px 22px;
  box-shadow: 0 24px 60px rgba(9, 13, 24, 0.55);
  line-height: 1.5;
}

.ur-popover-arrow {
  position: absolute;
  top: -7px;
  left: 50%;
  width: 14px;
  height: 14px;
  background: #131B2E;
  border-left: 1px solid #26334D;
  border-top: 1px solid #26334D;
  transform: translateX(-50%) rotate(45deg);
}

.ur-drawer.is-above .ur-popover-arrow {
  top: auto;
  bottom: -7px;
  border-left: 0;
  border-top: 0;
  border-right: 1px solid #26334D;
  border-bottom: 1px solid #26334D;
}

.ur-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.ur-card-headword {
  min-width: 0;
}

.unified-reader .ur-word {
  font-family: 'Noto Serif SC', Georgia, serif;
  font-size: 28px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
  line-height: 1.2;
}

.unified-reader .ur-word-pinyin {
  font-size: 14px;
  font-weight: 600;
  color: #FBBF24;
  margin: 4px 0 0;
}

.ur-card-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.ur-circle-btn {
  width: 34px;
  height: 34px;
  border-radius: 9999px;
  border: 1px solid #334155;
  background: #1E293B;
  color: #E2E8F0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
}

.ur-circle-btn:hover:not(:disabled) {
  background: #2B3952;
  border-color: #475569;
}

.ur-circle-btn:disabled {
  opacity: 0.45;
  cursor: default;
}

.ur-circle-btn.is-starred {
  border-color: #F59E0B;
  background: rgba(245, 158, 11, 0.18);
  color: #FBBF24;
}

.ur-circle-btn.is-starred .ur-star-icon {
  fill: #FBBF24;
}

.ur-circle-btn.is-known {
  border-color: #10B981;
  background: rgba(16, 185, 129, 0.18);
  color: #34D399;
}

.ur-card-close {
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  color: #94A3B8;
  font-size: 22px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 2px;
}

.ur-card-close:hover {
  color: #FFFFFF;
}

.ur-card-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

.ur-badge-hsk {
  padding: 2px 10px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 700;
  background: #0F4C5C;
  color: #5EEAD4;
  border: 1px solid #155E75;
}

.ur-badge-pos {
  padding: 2px 10px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 600;
  background: #1E293B;
  color: #CBD5E1;
  border: 1px solid #334155;
}

.unified-reader .ur-entity {
  font-size: 11.5px;
  font-weight: 700;
  color: #FBBF24;
  text-decoration: none;
  margin-left: auto;
}

.unified-reader .ur-entity:hover {
  text-decoration: underline;
}

.unified-reader .ur-definition {
  font-size: 15px;
  color: #F1F5F9;
  margin: 14px 0 16px;
  line-height: 1.55;
}

.ur-context-box {
  border-top: 1px solid #243047;
  padding-top: 14px;
}

.ur-context-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ur-context-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #94A3B8;
}

.ur-speak-sentence {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 0;
  background: transparent;
  color: #FBBF24;
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
  padding: 2px 4px;
}

.ur-speak-sentence:hover {
  text-decoration: underline;
}

.ur-context-inner {
  background: #0D1322;
  border: 1px solid #222E44;
  border-radius: 10px;
  padding: 10px 12px;
}

.unified-reader .ur-context {
  font-family: 'Noto Serif SC', Georgia, serif;
  font-size: 15px;
  color: #F8FAFC;
  margin: 0;
  line-height: 1.65;
}

.ur-context-highlight {
  color: #FBBF24;
  border-bottom: 2px solid #F59E0B;
  font-weight: 700;
}

.unified-reader .ur-context-english-label {
  color: #CBD5E1;
  font-size: 11px;
  margin: 8px 0 0;
}

.unified-reader .ur-context-english {
  font-size: 12.5px;
  font-style: italic;
  color: #CBD5E1;
  margin: 8px 0 0;
  line-height: 1.5;
  max-height: 25dvh;
  overflow-y: auto;
}

.unified-reader .ur-message {
  font-size: 12px;
  color: #34D399;
  margin: 10px 0 0;
  min-height: 16px;
}

/* ============================================================
   文末学习闭环
   ============================================================ */
.ur-story-footer {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid #E4DEC9;
  text-align: center;
}

.ur-footer-seal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #FBF0EE;
  border: 1px solid #EBC6BF;
  color: #B22D15;
  font-family: 'Noto Serif SC', Georgia, serif;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 12px;
}

.ur-footer-heading {
  font-family: 'Noto Serif SC', Georgia, serif;
  font-size: 18px;
  font-weight: 700;
  color: #23201C;
  margin: 0 0 6px;
}

.ur-footer-sub {
  font-size: 12.5px;
  color: #787064;
  max-width: 380px;
  margin: 0 auto 18px;
}

.ur-footer-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.ur-btn-primary {
  padding: 10px 20px;
  border-radius: 12px;
  background: #B22D15;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.15s ease;
}

.ur-btn-primary:hover {
  background: #96230F;
}

.ur-btn-secondary {
  padding: 10px 18px;
  border-radius: 12px;
  background: #F2EEE4;
  border: 1px solid #E2DBD0;
  color: #2C2C2C;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.ur-btn-secondary:hover {
  background: #EAE4D7;
}

/* ============================================================
   移动端响应式统一适配（< 768px 面板与查词卡无缝切换为 Bottom Sheet）
   ============================================================ */
@media (max-width: 767px) {
  .ur-main-container {
    padding: 24px 16px 72px;
  }

  .unified-reader {
    --ur-ruby-size: 0.64rem;
    --ur-hanzi-size: 1.42rem;
  }

  .unified-reader[data-font-size="large"] {
    --ur-ruby-size: 0.72rem;
    --ur-hanzi-size: 1.68rem;
  }

  .ur-sheet-handle {
    display: block;
  }

  .ur-prefs-panel {
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    max-height: 82dvh;
    border-radius: 22px 22px 0 0;
    padding: 12px 20px calc(24px + env(safe-area-inset-bottom));
  }

  .unified-reader .ur-drawer {
    top: auto !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    max-height: 78dvh;
    overflow-y: auto;
    border-radius: 22px 22px 0 0;
    padding: 12px 20px calc(24px + env(safe-area-inset-bottom));
  }

  .ur-popover-arrow {
    display: none !important;
  }
}

.guest-merge-banner {
  position: sticky;
  top: 56px;
  z-index: 750;
  padding: 10px 16px;
  font-size: 13px;
  color: #2c2c2c;
  background: #fbf0ee;
  border-bottom: 1px solid #e4dec9;
  text-align: center;
}