.pwa-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 7px; flex-shrink: 0; }
.pwa-actions .updated-at { margin: 0; }
.install-entry { color: #497078; font-size: 13px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; padding: 4px 0; }
.install-entry:focus-visible, .install-page a:focus-visible, .install-page button:focus-visible { outline: 3px solid #1c8e86; outline-offset: 4px; }
.install-page { margin: 0; background: #f0f5f7; color: #172e40; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; line-height: 1.7; }
.install-page * { box-sizing: border-box; }
.install-shell { width: min(100%, 720px); margin: 0 auto; padding: max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); }
.install-back { display: inline-block; color: #476775; text-decoration: none; padding: 5px 0; margin-bottom: 25px; }
.install-header { display: flex; align-items: center; gap: 17px; margin-bottom: 25px; }
.install-header img { border-radius: 18px; flex: 0 0 72px; }
.install-header h1 { font-size: clamp(22px, 5vw, 29px); margin: 0; letter-spacing: -.5px; }
.install-header p { color: #5c707e; font-size: 14px; margin: 4px 0 0; }
.install-card { padding: 26px; background: #fff; border: 1px solid #e0e9ed; border-radius: 20px; margin-bottom: 18px; }
.install-card h1 { font-size: 25px; margin: 0 0 15px; }
.install-card h2 { font-size: 22px; margin: 5px 0 15px; }
.install-card p { margin: 12px 0 18px; }
.install-tag { color: #007b70; font-size: 13px; font-weight: 700; }
.install-card ol { padding-left: 24px; margin: 0 0 18px; }
.install-card li { padding-left: 3px; margin: 12px 0; }
.install-card a:not(.install-primary) { color: #0b736c; overflow-wrap: anywhere; }
.install-primary, .install-secondary { display: inline-block; border: 0; border-radius: 12px; padding: 12px 22px; background: #0b736c; color: white; font: inherit; font-weight: 650; text-align: center; text-decoration: none; cursor: pointer; }
.install-secondary { background: #edf5f4; color: #0b736c; }
.install-secondary[hidden] { display: none; }
.install-note, .install-card .install-note { color: #667d89; font-size: 13px; line-height: 1.8; margin-top: 18px; }
.install-footer { color: #667d89; font-size: 12px; padding: 5px 8px; }
@media (display-mode: standalone) {
  body { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
}
@media (max-width: 640px) {
  .pwa-actions { flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; }
  .pwa-actions .updated-at { flex: 1; min-width: 0; }
  .install-entry { white-space: nowrap; }
}
@media (max-width: 420px) {
  .pwa-actions { gap: 3px; }
  .install-entry { font-size: 12px; }
  .install-card { padding: 21px; }
  .install-header { gap: 13px; }
  .install-header img { width: 60px; height: 60px; flex-basis: 60px; border-radius: 15px; }
  .install-primary, .install-secondary { width: 100%; }
}
