.app-download { margin: 1.25rem 0; }
.app-download .app-install { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; max-width: 100%; background: #58f000; color: #101210; border: 2px solid #58f000; font: inherit; font-weight: 800; white-space: normal; text-align: center; cursor: pointer; }
.app-download .app-install[hidden] { display: none; }
.app-download p { font-size: .875rem; margin: .5rem 0 0; }
.app-install:focus-visible, .app-install-dialog button:focus-visible { outline: 3px solid #ffdf00; outline-offset: 4px; }
.app-install:disabled { opacity: .7; cursor: wait; }
.app-install-dialog { box-sizing: border-box; width: min(34rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow-y: auto; padding: 1.5rem; background: #101210; color: #fff; border: 2px solid #58f000; border-top: 5px solid #ff0030; border-radius: 12px; font-size: 1rem; line-height: 1.6; }
.app-install-dialog::backdrop { background: #000b; }
.app-install-dialog h2 { color: #58f000; margin: 0 0 1rem; font-size: 1.75rem; }
.app-install-dialog ol { padding-left: 1.5rem; }
.app-install-dialog li { margin-bottom: .65rem; }
.app-install-dialog strong { color: #ffdf00; }
.app-install-dialog button { min-height: 44px; background: #58f000; color: #101210; cursor: pointer; }
@media (display-mode: standalone), (display-mode: fullscreen) {
  body { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); padding-bottom: env(safe-area-inset-bottom); }
  .site-header { padding-top: max(1rem, env(safe-area-inset-top)); }
  .app-download .app-install { display: none; }
}
@media print { .app-download, .app-install-dialog { display: none; } }