#installGuide {
  width: min(92vw, 420px);
  max-height: 90dvh;
  overflow: auto;
  box-sizing: border-box;
  border: 1px solid var(--gold2, #ffcf5b);
  border-radius: 20px;
  padding: 18px;
  color: var(--text, #fff);
  background: var(--bg, #0d1117);
}
#installGuide::backdrop { background: #0009; }
#installGuide form { text-align: right; }
.guide-controls { display: flex; flex-wrap: wrap; gap: 8px; }
.guide-controls button[aria-pressed="true"] { border-color: var(--gold2, #ffcf5b); }
#guidePhone {
  max-width: 240px;
  margin: 14px auto;
  padding: 12px;
  border: 3px solid currentColor;
  border-radius: 24px;
}
#guidePhone > div { display: grid; justify-items: center; gap: 8px; text-align: center; }
#guidePhone img { width: 56px; height: 56px; border-radius: 12px; }
.guide-target {
  border: 2px solid var(--gold2, #ffcf5b);
  border-radius: 22px;
  padding: 8px;
  animation: guide-highlight .45s ease-out;
}
@keyframes guide-highlight { from { transform: scale(.92); } to { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .guide-target { animation: none; } }

#guideProgress { color: var(--gold2, #ffcf5b); margin: 14px 0 0; }