.history-login-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 18px;
  align-items: center;
  margin-top: 18px;
  padding: 22px;
  border: 1px solid rgba(7, 105, 112, .2);
  border-left: 5px solid #e9844b;
  border-radius: 7px;
  background: linear-gradient(120deg, rgba(255,255,255,.96), rgba(239,250,248,.96));
  box-shadow: 0 16px 34px rgba(10, 69, 73, .09);
}
.history-login-card .history-login-kicker { grid-column: 1 / -1; }
.history-login-card h2 { margin: 0 0 5px; color: #073f43; font: 800 clamp(1.55rem, 2.6vw, 2.15rem)/1.05 Georgia, "Times New Roman", serif; }
.history-login-card p { max-width: 560px; margin: 0; color: #60777a; line-height: 1.55; }
.history-login-kicker { color: #d86442; font-size: .76rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.history-login-card .btn { min-width: 170px; }

.history-dialog { width: min(680px, calc(100% - 28px)); padding: 0; border: 0; border-radius: 8px; background: transparent; }
.history-dialog::backdrop { background: rgba(4, 35, 38, .72); backdrop-filter: blur(8px); }
.history-dialog-shell {
  position: relative;
  padding: clamp(34px, 7vw, 68px);
  border-top: 7px solid #03989e;
  background: #fff;
  box-shadow: 0 28px 80px rgba(0,0,0,.25);
  text-align: center;
}
.history-dialog-shell h2 { margin: 12px auto 14px; color: #073f43; font: 800 clamp(2rem, 5vw, 3.8rem)/1.03 Georgia, "Times New Roman", serif; }
.history-dialog-shell p { max-width: 520px; margin: 0 auto 24px; color: #60777a; font-size: 1.05rem; line-height: 1.7; }
.history-dialog-shell > strong { display: inline-block; padding: 10px 16px; color: #087e83; background: #edf9f8; text-transform: uppercase; letter-spacing: .06em; }
.history-dialog-close { position: absolute; top: 13px; right: 15px; width: 42px; height: 42px; border: 0; border-radius: 50%; color: #073f43; background: #edf4f3; font-size: 1.7rem; cursor: pointer; }

#appView .app-install-inside { width: min(1120px, calc(100% - 32px)); margin: 22px auto 30px; box-sizing: border-box; }

#appView .book-store-tile { align-content: start; }
#appView .book-store-tile .memory-book { overflow: hidden; }
#appView .book-store-tile .memory-book .memory-photo {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: inherit;
  box-shadow: none !important;
  transform: none !important;
}
.book-store-actions { position: relative; z-index: 4; display: grid; gap: 8px; width: 100%; padding: 0 18px 18px; box-sizing: border-box; }
.book-store-actions .btn { width: 100%; min-height: 46px; }
.book-preview-button { border: 1px solid rgba(33, 74, 93, .28); color: #214a5d; background: #eef6f7; }

@media (max-width: 720px) {
  .history-login-card { grid-template-columns: 1fr; }
  .history-login-card .btn { width: 100%; }
  #appView .app-install-inside { width: calc(100% - 20px); margin-block: 14px 22px; }
}