<!-------------------------------------------------------------------------------------------------------
⠀⠠⢄⢠⢲⣒⠧⡐⢄⢢⠰⢠⠄⡀⠰⢢⠔⡢⠔⡢⢄⠀⠆⡴⡰⢠⠤⡀⠐⠹⢶⣒⢖⢢⢖⡰⢂⠦⡤⡀⠠⡀⠀⠲⢒⡔⣢⠔⡰⢠⠄⢢⡐⢠⢂⡔⢠⠄⡄⠂⡄⠠⢀⠀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢈⠱⡌⢢⢯⡝⢢⡉⢦⡑⢎⡡⢎⡐⠈⣇⢮⢱⡹⣰⣉⠦⠘⢰⢻⣦⠳⣱⠀⢀⠈⢻⣿⣔⡧⣽⢩⣎⡵⣩⡤⠐⢆⠀⠈⠑⠃⠞⢱⠣⡝⡴⣈⠇⢦⡘⢆⠎⡔⡡⢂⠅⠢⢌⠠⢁⠈⠄⠂⠁⠠⠀⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢠⠣⡜⢣⡛⡌⠧⣜⡡⢚⠥⣚⠤⣊⠄⢺⣬⠳⡼⣱⢎⡼⡀⠀⠑⣾⣧⡳⣍⠀⠣⢄⠘⢿⣾⣵⣻⣜⣷⣣⢿⡵⡈⢧⡀⠃⠜⣠⢂⢄⡉⠐⠹⣌⠧⣘⡍⡜⢢⡱⠌⣌⠑⡠⠒⡈⠄⢂⠡⠈⠄⡐⠀⡈⠀⠁⠀⠀⠀⠀⠀⠀⠀
⢄⡳⡜⢧⡽⣖⡳⣬⢳⡝⣮⣜⡱⢆⠢⢹⣎⡿⡵⢯⣞⡵⡃⢈⣆⠐⢿⣽⡚⣥⠘⣦⡁⠈⢻⣯⣿⢾⣭⣟⣯⢿⣵⡈⢷⡄⢡⠂⡄⠈⠘⠕⣆⣀⠘⠐⠌⡐⠃⠤⠑⡠⠊⠄⡑⠠⠈⠄⠂⢁⠠⠀⠀⠀⠀⠁⠀⠀⠀⠀⠀⠀⠀
⣌⡳⣝⢧⣿⣻⣷⣭⢗⣻⢶⣭⢳⣍⢎⠰⣿⣻⡟⣿⢯⣷⡁⢠⢿⣧⡈⢳⣿⡳⠆⢹⣿⣅⡂⢹⣿⢿⣾⣟⣾⡿⣾⣷⠘⣿⡄⠳⣌⢆⠀⠀⠀⠈⠳⣦⡀⠀⠈⠀⠀⠀⠐⠀⠀⠀⠁⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢢⣟⣼⢻⣷⣿⣷⡿⣿⣽⣳⣯⢷⣎⡎⡄⣿⣷⣿⢿⣻⢾⠁⣸⠘⣿⣷⡄⠻⣧⡟⠀⣿⣿⣦⡀⠙⣿⣿⡾⣿⣽⣿⣽⣆⢸⣿⡄⠹⣞⡕⡀⠀⠀⠀⠀⠙⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣹⢾⡽⣻⣿⣾⡿⣿⣷⣻⣷⢯⣿⢶⡹⠄⣿⣿⢾⣿⢿⣻⠀⣷⡂⣿⣿⣿⠄⠹⣿⣃⠈⣉⣉⣉⣀⠙⣷⣿⢿⣽⣾⣟⣿⡀⢿⣷⡀⠛⣿⣮⣆⠀⠀⠀⠀⠀⠙⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢫⣿⣽⣻⣷⡿⣿⣿⡿⣽⡿⣿⣾⢯⡟⡆⣹⣿⡿⣯⣿⡏⢘⡮⠓⠉⣁⣤⣴⣆⠹⣷⠈⣿⣿⣿⣿⡄⠙⣿⣿⢯⣿⣾⢿⣇⢸⣿⣷⠀⠱⢾⣻⣧⡀⠀⠀⠀⠀⠀⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⣷⡿⣽⣾⢿⣿⣷⣿⢿⣻⣿⢾⡿⣝⠦⢹⣿⣟⣿⣷⠁⢁⣤⣶⣿⣿⣿⣿⣿⣧⠸⡆⢻⣿⣿⣿⣯⣃⠸⣿⡿⣯⣿⡿⣿⠀⣿⣿⡆⠀⠈⠳⣟⣷⡄⠀⠀⠀⠀⠀⠈⢣⡀⠀⠀⠀⢀⠀⠀⠀⠀⡈⠐⠀⠂⠀⠀⠀⠀⠀⠀⠀
⡇⢿⣟⣿⣽⡿⣷⣿⣯⣿⣿⣽⣿⣻⡽⢎⢸⣿⣿⣽⡞⢰⣟⣿⣿⣿⣿⣿⣿⣿⣿⣧⠀⠘⣿⠻⣿⡟⢁⣆⠹⣿⣟⣷⣿⢿⡇⣿⢿⣿⠀⠀⠀⠙⢯⣿⣆⠀⠀⠂⠀⠀⠀⠱⡀⠀⠀⠀⠀⠀⠀⠀⠄⡀⢀⠀⠀⠀⠀⠀⠀⠀⠀
⣿⡸⣿⣏⣿⣹⣿⣷⣿⢿⣾⡿⣾⣿⣹⠇⣸⣿⣷⣿⠁⣾⣿⣿⣿⣿⣿⡿⣁⣿⣿⡿⠇⠀⠀⠀⠀⠀⠉⠏⠀⢹⣿⣏⣿⣿⡇⢹⣿⣿⡇⠀⠀⠀⠀⢿⣹⣇⠀⠀⠀⠆⠀⠀⢱⠀⠀⠀⠀⢀⠀⠰⠆⡀⠀⠀⠀⠀⠰⠀⠀⠀⠀
⢿⣧⢻⣿⣽⣿⣳⣿⣯⣿⣯⣿⣟⣷⣯⠃⣿⣿⣽⡏⣰⣿⣿⣿⣿⡿⢋⣴⡿⠛⠁⣠⣤⠤⠶⠾⠶⣶⣦⣄⠈⠈⣿⣯⣿⣾⡇⢸⣿⣟⣧⠘⣁⠀⠀⠀⠙⣿⣆⠀⠄⠀⠀⠄⠀⢡⠀⠀⠴⠀⠠⠘⡐⡆⠘⠄⡀⠀⠄⠐⠀⠀⠀
⡞⣿⡎⢿⣾⣻⣽⣷⡿⣽⣾⣯⣿⣻⡼⠃⣿⣟⡾⢠⣿⣿⣿⣿⠟⣱⡿⠋⠀⣠⡾⠋⠀⠀⢀⠀⠀⠀⠉⠻⣷⣄⠸⣿⡷⣿⣇⢸⣿⡿⣿⡄⢯⢄⣀⠀⠀⠈⢻⣦⠀⠀⠁⠀⠀⠀⢂⠀⠂⠀⠀⠄⡑⡀⠀⠁⠒⠀⠊⢐⠀⠀⠀
⣷⡘⣿⡜⣿⣻⣽⣾⢿⣟⣷⣿⣳⡿⣍⢣⣿⡿⢀⣿⣿⣿⣿⣿⣾⡟⠱⠀⣴⡽⠁⠀⠀⠆⣐⣬⣐⠀⠀⠀⠙⣿⡆⢻⣟⣿⡇⢸⣿⣿⢿⡇⠈⠀⣿⣿⡄⠀⠀⠙⣷⡀⠈⠀⠀⠀⠈⢀⣀⠀⠀⢠⠐⠃⠚⠀⠀⠀⠔⢈⠀⠀⠒
⠿⠇⠘⣿⡘⢿⣯⡿⣟⣯⣿⢾⡿⣽⢣⢸⣿⢁⣾⣿⣿⣿⣿⣿⣿⣧⠆⠀⣿⣿⣾⣷⣆⢈⡿⣞⣟⣷⡄⠀⠀⠘⣷⠸⣿⣯⡇⢸⣿⣯⣿⡇⢸⠀⢹⣿⣿⡀⠀⠀⠈⢻⣄⠀⠂⠈⠀⠘⢽⠀⠀⠠⢉⢦⠰⠀⡀⠄⣀⠨⠀⠀⠀
⠀⣴⣧⠘⣿⡌⢿⣟⣿⢯⣿⣟⡿⣝⠆⡿⠃⣼⣿⣿⣿⣿⣿⣿⣿⣿⣸⠈⣿⣿⣿⣿⡿⠀⠹⣯⣛⣯⡆⢸⣯⣄⠙⠀⣿⣟⡇⣾⣿⣽⡿⡇⠘⠁⠀⠻⣿⡇⠀⠀⠄⠀⠹⣆⠀⠀⠀⠀⠈⠜⠁⠀⠨⠠⢉⠔⡁⠊⠄⡘⠀⠀⠈
⠀⢻⣿⣧⡘⣧⠆⢻⣯⣿⣻⣾⢿⡱⢲⢃⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡄⣿⣿⣷⡀⠀⠀⣶⣌⡙⠓⢂⣼⣿⠟⣀⡅⢻⣿⠀⣿⣽⣾⣿⠃⠀⣀⣀⣰⣿⡇⢰⠀⠀⠀⡀⠈⢧⡀⠀⠀⠀⠀⠀⠀⠀⠁⢂⠐⠠⢁⠂⠄⠐⠀⠀
⡩⠀⢿⣿⣷⡈⢟⡄⢹⡿⣽⣛⣮⠃⢡⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣄⠸⣿⣿⣿⣿⣿⡿⢋⣼⣿⡇⢸⡇⢰⣿⣯⣷⣿⠀⠀⢿⣿⣿⣿⠆⠈⢱⠀⠀⢀⠀⠈⠳⡀⠀⠀⠃⠀⠐⠱⠚⠲⠞⠳⠦⠈⠀⠀⠀⠤
⡱⢁⠘⣿⣿⣿⡄⠙⠄⡉⢻⡿⣅⠀⢺⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣟⠻⢿⣷⣌⠻⠿⠟⣫⣴⣿⣿⣿⡇⢸⠃⠈⣿⣽⣷⡇⠀⠀⢸⣿⡾⠟⠀⠀⠈⢆⠀⠀⠀⠄⠀⠱⡄⠀⠠⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣱⠩⡀⠸⣿⡍⠀⣀⠀⠀⠈⢻⠖⠀⠀⠘⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣿⣶⣶⣾⣿⣿⣿⣿⣿⣿⠇⡛⡰⢈⣿⣻⣾⠁⠀⠀⠉⠁⠀⠀⠀⠀⠀⠈⠆⠀⠀⠀⠀⠀⠘⢆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣇⠣⠜⡀⢠⡅⠀⣿⣷⡄⢀⢀⢇⣦⠀⠀⠀⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠂⢁⡏⢸⣟⡞⡟⠀⠀⠀⠀⠀⠀⢀⣀⣤⣶⣾⣿⣿⣿⣶⣤⡀⠀⠈⢦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠸⣹⡐⠡⠀⢠⠀⣿⣿⠿⠆⠀⢞⡦⢯⠐⣦⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⣸⡇⣸⢯⡿⠁⠀⠀⠀⢀⣠⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⠀⠀⢣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠑⢌⣃⠂⠀⠣⣹⣿⣦⠀⠀⣦⡈⠃⠀⡁⣸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣇⣰⣿⠃⣼⢯⠓⠀⠀⠀⠀⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⡀⠀⠡⠀⠀⠀⠠⡄⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢍⡀⠀⠙⢟⣿⣷⣄⠻⣿⡿⠃⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡏⠀⣯⡜⠀⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠄⠀⠀⠡⣤⣬⣥⣤⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⠠⢘⠶⠁⠀⠀⠀⠀⠀⢹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠋⡠⠁⠬⠁⠀⠀⠀⠀⠀⠀⠸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠇⠀⠀⠀⠀⠀⠀⠀⠁⢂⠐⡀⠄
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡟⠁⡴⠋⠀⠁⠀⠀⠀⠀⢰⡇⠀⠀⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠆
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡁⠉⢙⣿⣿⣿⣿⣿⣿⣿⣿⠟⠠⠮⠁⠀⠀⠀⠀⠀⠀⠀⣾⣷⠀⠀⠘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⢂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣶⣯⣿⣿⣿⣿⣿⣿⠟⠀⠀⠂⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⡇⠀⠀⠹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠏⣠⣾⠀⢂⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⢂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠛⠿⠿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡟⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⣿⣿⠀⠀⠀⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠋⣰⣿⣿⠄⠡⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠐⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠲⠖⠢⠀⢌⡉⠙⠛⠛⠛⠛⠛⣁⠤⠀⠀⠀⢀⠀⠀⠀⠀⠀⠀⢀⣼⣿⣿⣿⣿⣿⣇⠀⠀⠸⣿⣿⣿⣿⣿⣿⣿⡿⠁⢸⡿⣿⣿⠀⠈⠡⠀⠀⠰⢄⠢⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⢸⡏⢹⣷⠀⢀⠀⠀⢎⣱⢹⡸⢈⡹⡎⣀⠀⠀⢀⠀⠀⠀⠀⢀⣿⡿⣿⣏⣿⣹⣏⣿⠀⠀⠀⢿⣷⣿⣹⣿⣹⡿⠁⣶⠈⢸⢷⡏⢀⠀⠁⠀⠀⢾⣆⢉⡆⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠸⣤⡑⢨⢇⠲⡩⢆⡣⢄⡀⢂⡀⣠⣼⢿⡷⡿⣯⣟⣷⣻⢯⡿⡇⠀⠀⠸⣧⢿⣽⣾⠏⢁⣾⣻⠀⢈⠻⠀⣞⣧⢦⡄⢸⠢⠁⠀⠈⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⢀⠡⢈⠡⠒⠀⠀⠐⢻⠳⢮⡶⣜⢦⣣⡤⣤⣤⠟⣗⣏⡾⣵⣻⣞⣞⣳⢯⣟⢳⣇⠀⠄⠀⢷⣋⣷⣋⢤⡟⣾⢝⠂⠠⠀⢘⡳⣬⠞⣅⠘⠂⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⠁⠂⠄⢃⠢⢑⢂⡀⠀⠈⣟⡱⣚⢬⠗⣣⠝⣦⢫⠞⡭⣞⡱⢧⡳⣍⢾⡱⣞⢎⣧⢳⠀⠀⠀⢈⠵⣣⢟⢮⢽⡸⠋⠀⢰⣙⠀⢹⣊⠽⣜⠲⡄⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⢁⠘⡨⠄⡊⠔⡂⡔⠀⠀⢎⠱⣘⠪⡹⢡⠛⠴⠋⡞⣱⢣⡝⢬⡓⡭⢎⡵⣌⢏⠶⣩⠇⢈⢠⠈⡞⡵⢎⡳⢎⡑⠁⠀⡸⣜⠀⢠⠓⠞⡬⡱⡈⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠀⠀⢂⠡⢂⠥⡉⢔⡈⠆⢀⠀⠈⠄⠣⢡⢃⠹⡈⠣⠜⢂⢣⠚⡥⡱⡙⡜⢦⡙⢎⡱⢃⠆⠈⠀⠀⡜⡱⢎⡕⠊⢀⠌⠀⠰⡘⡄⠀⢐⠎⢥⠓⡡⠂⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠰⢁⠂⠀⠀⠀⠀⠠⢀⠀⠁⠂⠜⢠⢃⡌⠀⢂⠄⠀⠀⠀⠊⠐⠨⠁⡜⠈⠢⢁⠢⠡⢱⠘⠤⣉⠦⠱⣉⠆⠀⠀⠀⡸⢑⢎⠈⠠⠌⠀⠀⢒⠱⡘⠄⠈⡜⢢⠉⠔⠁⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⠀⠀⠀⠀⠀⠐⠀⡀⢂⠐⠠⡀⠄⡀⠈⠂⠈⠘⡄⢣⢁⡀⠠⠐⠂⠀⠀⠁⠂⠀⠃⠂⠁⠂⠐⠄⠃⠐⠂⠀⠀⠀⠡⠋⠀⠌⠂⠀⠀⡈⠆⢂⠱⠀⡈⠔⢂⠉⡄⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⠀⠈⠄⠐⠈⠄⡁⢂⠐⢀⠈⠐⠤⢈⠱⠀⡔⠠⡀⠄⡀⣀⠂⠡⠌⢂⠡⠒⠰⡀⠄⡀⢀⠠⢀⢂⠉⠀⠀⢀⠂⡘⠠⡁⠀⡐⠈⠔⡈⠰⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠄⠂⠁⠠⠈⠐⠠⠀⠄⡀⠂⡀⠄⡀⢀⠀⠁⠐⠁⠐⠈⠐⡀⠌⠡⠘⠠⢁⠊⠡⠐⡡⠈⠄⢂⠁⠂⠀⠀⠀⠂⠐⠁⠂⠀⠐⢀⠁⠂⠐⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠂⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠀⡈⢀⠡⠀⠀⢁⠀⠂⠐⠀⠂⠁⢀⠂⠐⢤⠄⡀⠈⠠⠁⠂⠄⡈⠄⠁⡀⠁⠀⠂⠀⠀⠀⠀⠀⠄⠀⠀⡀⠐⠈⠀⠠⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
--------------------------------------------------------------------------------------------------------->
<!doctype html>
<html lang="en">

<head>

  <!-- ========================================= -->
  <!-- GENERAL SITE CONFIG -->
  <!-- ========================================= -->

  <meta charset="UTF-8" />

  <title>
    k e y c h a i n z˖ ݁♬⋆.˚𝄞
  </title>

  <link rel="shortcut icon" href="asset/x0i1li.png" />



  <!-- ========================================= -->
  <!-- STYLESHEETS -->
  <!-- ========================================= -->

  <link rel="stylesheet" href="css/style.css" />

  <link rel="stylesheet" href="css/index.css" />

  <link href="https://luckyatoll.nekoweb.org/sanriowebring.css" rel="stylesheet" type="text/css" media="all" />



  <!-- ========================================= -->
  <!-- JAVASCRIPTS -->
  <!-- ========================================= -->

  <!-- sparkle cursor -->

  <script src="js/sparkle-lightblue.js"></script>



  <!-- jquery -->

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>



  <!-- tooltips -->

  <script src="js/jquery.style-my-tooltips.js"></script>

  <script src="js/tooltip.js"></script>

</head>

<body>

  <div class="container">

    <!-- ========================================= -->
    <!-- SITE HEADER -->
    <!-- ========================================= -->

    <header class="sitename">

      <a href="./index.html">

        <span>
          k e y c h a i n z
        </span>

      </a>

    </header> <!-- END .sitename -->



    <!-- ========================================= -->
    <!-- NAVIGATION -->
    <!-- ========================================= -->

    <nav class="nav-bar">

      <!-- home -->

      <a href="./index.html">

        <u>home</u>

      </a>



      <!-- ========================================= -->
      <!-- DROPDOWN -->
      <!-- ========================================= -->

      <div class="dropdown">

        <!-- dropdown button -->

        <a href="links.html" class="dropbtn">

          links

        </a>



        <!-- dropdown menu -->

        <div class="dropdown-content">



          <!-- submenu -->

          <div class="submenu">

            <a href="#" class="disabled-link">
              hell
            </a>



            <!-- submenu content -->

            <div class="submenu-content">

              <a href="#" class="disabled-link">
                hole
              </a>

            </div> <!-- END .submenu-content -->

          </div> <!-- END .submenu -->

        </div> <!-- END .dropdown-content -->

      </div> <!-- END .dropdown -->

    </nav> <!-- END .nav-bar -->

    <!-- ========================================= -->
    <!-- MAIN CONTENT -->
    <!-- ========================================= -->

    <main class="content">

      <!-- ========================================= -->
      <!-- LEFT COLUMN -->
      <!-- ========================================= -->

      <section class="column">

        <!-- ========================================= -->
        <!-- STATUS PANEL -->
        <!-- ========================================= -->

        <section class="panel">

          <!-- ========================================= -->
          <!-- WEBSITE / WEBMASTER STATUS -->
          <!-- ========================================= -->

          <div class="title">
            <img src="asset/styling/556f51.gif" width="15" alt="star" />
            My Status
          </div>

          <!-- ========================================= -->
          <!-- BUTTON / BADGE -->
          <!-- ========================================= -->

          <div class="center status-button">

            <a href="asset/users/keychainz.png" download="keychainz"
              title="click to download and host on your own server! ^^">
              <img src="asset/users/keychainz.png" alt="keychainz" />
            </a>

          </div>

          <!-- ========================================= -->
          <!-- LINKS -->
          <!-- ========================================= -->

          <div class="extra">

            <img src="asset/styling/f1abba1d.gif" width="9" alt="" />

            <span class="status-label">
              Links:
            </span>

            <a href="https://rentry.co/keychainz" target="_blank"
              title="i have this as my main link thing. i don't like linktree or carrd. that's the whole reason i made my site </3">
              Rentry.co
            </a>

          </div>

          <!-- ========================================= -->
          <!-- HOSTING -->
          <!-- ========================================= -->

          <div class="extra">

            <img src="asset/styling/f1abba1d.gif" width="9" alt="" />

            <span class="status-label">
              Hosted on:
            </span>

            <a href="https://neocities.org/site/keychainz" target="_blank"
              title="If you add me, tell me so we can be neighbors! :3">
              Neocities
            </a>

          </div>

          <!-- ========================================= -->
          <!-- GUESTBOOK -->
          <!-- ========================================= -->

          <div class="extra">

            <img src="asset/styling/f1abba1d.gif" width="9" alt="" />

            <span class="status-label">
              Guestbook:
            </span>

            <a href="https://keychainz.atabook.org/" target="_blank"
              title="I like getting messages, leave me a message 😚">
              Atabook
            </a>

          </div>

          <!-- ========================================= -->
          <!-- MUSIC -->
          <!-- ========================================= -->

          <div class="extra">

            <img src="asset/styling/f1abba1d.gif" width="9" alt="" />

            <span class="status-label">
              Listening to:
            </span>

            <iframe
              src="https://petracoding.github.io/neocities/widgets/lastfm?center=1&marquee=1&font-family=Times%20New%20Roman&font-size=11px&color=#94afff;&username=keyzlorp&swapPositions=1&delimiter=♡&underline=0"
              style="border: none; width: 200px; height: 20px" title="Currently blasting this song while coding">
            </iframe>

          </div>

          <!-- ========================================= -->
          <!-- MOOD -->
          <!-- ========================================= -->

          <div class="extra">

            <img src="asset/styling/f1abba1d.gif" width="9" alt="" />

            <span class="status-label">
              Feeling:
            </span>

            <a href="https://www.imood.com/users/keychainz" target="_blank" title="how I'm feeling">
              <img src="https://moods.imood.com/display/uname-keychainz/fg-94afff/trans-1/imood.gif" alt="iMood status"
                style="border: none" />
            </a>

          </div>

          <!-- ========================================= -->
          <!-- STATUS CAFE -->
          <!-- ========================================= -->

          <div id="statuscafe">

            <div id="statuscafe-username"></div>

            <div id="statuscafe-content"></div>

          </div>

          <!-- ========================================= -->
          <!-- STATUS CAFE SCRIPT -->
          <!-- ========================================= -->

          <script src="https://status.cafe/current-status.js?name=keychainz" defer>
          </script>

        </section> <!-- END -->

        <!-- ========================================= -->
        <!-- WEBSITE TODO CHECKLIST -->
        <!-- ========================================= -->

        <div class="center todo-counter" style="padding-top: 10px;">
          total: 35 // done: 6
        </div>

        <div class="todo-container">

          <div class="todo">

            <ul class="todo-list">

              <!-- ========================================= -->
              <!-- ADDITIONS -->
              <!-- ========================================= -->

              <li class="todo-category">
                <b>Additions</b>
              </li>

              <li>
                <input type="checkbox">
                music players
              </li>

              <li>
                <input type="checkbox" checked>
                <strike>host all images on site</strike>
              </li>

              <!-- ========================================= -->
              <!-- MAJOR PAGES -->
              <!-- ========================================= -->

              <li class="todo-category">
                <b>Major Pages</b>
              </li>

              <li><input type="checkbox"> bedroom</li>
              <li><input type="checkbox"> bathroom</li>
              <li><input type="checkbox"> passion</li>
              <li><input type="checkbox"> gallery</li>
              <li><input type="checkbox"> lists</li>

              <li>
                <input type="checkbox" checked>
                <strike>homepage</strike>
              </li>

              <!-- ========================================= -->
              <!-- HOMEPAGE -->
              <!-- ========================================= -->

              <li class="todo-category">
                <b>Homepage</b>
              </li>

              <li><input type="checkbox"> credits</li>

              <li>
                <input type="checkbox" checked>
                <strike>links</strike>
              </li>

              <!-- ========================================= -->
              <!-- LISTS -->
              <!-- ========================================= -->

              <li class="todo-category">
                <b>Lists</b>
              </li>

              <li><input type="checkbox"> things i've watched</li>
              <li><input type="checkbox"> things i've played</li>
              <li><input type="checkbox"> things i've went to</li>
              <li><input type="checkbox"> things i'm thankful for</li>

              <!-- ========================================= -->
              <!-- PASSION -->
              <!-- ========================================= -->

              <li class="todo-category">
                <b>Passion</b>
              </li>

              <li><input type="checkbox"> artworks</li>
              <li><input type="checkbox"> aus and headcanons</li>

              <!-- ========================================= -->
              <!-- INFO -->
              <!-- ========================================= -->

              <li class="todo-category">
                <b>Info</b>
              </li>

              <li><input type="checkbox"> OCs</li>

              <!-- ========================================= -->
              <!-- BEDROOM -->
              <!-- ========================================= -->

              <li class="todo-category">
                <b>Bedroom</b>
              </li>

              <li><input type="checkbox"> boundaries</li>
              <li><input type="checkbox"> GPOYs</li>
              <li><input type="checkbox"> kin lists</li>
              <li><input type="checkbox"> shrines page</li>
              <li><input type="checkbox"> dreams page</li>
              <li><input type="checkbox"> window</li>
              <li><input type="checkbox"> lovemail page</li>
              <li><input type="checkbox"> oc x cc</li>

              <!-- ========================================= -->
              <!-- BATHROOM -->
              <!-- ========================================= -->

              <li class="todo-category">
                <b>Bathroom</b>
              </li>

              <li><input type="checkbox"> venting</li>
              <li><input type="checkbox"> freakish thoughts</li>

            </ul>

          </div>

        </div> <!-- END checklist -->

        <!-- ========================================= -->
        <!-- UPDATES SECTION -->
        <!-- ========================================= -->

        <div class="title">
          updates
        </div>

        <div class="center">
          last updated: april 30th, 2026
        </div>

        <div class="logbox-container">

          <div class="logbox">

            <!-- ========================================= -->
            <!-- APRIL 30TH, 2026 -->
            <!-- ========================================= -->

            <div class="update-entry">

              <div class="update-date">
                <b><u>april 30th, 2026</u></b>
              </div>

              <ul class="update-list">
                <li>host all images on site</li>
              </ul>

            </div>

            <hr>

            <!-- ========================================= -->
            <!-- APRIL 28TH, 2026 -->
            <!-- ========================================= -->

            <div class="update-entry">

              <div class="update-date">
                <b><u>april 28th, 2026</u></b>
              </div>

              <ul class="update-list">
                <li>minor adjustments</li>
                <li>tamaNOTchi; teto, neru</li>
              </ul>

            </div>

            <hr>

            <!-- ========================================= -->
            <!-- APRIL 25TH, 2026 -->
            <!-- ========================================= -->

            <div class="update-entry">

              <div class="update-date">
                <b><u>april 25th, 2026</u></b>
              </div>

              <ul class="update-list">
                <li>+2 cliques</li>
                <li>minor edits</li>
              </ul>

            </div>

            <hr>

            <!-- ========================================= -->
            <!-- APRIL 23RD, 2026 -->
            <!-- ========================================= -->

            <div class="update-entry">

              <div class="update-date">
                <b><u>april 23rd, 2026</u></b>
              </div>

              <ul class="update-list">
                <li>+8 fanlistings</li>
                <li>+3 webrings</li>
                <li>graphics</li>
                <li>tamaNOTchi</li>
                <li>chatboxes</li>
                <li>checklists</li>
                <li>tooltips</li>
              </ul>

            </div>

          </div>

        </div> <!-- END updates -->

        <!-- decorative image -->
        <img src="asset/webrings.png" alt="placeholder" width="100%" style="border-radius: 10px;" />

      </section> <!-- END left collumn -->

      <!-- ========================================= -->
      <!-- MIDDLE COLLUMN -->
      <!-- ========================================= -->

      <section class="largecolumn">

        <!-- ========================================= -->
        <!-- 1ST SECTION: WELCOME + LOVELIES -->
        <!-- ========================================= -->

        <div class="welcome-layout">

          <!-- ========================================= -->
          <!-- WELCOME -->
          <!-- ========================================= -->

          <div class="welcome-section">

            <div class="title">

              <img src="asset/styling/3b52e8c.gif" width="10" alt="" />

              Welcome!

            </div>



            <!-- welcome image -->

            <img src="asset/hatsune-miku-hi.gif" width="70" alt="Hatsune Miku" class="welcome-image" />



            <!-- intro -->

            <p>

              <i>Keychainz</i>
              — is a <i>main hub</i> for me to share many of my
              projects, original characters, drawings, and more

            </p>



            <!-- development -->

            <p>

              Development for this site started around
              <i>March 22nd, 2026</i>.

              This will be <i>forever undergoing changes</i>
              to match the things I learn along the way.

            </p>

          </div> <!-- END .welcome-section -->



          <!-- ========================================= -->
          <!-- MY LOVELIES -->
          <!-- ========================================= -->

          <div class="lovelies-section">

            <div class="title">

              <img src="asset/styling/3b52e8c.gif" width="10" alt="" />

              My Lovelies

            </div>



            <div class="center">

              <!-- ========================================= -->
              <!-- TAMA NOTCHI -->
              <!-- ========================================= -->

              <!-- miku -->

              <a href="https://tamanotchi.world/32208c" target="_blank">

                <img src="https://tamanotchi.world/i/32208" alt="Miku tamaNOTchi" title="Miku || Click to feed!" />

              </a>



              <!-- teto -->

              <a href="https://tamanotchi.world/32308c" target="_blank">

                <img src="https://tamanotchi.world/i/32308" alt="Teto tamaNOTchi" title="Teto || Click to feed!" />

              </a>



              <!-- neru -->

              <a href="https://tamanotchi.world/32313c" target="_blank">

                <img src="https://tamanotchi.world/i/32313" alt="Neru tamaNOTchi" title="Neru || Click to feed!" />

              </a>



              <br>



              <!-- ========================================= -->
              <!-- FRIENDS -->
              <!-- ========================================= -->

              <!-- chester -->

              <a href="https://rentry.co/chestsmith" target="_blank">

                <img src="asset/5lfkjx.png" alt="Chester"
                  title="chester || my best homeboy, my best irlbbg, my best pookie bear" />

              </a>


              <!-- twin eroteme -->
              <!-- TODO: add ero's pixel -->

              <a href="https://rentry.co/erxteme" target="_blank">

                <img src="https://file.garden/aA2l8ug81GreC0q0/px/new_N_I_C_E.gif" alt="Eroteme"
                  title="eroteme || fr a real cool twin of mine, was there all the way in my 'mycevious' era :P" />

              </a>



              <!-- burger cat -->

              <a href="https://x.com/topdogvancouv" target="_blank">

                <img src="asset/t0020.gif" alt="burger cat"
                  title="burger cat || i think it's cool that they're a burger cat PaRappa thing" />

              </a>



              <!-- cody -->

              <a href="https://x.com/fr0ztyi" target="_blank">

                <img src="asset/z006.gif" alt="Cody"
                  title="cody || obsessed with his cat mojave wildtraveler content" />

              </a>

            </div> <!-- END .center -->

          </div> <!-- END .lovelies-section -->

        </div> <!-- END .welcome-layout -->

        <!-- ========================================= -->
        <!-- GIFYPET + CLIQUES -->
        <!-- ========================================= -->

        <div class="title">

          <img src="asset/styling/3b52e8c.gif" width="15" alt="" />

          Gifypet and Cliques

        </div>



        <!-- ========================================= -->
        <!-- MAIN LAYOUT -->
        <!-- ========================================= -->

        <div class="gify-layout">

          <!-- ========================================= -->
          <!-- MIKU BOX -->
          <!-- ========================================= -->

          <div class="box">

            <div class="center">

              <iframe class="gifypet-frame"
                src="https://gifypet.neocities.org/pet/pet.html?name=Miku&dob=1775181226&gender=f&element=Water&pet=https%3A%2F%2Ffile.garden%2FaA2l8ug81GreC0q0%2Fdecors%2Fmiku%2F3k4uua.gif&map=https%3A%2F%2Ffile.garden%2FaA2l8ug81GreC0q0%2Fimg%2Fgallery%2F8056a2.png&background=https%3A%2F%2Ffile.garden%2FaA2l8ug81GreC0q0%2Fimg%2Fitinerae%40neocities_s39ua.png&tablecolor=%2352b4ff&textcolor=%234571c9"
                loading="lazy"></iframe>

            </div>

          </div>



          <!-- ========================================= -->
          <!-- CLIQUES -->
          <!-- ========================================= -->

          <div class="cliques-side">

            <div class="cliques-container">

              <div class="cliques">

                <div class="center">

                  <div class="web">

                    <!-- individual cliques -->

                    <p><a href="https://www.garden.cainhurst.org" target="_blank">snergy</a> <img
                        src="asset/Synergy.png" width="11"> materia</p>

                    <p><a href="https://garden.cainhurst.org" target="_blank">girly gamer</a> <img src="asset/girly.png"
                        width="11"> PC</p>

                    <p><a href="https://caffeinated.wings.nu/" target="_blank">caffeination</a> ☕ iced coffee</p>

                    <p><a href="https://meowbark2000.neocities.org/Cliques/FujoshiWeb" target="_blank">keyz</a> is a
                      proud fujoshi!</p>

                    <p><a href="https://lockheart.love/collections/cliques" target="_blank">cringe is dead</a> ♥
                      multipairing</p>

                    <p><a href="https://petrapixel.neocities.org/cliques" target="_blank">love tropes</a> ♥
                      queerplatonic</p>

                    <p><a href="https://sanguineroyal.com/com/rabbithearted" target="_blank">rabbit</a> ♥ brown holland
                      lop</p>

                    <p><a href="https://petrapixel.neocities.org/cliques">gore</a> ♥ cuts & nosebleeds</p>

                    <p><a href="http://aromatic.wings.nu/" target="_blank">aromatic</a> ♥ spring breeze</p>

                    <p><a href="https://reef.kingdra.net/" target="_blank">mbti</a> ♥ infj-a, intj-a</p>

                    <p><a href="https://petrapixel.neocities.org/cliques" target="_blank">youtube</a> ♥ 3FS, charborg
                    </p>

                    <p><a href="https://reef.kingdra.net" target="_blank"><span class="font-clique">font</span></a> ♥
                      times new roman</p>

                    <p><a href="https://rice.place/colorclique.html" target="_blank">colorclique</a> ♥ #89CFF0</p>

                  </div>

                </div>

              </div>

            </div>

          </div>

        </div> <!-- END section 2 -->

        <!-- ========================================= -->
        <!-- FANLISTINGS -->
        <!-- ========================================= -->

        <div class="title">

          <img src="asset/styling/3b52e8c.gif" width="15" alt="" />

          Fanlistings

        </div>



        <section class="fanlistings-grid">

          <!-- stickers -->
          <a href="https://fan.i-heart-you.net/stickers/">
            <img src="asset/listings/stickers.png" alt="stickers" />
          </a>

          <!-- minecraft -->
          <a href="https://fanlistings.melankorin.net/minecraft/">
            <img src="asset/listings/minecraft.png" alt="minecraft" />
          </a>

          <!-- lavender -->
          <a href="https://precious-memory.net/lavender/">
            <img src="asset/listings/lavender.png" alt="lavender" />
          </a>

          <!-- violet -->
          <a href="https://crave.altervista.org/violet" target="_blank">
            <img src="asset/listings/violet.png" alt="violet" />
          </a>

          <!-- blue -->
          <a href="https://totallygirl.net/blue/">
            <img src="asset/listings/blue.png" alt="blue" />
          </a>

          <!-- colors -->
          <a href="https://prettylies.net/colors/">
            <img src="asset/listings/colors.png" alt="colors" />
          </a>

          <!-- pastels -->
          <a href="https://pastels.minty.nu/">
            <img src="asset/listings/pastels.png" alt="pastels" />
          </a>

          <!-- miku -->
          <a href="https://fanlistings.melankorin.net/vocaloid/">
            <img src="asset/listings/hatsune-miku.png" alt="Hatsune Miku" />
          </a>

          <!-- cinnamoroll -->
          <a href="https://fan.wings.nu/cinnamoroll/">
            <img src="asset/listings/cinnamoroll.png" alt="Cinnamoroll" />
          </a>

          <!-- deadpool -->
          <a href="https://naiad.nu/deadpool/">
            <img src="asset/listings/deadpool.png" alt="Deadpool" />
          </a>

          <!-- goats -->
          <a href="https://silent.am/goats/index.php">
            <img src="asset/listings/goats.png" alt="goats" />
          </a>

          <!-- cows -->
          <a href="https://www.into-a-dream.com.ar/cow/index.php">
            <img src="asset/listings/cows.png" alt="cows" />
          </a>

          <!-- rabbits -->
          <a href="https://thirteenthfloor.altervista.org/bunnies/">
            <img src="asset/listings/bunnies.png" alt="bunnies" />
          </a>

          <!-- hares -->
          <a href="https://fan.wings.nu/hares/">
            <img src="asset/listings/hares.png" alt="hares" />
          </a>

          <!-- black rabbits -->
          <a href="https://decembergirl.net/bunnies/">
            <img src="asset/listings/black-rabbits.png" alt="black rabbits" />
          </a>

          <!-- white rabbits -->
          <a href="https://edgeofseventeen.altervista.org/rabbits/">
            <img src="asset/listings/white-rabbits.png" alt="white rabbits" />
          </a>

          <!-- birds -->
          <a href="https://hart.altervista.org/birds/">
            <img src="asset/listings/birds.png" alt="birds" />
          </a>

          <!-- fish -->
          <a href="https://fannish.net/michele/fish/index.php">
            <img src="asset/listings/fish.png" alt="fish" />
          </a>

          <!-- goldfish -->
          <a href="https://thewildrose.org/goldfish/index.php">
            <img src="asset/listings/goldfish.png" alt="goldfish" />
          </a>

          <!-- forests -->
          <a href="https://nature.i-heart-you.net/forests/">
            <img src="asset/listings/forests.png" alt="forests" />
          </a>

          <!-- gardens -->
          <a href="https://in-blue-rain.org/gardens/">
            <img src="asset/listings/gardens.png" alt="gardens" />
          </a>

          <!-- beaches -->
          <a href="https://fan.wings.nu/beaches/index.php">
            <img src="asset/listings/beaches.png" alt="beaches" />
          </a>

          <!-- websurfing -->
          <a href="https://gryffindors.com/sarina/web/">
            <img src="asset/listings/websurfing.png" alt="websurfing" />
          </a>

          <!-- music -->
          <a href="https://roadtonowhere.altervista.org/music/">
            <img src="asset/listings/listening-to-music.png" alt="music" />
          </a>

          <!-- drawing -->
          <a href="https://silent.am/drawing/">
            <img src="asset/listings/drawing-painting.png" alt="drawing" />
          </a>

          <!-- art -->
          <a href="https://sarennia.net/art/">
            <img src="asset/listings/art.png" alt="art" />
          </a>

          <!-- busan -->
          <a href="https://imaginary.nu/busan/">
            <img src="asset/listings/busan.png" alt="busan" />
          </a>

          <!-- squid game -->
          <a href="https://imaginary.nu/squidgame/">
            <img src="asset/listings/squid-game.png" alt="squid game" />
          </a>

          <!-- child’s play -->
          <a href="https://shadow-lord.com/childsplay/">
            <img src="asset/listings/childs-play.png" alt="child’s play" />
          </a>

          <!-- museum -->
          <a href="https://heartdreams.net/museum/">
            <img src="asset/listings/night-at-the-museum.png" alt="museum" />
          </a>

          <!-- matrix -->
          <a href="https://fannish.net/michele/matrix/">
            <img src="asset/listings/the-matrix.png" alt="matrix" />
          </a>

          <!-- jurassic -->
          <a href="https://10-31.net/megan/jurassic/">
            <img src="asset/listings/jurassic-world.png" alt="jurassic park" />
          </a>

        </section> <!-- END section 3 -->

        <!-- ========================================= -->
        <!-- WEBRINGS -->
        <!-- ========================================= -->

        <div class="title">

          <img src="asset/styling/3b52e8c.gif" width="15" alt="" />

          Webrings

        </div>



        <!-- ========================================= -->
        <!-- WEBRING ROW 1 -->
        <!-- ========================================= -->

        <div class="webring-row">

          <!-- IDOLRING -->
          <div class="webring-box">

            <div id="IDOLRING_WIDGET" style="zoom: 92%">

              <link rel="stylesheet" href="https://idolring.nekoweb.org/idolring.css" />

              <script src="https://idolring.nekoweb.org/scripts/blue.js"></script>

              <script>
                document.getElementById("idol_description").innerHTML =
                  "this user loves <b>Hatsune Miku</b> from <u>VOCALOID!</u>";
              </script>

              <script>
                document.getElementById("oshi").style.backgroundImage =
                  "url('asset/f1de74e54.png')";
              </script>

            </div>

          </div>



          <!-- SANRINGO -->
          <div class="webring-box">

            <div class="sanringo cinnamoroll" style="border: 1px dashed #918d84;">

              <a class="title" href="https://luckyatoll.nekoweb.org/sanringo.html" target="_blank"
                title="Sanrio Webring">
                Sanrio Webring
              </a>

              <br>

              <a class="prev" href="https://luckyatoll.nekoweb.org/sanringo.html?action=previous" target="_blank"
                title="previous">
                <img src="https://luckyatoll.nekoweb.org/images/pinkarrow.png">
              </a>

              <img class="character"
                src="https://www.sanrio.co.jp/special/characterranking/2020/assets/img/result/cinnamon.png">

              <a class="next" href="https://luckyatoll.nekoweb.org/sanringo.html?action=next" target="_blank"
                title="next">
                <img src="https://luckyatoll.nekoweb.org/images/pinkarrow.png">
              </a>

              <br>

              <a class="info" href="https://luckyatoll.nekoweb.org/sanringo.html" target="_blank"
                title="go to the webring, here!">
                <u>what's this?</u>
              </a>

            </div>

          </div>

        </div>



        <!-- ========================================= -->
        <!-- WEBRING ROW 2 -->
        <!-- ========================================= -->

        <div class="webring-row">

          <!-- NO AI WEBRING -->
          <div class="webring-box" class="center">

            <map name="win7widget-compact">
              <area href="https://baccyflap.com/noai" target="_blank" shape="rect" coords="0,0,216,29"
                alt="no ai webring" title="no ai webring">
              <area href="https://baccyflap.com/noai/?prv&s=key" target="_top" shape="rect" coords="102,45,199,71"
                alt="previous" title="previous">
              <area href="https://baccyflap.com/noai/?rnd" target="_top" shape="rect" coords="102,81,199,105"
                alt="random" title="random">
              <area href="https://baccyflap.com/noai/?nxt&s=key" target="_top" shape="rect" coords="102,116,199,141"
                alt="next" title="next">
            </map>
            <img usemap="#win7widget-compact" src="https://baccyflap.com/noai/win7widget-compact.gif"
              alt="a Windows 7 style dialog box titled 'The No AI Webring' with a little icon showing a computer chip in a rubbish bin. beside it are three clickable buttons, labeled Previous, Random and Next">
          </div>



          <!-- EMPTY SLOT -->
          <div class="webring-box">

            <!-- insert here -->

          </div>

        </div> <!-- END webrings -->

      </section> <!-- END collumn -->

      <!-- ========================================= -->
      <!-- COMMENTS SECTION -->
      <!-- ========================================= -->

      <section class="column">

        <div class="title">

          <img src="asset/styling/3b52e8c.gif" width="15" alt="" />

          Comments

        </div>



        <!-- ========================================= -->
        <!-- CBOX -->
        <!-- ========================================= -->

        <iframe src="https://www3.cbox.ws/box/?boxid=3553652&boxtag=iLxJyY" frameborder="0" width="100%" height="350"
          class="cbox-frame"></iframe>



        <!-- ========================================= -->
        <!-- RULES -->
        <!-- ========================================= -->

        <div class="rules">

          <p>
            <i>RULES</i><br>
            No NSFW/NSFL topics/pfp's<br>
            No gore topics/pfp's<br>
            No disrespect<br>
          </p>

          <p>
            Pick a pfp, Name urself properly<br>
            And Enjoy your stay!
          </p>

        </div>



        <!-- ========================================= -->
        <!-- DECORATIVE CLUSTERS -->
        <!-- ========================================= -->

        <div class="cliques-container">

          <div class="cliques">

            <div class="center">

              <!-- ========================================= -->
              <!-- ANGEL NUMBER -->
              <!-- ========================================= -->

              <a href="https://angel.valentinely.cc/" target="_blank">

                <img src="asset/angel-number_999.png" alt="999" title="999: Let go of negativity" />

              </a>

              <br> <br>

              <!-- ========================================= -->
              <!-- PIXEL FRIENDS GROUP -->
              <!-- ========================================= -->

              <a href="https://sailorcrystal.net/guardians/" target="_blank">
                <img src="asset/Tuxedo_Kamen.png" alt="Tuxedo Kamen" title="This site is protected by Tuxedo Kamen!" />
              </a>

              <a href="https://ac.kuchiki.net/" target="_blank">
                <img src="asset/Ruby.png" alt="Ruby" title="Ruby" />
              </a>

              <a href="https://ac.kuchiki.net/" target="_blank">
                <img src="asset/Bob.png" alt="Bob" title="Bob" />
              </a>



              <!-- ========================================= -->
              <!-- KATAMARI -->
              <!-- ========================================= -->

              <a href="https://www.garden.cainhurst.org" target="_blank">

                <img src="asset/k15.png" title="Foomin">

                <img src="asset/kball.png" title="Katamari">

              </a>

              <!-- ========================================= -->
              <!-- POKEMON CLIQUES -->
              <!-- ========================================= -->

              <a href="https://www.ginomegelati.de" target="_blank">
                <img src="https://www.yatta-tempel.de/animierte/607gino.gif" style="width: 33px; height: 44px"
                  alt="Bloom" title="Bloom || Click to Adopt one yourself!" />
              </a>

              <a href="https://partypeople.dev/quizzes/partner-pokemon" target="_blank">
                <img src="asset/klefki.png" alt="Klefki" width="70" title="Klefki: collector vibes" />
              </a>

              <br> <br>

              <!-- ========================================= -->
              <!-- OTHER CLIQUES -->
              <!-- ========================================= -->

              <a href="https://oodlecat.neocities.org/" target="_blank">
                <img src="asset/Oops.png" title="fur-bee noo-lah :: naked">
              </a>

              <a href="https://oodlecat.neocities.org/" target="_blank">
                <img src="asset/Husky.png" title="nintendogs fan :: husky" width="40" />
              </a>

            </div>

          </div>

        </div>

      </section> <!-- END right collumn -->

    </main>

    <footer class="footer">

      <a href="https://rentry.co/keychainz" target="_blank">keychainz</a> © 2026

      <br />

      ꒰ <a href="https://itinerae.neocities.org/xmas2025">Layout</a> made by
      <a href="http://itinerae.neocities.org" target="_blank">Itinerae.</a> ꒱

    </footer>

  </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;
        bottom: 20px;
        right: 10px;
        z-index: 1339;
      ">
  </iframe>

  <!-- COUNTER -->
  <a href="http://www.snazzyspace.com/generators/viewer-counter/" target="_blank"
    style="position: fixed; bottom: 82px; right: 10px; z-index: 1339; display: block">
    <img src="http://www.snazzyspace.com/generators/viewer-counter/counter.php/fid=1775160291/style=0/counter.png"
      alt="Site visitor counter displaying number of page views" style="border: none" />
  </a>

</body>

</html>