:root{font-family:"Press Start 2P";line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url("data:image/svg+xml,%3csvg%20width='300'%20height='300'%20viewBox='0%200%20300%20300'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='300'%20height='300'%20fill='black'/%3e%3crect%20width='300'%20height='300'%20fill='black'/%3e%3crect%20x='1'%20y='1'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='201'%20y='1'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='101'%20y='1'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='1'%20y='201'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='201'%20y='201'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='101'%20y='201'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='1'%20y='101'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='201'%20y='101'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3crect%20x='101'%20y='101'%20width='98'%20height='98'%20stroke='%23B5F49E'%20stroke-width='2'/%3e%3c/svg%3e");background-size:10vw;background-blend-mode:soft-light;background-repeat:repeat;background-position:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{margin:0 auto;padding-left:calc((2.5vh + 2.5vw)/2);padding-right:calc((2.5vh + 2.5vw)/2);display:flex;flex-direction:column;box-sizing:border-box;align-items:center}.content_box{display:flex;flex-direction:column;box-sizing:border-box;min-height:82.5vh;margin:calc((10vh + 10vw)/2) auto 5vh auto;padding:2.5vh 3vw 3vh 3vw;gap:calc((2.5vh + 2.5vw)/2);background:#000000e6;border-radius:2.5vw;box-shadow:0 0 calc((1.5vh + 1.5vw)/2) calc((1.5vh + 1.5vw)/2) #000;-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);align-items:center;z-index:auto}.lable_text{font-size:clamp(10px,calc((1.5vh + 1.5vw)/2),24px)}.content_text{width:100%;font-family:"Press Start 2P";font-style:normal;font-size:clamp(10px,calc((1.5vh + 1.5vw)/2),24px);text-align:left;background-color:#ffffff0c;padding:.5vh .5vw .5vh .5vw;border-radius:.5vw;border:rgb(0,255,179);border-style:dashed;overflow-wrap:anywhere;color:#fff}.button_box{display:flex;flex-direction:column;align-items:center;margin-top:1.5vh}.image{width:calc((5vh + 5vw)/2);height:calc((5vh + 5vw)/2);border:rgb(0,255,179);border-style:groove;border-radius:5px}@media(orientation:landscape){.content_box{width:95vw}}.Button{display:inline-flex;align-items:center;justify-content:center;min-height:max(44px,2.8em);padding:.6em;width:clamp(140px,55vw,260px);max-width:100%;font-family:"Press Start 2P";font-size:clamp(10px,calc((1.5vh + 1.5vw)/2),14px);line-height:1.3;text-align:center;white-space:normal;word-break:break-word;background-color:#0ff;color:#000;border:.15em dashed black;border-radius:.6em;margin:.8em 0;cursor:pointer;transition:background-color .2s ease,transform .15s ease,box-shadow .15s ease}.Button:hover:not(:disabled){background-color:#88c1f6;transform:translateY(-2px)}.Button:active:not(:disabled){transform:translateY(0);color:#f0f8ff}.Button:disabled{background-color:#2f4f4f;opacity:.7;cursor:not-allowed}.menu_option{position:absolute;border-color:#0000;width:calc((5vh + 5vw)/2);height:calc((2.5vh + 2.5vw)/2);left:2.5vw;top:calc((4vh + 4vw)/4);cursor:pointer;z-index:1002;background-color:#0000}.menu_option_image{position:absolute;width:calc((5vh + 5vw)/2);height:calc((2.5vh + 2.5vw)/2);left:0vw;top:0vh;cursor:pointer;z-index:1002}.menu_option:hover .menu_option_image{filter:brightness(1.15) saturate(1.2);transform:translateY(-1px);transition:filter .12s ease,transform .12s ease}.menu_option:hover{transform:scale(1.06);box-shadow:0 6px 18px #00ffb32e,0 0 12px #00ffb30f}.menu_login{display:flex;flex-direction:column;align-items:center;position:absolute;border-color:#0000;width:calc((2.5vh + 2.5vw)/2);height:calc((2.5vh + 2.5vw)/2);right:2.5vw;top:calc((4vh + 4vw)/4);cursor:pointer;z-index:1002;background-color:#0000}.menu_login_image{position:absolute;width:calc((2.5vh + 2.5vw)/2);height:calc((2.5vh + 2.5vw)/2);cursor:pointer;z-index:1002}.menu_login:hover .menu_login_image{filter:brightness(1.15) saturate(1.2);transform:translateY(-1px);transition:filter .12s ease,transform .12s ease}.menu_login:hover{transform:scale(1.06);box-shadow:0 6px 18px #00ffb32e,0 0 12px #00ffb30f}.menu_box{display:flex;flex-direction:column;box-sizing:border-box;position:absolute;width:95vw;height:calc((7.5vh + 7.5vw)/2);left:2.5vw;top:calc((1vh + 1vw)/2);background:#0000;border:calc((.5vh + .5vw)/2) solid rgb(0,255,179);border-radius:calc((2.5vh + 2.5vw)/2);-webkit-backdrop-filter:blur(calc((.5vh + .5vw)/2));backdrop-filter:blur(calc((.5vh + .5vw)/2));align-items:center;z-index:999}.option_box,.login_box{position:fixed;width:fit-content;min-width:15vw;max-width:40vw;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;padding:1.2vh 1.5vw;gap:1vh;background:#f0f8fff2;border-radius:1.5vw;border:2px solid rgb(0,255,179);-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);box-shadow:0 4px 15px #0003;z-index:1001;box-sizing:border-box}.option_box{top:12vh;left:2vw}.login_box{top:12vh;right:2vw}.menu_option_item,.menu_logout_item{width:100%;min-height:45px;padding:12px 16px;font-family:"Press Start 2P",monospace;font-size:12px;text-align:center;text-decoration:none;color:#333;background:#fffc;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;box-sizing:border-box;white-space:nowrap}.menu_option_item:hover{background:#88c1f6;border-color:#00ffb3;transform:translateY(-2px);box-shadow:0 2px 8px #00ffb34d}.menu_logout_item:hover{background:#f68888;border-color:#00ffb3;transform:translateY(-2px);box-shadow:0 2px 8px #00ffb34d}.menu_option_item:active{transform:translateY(0);transition:all .1s ease}.menu_text_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu_text_button{position:absolute;font-family:"Press Start 2P";top:50%;transform:translateY(-50%) scale(1);transition:transform .2s ease;font-size:clamp(14px,4vw,28px);line-height:1.2;color:#fff;background:none;border:none;cursor:pointer;padding:0;-webkit-user-select:none;user-select:none;text-decoration:none}.menu_text_button:hover{text-shadow:0 0 8px #0ff;transform:translateY(-50%) scale(1.05);transition:all .2s ease;color:#fff}.menu_text_button:active{transform:translateY(-50%) scale(.97);opacity:.8}@media(max-width:768px){.option_box{left:5vw;right:5vw;width:auto;max-width:90vw}.menu_option_item{font-size:10px;min-height:40px;padding:8px 12px}}.post_button{position:fixed;display:flex;align-items:center;justify-content:center;width:calc((7.5vh + 7.5vw)/2);height:calc((7.5vh + 7.5vw)/2);right:calc((5vh + 5vw)/2);bottom:2.5vh;border-radius:calc((5vh + 5vw)/2);z-index:1002}.post_image_button{width:calc((7.5vh + 7.5vw)/2);height:calc((7.5vh + 7.5vw)/2);border-radius:calc((5vh + 5vw)/2);z-index:1003;cursor:pointer}.post_button:focus,.post_button:focus-visible{outline:4px auto -webkit-focus-ring-color}.delete_post_button{position:fixed;display:flex;align-items:center;justify-content:center;width:calc((7.5vh + 7.5vw)/2);height:calc((7.5vh + 7.5vw)/2);right:calc((15vh + 15vw)/2);bottom:2.5vh;border-radius:calc((5vh + 5vw)/2);border-color:#0000;z-index:1002}.delete_post_image_button{width:calc((7.5vh + 7.5vw)/2);height:calc((7.5vh + 7.5vw)/2);border-radius:calc((5vh + 5vw)/2);border-color:#0000;z-index:1003;cursor:pointer}.delete_post_button:focus,.delete_post_button:focus-visible{outline:4px auto -webkit-focus-ring-color}.post_form_box{position:fixed;width:95vw;left:2.5vw;top:5vh;min-height:92.5vh;overflow-y:auto;padding:2.5vh 3vw 3vh 3vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;padding:15px 20px;gap:8px;background:#f0f8fff2;border-radius:50px;-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);z-index:1001;box-shadow:0 4px 15px #0003;text-align:center}.post_lable_text{width:100%;max-width:60ch;margin:2.5vh auto 0;font-family:"Press Start 2P";font-style:normal;font-size:clamp(10px,calc((1.5vh + 1.5vw)/2),24px);text-align:center;color:#000;box-sizing:border-box;overflow-wrap:anywhere}.post_text{width:100%;max-width:60ch;margin:2.5vh auto 0;font-family:"Press Start 2P";font-style:normal;font-size:clamp(10px,calc((1.5vh + 1.5vw)/2),24px);text-align:center;color:#000;box-sizing:border-box}.title_area{resize:none;width:90%;height:auto;margin:2.5vh auto 0;font-family:"Press Start 2P";font-style:normal;font-size:clamp(10px,calc((1.5vh + 1.5vw)/2),24px);text-align:left;padding:2.5vh 2.5vw 2.5vh 2.5vw;color:#fff;box-sizing:border-box;background:#00000085;border-radius:1.5vw;overflow-wrap:anywhere}.post_area{resize:none;width:90%;height:auto;height:45vh;margin:2.5vh auto 0;font-family:"Press Start 2P";font-style:normal;font-size:clamp(10px,calc((1.5vh + 1.5vw)/2),24px);text-align:left;padding:2.5vh 2.5vw 0 2.5vw;color:#fff;box-sizing:border-box;background:#00000085;border-radius:1.5vw}.bar_row{display:flex;flex-direction:row;position:relative;align-items:center;gap:1vw}.bar_button,.bar_page{height:calc((5vh + 5vw)/2);width:calc((5vh + 5vw)/2)}.bar_button{cursor:pointer;border:none;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20width='70'%20height='70'%20viewBox='0%200%2070%2070'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='35'%20cy='35'%20r='33.75'%20fill='black'%20stroke='%23B5F49E'%20stroke-width='2.5'/%3e%3c/svg%3e");background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P";font-size:clamp(10px,calc((1.5vh + 1.5vw)/2),24px);color:#fff}.bar_button:hover{transform:scale(1.06)}.bar_page{background-image:url("data:image/svg+xml,%3csvg%20width='70'%20height='70'%20viewBox='0%200%2070%2070'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='35'%20cy='35'%20r='33.75'%20fill='black'%20stroke='%23B5F49E'%20stroke-width='2.5'/%3e%3c/svg%3e");background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P";font-size:clamp(10px,calc((1.5vh + 1.5vw)/2),24px);color:#fff;pointer-events:none}#root{max-width:clamp(1280px,90vw,1920px);margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.form_box{display:flex;flex-direction:column;box-sizing:border-box;width:clamp(100px,82.5vw,1920px);min-height:82.5vh;margin:calc((10vh + 10vw)/2) auto 5vh auto;padding:2.5vh 3vw 3vh 3vw;gap:calc((2.5vh + 2.5vw)/2);background:#ffffffe6;border-radius:2.5vw;box-shadow:0 0 clamp(5px,calc((1vh + 1vw)/2),12px) clamp(5px,calc((1vh + 1vw)/2),12px) #fff;-webkit-backdrop-filter:blur(clamp(5px,calc((.5vh + .5vw)/2),20px));backdrop-filter:blur(clamp(5px,calc((.5vh + .5vw)/2),20px));align-items:center;z-index:auto}.form_button_box{display:flex;flex-direction:column;align-items:center;margin-top:1.5vh}.form_area{display:flex;flex-direction:column;width:var(--form-width);max-width:var(--form-max-width);gap:var(--row-gap);box-sizing:border-box;align-items:stretch;margin-top:1vh}.form_lable{width:100%;max-width:60ch;margin:2.5vh auto 0;font-family:"Press Start 2P";font-style:normal;font-size:clamp(16px,4vw,30px);text-align:center;color:#000;box-sizing:border-box}.form_text{width:100%;max-width:60ch;margin:2.5vh auto 0;font-family:"Press Start 2P";font-style:normal;font-size:clamp(12px,3vw,26px);text-align:center;color:#000;box-sizing:border-box}.info_box{position:fixed;min-width:200px;top:5vh;width:70vw;height:70vh;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;padding:15px 20px;gap:8px;background:#f0f8fff2;border-radius:1.5vw;-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);z-index:1001;box-shadow:0 4px 15px #0003;text-align:center}.input_area{width:clamp(240px,80vw,420px);max-width:100%;min-width:40vw;padding:.7em .8em;margin:1.2vh 0;font-family:"Press Start 2P";font-size:clamp(10px,3.5vw,16px);color-scheme:light dark;border-radius:.6em;border-width:.15em;box-shadow:inset 0 0 .5em #0fa9;outline:none;transition:box-shadow .3s ease;box-sizing:border-box}.input_area:focus{box-shadow:0 0 .4rem #0fa9}.input_area_incorrect{width:clamp(240px,80vw,420px);min-width:40vw;padding:.7em .8em;margin:1.2vh 0;font-family:"Press Start 2P";font-size:clamp(12px,3.5vw,16px);line-height:1.4;border-radius:.6em;border:.15em solid rgb(255,0,0);background-color:#8b0000d9;box-shadow:inset 0 0 .5em #f009;box-sizing:border-box}.input_text{font-size:clamp(12px,3.5vw,16px);line-height:1.4;font-family:"Press Start 2P";font-style:normal;text-align:left;color:#000}.error_message{font-family:"Press Start 2P";font-style:normal;font-size:clamp(12px,3vw,16px);color:#970000}.form_row{display:flex;flex-direction:column;gap:1.5rem;width:100%}.profile_set{gap:2.5vh;overflow-wrap:anywhere}.image_profile{width:clamp(96px,30vw,200px);aspect-ratio:1 / 1;height:auto;border-radius:.5em;border:.4em groove rgb(0,255,179);border-width:.25em}.profile_lable_text{font-family:"Press Start 2P";font-style:normal;font-size:clamp(16px,4vw,30px);text-align:center;color:#fff;box-sizing:border-box}.profile_text{font-family:"Press Start 2P";font-style:normal;font-size:clamp(12px,3vw,20px);line-height:1.4;text-align:left;color:#fff;box-sizing:border-box}.profile_info{display:flex;flex-direction:column;gap:clamp(12px,3vh,32px);padding:clamp(12px,4vw,40px);max-width:1200px;margin:0 auto}.profile_content_align{display:flex;flex-direction:row;box-sizing:border-box}.profile_messages{position:relative;left:0;top:0;margin-top:clamp(16px,4vh,32px);width:50vw;min-height:60vh;background-color:#000000bf;margin:0 auto 5vh;padding:2.5vh 3vw 3vh 3vw;border-radius:2.5vh}.column_profile_info{display:flex;flex-direction:column;box-sizing:border-box;position:relative;width:40vw;height:100%;min-height:60vh;background-color:#0000;border-radius:calc((2.5vh + 2.5vw)/2);padding:2.5vh 3vw 3vh 3vw}.column_user_posts{display:flex;flex-direction:column;box-sizing:border-box;position:relative;width:100%;min-height:60vh;height:100%;gap:2.5vh;padding:2.5vh 3vw 3vh 3vw}.column_space{display:flex;flex-direction:column;box-sizing:border-box;position:relative;width:2.5vw;height:100%;min-height:60vh;background-color:#2f00ff00}.test_row{display:flex;flex-direction:row;box-sizing:border-box;position:relative;width:100%;min-height:60vh;height:auto;background-color:#0000;margin:0 auto 5vh}.form_profile{display:flex;flex-direction:column;box-sizing:border-box;margin-left:0;padding-left:0;width:100%;gap:1.5rem}.input_profile_area{width:clamp(120px,60vw,420px);max-width:40vw;min-width:20vw;padding:.7em .8em;margin:1.2vh 0;font-family:"Press Start 2P";font-size:clamp(10px,3.5vw,16px);color-scheme:light dark;border-radius:.6em;border-width:.15em;box-shadow:inset 0 0 .5em #0fa9;outline:none;transition:box-shadow .3s ease;box-sizing:border-box}.input_profile_area_incorrect{width:40vw;height:2vh;min-height:2vw;color-scheme:light dark;border-radius:1vh;border-width:.25vh;border-color:red;background-color:#8b0000;transition:all .3s ease;outline:none;font-family:"Press Start 2P";box-shadow:inset 0 0 8px #0fac;padding-left:1vw;z-index:1}@media(max-width:768px){.test_row{flex-direction:column}.column_profile_info,.profile_messages{width:100%;min-height:auto}.column_space{display:none}}