#dt-install-dialog {
  box-sizing: border-box; width: min(420px, calc(100% - 32px)); max-height: calc(100dvh - 32px);
  margin: auto; padding: 24px; overflow: auto; color: #e8eef7; background: #0d1320;
  border: 1px solid #27517e; border-radius: 14px; font: 15px/1.55 Inter, sans-serif;
  box-shadow: 0 20px 80px #0008;
}
#dt-install-dialog::backdrop { background: #000b; }
#dt-install-dialog img { border-radius: 14px; }
#dt-install-dialog h2 { margin: 14px 0 10px; font-size: 22px; line-height: 1.2; color: #fff; }
#dt-install-dialog p { margin: 0 0 20px; color: #c2cfdf; }
.dt-install-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.dt-install-actions button, .dt-mobile-app-button {
  min-height: 44px; padding: 10px 16px; border: 1px solid #27517e; border-radius: 6px;
  color: #fff; background: #16253a; cursor: pointer; font: 700 14px Inter, sans-serif;
}
.dt-install-actions [data-install-native] { background: linear-gradient(135deg, #1e90ff, #0044cc); }
.dt-install-actions [hidden] { display: none; }
.dt-mobile-app-button { display: block; width: fit-content; margin: 12px 0; }
.page > .dt-mobile-app-button, .page-content > .dt-mobile-app-button { margin: 20px auto; }
.dt-install-actions button:focus-visible, .dt-mobile-app-button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

#dt-install-dialog ol { margin: 0 0 16px; padding-left: 24px; color: #c2cfdf; }
#dt-install-dialog li { padding-left: 4px; margin-bottom: 8px; }