:root{--primary-color:#1e1e1e;--accent-color:#4f46e5;--background-color:#121212;--card-color:#1c1c1c;--border-color:#2a2a2a;--text-color:#fff;--muted-text:#888;--border-radius:1rem;--transition:0.3s ease}*{padding:0}*,body{margin:0}body{background-color:var(--background-color);font-family:Inter,sans-serif;color:var(--text-color)}.pages,body{padding:2rem}.pages{position:relative}.connect-button-wrapper{position:absolute;top:1rem;right:1rem;z-index:1000}.center-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#121212;color:white;text-align:center;padding:2rem}.swap-container{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;max-width:500px;margin:0 auto;box-shadow:0 0 20px rgba(0,0,0,.3)}.token-input{display:flex;align-items:center;background-color:#2a2a2a;border-radius:.75rem;padding:.75rem 1rem;margin-bottom:1rem;transition:var(--transition);border:1px solid transparent}.token-input:focus-within,.token-input:hover{border-color:var(--accent-color)}.token-input input{flex:1 1;background:transparent;border:none;color:var(--text-color);font-size:1.25rem;outline:none}.token-select{background-color:#333;padding:.4rem .75rem;border-radius:.5rem;margin-left:1rem}.swap-button,.token-select{color:white;border:none;cursor:pointer}.swap-button{width:100%;padding:.75rem;font-size:1rem;font-weight:600;background-color:#4f46e5;border-radius:.75rem;margin-top:1rem;transition:background-color .3s ease}.swap-button:hover:enabled{background-color:#3730a3}.swap-button:disabled{background-color:#3a3a3a;color:#aaa;cursor:not-allowed;opacity:.6}.balance-text{font-size:.8rem;color:var(--muted-text);margin-bottom:.5rem}.connect-button-skeleton{width:140px;height:40px;border-radius:.5rem;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.container-connect-button{background-color:var(--accent-color);border-radius:.75rem;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.container-connect-button:hover{background-color:#3730a3}@media (max-width:768px){h1{font-size:1rem}.pages{position:relative;padding:0}.center-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#121212;color:white;text-align:center;padding:4rem}}