.install-shortcut {
  position: fixed;
  z-index: 90;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: calc(100vw - 32px);
  min-height: 42px;
  padding: 10px 15px;
  border: 1px solid rgba(94, 218, 201, .52);
  border-radius: 999px;
  color: #fff;
  background: rgba(7, 27, 49, .94);
  box-shadow: 0 10px 30px rgba(7, 27, 49, .24);
  font: 700 13px/1.2 "DM Sans", system-ui, sans-serif;
  cursor: pointer;
  backdrop-filter: blur(10px);
}

.install-shortcut[hidden] { display: none; }
.install-shortcut:hover { background: #0b344a; }
.install-shortcut:focus-visible { outline: 3px solid #f2bd4b; outline-offset: 3px; }
.install-shortcut svg { width: 17px; height: 17px; fill: none; stroke: #5edac9; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.install-shortcut-tip {
  position: fixed;
  z-index: 91;
  right: max(16px, env(safe-area-inset-right));
  bottom: calc(max(16px, env(safe-area-inset-bottom)) + 54px);
  max-width: min(300px, calc(100vw - 32px));
  margin: 0;
  padding: 12px 15px;
  border-radius: 12px;
  color: #fff;
  background: #0b344a;
  box-shadow: 0 10px 30px rgba(7, 27, 49, .26);
  font: 600 13px/1.45 "DM Sans", system-ui, sans-serif;
}

.install-shortcut-tip[hidden] { display: none; }

@media (display-mode: standalone) {
  .install-shortcut,
  .install-shortcut-tip { display: none !important; }
}

@media (max-width: 600px) {
  .install-shortcut { right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); }
  .install-shortcut-tip { right: 12px; bottom: calc(max(12px, env(safe-area-inset-bottom)) + 54px); }
}