#root{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;background:#000;color:#e0e0e0;font-family:Open Sans,sans-serif}.container{position:relative;padding:2rem;background:#728b7433;border-radius:10px;box-shadow:1px 3px 5px #fff3;max-width:90%;width:90%;transition:background .3s ease,box-shadow .3s ease}.container:hover{background:#728b744d;box-shadow:2px 5px 8px #ffffff4d}.css-714464 option,.css-kaadrb option{background-color:#272c31!important;color:#fff!important}.css-714464 option:hover{background-color:#2b6cb0!important}h1,h2,h3,h4{color:#f0f0f0;font-weight:700;margin-bottom:1rem}input[type=text],input[type=number]{border:1px solid #3a6ea5;border-radius:5px;padding:.5rem;color:#fff;background:#00000080;transition:border-color .3s ease,background-color .3s ease}input[type=text]:focus,input[type=number]:focus{border-color:#5a9ad4;background-color:#0009;outline:none}input::placeholder{color:#b0b0b0}p,span{color:#e0e0e0;margin-bottom:1rem}.box{background:#ffffff1a;border-radius:10px;padding:1rem;box-shadow:0 4px 8px #0000004d;width:100%;box-sizing:border-box;transition:box-shadow .3s ease,transform .3s ease}.box:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000080}@media (max-width: 768px){#root{padding:1rem}.container{padding:1rem;max-width:100%}.box{padding:.5rem}}.token-display{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#ffffff1a;border-radius:10px;box-shadow:0 4px 8px #0000004d;width:100%;max-width:300px;margin:1rem auto;transition:transform .3s ease,box-shadow .3s ease}.token-display:hover{transform:scale(1.05);box-shadow:0 6px 12px #0006}.token-display img{width:100px;height:auto;margin-bottom:1rem}.token-display h3{color:#f0f0f0;margin:.5rem 0;font-size:1.5rem}.token-display p{color:#e0e0e0;margin:.5rem 0;font-size:1rem}button,.chakra-button{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;background-color:#007bff;color:#fff;font-size:1rem;transition:background-color .3s ease,transform .2s ease;cursor:pointer;border:none}button:hover,.chakra-button:hover{background-color:#0056b3;transform:translateY(-2px)}button:active,.chakra-button:active{transform:translateY(1px)}button .chakra-button__content,.chakra-button__label{display:flex;flex-direction:column;justify-content:center;align-items:center}button .chakra-button__content>span{font-size:.85rem}