*{padding:0;margin:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;display:flex;flex-direction:column;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}header{padding:1rem;width:100%;display:flex;flex-direction:column;justify-content:center}header #site-logo{padding:1rem;width:100%;display:flex;flex-direction:column;justify-content:center;filter:drop-shadow(0 0 1em #f7df1eaa)}header h1{padding:3rem;text-align:center;font-size:3.2em;line-height:1.1;display:flex;justify-content:center;filter:none}nav{padding:0 1rem;display:flex;flex-direction:row;justify-content:end;align-items:end}nav ul{display:flex;flex-direction:row;justify-content:end;align-items:end}nav li a{filter:drop-shadow(0 0 3em #646cffaa)}nav a:hover{filter:drop-shadow(0 0 3em #646cffaa)}ul{list-style:none;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:7px}li{margin:1.5px;padding:10px;display:flex;justify-content:center}#app{display:flex;flex-direction:column;max-width:700px;width:100%;margin:1rem;padding:1.5rem;align-items:center;text-align:center}div{display:flex;flex-direction:column;justify-content:center;align-items:center}#intro{flex-direction:row}.collaborate{flex-direction:row;margin:10px;gap:40px}#refresh{display:flex;justify-content:center;margin:.5rem;color:#646cff}#refresh-text{font-size:20px}#user-image{border:1.5px solid #646cffaa;border-radius:25px;margin:30px;width:150px}#user-image:hover{filter:drop-shadow(0 0 .3rem #646cffaa)}.new-user-container{margin:.5rem;padding:2rem;width:100%;max-width:1200px;height:auto;background-color:#646cff0e;border-radius:13px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 18px #2714d342;-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px)}.properties{margin:10px;padding:15px;font-size:20px;border-radius:5px}.user-card{width:100%;min-height:100%;border-radius:4px;background-color:#646cff2c}.dropdown-container{margin:.5rem;padding:2rem;width:100%;max-width:1200px;height:auto;background-color:#646cff0e;border-radius:13px;box-shadow:0 4px 18px #2714d342;-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px)}.dropdown-container li{list-style:none}#dropdown-button{display:flex;justify-content:center;margin:20px;color:#646cff;width:250px;height:50px}.address-username-container{margin:.5rem;padding:2rem;width:100%;max-width:1200px;height:auto;background-color:#646cff0e;border-radius:13px}p{margin:18px}.logo{height:6em;padding:1.5em}.logo:hover{filter:drop-shadow(0 0 2em #f1b0ffe7)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.logo.site{height:140px;padding:1.5em;will-change:filter;transition:filter .3s}.logo.site:hover{filter:drop-shadow(0 0 8px #ff73b2e6) drop-shadow(0 0 8px #d386f7e5) drop-shadow(0 0 8px #f7d47bda)}.logo.collaborate{width:208px;height:208px;gap:10px;margin:10px}button{border-radius:8px;border:1px solid #646cffaa;padding:.6em 1.2em;width:94px;height:39px;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;align-items:center;cursor:pointer;transition:border-color .25s;box-shadow:0 4px 10px #2714d342;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}button:hover{border-color:#646cff;filter:drop-shadow(0 0 3em #646cffaa)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}footer{display:flex;flex-direction:column;margin:0;padding:0}@media (max-width: 768px){#app{padding:1rem}.new-user-container,.dropdown-container,.address-username-container{width:95%;padding:1rem}}@media (max-width: 480px){.new-user-container,.dropdown-container,.address-username-container,#dropdown-button{width:90%;padding:.5rem}}@media (prefers-color-scheme: light){:root{background-color:#f9f9f9;color:#213547}*{color:#213547}a:hover{color:#747bff}#refresh{background-color:#f9f9f9}#refresh-text{color:#000c}.new-user-container{color:#000}}