.pwa-install { padding: 12px 22px; border: 1px solid #dfb568; border-radius: 28px; background: transparent; color: #dfb568; font: 500 13px/1.5 Montserrat, 'Segoe UI', sans-serif; cursor: pointer; }
.pwa-install:hover { background: #dfb568; color: #0b0a08; }
.pwa-install:focus-visible { outline: 3px solid #dfb568; outline-offset: 5px; }
.pwa-install[hidden], .pwa-install-help[hidden] { display: none!important; }
.pwa-install-help { max-width: 400px; margin: 0; color: #ffedce; font: 400 14px/1.7 'Segoe UI', sans-serif; }
.pwa-offline-body { margin: 0; background: #0b0a08; }
.pwa-offline { box-sizing: border-box; display: flex; min-height: 85svh; flex-direction: column; align-items: center; justify-content: center; padding: 130px 24px 100px; text-align: center; color: #fff6e7; background: radial-gradient(ellipse at 85% 15%, #dfb56824, transparent 60%), #0b0a08; }
.pwa-offline img { width: 112px; height: 112px; border-radius: 24px; margin-bottom: 30px; }
.pwa-offline h1 { margin: 0 0 22px; font: 400 clamp(38px,6vw,58px)/1.15 Georgia, serif; }
.pwa-offline p { max-width: 480px; margin: 0 0 26px; color: #e0d4be; font: 400 18px/1.7 'Segoe UI', sans-serif; }
.pwa-offline-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 18px; }
.pwa-offline-actions a { color: #dfb568; font: 500 14px/1.5 'Segoe UI', sans-serif; text-decoration: underline; text-underline-offset: 4px; }
.pwa-offline-actions button { padding: 13px 26px; background: #dfb568; color: #0b0a08; border: 0; border-radius: 30px; font: 600 14px/1.5 'Segoe UI', sans-serif; cursor: pointer; }
.pwa-offline-actions :focus-visible { outline: 3px solid #fff6e7; outline-offset: 5px; }
/* Leave room for the home indicator when running as an installed app. */
@media (display-mode: standalone) {
    body.kabryan { padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)); }
    body.kabryan .audio-player { padding-bottom: env(safe-area-inset-bottom, 0px); }
}
@media (display-mode: standalone) and (max-width: 767px) {
    body.kabryan { padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px)); }
}