@font-face { font-family: YekanBakh; src: url('assets/assets/fonts/YekanBakh-VF.ttf'); font-display: swap; }
html, body { margin: 0; height: 100%; background: #fff; font-family: YekanBakh, sans-serif; }
#startup { position: fixed; inset: 0; display: grid; place-content: center; justify-items: center; color: #525866; }
#startup img { border-radius: 16px; }
#pwa-notice { position: fixed; z-index: 10000; inset-inline: 16px; bottom: max(16px, env(safe-area-inset-bottom)); max-width: 560px; margin-inline: auto; padding: 14px; background: #17233d; color: #fff; border-radius: 16px; box-shadow: 0 8px 30px #0003; display: flex; gap: 12px; align-items: center; line-height: 1.8; }
#pwa-notice[hidden], [hidden] { display: none !important; }
#pwa-notice-text { flex: 1; }
button { font: inherit; cursor: pointer; }
#pwa-notice-action { background: #fff; color: #173e94; border: 0; border-radius: 10px; padding: 8px 12px; }
#pwa-notice-close { border: 0; color: #fff; background: transparent; font-size: 24px; padding: 4px 8px; }
button:focus-visible { outline: 3px solid #8fb5ff; outline-offset: 3px; }