@font-face{font-family:Vazir;src:url('assets/assets/fonts/Vazir.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;font-family:Vazir,Tahoma,sans-serif;color:#332d33;background:#f9f7fa}
html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden}
button,a{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:10px 16px;background:#9c5c7c;color:white;min-height:44px}
button:focus-visible,a:focus-visible{outline:3px solid #332d33;outline-offset:3px}
button.secondary{background:#eee6eb;color:#332d33}
#startup{position:fixed;inset:0;display:grid;place-content:center;text-align:center;padding:24px;z-index:5;background:#f9f7fa}
#startup img{margin:auto;border-radius:24px;width:96px;height:96px}
#startup p{max-width:360px;line-height:1.9}#startup-error{display:none}
.pwa-bar{position:fixed;z-index:10000;inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom));margin:auto;max-width:540px;border:1px solid #ded0d9;border-radius:16px;background:#fff;box-shadow:0 4px 24px #332d3326;padding:12px 16px;line-height:1.9;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pwa-bar[hidden],dialog:not([open]){display:none}.pwa-bar span{flex:1;min-width:160px}
dialog{box-sizing:border-box;max-width:min(92vw,480px);max-height:85dvh;overflow:auto;border:1px solid #ded0d9;border-radius:20px;padding:24px;color:#332d33;background:#fff;line-height:2}
dialog::backdrop{background:#332d3370}dialog h2{font-size:20px}dialog p{margin:12px 0}
@media(prefers-reduced-motion:no-preference){#startup img{animation:breathe 1.8s infinite alternate}@keyframes breathe{to{opacity:.65}}}