:root{background-color:#181818;color:#ffffffde;color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (prefers-color-scheme: light){:root{background-color:#f8f8f8;color:#181818}}@font-face{font-family:arcade;src:url(/fonts/arcade.ttf) format("truetype");font-weight:400;font-style:normal}html,body{background:radial-gradient(circle 4000px at center,#fff,#dceafc);font-family:arcade,sans-serif}.App{text-align:center;padding-left:15%;padding-right:15%;margin-left:10%;margin-right:10%}.main-title{font-size:48px;font-weight:600;background:linear-gradient(90deg,#5a5a5a,#00f);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:8%}.section-title{font-size:36px;font-weight:600;background:linear-gradient(90deg,#5a5a5a,#00f);-webkit-background-clip:text;background-clip:text;color:transparent}.main-subtitle{font-size:22px;font-weight:400;background:linear-gradient(90deg,#5a5a5a,#00f);-webkit-background-clip:text;background-clip:text;color:transparent}.App-link{color:#61dafb}.button-container{display:flex;justify-content:center;align-items:center;margin-top:5%;margin-bottom:5%}.button-group{display:flex;gap:10px;margin-top:20px}.main-button{padding:15px 10px 10px;width:153px;height:48px;left:32px;top:32px;color:#fff;font-weight:600;border:none;cursor:pointer;font-size:18px;margin-top:10%;margin-bottom:10%;background-color:#00f;font-family:arcade,sans-serif}.mint-button{padding:15px 10px 10px;width:153px;height:48px;left:32px;top:32px;background-color:#00f;color:#fff;font-weight:600;border:none;cursor:pointer;font-size:16px;font-family:arcade,sans-serif}.secondary-button{padding:15px 10px 10px;width:153px;height:48px;left:32px;top:32px;background-color:transparent;color:#00f;font-weight:600;border:solid 1px #0000ff;cursor:pointer;margin-left:10px;font-family:arcade,sans-serif;font-size:16px;text-transform:uppercase}.popup-wallet-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-wallet-content{background:#fff;padding:40px 0;border-radius:8px;box-shadow:0 4px 6px #0000001a;position:relative;width:80%}.close-wallet-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:16px;cursor:pointer;color:#aaa}.close-wallet-button:hover,.close-wallet-button:focus{color:#000;text-decoration:none;cursor:pointer}.chain-switch-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.chain-switch-modal{background:#fff;padding:20px;border-radius:8px;width:300px;text-align:center;box-shadow:0 4px 6px #0000001a;position:relative}.chain-switch-modal h2{font-size:18px;margin-bottom:10px;color:#333}.chain-switch-modal p{font-size:14px;color:#666;margin-bottom:20px}.alert-text{color:red;background-color:#ffe6e6;border:1px solid #ff9999;padding:10px;border-radius:5px;font-weight:700;text-align:center}.loading-text{font-size:16px;font-weight:400;color:#5a5a5a;margin-top:12%;margin-bottom:12%}.loader{width:30px;aspect-ratio:2;background:radial-gradient(circle closest-side,#5a5a5a 90%,#0000) 0/calc(100%/3) 100% space;clip-path:inset(0 100% 0 0);animation:l1 1s steps(4) infinite;display:flex;justify-content:center;align-items:center;margin:10px auto}@keyframes l1{to{clip-path:inset(0 -34% 0 0)}}.simple-text{font-size:16px;font-weight:400;color:#646262;margin:0}.link{color:#007bff;text-decoration:none}.activity-graph{display:flex;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 0 10px #0000001a;transition:transform .3s ease}.activity-graph:hover{transform:translateY(-10px)}.activity-graph-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.share-buttons{display:flex;justify-content:center;margin-top:10px}.social-icon{margin:0 10px 100px;cursor:pointer}.share-cta{display:flex;justify-content:center;font-size:16px;font-weight:400;color:#646262}.question-mark{cursor:pointer;margin-left:5px;font-size:20px;color:#00f;border:1px solid #0000ff;padding:3px 5px 0 6px}.info-button{cursor:pointer;margin-left:4px;width:22px;height:22px;border-radius:999px;border:1px solid #0000ff;background-color:#fff;color:#00f;font-size:14px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0}.info-button:hover{background-color:#e6f0ff}.popup{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.popup-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;text-align:left;font-size:16px;color:#666}.color-guide{margin-top:20px;display:flex;flex-direction:column;gap:8px}.color-guide-row{display:flex;align-items:center;gap:10px}.color-swatch{width:24px;height:16px;border-radius:3px}.color-label{font-size:14px;color:#333}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.activity-graph-wrapper{display:flex;justify-content:center;align-items:center;height:400px}.svg-export{width:100%;max-width:450px;margin:auto}@media (max-width: 480px){.svg-export{max-width:320px}}.transaction-status{width:100%;align-items:center;margin-top:15px;margin-bottom:15px}.card-section{margin-top:20px;margin-left:10%;margin-right:10%}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.card{flex:1 1 150px;max-width:300px;width:150px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#fff;padding:10px;overflow:hidden;box-sizing:border-box;box-shadow:0 0 10px #0000001a}.card img{margin-top:10px;width:120px;height:120px;flex-shrink:0}.wallet-options-container{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.wallet-options-container>button{width:100%;max-width:260px}footer{margin-top:10%;text-align:center;font-size:14px;color:#5a5a5a}@media only screen and (max-width: 768px){.App{padding-left:10%;padding-right:10%}}@media only screen and (max-width: 480px){.App{margin-left:0%;margin-right:0%}}@media (max-width: 400px){.App{margin-left:0%;margin-right:0%}}.signup-page{min-height:100vh;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:20px}.signup-container{max-width:600px;width:100%;text-align:center;position:relative;overflow:hidden}.signup-title{font-size:48px;font-weight:600;background:linear-gradient(90deg,#5a5a5a,#00f);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:20px;font-family:arcade,sans-serif}.signup-subtitle{font-size:22px;font-weight:400;color:#5a5a5a;margin-bottom:40px;font-family:arcade,sans-serif;display:inline-flex;align-items:center;gap:8px}.signup-bg-icons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.signup-bg-icon{position:absolute;width:30px;height:30px;opacity:1;animation-name:base-square-fade;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.signup-bg-icon-top-left{top:18%;left:8%;animation-delay:0s}.signup-bg-icon-top-right{top:18%;right:8%;animation-delay:-.4s}.signup-bg-icon-bottom-left{bottom:12%;left:18%;animation-delay:-.8s}.signup-bg-icon-bottom-right{bottom:18%;right:14%;animation-delay:-1.2s}.signup-bg-icon-center{top:46%;left:50%;transform:translate(-50%,-50%);animation-delay:-1.6s}.signup-bg-icon-mid-left{top:2%;left:8%;animation-delay:-.2s}.signup-bg-icon-mid-right{top:2%;right:8%;animation-delay:-.6s}.signup-bg-icon-top-center{top:8%;left:50%;transform:translate(-50%);animation-delay:-1s}.signup-bg-icon-pos-1{top:24%;left:22%;animation-delay:-1.4s}.signup-bg-icon-pos-2{top:24%;left:72%;animation-delay:-1.8s}.signup-bg-icon-pos-3{top:14%;left:30%}.signup-bg-icon-pos-4{top:30%;right:20%}.signup-bg-icon-pos-5{top:58%;left:15%;animation-delay:-.3s}.signup-bg-icon-pos-6{top:58%;right:15%;animation-delay:-.9s}.signup-bg-icon-pos-7{bottom:18%;left:40%;animation-delay:-1.3s}.signup-bg-icon-pos-8{bottom:10%;right:25%;animation-delay:-1.7s}@keyframes base-square-fade{0%{opacity:1}to{opacity:0}}.signup-bg-icon-pos-9{bottom:10%;left:10%}.signup-bg-icon-pos-10{bottom:8%;right:8%}.blue-rectangles{position:relative;height:200px;margin:40px 0;display:flex;justify-content:center;align-items:center}.blue-rectangle{background-color:#00f;position:absolute;border-radius:8px;opacity:.85;animation-name:blue-rectangle-pulse;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.rectangle-1{width:120px;height:80px;top:20px;left:50%;transform:translate(-50%) rotate(-15deg);animation-duration:3.2s;animation-delay:-.7s}.rectangle-2{width:100px;height:60px;top:60px;left:50%;transform:translate(-50%) rotate(10deg);animation-duration:4.1s;animation-delay:-1.4s}.rectangle-3{width:80px;height:40px;top:100px;left:50%;transform:translate(-50%) rotate(-5deg);animation-duration:2.7s;animation-delay:-.3s}@keyframes blue-rectangle-pulse{0%,to{opacity:.6}50%{opacity:1}}.signup-content{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:40px;position:relative;z-index:1}.add-miniapp-button{padding:15px 30px;background-color:#00f;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;font-family:arcade,sans-serif;transition:background-color .3s ease;min-width:200px;opacity:1;position:relative;z-index:2}.add-miniapp-button:hover:not(:disabled){background-color:#00f}.add-miniapp-button:disabled{background-color:#666;cursor:not-allowed}.admin-button{padding:10px 20px;background-color:transparent;color:#00f;border:2px solid #0000ff;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;font-family:arcade,sans-serif;transition:all .3s ease}.admin-button:hover{background-color:#00f;color:#fff}.debug-info{margin-top:20px;padding:10px;background-color:#f5f5f5;border-radius:4px;font-size:12px;color:#666}@media (max-width: 768px){.signup-title{font-size:36px}.signup-subtitle{font-size:18px}.blue-rectangles{height:150px}.rectangle-1{width:100px;height:60px}.rectangle-2{width:80px;height:50px}.rectangle-3{width:60px;height:30px}}