*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;background:#f5f8fd;font-family:'Vazirmatn',sans-serif;color:#1b2333}
a{color:#1d6fe6;text-decoration:none}a:hover{color:#0f4fb3}
@keyframes sp-shine{0%,55%{background-position:120% 0}85%,100%{background-position:-120% 0}}
@keyframes sp-bob{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes sp-leaf{0%{translate:0 0;rotate:0deg}25%{translate:10px -14px;rotate:18deg}50%{translate:-6px -24px;rotate:-10deg}75%{translate:-14px -8px;rotate:14deg}100%{translate:0 0;rotate:0deg}}
@keyframes sp-marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}

/* ---- additions for the standalone build ---- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:hidden}
body,input,button{font-family:'Vazirmatn',Tahoma,'Segoe UI',sans-serif}
[hidden]{display:none!important}
img{max-width:100%}
.press:active{transform:translateY(5px);box-shadow:0 1px 0 #1553b0,0 6px 10px rgba(29,111,230,.25)!important}
.press[disabled]{opacity:.7;cursor:wait}
.hint-touch{display:none}
@media (hover:none),(pointer:coarse){.hint-desk{display:none}.hint-touch{display:inline}}
/* hide icon glyph names until the icon font is ready (avoids showing words like "pets") */
html:not(.icons-ok) [style*="Material Symbols"]{visibility:hidden}