<!-------------------------------------------------------------------------------------------------------

⠀⠠⢄⢠⢲⣒⠧⡐⢄⢢⠰⢠⠄⡀⠰⢢⠔⡢⠔⡢⢄⠀⠆⡴⡰⢠⠤⡀⠐⠹⢶⣒⢖⢢⢖⡰⢂⠦⡤⡀⠠⡀⠀⠲⢒⡔⣢⠔⡰⢠⠄⢢⡐⢠⢂⡔⢠⠄⡄⠂⡄⠠⢀⠀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢈⠱⡌⢢⢯⡝⢢⡉⢦⡑⢎⡡⢎⡐⠈⣇⢮⢱⡹⣰⣉⠦⠘⢰⢻⣦⠳⣱⠀⢀⠈⢻⣿⣔⡧⣽⢩⣎⡵⣩⡤⠐⢆⠀⠈⠑⠃⠞⢱⠣⡝⡴⣈⠇⢦⡘⢆⠎⡔⡡⢂⠅⠢⢌⠠⢁⠈⠄⠂⠁⠠⠀⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢠⠣⡜⢣⡛⡌⠧⣜⡡⢚⠥⣚⠤⣊⠄⢺⣬⠳⡼⣱⢎⡼⡀⠀⠑⣾⣧⡳⣍⠀⠣⢄⠘⢿⣾⣵⣻⣜⣷⣣⢿⡵⡈⢧⡀⠃⠜⣠⢂⢄⡉⠐⠹⣌⠧⣘⡍⡜⢢⡱⠌⣌⠑⡠⠒⡈⠄⢂⠡⠈⠄⡐⠀⡈⠀⠁⠀⠀⠀⠀⠀⠀⠀
⢄⡳⡜⢧⡽⣖⡳⣬⢳⡝⣮⣜⡱⢆⠢⢹⣎⡿⡵⢯⣞⡵⡃⢈⣆⠐⢿⣽⡚⣥⠘⣦⡁⠈⢻⣯⣿⢾⣭⣟⣯⢿⣵⡈⢷⡄⢡⠂⡄⠈⠘⠕⣆⣀⠘⠐⠌⡐⠃⠤⠑⡠⠊⠄⡑⠠⠈⠄⠂⢁⠠⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀
⣌⡳⣝⢧⣿⣻⣷⣭⢗⣻⢶⣭⢳⣍⢎⠰⣿⣻⡟⣿⢯⣷⡁⢠⢿⣧⡈⢳⣿⡳⠆⢹⣿⣅⡂⢹⣿⢿⣾⣟⣾⡿⣾⣷⠘⣿⡄⠳⣌⢆⠀⠀⠀⠈⠳⣦⡀⠀⠈⠀⠀⠀⠐⠀⠀⠀⠁⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢢⣟⣼⢻⣷⣿⣷⡿⣿⣽⣳⣯⢷⣎⡎⡄⣿⣷⣿⢿⣻⢾⠁⣸⠘⣿⣷⡄⠻⣧⡟⠀⣿⣿⣦⡀⠙⣿⣿⡾⣿⣽⣿⣽⣆⢸⣿⡄⠹⣞⡕⡀⠀⠀⠀⠀⠙⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣹⢾⡽⣻⣿⣾⡿⣿⣷⣻⣷⢯⣿⢶⡹⠄⣿⣿⢾⣿⢿⣻⠀⣷⡂⣿⣿⣿⠄⠹⣿⣃⠈⣉⣉⣉⣀⠙⣷⣿⢿⣽⣾⣟⣿⡀⢿⣷⡀⠛⣿⣮⣆⠀⠀⠀⠀⠀⠙⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢫⣿⣽⣻⣷⡿⣿⣿⡿⣽⡿⣿⣾⢯⡟⡆⣹⣿⡿⣯⣿⡏⢘⡮⠓⠉⣁⣤⣴⣆⠹⣷⠈⣿⣿⣿⣿⡄⠙⣿⣿⢯⣿⣾⢿⣇⢸⣿⣷⠀⠱⢾⣻⣧⡀⠀⠀⠀⠀⠀⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⣷⡿⣽⣾⢿⣿⣷⣿⢿⣻⣿⢾⡿⣝⠦⢹⣿⣟⣿⣷⠁⢁⣤⣶⣿⣿⣿⣿⣿⣧⠸⡆⢻⣿⣿⣿⣯⣃⠸⣿⡿⣯⣿⡿⣿⠀⣿⣿⡆⠀⠈⠳⣟⣷⡄⠀⠀⠀⠀⠀⠈⢣⡀⠀⠀⠀⢀⠀⠀⠀⠀⡈⠐⠀⠂⠀⠀⠀⠀⠀⠀⠀
⡇⢿⣟⣿⣽⡿⣷⣿⣯⣿⣿⣽⣿⣻⡽⢎⢸⣿⣿⣽⡞⢰⣟⣿⣿⣿⣿⣿⣿⣿⣿⣧⠀⠘⣿⠻⣿⡟⢁⣆⠹⣿⣟⣷⣿⢿⡇⣿⢿⣿⠀⠀⠀⠙⢯⣿⣆⠀⠀⠂⠀⠀⠀⠱⡀⠀⠀⠀⠀⠀⠀⠀⠄⡀⢀⠀⠀⠀⠀⠀⠀⠀⠀
⣿⡸⣿⣏⣿⣹⣿⣷⣿⢿⣾⡿⣾⣿⣹⠇⣸⣿⣷⣿⠁⣾⣿⣿⣿⣿⣿⡿⣁⣿⣿⡿⠇⠀⠀⠀⠀⠀⠉⠏⠀⢹⣿⣏⣿⣿⡇⢹⣿⣿⡇⠀⠀⠀⠀⢿⣹⣇⠀⠀⠀⠆⠀⠀⢱⠀⠀⠀⠀⢀⠀⠰⠆⡀⠀⠀⠀⠀⠰⠀⠀⠀⠀
⢿⣧⢻⣿⣽⣿⣳⣿⣯⣿⣯⣿⣟⣷⣯⠃⣿⣿⣽⡏⣰⣿⣿⣿⣿⡿⢋⣴⡿⠛⠁⣠⣤⠤⠶⠾⠶⣶⣦⣄⠈⠈⣿⣯⣿⣾⡇⢸⣿⣟⣧⠘⣁⠀⠀⠀⠙⣿⣆⠀⠄⠀⠀⠄⠀⢡⠀⠀⠴⠀⠠⠘⡐⡆⠘⠄⡀⠀⠄⠐⠀⠀⠀
⡞⣿⡎⢿⣾⣻⣽⣷⡿⣽⣾⣯⣿⣻⡼⠃⣿⣟⡾⢠⣿⣿⣿⣿⠟⣱⡿⠋⠀⣠⡾⠋⠀⠀⢀⠀⠀⠀⠉⠻⣷⣄⠸⣿⡷⣿⣇⢸⣿⡿⣿⡄⢯⢄⣀⠀⠀⠈⢻⣦⠀⠀⠁⠀⠀⠀⢂⠀⠂⠀⠀⠄⡑⡀⠀⠁⠒⠀⠊⢐⠀⠀⠀
⣷⡘⣿⡜⣿⣻⣽⣾⢿⣟⣷⣿⣳⡿⣍⢣⣿⡿⢀⣿⣿⣿⣿⣿⣾⡟⠱⠀⣴⡽⠁⠀⠀⠆⣐⣬⣐⠀⠀⠀⠙⣿⡆⢻⣟⣿⡇⢸⣿⣿⢿⡇⠈⠀⣿⣿⡄⠀⠀⠙⣷⡀⠈⠀⠀⠀⠈⢀⣀⠀⠀⢠⠐⠃⠚⠀⠀⠀⠔⢈⠀⠀⠒
⠿⠇⠘⣿⡘⢿⣯⡿⣟⣯⣿⢾⡿⣽⢣⢸⣿⢁⣾⣿⣿⣿⣿⣿⣿⣧⠆⠀⣿⣿⣾⣷⣆⢈⡿⣞⣟⣷⡄⠀⠀⠘⣷⠸⣿⣯⡇⢸⣿⣯⣿⡇⢸⠀⢹⣿⣿⡀⠀⠀⠈⢻⣄⠀⠂⠈⠀⠘⢽⠀⠀⠠⢉⢦⠰⠀⡀⠄⣀⠨⠀⠀⠀
⠀⣴⣧⠘⣿⡌⢿⣟⣿⢯⣿⣟⡿⣝⠆⡿⠃⣼⣿⣿⣿⣿⣿⣿⣿⣿⣸⠈⣿⣿⣿⣿⡿⠀⠹⣯⣛⣯⡆⢸⣯⣄⠙⠀⣿⣟⡇⣾⣿⣽⡿⡇⠘⠁⠀⠻⣿⡇⠀⠀⠄⠀⠹⣆⠀⠀⠀⠀⠈⠜⠁⠀⠨⠠⢉⠔⡁⠊⠄⡘⠀⠀⠈
⠀⢻⣿⣧⡘⣧⠆⢻⣯⣿⣻⣾⢿⡱⢲⢃⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡄⣿⣿⣷⡀⠀⠀⣶⣌⡙⠓⢂⣼⣿⠟⣀⡅⢻⣿⠀⣿⣽⣾⣿⠃⠀⣀⣀⣰⣿⡇⢰⠀⠀⠀⡀⠈⢧⡀⠀⠀⠀⠀⠀⠀⠀⠁⢂⠐⠠⢁⠂⠄⠐⠀⠀
⡩⠀⢿⣿⣷⡈⢟⡄⢹⡿⣽⣛⣮⠃⢡⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣄⠸⣿⣿⣿⣿⣿⡿⢋⣼⣿⡇⢸⡇⢰⣿⣯⣷⣿⠀⠀⢿⣿⣿⣿⠆⠈⢱⠀⠀⢀⠀⠈⠳⡀⠀⠀⠃⠀⠐⠱⠚⠲⠞⠳⠦⠈⠀⠀⠀⠤
⡱⢁⠘⣿⣿⣿⡄⠙⠄⡉⢻⡿⣅⠀⢺⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣟⠻⢿⣷⣌⠻⠿⠟⣫⣴⣿⣿⣿⡇⢸⠃⠈⣿⣽⣷⡇⠀⠀⢸⣿⡾⠟⠀⠀⠈⢆⠀⠀⠀⠄⠀⠱⡄⠀⠠⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣱⠩⡀⠸⣿⡍⠀⣀⠀⠀⠈⢻⠖⠀⠀⠘⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣿⣶⣶⣾⣿⣿⣿⣿⣿⣿⠇⡛⡰⢈⣿⣻⣾⠁⠀⠀⠉⠁⠀⠀⠀⠀⠀⠈⠆⠀⠀⠀⠀⠀⠘⢆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣇⠣⠜⡀⢠⡅⠀⣿⣷⡄⢀⢀⢇⣦⠀⠀⠀⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠂⢁⡏⢸⣟⡞⡟⠀⠀⠀⠀⠀⠀⢀⣀⣤⣶⣾⣿⣿⣿⣶⣤⡀⠀⠈⢦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠸⣹⡐⠡⠀⢠⠀⣿⣿⠿⠆⠀⢞⡦⢯⠐⣦⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⣸⡇⣸⢯⡿⠁⠀⠀⠀⢀⣠⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⠀⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠑⢌⣃⠂⠀⠣⣹⣿⣦⠀⠀⣦⡈⠃⠀⡁⣸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣇⣰⣿⠃⣼⢯⠓⠀⠀⠀⠀⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⡀⠀⠡⠀⠀⠀⠠⡄⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢍⡀⠀⠙⢟⣿⣷⣄⠻⣿⡿⠃⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡏⠀⣯⡜⠀⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠄⠀⠀⠡⣤⣬⣥⣤⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⠠⢘⠶⠁⠀⠀⠀⠀⠀⢹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠋⡠⠁⠬⠁⠀⠀⠀⠀⠀⠀⠸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀⠁⢂⠐⡀⠄
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡟⠁⡴⠋⠀⠁⠀⠀⠀⠀⢰⡇⠀⠀⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠆
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡁⠉⢙⣿⣿⣿⣿⣿⣿⣿⣿⠟⠠⠮⠁⠀⠀⠀⠀⠀⠀⠀⣾⣷⠀⠀⠘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⢂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣶⣯⣿⣿⣿⣿⣿⣿⠟⠀⠀⠂⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⡇⠀⠀⠹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠏⣠⣾⠀⢂⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⢂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠛⠿⠿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡟⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⣿⣿⠀⠀⠀⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠋⣰⣿⣿⠄⠡⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠐⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠲⠖⠢⠀⢌⡉⠙⠛⠛⠛⠛⠛⣁⠤⠀⠀⠀⢀⠀⠀⠀⠀⠀⠀⢀⣼⣿⣿⣿⣿⣿⣇⠀⠀⠸⣿⣿⣿⣿⣿⣿⣿⡿⠁⢸⡿⣿⣿⠀⠈⠡⠀⠀⠰⢄⠢⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⢸⡏⢹⣷⠀⢀⠀⠀⢎⣱⢹⡸⢈⡹⡎⣀⠀⠀⢀⠀⠀⠀⠀⢀⣿⡿⣿⣏⣿⣹⣏⣿⠀⠀⠀⢿⣷⣿⣹⣿⣹⡿⠁⣶⠈⢸⢷⡏⢀⠀⠁⠀⠀⢾⣆⢉⡆⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠸⣤⡑⢨⢇⠲⡩⢆⡣⢄⡀⢂⡀⣠⣼⢿⡷⡿⣯⣟⣷⣻⢯⡿⡇⠀⠀⠸⣧⢿⣽⣾⠏⢁⣾⣻⠀⢈⠻⠀⣞⣧⢦⡄⢸⠢⠁⠀⠈⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⢀⠡⢈⠡⠒⠀⠀⠐⢻⠳⢮⡶⣜⢦⣣⡤⣤⣤⠟⣗⣏⡾⣵⣻⣞⣞⣳⢯⣟⢳⣇⠀⠄⠀⢷⣋⣷⣋⢤⡟⣾⢝⠂⠠⠀⢘⡳⣬⠞⣅⠘⠂⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⠁⠂⠄⢃⠢⢑⢂⡀⠀⠈⣟⡱⣚⢬⠗⣣⠝⣦⢫⠞⡭⣞⡱⢧⡳⣍⢾⡱⣞⢎⣧⢳⠀⠀⠀⢈⠵⣣⢟⢮⢽⡸⠋⠀⢰⣙⠀⢹⣊⠽⣜⠲⡄⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⢁⠘⡨⠄⡊⠔⡂⡔⠀⠀⢎⠱⣘⠪⡹⢡⠛⠴⠋⡞⣱⢣⡝⢬⡓⡭⢎⡵⣌⢏⠶⣩⠇⢈⢠⠈⡞⡵⢎⡳⢎⡑⠁⠀⡸⣜⠀⢠⠓⠞⡬⡱⡈⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠀⠀⢂⠡⢂⠥⡉⢔⡈⠆⢀⠀⠈⠄⠣⢡⢃⠹⡈⠣⠜⢂⢣⠚⡥⡱⡙⡜⢦⡙⢎⡱⢃⠆⠈⠀⠀⡜⡱⢎⡕⠊⢀⠌⠀⠰⡘⡄⠀⢐⠎⢥⠓⡡⠂⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠰⢁⠂⠀⠀⠀⠀⠠⢀⠀⠁⠂⠜⢠⢃⡌⠀⢂⠄⠀⠀⠀⠊⠐⠨⠁⡜⠈⠢⢁⠢⠡⢱⠘⠤⣉⠦⠱⣉⠆⠀⠀⠀⡸⢑⢎⠈⠠⠌⠀⠀⢒⠱⡘⠄⠈⡜⢢⠉⠔⠁⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⠀⠀⠀⠀⠀⠐⠀⡀⢂⠐⠠⡀⠄⡀⠈⠂⠈⠘⡄⢣⢁⡀⠠⠐⠂⠀⠀⠁⠂⠀⠃⠂⠁⠂⠐⠄⠃⠐⠂⠀⠀⠀⠡⠋⠀⠌⠂⠀⠀⡈⠆⢂⠱⠀⡈⠔⢂⠉⡄⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⠀⠈⠄⠐⠈⠄⡁⢂⠐⢀⠈⠐⠤⢈⠱⠀⡔⠠⡀⠄⡀⣀⠂⠡⠌⢂⠡⠒⠰⡀⠄⡀⢀⠠⢀⢂⠉⠀⠀⢀⠂⡘⠠⡁⠀⡐⠈⠔⡈⠰⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠄⠂⠁⠠⠈⠐⠠⠀⠄⡀⠂⡀⠄⡀⢀⠀⠁⠐⠁⠐⠈⠐⡀⠌⠡⠘⠠⢁⠊⠡⠐⡡⠈⠄⢂⠁⠂⠀⠀⠀⠂⠐⠁⠂⠀⠐⢀⠁⠂⠐⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠂⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⡈⢀⠡⠀⠀⢁⠀⠂⠐⠀⠂⠁⢀⠂⠐⢤⠄⡀⠈⠠⠁⠂⠄⡈⠄⠁⡀⠁⠀⠂⠀⠀⠀⠀⠀⠄⠀⠀⡀⠐⠈⠀⠠⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

HELLO HELLO! Here to check out my code, I see !!! 
Sorry if things looks messy, I'm not the best with code organization ^^'
                                                                        - Keychainz ♡
--------------------------------------------------------------------------------------------------------->
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- Title + Favicon -->
    <link rel="shortcut icon" href="../file/cor/miku_x0i1li.png" />
    <title> Homepage </title>
    
    <!-- External CSS 🡻🡻
    | https://keychainz.neocities.org/ext/style.css (CSS for my Main style)
    | https://keychainz.neocities.org/ext/cbox.css  (CSS for my Chatbox)
    | https://keychainz.neocities.org/ext/hover.css (CSS for my Changelogs)
    ----------------------------------------------------------------------------->
    <link rel="stylesheet" href="../ext/style.css" /> 
    <link rel="stylesheet" href="../ext/cbox.css" />
    <link rel="stylesheet" href="../ext/hover.css" />
    
    <!-- External JS 🡻🡻
    | https://keychainz.neocities.org/ext/sparkle.js (JS for cursor Sparkles)
    ----------------------------------------------------------------------------->
    <script src="../ext/sparkle.js"></script>
    
    
    <!-- Internal CSS
    | https://keychainz.neocities.org/ext/sparkle.js (JS for cursor Sparkles)
    ----------------------------------------------------------------------------->
    <style>
    /* ===== Scrollable Fanlistings ===== */
    .fanlist-container {
      display: flex;
      justify-content: center;
      }
    .fanlist {
      width: 182px;
      height: 250px;
      overflow: auto;
      border: 1px;
      padding: 3px;
      }
    /* ===== Scrollable Cliques ===== */
    .web-container {
      display: flex;
      justify-content: center;
      }
    .web {
      width: 182px;
      height: 250px;
      overflow: auto;
      border: 1px;
      padding: 3px;
      }
    </style>
    
    

  </head>
  <body>
        <!-- Changelog Hoverbox -->
        <div id="log">
          <div id="title" style="text-align: center">
            <img src="../file/cor/blue-heart_daf976.gif" width="15" />
            Changelogs
            <img src="../file/cor/blue-heart_daf976.gif" width="15" />
          </div>
          <br />
          <div id="info">
            
            
            
            
            
            <!-- New Update -->
            <mark>2026-04-04</mark>
            <br /><br />
            
            - <a href="links.html">links page</a>: includes: neighbors, resources, masterposts <br />
            - Page Overview on <a href="home.html">Homepage</a><br />
            <br /><hr /><br> <!-------------------------------------------->
            
            <!-- Previous Update -->
            <mark>2026-04-03</mark>
            <br /><br />
            - Hoverable Changelogs <br />
            - <i>Miku's</i> back from her dads! <br />
            - My Timezone clock! <br />
            - Visitor counter <br />
            - Changed site name: <u>keyzforthings</u> to <i>keychainz</i><br />
            - Klefki on <a href="home.html">homepage</a>!<br />
            - Fixed my layout and files<br />
            <br /><hr /><br> <!-------------------------------------------->
            
            
            <!-- Previous Update -->
            <mark>2026-04-01</mark>
            <br /><br />
            - Mild changes to the <a href="../index.html">index</a> <br />
            - Temporarily Closed site: <a href="../april-maintenance.html">April Maintenance</a> <br />
            <br /><hr /><br> <!-------------------------------------------->
            
            <!-- Previous Update -->
            <mark>2026-03-31</mark>
            <br /><br />
            - Moved <a href="worksite.html">worksite</a> from navigator bar <br />
            - Added sitemap to all pages. <br />
            - Changed Hover box into a sitemap.<br />
            <br /><hr /><br> <!-------------------------------------------->
            
            <!-- Previous Update -->
            <mark>2026-03-30</mark>
            <br /><br />
            - New Blog: <a href="../personal-page/blog-iron-lung.html">Iron Lung (2026)</a> <br />
            - Files now hosted on Github<br />
            <br /><hr /><br> <!-------------------------------------------->
            
            <!-- Previous Update -->
            <mark>2026-03-29</mark>
            <br /><br />
            - Temporarily removed <i>Gifypet</i><br />
            - Full update log on <a href="worksite.html">worksite</a><br />
            - To dos on <a href="worksite.html">worksite</a><br />
            - Notes on <a href="worksite.html">worksite</a><br />
            - Fixed broken images <br />
            <br /><hr /><br> <!-------------------------------------------->
            
            <!-- Previous Update -->
            <mark>2026-03-28</mark><br />
            <br />
            - <a href="../not_found.html">404 page</a><br />
            - <a href="../personal-page/blog.html">Blog page</a><br />
            - Onsite chatbox <br />
            - Changelog format on <a href="home.html">homepage</a><br />
            <br /><hr /><br> <!-------------------------------------------->
            
            <!-- Previous Update -->
            <mark>2026-03-27</mark>
            <br /><br />
            - <a href="worksite.html">Worksite page</a><br />
            - More fanlists, cliques & neighbors <br />
            <br /><hr /><br> <!-------------------------------------------->
            
            <!-- Previous Update -->
            <mark>2026-03-26</mark>
            <br /><br />
            - omggg is that a <i>BUTTON</i> to <i>HOTLINK</i> to meee!! omggg! <br />
            - i've adopted my sweets! <i>Bloom</i> & <i>Miku</i> <br />
            - <a href="home.html">Homepage</a><br />
            - HOTLINK button <br />
            - Fanlists, cliques & neighbors<br />
            - <a href="https://gifypet.neocities.org/">Gifypet</a> & <a href="https://www.ginomegelati.de/">Pokemon</a>
            <br /><hr /><br> <!-------------------------------------------->
            
            <!-- Previous Update -->
            <mark>2026-03-23</mark>
            <br /><br />
            - Mild layout change on <a href="../index.html">index</a><br />
            - Removed Guestbook embed on <a href="../index.html">index</a> <br />
            <br /><hr /><br> <!-------------------------------------------->
            <!-- Previous Update -->
            <mark>2026-03-22</mark>
            <br /><br />
            Launched V1 of keyzforthings ! <br />
            - <a href="../index.html">Index page</a> <br />
          </div>
        </div>
        <!----------------------------------------------------------------------------------------------------------------->
    
    
    
    <!-- Timezone -->
    <iframe
      src="https://free.timeanddate.com/clock/iacsqp7s/n145/tlph/fn15/fs16/fc94afff/tct/pct/fti/pl5/pr5/pt10/pb10/tt0/td2/th2/ts1/ta1/tb4"
      width="180"
      height="58"
      style="border-radius: 10px; border: 1px dashed #c3c6e5; background: #f0f5fd; position:fixed;z-index:1339; !important;top:20px;right:10px;"
      title="My Timezone"></iframe>
    <!----------------------------------------------------------------------------------------------------------------->
    
    
    
    <!-- COUNTER -->
    <a
      style="position:fixed;z-index:1339; !important;top:82px;right:10px;"
      href="http://www.snazzyspace.com/generators/viewer-counter/"
      title="SnazzySpace.com Viewer Counter"
      target="_blank"
      ><img
        src="http://www.snazzyspace.com/generators/viewer-counter/counter.php/fid=1775160291/style=0/counter.png"
        border: none;
    /></a>
    <!----------------------------------------------------------------------------------------------------------------->
    
    
    
    <!-- CHATBOX -->
    <div id="cbox">
      <div id="cboxtitle">chatbox</div>
      <div id="cboxdesc">Hello!! Feel free to chat here! (˶&gt;⩊&lt;˶) ₊˚⊹♡</div>
      <iframe
        src="https://www3.cbox.ws/box/?boxid=3553652&boxtag=iLxJyY"
        width="190"
        height="325"
        allow="autoplay"
        title="Onsite Guestbook"
        style="background: transparent; border: none; margin: 0"></iframe>
    </div>
    <!----------------------------------------------------------------------------------------------------------------->
    
    
    
    <!-- Site Title-->
    <div class="container">
      <header class="sitename">
        <img src="https://file.garden/aA2l8ug81GreC0q0/px/miku/x0i1li.png" /><br />
        <img src="../file/cor/blue-heart_daf976.gif" />
        homepage
        <img src="../file/cor/blue-heart_daf976.gif" />
      </header>
      <!----------------------------------------------------------------------------------------------------------------->
      
      
      
      <!-- Start: Left Collumn ------------------------------------------------------------------------------------------->
      <main class="content">
        <section class="column">
          
          
          
          <!---------- Start: Navigation ---------->
          <div class="title">
            <img src="../file/cor/blue-paw_b7454c7.png" width="15" />
            navigation
          </div>
          <div class="overview-container">
            <div class="overview">
              <!-- Navigation -->
              <u>front door</u><br />
              <a href="/index.html">index</a><br />
              <br />
              <u>main-page</u> <br />
              <a href="home.html"> <u>homepage</u></a> <br />
              <a href="links.html"> links</a> <img src="/file/cor/new_N_I_C_E.gif" alt="" /> <br />
              <br />
              <u>personal-page</u> <br />
              blogs <br />
              about me <br />
              boundaries<br />
              <br />
              <u>projects</u> <br />
              artworks <br />
              writing <br />
              
              <!-- Add more above -->
            </div>
          </div>
          <br />
          <!---------- End: Navigation ---------->
          
          
          
          <div class="box">
          <!---------- Start: Webmaster Status ---------->
          <div class="center"><img src="../file/pngs/miku-tilt_htfvjm.png" width="100" /><br /></div>
          <div class="center">
            <!-- Biography -->
            <a href="https://reef.kingdra.net/">mbti</a> // infj + intj <br />
            <link rel="stylesheet" href="https://reef.kingdra.net/font-clique.css" />
            <p>
              <a href="https://reef.kingdra.net" class="font-clique-link"><span class="font-clique">Font</span></a> ♥
              <span style="font-family: TIMES NEW ROMAN">times new roman</span>
            </p>
            <br />
            <!-- Pride Flags -->
            <img src="../file/pngs/unlabeled.png" alt="unlabeled" />
            <img src="../file/pngs/girlboything.png" alt="girlboything" />
            <img src="../file/pngs/queer.png" alt="queer" />
            <img src="../file/pngs/androsexual.png" alt="androsexual" />
            <img src="../file/pngs/aspec.png" alt="aspec" />

            <!-- Add more above -->
          </div>
            <!-------------------------------------------------------------------------------------------->
            
          <!---------- STATUS ---------->
          <br /> <hr> <br>
          <div class="extra">
            <img src="../file/cor/blue-arrows_f1abba1d.gif" width="9" />
            feeling:
            <a href="https://www.imood.com/users/keychainz"
              ><img
                src="https://moods.imood.com/display/uname-keychainz/fg-#94aff/trans-1/imood.gif"
                alt="The current mood of keychainz at www.imood.com"
                style="border: 0px"
            /></a>
            
          </div>
          <div class="extra">
            <img src="../file/cor/blue-arrows_f1abba1d.gif" width="9" />
            rentry: <a href="https://rentry.co/keychainz">.co/keychainz</a>
          </div>
          <div class="extra">
            <img src="../file/cor/blue-arrows_f1abba1d.gif" width="9" />
            launch date: <u>2026-03-22</u>
          </div>
            
          <!---------- STATUS.CAFE ---------->
          <div id="statuscafe">
            <div id="statuscafe-username"></div>
            <div id="statuscafe-content"></div>
          </div>
          <script src="https://status.cafe/current-status.js?name=keychainz" defer></script>
            <!---->
          </div>
          <!-------------------------------------------------------------------------------------------->
          
          <br>
          
          
          <!---------- MAIN STUFF ---------->
        </section>
        <section class="largecolumn">
          <div class="title">
            <img src="../file/cor/blue-heart_daf976.gif" width="15" />
            keychainz
          </div>
          <img
            src="https://file.garden/aA2l8ug81GreC0q0/decors/miku/2518b446f4eb68c4fa5620087233cab3.png"
            alt="miku"
            width="120"
            style="float: right; margin-left: 10px" />
          hello!! I'm keychainz! aka keyz, the main webmaster of this site!
          <br /><br />
          I like doing stuff and making things that distracts me from the painful additions of life.
          <br /><br />
          I've been motivated to attempt making a site of my own when I finished doing
          <a href="https://rentry.co/keychainz">.co/keychainz</a>! I'm only really experienced with basic HTML due to
          toyhouse. Meanwhile with CSS...I uh, copy stuff from different sources then hope for the best.<br /><br />

          <i>Do enjoy your stay here, And don't forget to sign my guestbook before you leave!</i>
          <br><br>
          <!---------- MAINTENANCE ---------->
          <div class="title">
            <img src="../file/cor/blue-heart_daf976.gif" width="15" />
            maintenance status
          </div>
          
          <img
            src="https://file.garden/aA2l8ug81GreC0q0/decors/miku/linestore@OTOIRO_kdt05w"
            width="90"
            style="float: left; margin-right: 10px" />
          
          oh my goddd,, i'm honestly just very happy i'm able to understand the bare minimum of coding in a span of JUST a few weeks.
          <br><br>
          I launched <i>version 1</i> of this site on the <i>22nd of March</i>. As of writing this on 3rd of april, I've finished <a href="/april-maintenance.html">Heavy Maintenance</a>. Seeing the results, I'm quite proud of myself!
          <br><br>
          <i>To see my changelogs, hover over the circle on the top right!</i>
          <br><!--------------><hr>
          
          
          
          <!---------- BUTTONS ---------->
          <br>
          <div style="text-align: center">
            <table style="width: 274px; margin: 0 auto">
              <tbody>
                <tr style="height: 87px">
                  <td style="width: 123px; height: 87px; text-align: center">
                    <a href="https://neocities.org/site/keychainz">
                      <img src="/file/btn/neocities.gif" alt="neocities button" /> </a
                    ><br />
                    follow us on neocities!
                  </td>
                  <td style="width: 135px; height: 87px; text-align: center">
                    <a href="https://keychainz.atabook.org/">
                      <img src="/file/btn/guestbook.gif" alt="guestbook button" /> </a
                    ><br />
                    sign our guestbook!
                  </td>
                </tr>
                <tr style="height: 86px">
                  <td style="width: 123px; height: 86px; text-align: center">
                    <a href="mailto:keyzinbox@outlook.com">
                      <img src="/file/btn/email.gif" alt="email button" /> </a
                    ><br />
                    send us an email
                  </td>
                  <td style="width: 135px; height: 86px; text-align: center">
                    <a href="/file/btn/keyzforthings.png" download="keychainz">
                      <img src="/file/btn/keyzforthings.png" alt="download button" /> </a
                    ><br />
                    click to download <br> my button!
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <!---------- RIGHT COLLUMN ---------->
        </section>
        <section class="column">
          <!----- CLIQUES ----->
          <div class="title">
            <img src="../file/cor/blue-heart_daf976.gif" width="15" />
            Cliques
          </div>
          <div class="web-container">
            <div class="web">
              <div class="center">
                <a href="https://sanguineroyal.com/com/rabbithearted">Rabbit Hearted</a> // Brown Holland Lop <br />
                <a href="https://sanguineroyal.com/com/rabbithearted">
                  <img src="../file/que/rabbithearted_l4yt85.png" alt="Rabbit Hearted"
                /></a>

                <br /><br />

                <a href="https://lockheart.love/collections/cliques">Cringe is Dead</a> // Multipairings, Headcanons
                <br />
                <a href="http://lockheart.love/collections/cliques">
                  <img src="https://file.garden/ZrZSgsrYfQXsO7QH/buttons/lockheartlinksbtn.png" alt="Cringe is Dead"
                /></a>

                <br /><br />

                <a href="https://rice.place/colorclique.html">Colorclique</a> // #89CFF0
                <a href="https://rice.place/colorclique.html">
                  <img src="../file/que/colorclique-BABYBLUE_x621z8.png" alt="Baby Blue"
                /></a>

                <br /><br />

                <i>Keyz</i> is a proud Fujoshi! <br />
                <a href="https://meowbark2000.neocities.org/Cliques/FujoshiWeb"
                  ><img src="../file/que/fujoshi_blue.png"
                /></a>

                <br /><br />
              </div>
            </div>
          </div>
          
          <!---------- FANLISTINGS ---------->
          <div class="title">
            <img src="../file/cor/blue-heart_daf976.gif" width="15" />
            fanlistings
          </div>
          
          <div class="fanlist-container">
            <div class="fanlist">
              <div class="center">
                <!----- Characters ----->
                <a href="https://fanlistings.melankorin.net/vocaloid/">
                  <img src="../file/fan/Hatsune-Miku.png" alt="Hatsune Miku" width="60"
                /></a>
                <a href="https://fan.wings.nu/cinnamoroll/">
                  <img src="../file/fan/Cinnamoroll.png" alt="Cinnamoroll" width="60"
                /></a>
                <a href="https://thirteenthfloor.altervista.org/bunnies/">
                  <img src="../file/fan/Bunnies-&-Rabbits.png" alt="Bunnies & Rabbits" width="60"
                /></a>
                <a href="https://fan.wings.nu/hares/">
                  <img src="../file/fan/Hares-&-Jackrabbits.png" alt="Hares & Jackrabbits" width="60"
                /></a>
                <a href="https://decembergirl.net/bunnies/">
                  <img src="../file/fan/blackrabbits50x50_8.png" width="60"
                /></a>
                <a href="https://edgeofseventeen.altervista.org/rabbits/">
                  <img src="../file/fan/White-Rabbits.png" alt="White Rabbits" width="60"
                /></a>
                <a href="https://gryffindors.com/sarina/web/">
                  <img src="../file/fan/Websurfing.png" alt="Web surfing" width="60"
                /></a>
                <a href="https://roadtonowhere.altervista.org/music/">
                  <img src="../file/fan/Music.png" alt="Music" width="60"
                /></a>
                <a href="https://silent.am/drawing/">
                  <img src="../file/fan/Drawing-&-Painting.png" alt="Drawing" width="60"
                /></a>
                <a href="https://sarennia.net/art/"> <img src="../file/fan/art_n76tjw.png" alt="Art" width="60" /></a>
              </div>
            </div>
          </div>
          <!---->
        </section>
      </main>
      <!--this layout was made by itnerae and i only fiddled with it to match my preference :D !-->
      <footer class="footer">
        <a href="https://rentry.co/keychainz" target="_blank">.co/keychainz</a> © 2026 ⁞ <a href="https://rentry.co/socialkeyz">contacts</a> ⁞ <br />
        <a href="https://itinerae.neocities.org/xmas2025">Layout</a> made by
        <a href="http://itinerae.neocities.org" target="_blank">Itinerae.</a>
      </footer>
    </div>
  </body>
</html>